/*
 * Phan bo sung nho cho ung dung, dung tren nen CSS cua Metronic 9
 * (wwwroot/metronic/css/styles.css). Chi khai bao nhung gi Metronic khong co san.
 */

/* Khoi canh giua cho trang dang nhap và trang thong bao */
.khung-hep {
    width: 100%;
    max-width: 26rem;
    margin-inline: auto;
}

/* Nen thuong hieu cho khoi gioi thieu o trang cong khai va trang dang nhap */
.nen-thuong-hieu {
    background-color: #0b1a33;
    background-image:
        radial-gradient(circle at 12% 18%, rgba(59, 130, 246, 0.55) 0%, transparent 48%),
        radial-gradient(circle at 88% 4%, rgba(139, 92, 246, 0.45) 0%, transparent 42%),
        radial-gradient(circle at 55% 118%, rgba(16, 185, 129, 0.35) 0%, transparent 55%);
}

/* Nhan chu dau ten cong ty o sidebar va thanh dau */
.nhan-thuong-hieu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: var(--radius);
    background-color: var(--primary);
    color: var(--primary-foreground);
    font-size: var(--text-sm);
    font-weight: 600;
    letter-spacing: 0.02em;
    flex-shrink: 0;
}

/* Canh phan tu con len dau truc ngang (khong co trong ban CSS Metronic da bien dich) */
.self-start {
    align-self: flex-start;
}

/* Chan trang luon nam cuoi noi dung ngan */
.kt-footer {
    margin-top: auto;
}

/* Chuoi ma (IP, ma van don, ma tra cuu) dung font don cach */
.chu-ma {
    font-family: var(--font-mono);
}

/* O nhap ma OTP: gian chu de de doc 6 chu so */
.o-otp {
    letter-spacing: 0.4em;
    text-align: center;
    font-size: var(--text-lg);
}

/* Cho phep noi dung dai (thiet bi, ly do, JSON) xuong dong trong bang */
.kt-table td.cho-xuong-dong {
    white-space: normal;
    overflow-wrap: anywhere;
}