/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ===== Thanh điều hướng ===== */
.topbar[b-i5msk6pyxv] {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--line);
}

.bar[b-i5msk6pyxv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    min-height: 60px;
    flex-wrap: wrap;
}

.brand[b-i5msk6pyxv] {
    display: flex;
    align-items: center;
    gap: .6rem;
    color: inherit;
    text-decoration: none;
}

.brand:hover[b-i5msk6pyxv] {
    text-decoration: none;
}

.coin[b-i5msk6pyxv] {
    width: 34px;
    height: 34px;
    flex: none;
    object-fit: contain;
}

.brand-text[b-i5msk6pyxv] {
    display: flex;
    flex-direction: column;
    line-height: 1.15;
}

.brand-text strong[b-i5msk6pyxv] {
    font-size: 1rem;
    letter-spacing: -.01em;
}

.tld[b-i5msk6pyxv] {
    color: var(--gold-deep);
}

.brand-text small[b-i5msk6pyxv] {
    font-size: .71rem;
    color: var(--text-faint);
}

.nav[b-i5msk6pyxv] {
    display: flex;
    gap: .15rem;
    align-items: center;
}

.nav[b-i5msk6pyxv]  a {
    padding: .4rem .7rem;
    border-radius: 999px;
    font-size: .85rem;
    font-weight: 600;
    color: var(--text-dim);
    text-decoration: none;
    white-space: nowrap;
}

.nav[b-i5msk6pyxv]  a:hover {
    color: var(--text);
    background: var(--surface-2);
    text-decoration: none;
}

.nav[b-i5msk6pyxv]  a.active {
    color: var(--gold-deep);
    background: var(--gold-wash);
}

/* ===== Dải khẳng định trang chỉ để tra cứu ===== */
.notice[b-i5msk6pyxv] {
    background: var(--gold-wash);
    border-bottom: 1px solid var(--gold-border);
}

.notice-inner[b-i5msk6pyxv] {
    display: flex;
    align-items: center;
    gap: .7rem;
    flex-wrap: wrap;
    padding: .55rem 0;
    font-size: .8rem;
    color: #5b4d34;
}

.notice-inner strong[b-i5msk6pyxv] {
    color: #3f341f;
}

.notice .badge[b-i5msk6pyxv] {
    flex: none;
    padding: .16rem .55rem;
    border-radius: 999px;
    background: var(--gold-deep);
    color: #fff;
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

/* ===== Chân trang ===== */
.footer[b-i5msk6pyxv] {
    margin-top: 3.5rem;
    padding: 2.25rem 0 3rem;
    border-top: 1px solid var(--line);
    background: var(--surface);
    font-size: .8rem;
    color: var(--text-faint);
}

.foot-grid[b-i5msk6pyxv] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1.75rem;
}

.foot-title[b-i5msk6pyxv] {
    display: block;
    color: var(--text);
    font-size: .82rem;
    margin-bottom: .4rem;
}

.footer p[b-i5msk6pyxv] {
    margin: 0;
    line-height: 1.6;
}

.foot-links[b-i5msk6pyxv] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}

/* Lời nhắc quan trọng, đặt ngay dưới phần giới thiệu để ai cũng đọc được. */
.foot-note[b-i5msk6pyxv] {
    margin-top: .7rem;
    padding-top: .7rem;
    border-top: 1px solid var(--line);
}

.foot-note strong[b-i5msk6pyxv] {
    color: var(--gold-deep);
}

.foot-note-2[b-i5msk6pyxv] {
    margin-top: .5rem;
}

.foot-contact[b-i5msk6pyxv] {
    margin-top: .7rem;
    color: var(--text-dim);
}

@media (max-width: 900px) {
    .bar[b-i5msk6pyxv] {
        padding-block: .6rem;
    }

    .nav[b-i5msk6pyxv] {
        width: 100%;
        overflow-x: auto;
        padding-bottom: .2rem;
    }
}

#blazor-error-ui[b-i5msk6pyxv] {
    color-scheme: light only;
    background: lightyellow;
    color: #222;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-i5msk6pyxv] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-huaol9k87u],
.components-reconnect-repeated-attempt-visible[b-huaol9k87u],
.components-reconnect-failed-visible[b-huaol9k87u],
.components-pause-visible[b-huaol9k87u],
.components-resume-failed-visible[b-huaol9k87u],
.components-rejoining-animation[b-huaol9k87u] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-huaol9k87u],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-huaol9k87u],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-huaol9k87u],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-huaol9k87u],
#components-reconnect-modal.components-reconnect-retrying[b-huaol9k87u],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-huaol9k87u],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-huaol9k87u],
#components-reconnect-modal.components-reconnect-failed[b-huaol9k87u],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-huaol9k87u] {
    display: block;
}


#components-reconnect-modal[b-huaol9k87u] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-huaol9k87u 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-huaol9k87u 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-huaol9k87u 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-huaol9k87u]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-huaol9k87u 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-huaol9k87u {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-huaol9k87u {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-huaol9k87u {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-huaol9k87u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-huaol9k87u] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-huaol9k87u] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-huaol9k87u] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-huaol9k87u] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-huaol9k87u] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-huaol9k87u] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-huaol9k87u 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-huaol9k87u] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-huaol9k87u {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/BieuDo.razor.rz.scp.css */
.page[b-v7yv95tdsr] {
    padding-top: 1.6rem;
}

.page-head[b-v7yv95tdsr] {
    margin-bottom: 1.1rem;
}

.page-head h1[b-v7yv95tdsr] {
    font-size: clamp(1.4rem, 3vw, 1.85rem);
    margin: .25rem 0 .35rem;
}

.page-head p[b-v7yv95tdsr] {
    margin: 0;
    font-size: .88rem;
    max-width: 68ch;
}

.block[b-v7yv95tdsr] {
    margin-top: 2rem;
}

.block-head[b-v7yv95tdsr] {
    display: flex;
    align-items: baseline;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: .8rem;
}

.block-head h2[b-v7yv95tdsr] {
    font-size: 1.08rem;
}

.block-head .faint[b-v7yv95tdsr] {
    font-size: .8rem;
}

.tv-pills[b-v7yv95tdsr] {
    margin-bottom: .9rem;
}

.chart-box[b-v7yv95tdsr] {
    overflow: hidden;
}

.tv[b-v7yv95tdsr] {
    height: min(68vh, 600px);
    min-height: 400px;
}
/* /Components/Pages/Error.razor.rz.scp.css */
.box[b-53yn21ekng] {
    margin: 4rem auto;
    padding: 3rem 2rem;
    text-align: center;
    max-width: 560px;
    display: grid;
    gap: 1rem;
    justify-items: center;
}

code[b-53yn21ekng] {
    background: var(--surface-2);
    padding: .15rem .4rem;
    border-radius: 6px;
    font-size: .85rem;
}
/* /Components/Pages/GiaVangHang.razor.rz.scp.css */
.page[b-smukwfd526] {
    padding-top: 1.4rem;
}

.crumbs[b-smukwfd526] {
    font-size: .78rem;
    color: var(--text-faint);
    margin-bottom: .8rem;
}

.page-head[b-smukwfd526] {
    margin-bottom: 1.1rem;
}

.page-head h1[b-smukwfd526] {
    font-size: clamp(1.5rem, 3.4vw, 2rem);
    margin: .25rem 0 .4rem;
}

.page-head p[b-smukwfd526] {
    margin: 0;
    font-size: .9rem;
    max-width: 70ch;
}

.block[b-smukwfd526] {
    margin-top: 1.6rem;
}

.block-head[b-smukwfd526] {
    display: flex;
    align-items: baseline;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: .8rem;
}

.block-head h2[b-smukwfd526] {
    font-size: 1.05rem;
}

.block-head .faint[b-smukwfd526] {
    font-size: .8rem;
}

.two-col[b-smukwfd526] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.1rem;
}

.pad[b-smukwfd526] {
    padding: 1.3rem 1.4rem;
}

.pad h1[b-smukwfd526], .pad h2[b-smukwfd526] {
    font-size: 1.05rem;
    margin-bottom: .6rem;
}

.pad p[b-smukwfd526] {
    font-size: .89rem;
    line-height: 1.65;
    margin: 0 0 .8rem;
}

.pad strong[b-smukwfd526] {
    color: var(--text);
}

.pad .gold[b-smukwfd526] {
    color: var(--gold-deep);
}

.dealer-links[b-smukwfd526] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}
/* /Components/Pages/Home.razor.rz.scp.css */
.page[b-fdqehajshf] {
    padding-top: 1.6rem;
}

.alert[b-fdqehajshf] {
    border: 1px solid #f6d0c8;
    background: #fdeeeb;
    color: #9c2d1c;
    border-radius: var(--radius-sm);
    padding: .75rem 1rem;
    font-size: .85rem;
    margin-bottom: 1.25rem;
}

.block[b-fdqehajshf] {
    margin-top: 1.4rem;
}

.block-head[b-fdqehajshf] {
    display: flex;
    align-items: baseline;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: .8rem;
}

.block-head h2[b-fdqehajshf] {
    font-size: 1.08rem;
}

.block-head .faint[b-fdqehajshf] {
    font-size: .8rem;
}

/* ===== Khối mở đầu ===== */
.hero[b-fdqehajshf] {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 1fr);
    gap: 1.4rem;
    align-items: stretch;
}

.lead[b-fdqehajshf] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding-top: .2rem;
}

.lead h1[b-fdqehajshf] {
    font-size: clamp(1.5rem, 3.1vw, 2.1rem);
    line-height: 1.22;
    max-width: 22ch;
    margin: .2rem 0 .35rem;
}

.price-row[b-fdqehajshf] {
    display: flex;
    align-items: baseline;
    gap: .6rem;
    flex-wrap: wrap;
}

/* Mũi tên và mức thay đổi lấy màu theo chiều biến động của cả hàng. */
.price-row.up .arrow[b-fdqehajshf],
.price-row.up .delta[b-fdqehajshf] {
    color: var(--up);
}

.price-row.down .arrow[b-fdqehajshf],
.price-row.down .delta[b-fdqehajshf] {
    color: var(--down);
}

.arrow[b-fdqehajshf] {
    font-size: 1.6rem;
    line-height: 1;
}

.delta[b-fdqehajshf] {
    font-size: 1.05rem;
    font-weight: 700;
}

.summary-line[b-fdqehajshf] {
    margin: .7rem 0 0;
    font-size: .88rem;
    color: var(--text-dim);
    line-height: 1.6;
    max-width: 62ch;
}

.summary-line strong[b-fdqehajshf] {
    color: var(--text);
}

.summary-line strong.up[b-fdqehajshf] {
    color: var(--up);
}

.summary-line strong.down[b-fdqehajshf] {
    color: var(--down);
}

.price[b-fdqehajshf] {
    font-size: clamp(2.6rem, 6vw, 3.7rem);
    font-weight: 800;
    letter-spacing: -.03em;
    line-height: 1;
}

.price-unit[b-fdqehajshf] {
    font-size: .95rem;
    font-weight: 600;
    color: var(--text-faint);
}

.change-row[b-fdqehajshf] {
    display: flex;
    align-items: center;
    gap: .55rem;
    flex-wrap: wrap;
    font-size: .84rem;
    margin-top: .35rem;
}

/* Bốn mốc giá: một hàng riêng, trải hết chiều ngang ngay dưới phần đầu trang. */
.stats[b-fdqehajshf] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .9rem 1.2rem;
    margin-top: 1rem;
    padding: 1.05rem 1.15rem;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface);
}

.stats > div[b-fdqehajshf] {
    display: grid;
    gap: .12rem;
}

.stats .num[b-fdqehajshf] {
    font-size: 1.02rem;
    font-weight: 700;
    /* Ô hẹp thì để đơn vị rơi xuống dòng dưới, đừng tràn ra ngoài thẻ. */
    text-wrap: pretty;
}

/* Dòng quy đổi ra tiền Việt, nhẹ hơn dòng USD ở trên để không tranh chỗ. */
.stats .alt[b-fdqehajshf] {
    font-size: .82rem;
    font-weight: 600;
    color: var(--gold-deep);
}

/* Đơn vị đi kèm con số, viết nhỏ để con số vẫn là phần đọc trước. */
.stats .su[b-fdqehajshf] {
    font-size: .68rem;
    font-weight: 600;
    color: var(--text-faint);
    letter-spacing: .01em;
}

.source-note[b-fdqehajshf] {
    margin: .8rem 0 0;
    font-size: .74rem;
    line-height: 1.5;
/*    max-width: 100ch;*/
}

/* ===== Thẻ quy đổi nền tối ===== */
.convert[b-fdqehajshf] {
    background: var(--ink);
    color: var(--ink-text);
    border-radius: var(--radius);
    padding: 1.3rem 1.4rem 1.15rem;
    display: flex;
    flex-direction: column;
}

.convert .eyebrow[b-fdqehajshf] {
    color: var(--ink-dim);
}

.convert .big[b-fdqehajshf] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
    margin-top: .5rem;
}

.convert .big .num[b-fdqehajshf] {
    font-size: clamp(2.1rem, 4.4vw, 2.7rem);
    font-weight: 800;
    letter-spacing: -.025em;
    line-height: 1;
    color: var(--gold-line);
}

.convert .unit[b-fdqehajshf] {
    font-size: .84rem;
    font-weight: 600;
    color: var(--ink-dim);
}

.formula[b-fdqehajshf] {
    margin: .5rem 0 1rem;
    font-size: .76rem;
    color: var(--ink-dim);
}

.rows[b-fdqehajshf] {
    margin: 0;
    display: grid;
    gap: .1rem;
    border-top: 1px solid var(--ink-line);
    padding-top: .7rem;
}

.rows > div[b-fdqehajshf] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: .3rem 0;
    font-size: .84rem;
}

.rows dt[b-fdqehajshf] {
    color: var(--ink-dim);
}

.rows dd[b-fdqehajshf] {
    margin: 0;
    font-weight: 600;
}

.rows .highlight[b-fdqehajshf] {
    border-top: 1px solid var(--ink-line);
    border-bottom: 1px solid var(--ink-line);
    margin: .25rem 0;
    padding: .5rem 0;
}

.rows .highlight dt[b-fdqehajshf] {
    color: var(--ink-text);
}

.rows .highlight dd[b-fdqehajshf] {
    color: var(--gold-line);
    font-weight: 700;
}

/* Đẩy xuống đáy thẻ: thẻ cao bằng cột chữ bên trái nên phần dưới sẽ trống nếu không neo. */
.note[b-fdqehajshf] {
    margin: .9rem 0 0;
    padding-top: .6rem;
    font-size: .72rem;
    color: #7d776f;
    line-height: 1.5;
}

.convert .note[b-fdqehajshf] {
    margin-top: auto;
}

/* ===== Dải cuối trang ===== */
.bottom[b-fdqehajshf] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 1fr);
    gap: 1.4rem;
    align-items: start;
}

.units .sub[b-fdqehajshf] {
    text-transform: none;
}

.guide[b-fdqehajshf] {
    background: var(--gold-wash);
    border: 1px solid var(--gold-border);
    border-radius: var(--radius);
    padding: 1.25rem 1.35rem;
}

.guide .eyebrow[b-fdqehajshf] {
    color: var(--gold-deep);
}

.guide p[b-fdqehajshf] {
    margin: .7rem 0 0;
    font-size: .85rem;
    color: #5b4d34;
    line-height: 1.62;
}

.guide strong[b-fdqehajshf] {
    color: #3f341f;
}

.guide em[b-fdqehajshf] {
    font-style: normal;
    border-bottom: 1px dashed var(--gold);
}

.guide a[b-fdqehajshf] {
    display: inline-block;
    margin-top: .9rem;
    font-size: .84rem;
    font-weight: 600;
}

.skeleton[b-fdqehajshf] {
    padding: 3.5rem;
    text-align: center;
    color: var(--text-faint);
}

@media (max-width: 940px) {
    .hero[b-fdqehajshf], .bottom[b-fdqehajshf] {
        grid-template-columns: 1fr;
    }

    .lead h1[b-fdqehajshf] {
        max-width: none;
    }

    .stats[b-fdqehajshf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-top: 1rem;
    }
}
/* /Components/Pages/KienThuc.razor.rz.scp.css */
.page[b-hdvnadk5bm] {
    padding-top: 1.6rem;
}

.page-head[b-hdvnadk5bm] {
    margin-bottom: 1.1rem;
}

.page-head h1[b-hdvnadk5bm] {
    font-size: clamp(1.4rem, 3vw, 1.85rem);
    margin: .25rem 0 .35rem;
}

.page-head p[b-hdvnadk5bm] {
    margin: 0;
    font-size: .88rem;
    max-width: 68ch;
}

.block[b-hdvnadk5bm] {
    margin-top: 2rem;
}

.block-head[b-hdvnadk5bm] {
    margin-bottom: .8rem;
}

.block-head h2[b-hdvnadk5bm] {
    font-size: 1.08rem;
}

.pad[b-hdvnadk5bm] {
    padding: 1.25rem 1.35rem;
}

.pad h3[b-hdvnadk5bm] {
    font-size: .96rem;
    color: var(--gold-deep);
    margin-bottom: .5rem;
}

.pad p[b-hdvnadk5bm] {
    font-size: .87rem;
    margin: .8rem 0 0;
    line-height: 1.62;
}

.grid .pad p[b-hdvnadk5bm] {
    margin-top: 0;
}

.formula[b-hdvnadk5bm] {
    margin: 0;
    padding: .9rem 1.05rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--gold-border);
    background: var(--gold-wash);
    color: var(--gold-deep);
    font-weight: 600;
    font-size: .95rem;
}

.grid[b-hdvnadk5bm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 1rem;
}

/* Cột mô tả đọc tự nhiên hơn khi căn trái, khác với các cột số. */
table.data th:last-child[b-hdvnadk5bm],
table.data td:last-child[b-hdvnadk5bm] {
    text-align: left;
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.box[b-g7n3387dky] {
    margin: 4rem auto;
    padding: 3rem 2rem;
    text-align: center;
    max-width: 520px;
    display: grid;
    gap: 1rem;
    justify-items: center;
}
/* /Components/Pages/QuyDoi.razor.rz.scp.css */
.page[b-nas599ft2g] {
    padding-top: 1.4rem;
}

.crumbs[b-nas599ft2g] {
    font-size: .78rem;
    color: var(--text-faint);
    margin-bottom: .8rem;
}

.page-head[b-nas599ft2g] {
    margin-bottom: 1.1rem;
}

.page-head h1[b-nas599ft2g] {
    font-size: clamp(1.5rem, 3.4vw, 2rem);
    margin: .25rem 0 .4rem;
}

.page-head p[b-nas599ft2g] {
    margin: 0;
    font-size: .9rem;
    max-width: 70ch;
}

.block[b-nas599ft2g] {
    margin-top: 1.6rem;
}

.block-head[b-nas599ft2g] {
    display: flex;
    align-items: baseline;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: .8rem;
}

.block-head h2[b-nas599ft2g] {
    font-size: 1.05rem;
}

.block-head .faint[b-nas599ft2g] {
    font-size: .8rem;
}

.two-col[b-nas599ft2g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.1rem;
}

.pad[b-nas599ft2g] {
    padding: 1.3rem 1.4rem;
}

.pad h1[b-nas599ft2g], .pad h2[b-nas599ft2g] {
    font-size: 1.05rem;
    margin-bottom: .6rem;
}

.pad p[b-nas599ft2g] {
    font-size: .89rem;
    line-height: 1.65;
    margin: 0 0 .8rem;
}

.pad strong[b-nas599ft2g] {
    color: var(--text);
}

.pad .gold[b-nas599ft2g] {
    color: var(--gold-deep);
}

.dealer-links[b-nas599ft2g] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

/* ===== Công cụ nhập khối lượng ===== */
.tool[b-nas599ft2g] {
    display: grid;
    gap: 1.1rem;
}

.inputs[b-nas599ft2g] {
    display: grid;
    grid-template-columns: minmax(120px, .8fr) minmax(150px, 1fr) minmax(220px, 1.5fr);
    gap: .8rem;
}

.inputs label[b-nas599ft2g] {
    display: grid;
    gap: .35rem;
    /* Ô lưới mặc định không co nhỏ hơn nội dung bên trong. Thiếu dòng này, ô chọn
       "Áp dụng giá" bị kéo rộng bằng option dài nhất (hơn 500px) và đẩy tràn cả trang. */
    min-width: 0;
}

.field[b-nas599ft2g] {
    width: 100%;
    min-width: 0;
}

.inputs span[b-nas599ft2g] {
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--text-faint);
    font-weight: 700;
}

.result[b-nas599ft2g] {
    border-top: 1px solid var(--line-soft);
    padding-top: 1rem;
    display: grid;
    gap: .2rem;
}

.money[b-nas599ft2g] {
    font-size: clamp(1.6rem, 4.5vw, 2.3rem);
    font-weight: 800;
    color: var(--gold-deep);
}

.result .sub[b-nas599ft2g] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    font-size: .84rem;
    color: var(--text-dim);
}

.note[b-nas599ft2g] {
    margin-top: .8rem;
    font-size: .8rem;
    max-width: 80ch;
}

@media (max-width: 720px) {
    .inputs[b-nas599ft2g] {
        grid-template-columns: 1fr 1fr;
    }

    .inputs label:last-child[b-nas599ft2g] {
        grid-column: 1 / -1;
    }

    /* Bảng chỉ có ba cột nên vừa được màn hình hẹp sau khi thu đệm ngang;
       không cần bắt người đọc kéo ngang như bảng nhiều cột. */
    table.data th[b-nas599ft2g],
    table.data td[b-nas599ft2g] {
        padding-left: .45rem;
        padding-right: .45rem;
    }

    table.data td[b-nas599ft2g] {
        font-size: .84rem;
    }

    table.data th:first-child[b-nas599ft2g],
    table.data td:first-child[b-nas599ft2g] {
        padding-left: .8rem;
    }

    table.data th:last-child[b-nas599ft2g],
    table.data td:last-child[b-nas599ft2g] {
        padding-right: .8rem;
    }
}
/* /Components/Pages/SoDoTrang.razor.rz.scp.css */
.map-grid[b-9728pekg6e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1rem;
    align-items: start;
}

.map-card .card-head[b-9728pekg6e] {
    margin-bottom: 0;
}

.map-list[b-9728pekg6e] {
    list-style: none;
    margin: 0;
    padding: .25rem 1.15rem 1.15rem;
}

.map-list li + li[b-9728pekg6e] {
    margin-top: .8rem;
    padding-top: .8rem;
    border-top: 1px solid var(--line);
}

.map-list a[b-9728pekg6e] {
    font-weight: 600;
    font-size: .93rem;
}

/* Câu mô tả dưới mỗi liên kết, giúp người đọc chọn đúng trang mà không phải bấm thử. */
.map-desc[b-9728pekg6e] {
    display: block;
    margin-top: .2rem;
    font-size: .8rem;
    line-height: 1.5;
    color: var(--text-faint);
}
/* /Components/Shared/DealerTable.razor.rz.scp.css */
.dealer[b-ur5fmp37sg] {
    display: flex;
    align-items: center;
    gap: .65rem;
}

.mark[b-ur5fmp37sg] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 30px;
    flex: none;
    border-radius: 7px;
    color: #fff;
    font-size: .6rem;
    font-weight: 800;
    letter-spacing: .01em;
}

.who[b-ur5fmp37sg] {
    display: grid;
    line-height: 1.25;
}

.who strong[b-ur5fmp37sg] {
    font-size: .89rem;
    font-weight: 600;
}

.who small[b-ur5fmp37sg] {
    font-size: .72rem;
    color: var(--text-faint);
}

/* Giờ cửa hàng niêm yết, khác với giờ trang đọc dữ liệu. */
.quoted[b-ur5fmp37sg] {
    color: var(--gold-deep);
}

/* Đánh dấu dòng lấy lại từ bảng tổng hợp bên ngoài, không phải từ hệ thống của hãng. */
.via[b-ur5fmp37sg] {
    opacity: .75;
    font-style: italic;
}

.strong[b-ur5fmp37sg] {
    font-weight: 700;
}

/* Chênh lệch mua - bán là chi phí, không phải chiều tăng giảm nên để màu trung tính. */
.spread[b-ur5fmp37sg] {
    color: var(--text-dim);
}

/* Đơn vị đi kèm ngay sau con số để không ai phải đoán "4,00" là bao nhiêu tiền. */
.unit[b-ur5fmp37sg] {
    margin-left: .28rem;
    font-size: .72em;
    font-weight: 400;
    color: var(--text-faint);
}

.empty[b-ur5fmp37sg] {
    padding: 2.5rem 1.25rem;
    text-align: center;
    color: var(--text-faint);
    margin: 0;
    font-size: .88rem;
}

.card-foot em[b-ur5fmp37sg] {
    font-style: normal;
    color: var(--text-dim);
}

/* Sáu cột không vừa màn hình điện thoại. Thay vì bắt người đọc kéo ngang,
   mỗi dòng thành một thẻ: tên đơn vị ở trên, các mức giá đẩy xuống dưới. */
@media (max-width: 720px) {
    .table-wrap[b-ur5fmp37sg] {
        overflow-x: visible;
    }

    table.data thead[b-ur5fmp37sg] {
        display: none;
    }

    table.data[b-ur5fmp37sg],
    table.data tbody[b-ur5fmp37sg],
    table.data td[b-ur5fmp37sg] {
        display: block;
    }

    table.data tr[b-ur5fmp37sg] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .6rem .9rem;
        padding: .9rem 1rem 1rem;
        border-bottom: 1px solid var(--line-soft);
    }

    table.data tbody tr:last-child[b-ur5fmp37sg] {
        border-bottom: none;
    }

    table.data td[b-ur5fmp37sg] {
        padding: 0;
        border-bottom: none;
        text-align: left;
    }

    /* Tên đơn vị chiếm trọn chiều ngang và làm tiêu đề cho cả thẻ. Dòng mô tả
       sản phẩm ở đây khá dài nên phải cho xuống hàng thay vì tràn ngang. */
    table.data td:first-child[b-ur5fmp37sg] {
        grid-column: 1 / -1;
        padding-bottom: .7rem;
        border-bottom: 1px solid var(--line-soft);
        white-space: normal;
    }

    .who[b-ur5fmp37sg] {
        min-width: 0;
    }

    /* Mất hàng tiêu đề nên mỗi con số phải tự mang tên cột của nó. */
    table.data td[data-label][b-ur5fmp37sg]::before {
        content: attr(data-label);
        display: block;
        margin-bottom: .05rem;
        font-size: .66rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .07em;
        color: var(--text-faint);
    }

    table.data td[data-label][b-ur5fmp37sg] {
        font-size: .95rem;
    }
}
/* /Components/Shared/GoldChartCard.razor.rz.scp.css */
/* Widget TradingView tự vẽ khung và nền của nó, nên card bọc ngoài bỏ đường viền
   để không thành hai lớp khung lồng nhau. Nền trắng vẫn tách khối khỏi nền trang. */
.card[b-9087fgm580] {
    border: none;
}

/* Nhãn cho biết biểu đồ đang chạy theo thời gian thực. */
.live[b-9087fgm580] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-left: .5rem;
    padding: .12rem .45rem;
    border-radius: 999px;
    background: #e9f6ef;
    border: 1px solid #c6e6d5;
    color: var(--up);
    font-size: .66rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    vertical-align: middle;
}

.live .dot[b-9087fgm580] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--up);
    animation: blink-b-9087fgm580 1.8s ease-in-out infinite;
}

@keyframes blink-b-9087fgm580 {
    50% { opacity: .25; }
}

@media (prefers-reduced-motion: reduce) {
    .live .dot[b-9087fgm580] {
        animation: none;
    }
}

.body[b-9087fgm580] {
    padding: .9rem 1rem .6rem;
}

/* Nút trông như liên kết, dùng cho các thao tác phụ ở chân biểu đồ. */
.linkish[b-9087fgm580] {
    border: none;
    background: none;
    padding: 0;
    cursor: pointer;
    font-size: .76rem;
    font-weight: 600;
    color: var(--gold-deep);
}

.linkish:hover[b-9087fgm580] {
    text-decoration: underline;
}

.linkish:disabled[b-9087fgm580] {
    color: var(--text-faint);
    cursor: not-allowed;
    text-decoration: none;
}
/* /Components/Shared/GoldKindPage.razor.rz.scp.css */
.page[b-fo510wfwm2] {
    padding-top: 1.4rem;
}

.crumbs[b-fo510wfwm2] {
    font-size: .78rem;
    color: var(--text-faint);
    margin-bottom: .8rem;
}

.page-head[b-fo510wfwm2] {
    margin-bottom: 1.1rem;
}

.page-head h1[b-fo510wfwm2] {
    font-size: clamp(1.5rem, 3.4vw, 2rem);
    margin: .25rem 0 .4rem;
}

.page-head p[b-fo510wfwm2] {
    margin: 0;
    font-size: .9rem;
    max-width: 70ch;
}

.block[b-fo510wfwm2] {
    margin-top: 1.6rem;
}

.block-head[b-fo510wfwm2] {
    display: flex;
    align-items: baseline;
    gap: .75rem;
    flex-wrap: wrap;
    margin-bottom: .8rem;
}

.block-head h2[b-fo510wfwm2] {
    font-size: 1.05rem;
}

.block-head .faint[b-fo510wfwm2] {
    font-size: .8rem;
}

.two-col[b-fo510wfwm2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.1rem;
}

.pad[b-fo510wfwm2] {
    padding: 1.3rem 1.4rem;
}

.pad h1[b-fo510wfwm2], .pad h2[b-fo510wfwm2] {
    font-size: 1.05rem;
    margin-bottom: .6rem;
}

.pad p[b-fo510wfwm2] {
    font-size: .89rem;
    line-height: 1.65;
    margin: 0 0 .8rem;
}

.pad strong[b-fo510wfwm2] {
    color: var(--text);
}

.pad .gold[b-fo510wfwm2] {
    color: var(--gold-deep);
}

.kind-links[b-fo510wfwm2] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}
/* /Components/Shared/LegalPage.razor.rz.scp.css */
.page[b-1ax480civj] {
    padding-top: 1.4rem;
}

.crumbs[b-1ax480civj] {
    font-size: .78rem;
    color: var(--text-faint);
    margin-bottom: .8rem;
}

.page-head[b-1ax480civj] {
    margin-bottom: 1.1rem;
}

.page-head h1[b-1ax480civj] {
    font-size: clamp(1.5rem, 3.4vw, 2rem);
    margin: .25rem 0 .4rem;
}

.page-head p[b-1ax480civj] {
    margin: 0;
    font-size: .85rem;
}

/* Cột chữ hẹp cho dễ đọc, giống trang văn bản. */
.legal[b-1ax480civj] {
    padding: 1.8rem 2rem;
    max-width: 78ch;
}

.legal[b-1ax480civj]  h2 {
    font-size: 1.05rem;
    margin: 1.8rem 0 .6rem;
    color: var(--text);
}

.legal[b-1ax480civj]  h2:first-child {
    margin-top: 0;
}

.legal[b-1ax480civj]  p {
    margin: 0 0 .9rem;
    font-size: .91rem;
    line-height: 1.7;
    color: var(--text-dim);
}

.legal[b-1ax480civj]  ul {
    margin: 0 0 .9rem;
    padding-left: 1.2rem;
    font-size: .91rem;
    line-height: 1.7;
    color: var(--text-dim);
}

.legal[b-1ax480civj]  li {
    margin-bottom: .35rem;
}

.legal[b-1ax480civj]  strong {
    color: var(--text);
}

.legal[b-1ax480civj]  .highlight {
    padding: 1rem 1.15rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--gold-border);
    background: var(--gold-wash);
    color: #5b4d34;
}

.legal[b-1ax480civj]  .highlight strong {
    color: #3f341f;
}

.also[b-1ax480civj] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: 1.4rem;
}
/* /Components/Shared/LiveTicker.razor.rz.scp.css */
.ticker[b-3kxibgwdv2] {
    background: var(--ink);
    color: var(--ink-dim);
    font-size: .74rem;
}

.ticker-inner[b-3kxibgwdv2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    min-height: 30px;
    padding-block: .3rem;
}

.left[b-3kxibgwdv2], .right[b-3kxibgwdv2] {
    display: flex;
    align-items: center;
    gap: .4rem;
    flex-wrap: wrap;
}

.left strong[b-3kxibgwdv2], .right strong[b-3kxibgwdv2] {
    color: var(--ink-text);
    font-weight: 600;
}

.sep[b-3kxibgwdv2] {
    opacity: .45;
}

/* Giá quy đổi ra tiền Việt, nổi hơn một chút vì đây là con số người xem cần. */
.gold strong[b-3kxibgwdv2] {
    color: var(--gold-line);
}

.dot[b-3kxibgwdv2] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #6b6560;
}

.dot.on[b-3kxibgwdv2] {
    background: #3ddc84;
    box-shadow: 0 0 0 3px rgba(61, 220, 132, .18);
    animation: pulse-b-3kxibgwdv2 2.4s ease-in-out infinite;
}

@keyframes pulse-b-3kxibgwdv2 {
    50% { box-shadow: 0 0 0 5px rgba(61, 220, 132, .06); }
}

@media (prefers-reduced-motion: reduce) {
    .dot.on[b-3kxibgwdv2] {
        animation: none;
    }
}
/* /Components/Shared/PriceRows.razor.rz.scp.css */
.label-cell[b-az4w7lmhjc] {
    display: grid;
    line-height: 1.3;
}

.label-cell strong[b-az4w7lmhjc] {
    font-size: .92rem;
    font-weight: 600;
}

.label-cell small[b-az4w7lmhjc] {
    font-size: .73rem;
    color: var(--text-faint);
}

.quoted[b-az4w7lmhjc] {
    color: var(--gold-deep);
}

.strong[b-az4w7lmhjc] {
    font-weight: 700;
}

.unit[b-az4w7lmhjc] {
    margin-left: .28rem;
    font-size: .72em;
    font-weight: 400;
    color: var(--text-faint);
}

.empty[b-az4w7lmhjc] {
    padding: 2.5rem 1.25rem;
    text-align: center;
    color: var(--text-faint);
    margin: 0;
    font-size: .88rem;
}
/* /Components/Shared/RelatedStrip.razor.rz.scp.css */
.strip[b-9gkewsueag] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: .9rem;
}

.item[b-9gkewsueag] {
    padding: .9rem 1rem 1rem;
    display: grid;
    gap: .55rem;
}

.top[b-9gkewsueag] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.top strong[b-9gkewsueag] {
    display: block;
    font-size: .88rem;
    font-weight: 600;
}

.top small[b-9gkewsueag] {
    font-size: .7rem;
}

.figures[b-9gkewsueag] {
    display: grid;
    justify-items: end;
    gap: .1rem;
    text-align: right;
}

.price[b-9gkewsueag] {
    font-size: 1.05rem;
    font-weight: 700;
}

.in-vnd[b-9gkewsueag] {
    font-size: .74rem;
    color: var(--gold-deep);
    white-space: nowrap;
}

.bottom[b-9gkewsueag] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.spark[b-9gkewsueag] {
    flex: 1;
    min-width: 0;
}

.bottom .num[b-9gkewsueag] {
    font-size: .82rem;
    font-weight: 700;
    white-space: nowrap;
}
/* /Components/Shared/Sparkline.razor.rz.scp.css */
.spark[b-y3pykhl3oo] {
    display: block;
    width: 100%;
}

.empty[b-y3pykhl3oo] {
    color: var(--text-faint);
    font-size: .78rem;
    margin: 0;
}
/* /Components/Shared/TradingViewChart.razor.rz.scp.css */
.tv-host[b-ljdrw1hyxq] {
    width: 100%;
    overflow: hidden;
}

.tradingview-widget-container[b-ljdrw1hyxq] {
    height: 100%;
    width: 100%;
}

.tv-credit[b-ljdrw1hyxq] {
    margin-top: .4rem;
    font-size: .72rem;
    color: var(--text-faint);
    text-align: right;
}

.tv-credit a[b-ljdrw1hyxq] {
    color: var(--text-dim);
}

@media (max-width: 720px) {
    .tv-host[b-ljdrw1hyxq] {
        height: 340px !important;
    }
}