/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* database of this tab on the top bar (Auth/Workspaces.cs) */
.ws-button[b-lo5jkn3v5x] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-right: .75rem;
    padding: .15rem .5rem .15rem .6rem;
    border: 1px solid var(--ws-color);
    border-left-width: 4px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .06);
    color: inherit;
    font: inherit;
    font-size: .9rem;
    cursor: pointer;
}

.ws-button:hover[b-lo5jkn3v5x] {
    background: rgba(255, 255, 255, .14);
}

.ws-db[b-lo5jkn3v5x] {
    font-weight: 600;
}

.ws-server[b-lo5jkn3v5x] {
    color: #9fb0c1;
}

.ws-menu[b-lo5jkn3v5x] {
    min-width: 330px;
    padding: .25rem 0;
}

.ws-menu form[b-lo5jkn3v5x] {
    margin: 0;
}

.ws-menu-title[b-lo5jkn3v5x] {
    padding: .25rem 1rem;
    font-size: .8rem;
    color: var(--acw-muted);
}

.ws-item[b-lo5jkn3v5x] {
    display: flex;
    align-items: stretch;
}

.ws-item.ws-current[b-lo5jkn3v5x] {
    background: var(--acw-accent-soft);
}

.ws-item-link[b-lo5jkn3v5x] {
    flex: 1;
    display: flex;
    gap: .6rem;
    padding: .4rem 0 .4rem 1rem;
    color: var(--acw-text);
    text-decoration: none;
}

.ws-item-link:hover[b-lo5jkn3v5x], .ws-newtab:hover[b-lo5jkn3v5x], .ws-action:hover[b-lo5jkn3v5x] {
    background: var(--acw-hover);
}

.ws-mark[b-lo5jkn3v5x] {
    width: 4px;
    border-radius: 2px;
}

.ws-text[b-lo5jkn3v5x] {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.ws-text small[b-lo5jkn3v5x] {
    color: var(--acw-muted);
}

.ws-this[b-lo5jkn3v5x] {
    margin-left: .35rem;
    font-size: .8rem;
    color: var(--acw-accent);
}

.ws-newtab[b-lo5jkn3v5x] {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: 0 .75rem;
    color: var(--acw-accent);
    font-size: .85rem;
    text-decoration: none;
    white-space: nowrap;
}

.ws-sep[b-lo5jkn3v5x] {
    border-top: 1px solid var(--acw-border);
    margin: .25rem 0;
}

.ws-action[b-lo5jkn3v5x] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    padding: .4rem 1rem;
    border: 0;
    background: none;
    color: var(--acw-text);
    font: inherit;
    justify-content: flex-start;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
}

.ws-danger[b-lo5jkn3v5x] {
    color: var(--acw-danger);
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* เมนูซ้ายแบบ B: แถบไอคอน (rail) + แผงรายการ (panel) ความกว้างรวม 400px (MainLayout MudDrawer) */
.side-nav[b-ouibfidnw0] { display: flex; height: 100%; font-size: .95rem; }

/* แถบไอคอนของแต่ละระบบ สีตาม Menu/MenuIcons.cs Tint */
.rail[b-ouibfidnw0] { width: 84px; flex: none; display: flex; flex-direction: column; gap: 2px; padding: 8px 6px 16px; overflow-y: auto;
    background: var(--acw-surface-2); border-right: 1px solid var(--acw-border); }
.side-nav[b-ouibfidnw0]  .rb { display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 6px 2px; border: 0; border-radius: 10px;
    background: transparent; font: inherit; font-size: .74rem; font-weight: 600; line-height: 1.2; color: var(--acw-muted); text-align: center;
    text-decoration: none; cursor: pointer; }
.side-nav[b-ouibfidnw0]  .rb:hover { background: var(--acw-hover); color: var(--acw-text-2); }
.side-nav[b-ouibfidnw0]  .rb .ri { width: 36px; height: 32px; display: grid; place-items: center; border-radius: 10px;
    background: var(--tone-bg); color: var(--tone); }
.side-nav[b-ouibfidnw0]  .rb .ri .mud-icon-root { font-size: 1.3rem; }
.side-nav[b-ouibfidnw0]  .rb.on, .side-nav[b-ouibfidnw0]  a.rb.active { background: var(--acw-surface); color: var(--acw-text); box-shadow: var(--acw-shadow-sm); }
.side-nav[b-ouibfidnw0]  .rb.on .ri, .side-nav[b-ouibfidnw0]  a.rb.active .ri { background: var(--tone); color: var(--acw-on-tone); }
.side-nav[b-ouibfidnw0]  .rb.dim { opacity: .45; }
.rsec[b-ouibfidnw0] { margin: 10px 2px 2px; font-size: .66rem; font-weight: 700; color: var(--acw-faint); text-align: center; letter-spacing: .02em; }

/* แผงรายการ */
.panel[b-ouibfidnw0] { flex: 1; min-width: 0; display: flex; flex-direction: column; background: var(--acw-surface); }
.find-wrap[b-ouibfidnw0] { padding: 10px 10px 6px; }
.find[b-ouibfidnw0] { display: flex; align-items: center; gap: 8px; height: 38px; margin: 0; padding: 0 12px; cursor: text;
    color: var(--acw-faint); background: var(--acw-input); border: 1px solid var(--acw-border); border-radius: 9px; }
.find:focus-within[b-ouibfidnw0] { background: var(--acw-surface); border-color: var(--acw-accent); box-shadow: 0 0 0 3px rgba(21, 133, 216, .15); }
.find input[b-ouibfidnw0] { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font: inherit; color: var(--acw-text); }
.find input[b-ouibfidnw0]::placeholder { color: var(--acw-faint); }
.find[b-ouibfidnw0]  .mud-icon-root { font-size: 1.2rem; }
.panel-body[b-ouibfidnw0] { flex: 1; overflow-y: auto; padding: 0 10px 16px; }

/* หัวแผง: ไอคอนและชื่อระบบที่เลือก */
.ph[b-ouibfidnw0] { display: flex; align-items: center; gap: 10px; margin: 6px 0 8px; padding: 6px 4px; border-bottom: 2px solid var(--tone, var(--acw-border)); }
.pi[b-ouibfidnw0] { width: 30px; height: 30px; flex: none; display: grid; place-items: center; border-radius: 9px; background: var(--tone-bg); color: var(--tone); }
.side-nav[b-ouibfidnw0]  .pi .mud-icon-root { font-size: 1.15rem; }
.pt[b-ouibfidnw0] { flex: 1; min-width: 0; font-size: 1.05rem; font-weight: 700; color: var(--acw-text); }
.all-toggle[b-ouibfidnw0] { flex: none; padding: 2px 8px; border: 1px solid var(--acw-border); border-radius: 6px; background: var(--acw-surface);
    font: inherit; font-size: .78rem; color: var(--acw-muted); cursor: pointer; }
.all-toggle:hover[b-ouibfidnw0] { color: var(--acw-accent-text); border-color: var(--acw-accent-border); }

/* รายการหน้าจอ: ชื่อยาวขึ้นบรรทัดใหม่ อ่านได้ครบทุกชื่อ */
.side-nav[b-ouibfidnw0]  a.link, .side-nav[b-ouibfidnw0]  .link.locked { position: relative; display: flex; align-items: baseline; gap: 6px; padding: 5px 8px; border-radius: 7px;
    color: var(--acw-text-2); text-decoration: none; line-height: 1.35; }
.side-nav[b-ouibfidnw0]  a.link:hover { background: var(--acw-accent-hover); color: var(--acw-accent-text); }
.side-nav[b-ouibfidnw0]  a.link.active { background: var(--acw-accent-soft); color: var(--acw-accent-text); font-weight: 600; }
.side-nav[b-ouibfidnw0]  a.link.active::before { content: ""; position: absolute; left: 0; top: 5px; bottom: 5px; width: 3px; border-radius: 2px; background: var(--acw-accent); }
.side-nav[b-ouibfidnw0]  .link.locked { color: var(--acw-faint); cursor: not-allowed; }
.side-nav[b-ouibfidnw0]  .lk { flex: none; align-self: center; margin-left: auto; font-size: .95rem; color: var(--acw-faint); }
.side-nav[b-ouibfidnw0]  a.link .li, .side-nav[b-ouibfidnw0]  .link.locked .li { flex: none; align-self: center; font-size: 1.15rem; color: var(--acw-faint); }
.no[b-ouibfidnw0] { min-width: 22px; flex: none; text-align: right; font-size: .78rem; color: var(--acw-faint); }
.t[b-ouibfidnw0] { min-width: 0; }
.sub-h[b-ouibfidnw0] { margin: 10px 0 2px; padding: 0 8px; font-size: .8rem; font-weight: 700; color: var(--acw-muted); }
.list[b-ouibfidnw0] { margin: 0 0 4px 8px; padding-left: 4px; border-left: 2px solid var(--acw-border-soft); }

/* หมวดย่อยของรายงาน: กดเพื่อเปิด/ปิดทีละหมวด */
.rs[b-ouibfidnw0] { width: 100%; display: flex; align-items: center; gap: 8px; margin: 2px 0; padding: 7px 8px; border: 0; border-radius: 7px; background: transparent;
    font: inherit; font-size: .93rem; font-weight: 600; color: var(--acw-text-2); text-align: left; cursor: pointer; }
.rs:hover[b-ouibfidnw0] { background: var(--acw-hover); }
.rs .dot[b-ouibfidnw0] { width: 9px; height: 9px; flex: none; border-radius: 50%; background: var(--tone, var(--acw-faint)); }
.rst[b-ouibfidnw0] { flex: 1; min-width: 0; }
.side-nav[b-ouibfidnw0]  .rs .cv { font-size: 1.1rem; color: var(--acw-faint); }

/* ผลการค้นหา */
.side-nav[b-ouibfidnw0]  .found-link { padding: 7px 8px; }
.g[b-ouibfidnw0] { margin-left: auto; padding-left: 8px; flex: none; font-size: .75rem; color: var(--acw-faint); }
.none[b-ouibfidnw0] { padding: 10px 6px; color: var(--acw-muted); }

/* ดาวเมนูโปรดท้ายชื่อเมนู: เห็นเมื่อชี้เมาส์ ส่วนเมนูที่เป็นเมนูโปรดแล้วเห็นดาวสีทองตลอด */
.lrow[b-ouibfidnw0] { position: relative; }
.lrow[b-ouibfidnw0]  a.link { padding-right: 30px; }
.star[b-ouibfidnw0] { position: absolute; top: 50%; right: 2px; transform: translateY(-50%); width: 26px; height: 26px; display: grid; place-items: center; padding: 0;
    border: 0; border-radius: 50%; background: transparent; color: var(--acw-faint); cursor: pointer; opacity: 0; transition: opacity .12s; }
.star[b-ouibfidnw0]  .mud-icon-root { font-size: 1.1rem; }
.lrow:hover .star[b-ouibfidnw0], .star:focus-visible[b-ouibfidnw0] { opacity: 1; }
.star:hover[b-ouibfidnw0] { background: var(--acw-surface-3); color: var(--acw-star); }
.star.on[b-ouibfidnw0] { opacity: 1; color: var(--acw-star); }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ryykr02lds],
.components-reconnect-repeated-attempt-visible[b-ryykr02lds],
.components-reconnect-failed-visible[b-ryykr02lds],
.components-pause-visible[b-ryykr02lds],
.components-resume-failed-visible[b-ryykr02lds],
.components-rejoining-animation[b-ryykr02lds] {
    display: none;
}

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


#components-reconnect-modal[b-ryykr02lds] {
    background-color: var(--acw-surface);
    color: var(--acw-text);
    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-ryykr02lds 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-ryykr02lds {
    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/Layout/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-qe9km6qovj] { display: inline-flex; align-items: center; gap: 6px; height: 30px; margin-right: 1rem; padding: 0 12px; cursor: pointer;
    font: inherit; font-size: .9rem; color: #e8edf2; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .25); border-radius: 999px; }
.theme-toggle:hover[b-qe9km6qovj] { background: rgba(255, 255, 255, .14); }
/* /Components/Pages/AboutPage.razor.rz.scp.css */
/* ไฟล์นี้: หน้าตาของหน้า "เกี่ยวกับโปรแกรม" (AboutPage.razor) */
.about[b-liil9qprqz] { display: grid; gap: .9rem; max-width: 820px; }
.about-card[b-liil9qprqz] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 10px; padding: 1.1rem 1.3rem; box-shadow: var(--acw-shadow-sm); }
.product[b-liil9qprqz] { display: flex; align-items: center; gap: 1.1rem; }
.logo[b-liil9qprqz] { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 14px; background: var(--acw-accent-soft); color: var(--acw-accent-text); }
.logo[b-liil9qprqz]  .mud-icon-root { font-size: 2.4rem; }
.name[b-liil9qprqz] { font-size: 1.5rem; font-weight: 700; color: var(--acw-heading); }
.sub[b-liil9qprqz] { color: var(--acw-muted); }
.ver[b-liil9qprqz] { margin-top: .2rem; color: var(--acw-label); font-weight: 600; }
.legal[b-liil9qprqz] { background: var(--acw-surface-2); }
.owner[b-liil9qprqz] { font-weight: 600; color: var(--acw-label); margin-bottom: .35rem; }
.legal p[b-liil9qprqz] { margin: 0; color: var(--acw-muted); font-size: .9rem; line-height: 1.6; }
.actions[b-liil9qprqz] { display: flex; }
/* /Components/Pages/BankReconcileAutoDialog.razor.rz.scp.css */
/* Same table look as FinancePassPickDialog. */
.ref-note[b-bxki1bhcwb] { margin-bottom: .5rem; color: var(--acw-label); font-size: .9rem; }
.pick-list[b-bxki1bhcwb] { height: 55vh; min-height: 240px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; }
.pick-list table[b-bxki1bhcwb] { width: 100%; border-collapse: collapse; font-size: .92rem; table-layout: fixed; }
.pick-list th[b-bxki1bhcwb] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .5rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.pick-list td[b-bxki1bhcwb] { height: 34px; padding: 0 .5rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pick-list .num[b-bxki1bhcwb] { text-align: right; font-variant-numeric: tabular-nums; width: 130px; }
.pick-list td.out[b-bxki1bhcwb] { color: var(--acw-danger); }
.pick-list .chk[b-bxki1bhcwb] { width: 34px; text-align: center; }
.pick-list .date[b-bxki1bhcwb] { width: 120px; }
.pick-list .no[b-bxki1bhcwb] { width: 140px; }
.pick-list tr:hover td[b-bxki1bhcwb] { background: var(--acw-hover); }
.pick-list tr.row-checked td[b-bxki1bhcwb] { background: var(--acw-success-soft); }
.pick-count[b-bxki1bhcwb] { margin-right: auto; padding-left: .5rem; font-size: .85rem; color: var(--acw-muted); }
/* /Components/Pages/BankStatementPdfDialog.razor.rz.scp.css */
/* Same table look as FinancePassPickDialog. */
.pdf-target[b-plqksxs5d3] { margin-bottom: .6rem; color: var(--acw-label); font-size: .92rem; }
.pdf-pick[b-plqksxs5d3] { display: flex; align-items: center; gap: .8rem; flex-wrap: wrap; margin-bottom: .5rem; }
.pdf-btn[b-plqksxs5d3] { display: inline-flex; align-items: center; position: relative; overflow: hidden; height: 34px; padding: 0 .9rem; border: 1px solid var(--acw-accent); border-radius: 6px; background: var(--acw-surface); color: var(--acw-accent); font: inherit; font-weight: 600; cursor: pointer; white-space: nowrap; }
.pdf-btn:hover:not(:disabled)[b-plqksxs5d3] { background: var(--acw-accent-soft); }
.pdf-btn.disabled[b-plqksxs5d3], .pdf-btn:disabled[b-plqksxs5d3] { opacity: .5; pointer-events: none; }
.pdf-btn[b-plqksxs5d3]  .pdf-file { position: absolute; inset: 0; opacity: 0; cursor: pointer; font-size: 0; }
.pdf-name[b-plqksxs5d3] { color: var(--acw-muted); max-width: 520px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pdf-pass[b-plqksxs5d3] { width: 260px; height: 34px; padding: .3rem .6rem; border: 1px solid var(--acw-border-strong); border-radius: 6px; font: inherit; background: var(--acw-surface); color: var(--acw-text); }
.pdf-pass:focus[b-plqksxs5d3] { outline: none; border-color: var(--acw-accent); }
.pdf-msg[b-plqksxs5d3] { margin-bottom: .5rem; padding: .45rem .7rem; border-radius: 6px; background: var(--acw-success-soft); color: var(--acw-text); font-size: .92rem; }
.pdf-msg-error[b-plqksxs5d3] { background: var(--acw-danger-soft); }
.pdf-sum[b-plqksxs5d3] { display: flex; gap: 1.6rem; flex-wrap: wrap; margin-bottom: .5rem; color: var(--acw-muted); font-size: .92rem; }
.pdf-sum b[b-plqksxs5d3] { color: var(--acw-text); }
.pick-list[b-plqksxs5d3] { height: 52vh; min-height: 240px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; outline: none; }
.pick-list table[b-plqksxs5d3] { width: 100%; border-collapse: collapse; font-size: .92rem; table-layout: fixed; }
.pick-list th[b-plqksxs5d3] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .5rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.pick-list td[b-plqksxs5d3] { height: 34px; padding: 0 .5rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pick-list .num[b-plqksxs5d3] { text-align: right; font-variant-numeric: tabular-nums; width: 125px; }
.pick-list td.out[b-plqksxs5d3] { color: var(--acw-danger); }
.pick-list .chk[b-plqksxs5d3] { width: 34px; text-align: center; }
.pick-list .date[b-plqksxs5d3] { width: 105px; }
.pick-list .time[b-plqksxs5d3] { width: 80px; }
.pick-list .chq[b-plqksxs5d3] { width: 100px; }
.pick-list .note[b-plqksxs5d3] { width: 230px; color: var(--acw-muted); }
.pick-list tr:hover td[b-plqksxs5d3] { background: var(--acw-hover); }
.pick-list tr.row-checked td[b-plqksxs5d3] { background: var(--acw-success-soft); }
.pick-list tr.row-warn td[b-plqksxs5d3] { background: var(--acw-tint-amber-bg); }
.pick-list tr.row-issue td[b-plqksxs5d3] { background: var(--acw-danger-soft); }
.pick-list tr.row-issue td.note[b-plqksxs5d3] { color: var(--acw-danger); }
.pick-count[b-plqksxs5d3] { margin-right: auto; padding-left: .5rem; font-size: .85rem; color: var(--acw-muted); }
/* /Components/Pages/CheckStockPickDialog.razor.rz.scp.css */
.pick-search[b-dmm3oz7rbk] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; margin-bottom: .6rem; }
.pick-input[b-dmm3oz7rbk] { flex: 1 1 340px; height: 38px; padding: .3rem .65rem; border: 1px solid var(--acw-border-strong); border-radius: 6px; font: inherit; }
.pick-input:focus[b-dmm3oz7rbk] { outline: none; border-color: var(--acw-accent); box-shadow: 0 0 0 3px var(--acw-accent-soft); }
.pick-opt[b-dmm3oz7rbk] { display: inline-flex; align-items: center; gap: .3rem; margin: 0; font-size: .9rem; cursor: pointer; }
.pick-list[b-dmm3oz7rbk] { height: 55vh; min-height: 240px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; outline: none; }
.pick-list:focus-visible[b-dmm3oz7rbk] { border-color: var(--acw-accent); }
.pick-list table[b-dmm3oz7rbk] { width: 100%; border-collapse: collapse; font-size: .95rem; }
.pick-list th[b-dmm3oz7rbk] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .6rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.pick-list td[b-dmm3oz7rbk] { padding: .38rem .6rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; }
.pick-list .num[b-dmm3oz7rbk] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pick-list tr:hover td[b-dmm3oz7rbk] { background: var(--acw-hover); }
.pick-list tr.row-selected td[b-dmm3oz7rbk] { background: var(--acw-row-selected); }
.pick-empty[b-dmm3oz7rbk] { padding: 2rem; text-align: center; color: var(--acw-faint); }
.pick-count[b-dmm3oz7rbk] { margin-right: auto; padding-left: .5rem; font-size: .85rem; color: var(--acw-muted); }
.pick-list .chk[b-dmm3oz7rbk] { width: 34px; text-align: center; }
.pick-list .qty[b-dmm3oz7rbk] { width: 96px; }
.pick-list tr.row-checked td[b-dmm3oz7rbk] { background: var(--acw-success-soft); }
.pick-list tr.row-checked.row-selected td[b-dmm3oz7rbk] { background: var(--acw-success-soft); }
.pick-qty[b-dmm3oz7rbk] { width: 84px; height: 30px; padding: .15rem .4rem; text-align: right; border: 1px solid var(--acw-border-strong); border-radius: 5px; font: inherit; }
.pick-qty:focus[b-dmm3oz7rbk] { outline: none; border-color: var(--acw-accent); }
.pick-message[b-dmm3oz7rbk] { margin-top: .5rem; color: var(--acw-danger); font-weight: 600; }
.pick-list table[b-dmm3oz7rbk] { table-layout: fixed; }
.pick-list td[b-dmm3oz7rbk] { height: 36px; padding-top: 0; padding-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pick-list .code[b-dmm3oz7rbk] { width: 150px; }
.pick-list .unit[b-dmm3oz7rbk] { width: 84px; }
.pick-list th.num[b-dmm3oz7rbk] { width: 112px; }
.pick-list th.qty[b-dmm3oz7rbk] { width: 96px; }
.pick-list td.qty[b-dmm3oz7rbk] { overflow: visible; text-overflow: clip; }
.pick-qty[b-dmm3oz7rbk] { width: 100%; }
.ref-note[b-dmm3oz7rbk] { margin-bottom: .5rem; color: var(--acw-label); font-size: .9rem; }
.pick-list .pick-qty[b-dmm3oz7rbk] { text-align: right; }
/* gridMain_RowColorData: what is left is below zero */
.pick-list tr.row-minus td[b-dmm3oz7rbk] { color: var(--acw-success); }
.cs-filter[b-dmm3oz7rbk] { display: grid; grid-template-columns: 90px 1fr 1fr 90px 1fr 1fr; gap: .4rem .6rem; align-items: center; margin-bottom: .6rem; }
.cs-f-label[b-dmm3oz7rbk] { font-weight: 600; color: var(--acw-label); font-size: .9rem; }
.cs-filter .pick-input[b-dmm3oz7rbk] { flex: none; width: 100%; }
.cs-filter-actions[b-dmm3oz7rbk] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.2rem; margin-bottom: .6rem; }
.cs-f-note[b-dmm3oz7rbk] { color: var(--acw-muted); font-size: .9rem; }
/* /Components/Pages/CustomerPage.razor.rz.scp.css */
.customer-layout[b-j1s5qzth7t] { grid-template-columns: minmax(380px, 4fr) 7fr; }

/* Top of masCustomer: label | box | label | box, wide boxes span three columns. */
.cus-head[b-j1s5qzth7t] { display: grid; grid-template-columns: 130px minmax(0, 1fr) 110px minmax(0, 1fr); gap: .5rem .75rem; align-items: center; }
.cus-head > label[b-j1s5qzth7t] { text-align: right; font-weight: 600; color: var(--acw-label); white-space: nowrap; }
.cus-head[b-j1s5qzth7t]  .mud-input-control { margin: 0; }
.cus-head[b-j1s5qzth7t]  .cus-wide, .cus-head > .cus-wide[b-j1s5qzth7t] { grid-column: span 3; }
.cus-head > .cus-span2[b-j1s5qzth7t] { grid-column: span 2; }
.cus-head[b-j1s5qzth7t]  .auto-code input { background: var(--acw-auto-code); }
.cus-head > div:has(> .cus-tax)[b-j1s5qzth7t] { grid-column: span 3; }
.cus-inline[b-j1s5qzth7t] { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.cus-inline[b-j1s5qzth7t]  .mud-input-control { flex: 1 1 auto; min-width: 0; }
.cus-inline[b-j1s5qzth7t]  .cus-tax { flex: 0 0 220px; }
.cus-inline[b-j1s5qzth7t]  .cus-branch { flex: 0 0 140px; }
.cus-radios[b-j1s5qzth7t] { flex: 0 0 auto; }
.cus-radios[b-j1s5qzth7t]  .mud-radio-group { display: flex; flex-wrap: nowrap; gap: .5rem; }
.cus-hint[b-j1s5qzth7t] { color: var(--acw-danger); font-size: .85rem; white-space: nowrap; }
.cus-lookup-button[b-j1s5qzth7t] { text-align: right; }

.master-detail[b-j1s5qzth7t]  .cus-tabs .mud-tabs-tabbar { background: var(--acw-surface-3); border-bottom: 1px solid var(--acw-border); }
.master-detail[b-j1s5qzth7t]  .cus-tabs .mud-tab { text-transform: none; font-weight: 600; }

/* Tab เครดิต */
.cus-credit[b-j1s5qzth7t] { display: grid; grid-template-columns: max-content 220px auto 1fr; gap: .5rem .75rem; align-items: center; }
.cus-credit > label[b-j1s5qzth7t] { text-align: right; font-weight: 600; color: var(--acw-label); white-space: nowrap; }
.cus-credit[b-j1s5qzth7t]  .mud-input-control { margin: 0; }
.cus-credit[b-j1s5qzth7t]  .cus-number input { text-align: right; }
.cus-terms[b-j1s5qzth7t] { grid-column: span 3; }
.cus-terms[b-j1s5qzth7t]  .mud-radio-group { display: grid; gap: .35rem; }
.cus-term[b-j1s5qzth7t] { display: flex; align-items: center; gap: .5rem; }
.cus-term[b-j1s5qzth7t]  .mud-radio { min-width: 230px; }
.cus-term[b-j1s5qzth7t]  .cus-term-box { flex: 0 0 90px; }
.cus-term[b-j1s5qzth7t]  .cus-term-box input { text-align: right; }
.cus-amount[b-j1s5qzth7t] { text-align: right; font-variant-numeric: tabular-nums; padding: .35rem .75rem; background: var(--acw-surface-3); border: 1px solid var(--acw-border); border-radius: 4px; }

/* Tab สาขาเพิ่มเติม: the branch list on top, the boxes for one branch below. */
.cus-branches[b-j1s5qzth7t] { display: grid; gap: 1rem; }
.cus-branch-table[b-j1s5qzth7t] { height: auto; max-height: 300px; min-height: 140px; }
.cus-branch-table td:nth-child(1)[b-j1s5qzth7t] { white-space: nowrap; }
.cus-cell-address[b-j1s5qzth7t] { white-space: pre-line; }
.cus-row-actions[b-j1s5qzth7t] { white-space: nowrap; width: 1%; cursor: default; }
.cus-branch-form[b-j1s5qzth7t] { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content minmax(0, 1fr); gap: .5rem .75rem; align-items: center; }
.cus-branch-form > label[b-j1s5qzth7t] { text-align: right; font-weight: 600; color: var(--acw-label); white-space: nowrap; }
.cus-branch-form[b-j1s5qzth7t]  .mud-input-control { margin: 0; }
.cus-branch-form > .cus-span2[b-j1s5qzth7t] { grid-column: 1 / -1; }
.cus-branch-form > .cus-span2-right[b-j1s5qzth7t] { grid-column: span 2; }
.cus-branch-form > .cus-branch-wide[b-j1s5qzth7t], .cus-branch-form[b-j1s5qzth7t]  .cus-branch-wide { grid-column: span 3; }
.cus-files[b-j1s5qzth7t] { height: auto; max-height: 300px; min-height: 120px; }

@media (max-width: 700px) {
    .cus-head[b-j1s5qzth7t] { grid-template-columns: 1fr; }
    .cus-head > label[b-j1s5qzth7t] { text-align: left; }
    .cus-head[b-j1s5qzth7t]  .cus-wide, .cus-head > .cus-wide[b-j1s5qzth7t], .cus-head > .cus-span2[b-j1s5qzth7t], .cus-head > div:has(> .cus-tax)[b-j1s5qzth7t] { grid-column: auto; }
    .cus-inline[b-j1s5qzth7t] { flex-wrap: wrap; }
    .cus-credit[b-j1s5qzth7t] { grid-template-columns: 1fr 1fr; }
    .cus-credit > label[b-j1s5qzth7t] { text-align: left; grid-column: 1 / -1; }
    .cus-terms[b-j1s5qzth7t] { grid-column: 1 / -1; }
    .cus-term[b-j1s5qzth7t] { flex-wrap: wrap; }
    .cus-branch-form[b-j1s5qzth7t] { grid-template-columns: 1fr; }
    .cus-branch-form > label[b-j1s5qzth7t] { text-align: left; }
    .cus-branch-form > .cus-branch-wide[b-j1s5qzth7t], .cus-branch-form[b-j1s5qzth7t]  .cus-branch-wide { grid-column: auto; }
}
/* /Components/Pages/FinanceDocPickDialog.razor.rz.scp.css */
/* Same look as FinanceRefLinesDialog (scoped styles are per component). */
.pick-list[b-m6uudquuli] { height: 55vh; min-height: 240px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; outline: none; }
.pick-list:focus-visible[b-m6uudquuli] { border-color: var(--acw-accent); }
.pick-list table[b-m6uudquuli] { width: 100%; border-collapse: collapse; font-size: .95rem; table-layout: fixed; }
.pick-list th[b-m6uudquuli] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .6rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.pick-list td[b-m6uudquuli] { height: 36px; padding: 0 .6rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pick-list .num[b-m6uudquuli] { text-align: right; font-variant-numeric: tabular-nums; width: 130px; }
.pick-list .chk[b-m6uudquuli] { width: 34px; text-align: center; }
.pick-list .no[b-m6uudquuli] { width: 150px; }
.pick-list .date[b-m6uudquuli] { width: 120px; }
.pick-list tr:hover td[b-m6uudquuli] { background: var(--acw-hover); }
.pick-list tr.row-selected td[b-m6uudquuli] { background: var(--acw-row-selected); }
.pick-list tr.row-checked td[b-m6uudquuli] { background: var(--acw-success-soft); }
.pick-empty[b-m6uudquuli] { padding: 2rem; text-align: center; color: var(--acw-faint); }
.pick-count[b-m6uudquuli] { margin-right: auto; padding-left: .5rem; font-size: .85rem; color: var(--acw-muted); }
.ref-note[b-m6uudquuli] { margin-bottom: .5rem; color: var(--acw-label); font-size: .9rem; }
/* /Components/Pages/FinancePassPickDialog.razor.rz.scp.css */
/* Same look as FinanceDocPickDialog, with a search box. */
.pick-list[b-7mty4wbe1i] { height: 55vh; min-height: 240px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; outline: none; }
.pick-list:focus-visible[b-7mty4wbe1i] { border-color: var(--acw-accent); }
.pick-list table[b-7mty4wbe1i] { width: 100%; border-collapse: collapse; font-size: .95rem; table-layout: fixed; }
.pick-list th[b-7mty4wbe1i] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .6rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.pick-list td[b-7mty4wbe1i] { height: 36px; padding: 0 .6rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pick-list .num[b-7mty4wbe1i] { text-align: right; font-variant-numeric: tabular-nums; width: 130px; }
.pick-list .chk[b-7mty4wbe1i] { width: 34px; text-align: center; }
.pick-list .no[b-7mty4wbe1i] { width: 150px; }
.pick-list .date[b-7mty4wbe1i] { width: 120px; }
.pick-list tr:hover td[b-7mty4wbe1i] { background: var(--acw-hover); }
.pick-list tr.row-selected td[b-7mty4wbe1i] { background: var(--acw-row-selected); }
.pick-list tr.row-checked td[b-7mty4wbe1i] { background: var(--acw-success-soft); }
.pick-empty[b-7mty4wbe1i] { padding: 2rem; text-align: center; color: var(--acw-faint); }
.pick-count[b-7mty4wbe1i] { margin-right: auto; padding-left: .5rem; font-size: .85rem; color: var(--acw-muted); }
.ref-note[b-7mty4wbe1i] { margin-bottom: .5rem; color: var(--acw-label); font-size: .9rem; }
.pick-search[b-7mty4wbe1i] { display: flex; align-items: center; gap: 1rem; margin-bottom: .5rem; }
.pick-search-box[b-7mty4wbe1i] { flex: 0 0 420px; height: 34px; padding: .3rem .6rem; border: 1px solid var(--acw-border-strong); border-radius: 6px; font: inherit; background: var(--acw-surface); color: var(--acw-text); }
.pick-search-box:focus[b-7mty4wbe1i] { outline: none; border-color: var(--acw-accent); }
.pick-search .ref-note[b-7mty4wbe1i] { margin: 0; }
/* /Components/Pages/FinanceRefLinesDialog.razor.rz.scp.css */
/* Same look as SaleRefLinesDialog (searchProductReference); finance lines have code, name and detail instead of product columns. */
.pick-list[b-p4kl1zumym] { height: 55vh; min-height: 240px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; outline: none; }
.pick-list:focus-visible[b-p4kl1zumym] { border-color: var(--acw-accent); }
.pick-list table[b-p4kl1zumym] { width: 100%; border-collapse: collapse; font-size: .95rem; }
.pick-list th[b-p4kl1zumym] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .6rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.pick-list td[b-p4kl1zumym] { padding: .38rem .6rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; }
.pick-list .num[b-p4kl1zumym] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pick-list tr:hover td[b-p4kl1zumym] { background: var(--acw-hover); }
.pick-list tr.row-selected td[b-p4kl1zumym] { background: var(--acw-row-selected); }
.pick-empty[b-p4kl1zumym] { padding: 2rem; text-align: center; color: var(--acw-faint); }
.pick-count[b-p4kl1zumym] { margin-right: auto; padding-left: .5rem; font-size: .85rem; color: var(--acw-muted); }
.pick-list .chk[b-p4kl1zumym] { width: 34px; text-align: center; }
.pick-list .qty[b-p4kl1zumym] { width: 96px; }
.pick-list tr.row-checked td[b-p4kl1zumym] { background: var(--acw-success-soft); }
.pick-list tr.row-checked.row-selected td[b-p4kl1zumym] { background: var(--acw-success-soft); }
.pick-qty[b-p4kl1zumym] { width: 84px; height: 30px; padding: .15rem .4rem; text-align: right; border: 1px solid var(--acw-border-strong); border-radius: 5px; font: inherit; }
.pick-qty:focus[b-p4kl1zumym] { outline: none; border-color: var(--acw-accent); }
.pick-list table[b-p4kl1zumym] { table-layout: fixed; }
.pick-list td[b-p4kl1zumym] { height: 36px; padding-top: 0; padding-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pick-list .code[b-p4kl1zumym] { width: 150px; }
.pick-list th.num[b-p4kl1zumym] { width: 112px; }
.pick-list th.qty[b-p4kl1zumym] { width: 96px; }
.pick-list td.qty[b-p4kl1zumym] { overflow: visible; text-overflow: clip; }
.pick-qty[b-p4kl1zumym] { width: 100%; }
.ref-note[b-p4kl1zumym] { margin-bottom: .5rem; color: var(--acw-label); font-size: .9rem; }
.pick-list .pick-qty[b-p4kl1zumym] { text-align: right; }
/* gridMain_RowColorData: what is left is below zero */
.pick-list tr.row-minus td[b-p4kl1zumym] { color: var(--acw-success); }
/* /Components/Pages/FormDesignerPage.razor.rz.scp.css */
/* toolbar above the paper */
.fd-toolbar[b-jty2vl1cqr] { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem 1.5rem; background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; padding: .55rem .9rem; margin-bottom: .75rem; }
.fd-tool[b-jty2vl1cqr] { display: flex; align-items: center; gap: .5rem; }
.fd-tool-label[b-jty2vl1cqr] { font-weight: 600; color: var(--acw-label); white-space: nowrap; }
.fd-tool[b-jty2vl1cqr]  .mud-input-control { margin: 0; }
.fd-tool[b-jty2vl1cqr]  .fd-paper-select { min-width: 220px; }
.fd-tool[b-jty2vl1cqr]  .fd-sample { width: 250px; }
.fd-zoom[b-jty2vl1cqr] { margin-left: auto; gap: .15rem; }
.fd-zoom span[b-jty2vl1cqr] { min-width: 3.2rem; text-align: center; font-size: .9rem; color: var(--acw-label); }
.fd-state[b-jty2vl1cqr] { font-weight: 600; color: var(--acw-muted); }

/* paper on the left, properties on the right */
/* the desk the paper lies on: grey in the light theme, near-black in โหมดมืด */
.fd-workspace[b-jty2vl1cqr] { --fd-desk: #dfe4ea; }
:root:has(.acw-dark-mode) .fd-workspace[b-jty2vl1cqr] { --fd-desk: #0d1218; }
.fd-workspace[b-jty2vl1cqr] { display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 1rem; align-items: start; }
.fd-canvas[b-jty2vl1cqr] { height: calc(100vh - 322px); min-height: 420px; overflow: auto; background: var(--fd-desk); border: 1px solid var(--acw-border-strong); border-radius: 8px; padding: 28px; }
.fd-paper[b-jty2vl1cqr] { position: relative; margin: 0 auto; background: #fff; box-shadow: 0 2px 12px rgba(16, 24, 40, .22); user-select: none; touch-action: none; outline: none;
    font-family: "Sarabun", "Leelawadee UI", Tahoma, sans-serif; color: #000; line-height: normal; }

.fd-el[b-jty2vl1cqr] { position: absolute; box-sizing: border-box; cursor: move; outline: 1px dashed transparent; outline-offset: 1px; }
.fd-readonly .fd-el[b-jty2vl1cqr] { cursor: pointer; }
.fd-paper:not(.fd-readonly) .fd-el:hover[b-jty2vl1cqr] { outline-color: #64b5f6; }
.fd-el.selected[b-jty2vl1cqr] { outline: 2px solid var(--acw-accent); z-index: 5; }
.fd-el.is-hidden[b-jty2vl1cqr] { opacity: .28; outline: 1px dashed #9aa1a9; }
.fd-el.kind-line[b-jty2vl1cqr] { padding-bottom: 5px; }
.fd-el.kind-line.vertical[b-jty2vl1cqr] { padding: 0 5px 0 0; }
.fd-el.kind-box[b-jty2vl1cqr] { z-index: 0; }
.fd-text[b-jty2vl1cqr] { display: block; white-space: pre-wrap; overflow-wrap: anywhere; }
.fd-el.shrink > .fd-text[b-jty2vl1cqr] { height: 100%; overflow: hidden; }
.fd-el.shrink:not(.selected):not(:hover)[b-jty2vl1cqr] { outline-color: #cfd8e3; }
.fd-ph[b-jty2vl1cqr] { color: #1565c0; }
.fd-el img[b-jty2vl1cqr] { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }
.fd-ph-image[b-jty2vl1cqr] { display: grid; place-items: center; width: 100%; height: 100%; border: 1px dashed #9aa1a9; background: #f5f8fb; color: #6b7a89; font-size: 11px; text-align: center; }

.fd-resize[b-jty2vl1cqr] { position: absolute; right: -6px; bottom: -6px; width: 11px; height: 11px; background: var(--acw-accent); border: 2px solid #fff; border-radius: 3px; cursor: nwse-resize; display: none; z-index: 6; }
.fd-paper:not(.fd-readonly) .fd-el.selected .fd-resize[b-jty2vl1cqr] { display: block; }

.fd-table[b-jty2vl1cqr] { outline: 1px dashed #9aa1a9; overflow: hidden; z-index: 1; }
.fd-table table[b-jty2vl1cqr] { border-collapse: collapse; table-layout: fixed; width: 100%; }
.fd-table th[b-jty2vl1cqr] { position: relative; background: #f1f3f5; border-top: 1px solid #9aa1a9; border-bottom: 1px solid #9aa1a9; font-weight: 700; white-space: nowrap; overflow: hidden; }
.fd-table td[b-jty2vl1cqr] { overflow-wrap: anywhere; vertical-align: top; }
.fd-table tr.lines td[b-jty2vl1cqr] { border-bottom: 1px solid #dee2e6; }
.fd-col-handle[b-jty2vl1cqr] { position: absolute; top: 0; right: 0; width: 7px; height: 100%; cursor: col-resize; }
.fd-paper:not(.fd-readonly) .fd-table.selected .fd-col-handle[b-jty2vl1cqr] { background: linear-gradient(to right, transparent 3px, var(--acw-accent) 3px, var(--acw-accent) 4px, transparent 4px); }
.fd-table.selected[b-jty2vl1cqr] { overflow: visible; }
.fd-table-label[b-jty2vl1cqr] { position: absolute; right: 6px; bottom: 4px; font-size: 11px; color: #6b7a89; background: rgba(255, 255, 255, .9); padding: 0 .35rem; border-radius: 3px; pointer-events: none; }

.fd-tip[b-jty2vl1cqr] { position: absolute; display: none; z-index: 20; pointer-events: none; background: var(--acw-navy); color: #fff; font-size: 12px; padding: 1px 7px; border-radius: 4px; white-space: nowrap; }

/* properties panel */
.fd-panel[b-jty2vl1cqr] { height: calc(100vh - 322px); min-height: 420px; overflow: auto; background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; padding: .8rem .9rem; }
.fd-section[b-jty2vl1cqr] { display: flex; align-items: center; gap: .4rem; font-weight: 700; color: var(--acw-heading); padding-bottom: .35rem; margin-bottom: .6rem; border-bottom: 1px solid var(--acw-border); }
.fd-subsection[b-jty2vl1cqr] { font-weight: 600; color: var(--acw-label); font-size: .9rem; margin: .8rem 0 .4rem; }
.fd-props[b-jty2vl1cqr] { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: .45rem .7rem; align-items: center; }
.fd-props > label[b-jty2vl1cqr] { text-align: right; font-weight: 600; color: var(--acw-label); font-size: .9rem; }
.fd-props[b-jty2vl1cqr]  .mud-input-control { margin: 0; }
.fd-font[b-jty2vl1cqr] { display: flex; align-items: center; gap: .35rem; }
.fd-style[b-jty2vl1cqr], .fd-align[b-jty2vl1cqr] { display: flex; align-items: center; gap: .3rem; }
.fd-style .fd-align[b-jty2vl1cqr] { margin-left: .5rem; }
.fd-note[b-jty2vl1cqr] { font-size: .82rem; color: var(--acw-muted); margin: .1rem 0 0 .4rem; }
.fd-hint[b-jty2vl1cqr] { background: var(--acw-accent-hover); border: 1px solid var(--acw-border); border-radius: 6px; padding: .7rem .8rem; color: var(--acw-label); font-size: .92rem; line-height: 1.7; }
.fd-columns[b-jty2vl1cqr] { display: flex; flex-direction: column; gap: .5rem; }
.fd-column[b-jty2vl1cqr] { display: grid; grid-template-columns: auto minmax(0, 1fr) 104px; gap: .1rem .4rem; align-items: start; padding-bottom: .5rem; border-bottom: 1px dashed var(--acw-border); }
.fd-column[b-jty2vl1cqr]  .mud-input-control { margin: 0; }
.fd-column .fd-align[b-jty2vl1cqr] { grid-column: 2 / -1; }

.fd-list-title[b-jty2vl1cqr] { justify-content: space-between; margin-top: 1rem; }
.fd-column-tools[b-jty2vl1cqr] { grid-column: 2 / -1; display: flex; align-items: center; gap: .3rem; }

/* picking a field or column to add */
.fd-pick-hint[b-jty2vl1cqr] { font-size: .85rem; color: var(--acw-muted); margin: -.2rem 0 .5rem; }
.fd-pick-list[b-jty2vl1cqr] { border: 1px solid var(--acw-border); border-radius: 6px; max-height: calc(100vh - 532px); min-height: 220px; overflow: auto; }
.fd-pick-group[b-jty2vl1cqr] { position: sticky; top: 0; background: var(--acw-surface-3); font-weight: 700; font-size: .85rem; color: var(--acw-label); padding: .3rem .6rem; border-bottom: 1px solid var(--acw-border); }
.fd-pick[b-jty2vl1cqr] { display: flex; align-items: baseline; gap: .6rem; padding: .3rem .6rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; font-size: .9rem; }
.fd-pick:hover[b-jty2vl1cqr] { background: var(--acw-accent-soft); }
.fd-pick span[b-jty2vl1cqr] { flex: none; max-width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fd-pick small[b-jty2vl1cqr] { flex: 1; min-width: 0; color: var(--acw-muted); text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fd-pick-note[b-jty2vl1cqr] { padding: .6rem; color: var(--acw-muted); font-size: .9rem; }
.fd-tool[b-jty2vl1cqr]  .fd-variant-select { min-width: 260px; }
.fd-tool[b-jty2vl1cqr]  .fd-variant-name { width: 220px; }
.fd-list[b-jty2vl1cqr] { display: flex; flex-direction: column; border: 1px solid var(--acw-border); border-radius: 6px; max-height: 340px; overflow: auto; }
.fd-list-item[b-jty2vl1cqr] { display: flex; align-items: center; gap: .45rem; padding: .1rem .35rem .1rem .55rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; font-size: .9rem; color: var(--acw-text-2); }
.fd-list-item:hover[b-jty2vl1cqr] { background: var(--acw-accent-hover); }
.fd-list-item.on[b-jty2vl1cqr] { background: var(--acw-row-selected); }
.fd-list-item.off .fd-name[b-jty2vl1cqr] { color: var(--acw-faint); text-decoration: line-through; }
.fd-name[b-jty2vl1cqr] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* PDF preview */
.fd-preview[b-jty2vl1cqr] { position: fixed; inset: 0; z-index: 1500; background: rgba(15, 20, 28, .55); display: flex; align-items: center; justify-content: center; }
.fd-preview-box[b-jty2vl1cqr] { width: min(1100px, 92vw); height: 92vh; background: var(--acw-surface); border-radius: 10px; display: flex; flex-direction: column; overflow: hidden; box-shadow: 0 10px 40px rgba(0, 0, 0, .3); }
.fd-preview-bar[b-jty2vl1cqr] { display: flex; align-items: center; gap: .75rem; padding: .35rem .5rem .35rem 1rem; border-bottom: 1px solid var(--acw-border); }
.fd-muted[b-jty2vl1cqr] { color: var(--acw-muted); font-size: .9rem; }
.fd-preview-box iframe[b-jty2vl1cqr] { flex: 1; width: 100%; border: 0; }

@media (max-width: 1200px) { .fd-workspace[b-jty2vl1cqr] { grid-template-columns: 1fr; } .fd-panel[b-jty2vl1cqr] { height: auto; } }

/* selecting several elements, and the quick bar above the selection */
.fd-band[b-jty2vl1cqr] { position: absolute; display: none; z-index: 25; border: 1px solid var(--acw-accent); background: rgba(21, 133, 216, .08); pointer-events: none; }
.fd-quick[b-jty2vl1cqr] { position: absolute; z-index: 30; display: flex; align-items: center; gap: .35rem; padding: 3px 6px; white-space: nowrap; cursor: default;
    background: var(--acw-surface); border: 1px solid var(--acw-border-strong); border-radius: 6px; box-shadow: 0 2px 8px rgba(16, 24, 40, .18);
    font-family: var(--mud-typography-default-family); font-size: 13px; line-height: 1.2; color: var(--acw-text-2); }
.fd-paper.dragging .fd-quick[b-jty2vl1cqr] { display: none; }
.fd-q-group[b-jty2vl1cqr] { display: inline-flex; align-items: center; gap: 3px; }
.fd-q-group + .fd-q-group[b-jty2vl1cqr] { border-left: 1px solid var(--acw-border); padding-left: .45rem; }
.fd-q-label[b-jty2vl1cqr] { color: var(--acw-muted); margin-right: 2px; }
.fd-q-value[b-jty2vl1cqr] { min-width: 2.2rem; text-align: center; font-weight: 600; }
.fd-q[b-jty2vl1cqr] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); border-radius: 4px; padding: 2px 8px; font: inherit; color: inherit; cursor: pointer; }
.fd-q:hover[b-jty2vl1cqr] { background: var(--acw-accent-hover); border-color: var(--acw-accent-border); }
.fd-q.on[b-jty2vl1cqr] { background: var(--acw-accent); border-color: var(--acw-accent); color: #fff; }
.fd-q-danger[b-jty2vl1cqr] { color: var(--acw-danger); }
.fd-q-danger:hover[b-jty2vl1cqr] { background: var(--acw-danger-soft); border-color: var(--acw-danger); }
.fd-multi[b-jty2vl1cqr] { display: flex; flex-wrap: wrap; gap: .5rem .4rem; font-size: .9rem; }
.fd-multi .fd-q-group + .fd-q-group[b-jty2vl1cqr] { border-left: 0; padding-left: 0; }
.fd-line-up[b-jty2vl1cqr] { display: flex; flex-wrap: wrap; gap: .4rem; }
.fd-more[b-jty2vl1cqr] { display: flex; align-items: center; gap: .3rem; margin: .8rem 0 .5rem; padding-top: .5rem; border-top: 1px solid var(--acw-border); color: var(--acw-accent-text); font-size: .9rem; cursor: pointer; user-select: none; }
.fd-more:hover[b-jty2vl1cqr] { text-decoration: underline; }
.fd-panel[b-jty2vl1cqr]  .fd-btn-tight { min-width: 0; padding: 2px 8px; }
.fd-style[b-jty2vl1cqr] { flex-wrap: wrap; }
.fd-font[b-jty2vl1cqr]  .mud-input-control { width: 96px; flex: none; }
.fd-q-small[b-jty2vl1cqr] { padding: 0 6px; font-size: 12px; }
.fd-q:disabled[b-jty2vl1cqr] { opacity: .5; cursor: default; }
/* /Components/Pages/Home.razor.rz.scp.css */
/* หน้าแรกแบบ A+B: เนื้อหาอยู่กลางจอ กว้างไม่เกิน 1320px อ่านง่ายบนจอ 1920x1080 */
.home[b-66lrcoi75e] { max-width: 1320px; margin: 0 auto; padding: 28px 8px 32px; }
.home[b-66lrcoi75e]  .mud-icon-root { flex: none; }

/* white cards with a soft shadow: the "depth" of the page, without strong colours */
.home-card[b-66lrcoi75e] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 14px; box-shadow: var(--acw-shadow-sm); }

/* คำทักทาย วันที่ งวดบัญชี และช่องค้นหาหน้าจอ อยู่กลางหน้า */
.hello[b-66lrcoi75e] { display: flex; flex-direction: column; align-items: center; text-align: center; }
.hello h1[b-66lrcoi75e] { margin: 0; font-size: 2rem; font-weight: 700; color: var(--acw-heading); line-height: 1.3; }
.hello-sub[b-66lrcoi75e] { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin-top: 4px; color: var(--acw-muted); font-size: 1.02rem; }
.dot[b-66lrcoi75e] { color: var(--acw-faint); }
.period[b-66lrcoi75e] { padding: 1px 10px; border-radius: 999px; font-size: .85rem; font-weight: 600; background: var(--acw-surface-3); color: var(--acw-muted); }
.period.open[b-66lrcoi75e] { background: var(--acw-success-soft); color: var(--acw-success); }
.period.closed[b-66lrcoi75e] { background: var(--acw-danger-soft); color: var(--acw-danger); }
.search[b-66lrcoi75e] { width: 860px; max-width: 100%; height: 60px; display: flex; align-items: center; gap: 12px; margin: 22px 0 0; padding: 0 20px; cursor: text;
    background: var(--acw-input); border: 1.5px solid var(--acw-border-strong); border-radius: 14px; box-shadow: var(--acw-shadow-sm); color: var(--acw-faint); }
.search[b-66lrcoi75e]  .mud-icon-root { font-size: 1.6rem; color: var(--acw-accent); }
.search:focus-within[b-66lrcoi75e] { border-color: var(--acw-accent); box-shadow: 0 0 0 4px rgba(21, 133, 216, .15); }
.search input[b-66lrcoi75e] { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 1.12rem; color: var(--acw-text); }
.search input[b-66lrcoi75e]::placeholder { color: var(--acw-faint); }

.home-body[b-66lrcoi75e] { margin-top: 8px; }

/* หัวข้อของแต่ละส่วน */
.sec[b-66lrcoi75e] { margin-top: 28px; min-width: 0; }
.sec-h[b-66lrcoi75e] { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 1.1rem; font-weight: 700; color: var(--acw-text-2); }
.sec-h[b-66lrcoi75e]  .mud-icon-root { color: var(--acw-muted); font-size: 1.3rem; }
.sec-h .hint[b-66lrcoi75e] { font-size: .85rem; font-weight: 400; color: var(--acw-muted); }
.fav .sec-h[b-66lrcoi75e]  .mud-icon-root { color: var(--acw-star); }
.empty[b-66lrcoi75e] { padding: 14px 16px; border: 1px dashed var(--acw-border-strong); border-radius: 12px; color: var(--acw-muted); background: var(--acw-surface-2); }
.empty.side[b-66lrcoi75e] { border: 0; background: none; padding: 14px 8px; }

/* สีของไอคอน */
.tint-green[b-66lrcoi75e] { --tone: var(--acw-tint-green); --tone-bg: var(--acw-tint-green-bg); }
.tint-blue[b-66lrcoi75e], .tint-default[b-66lrcoi75e] { --tone: var(--acw-tint-blue); --tone-bg: var(--acw-tint-blue-bg); }
.tint-amber[b-66lrcoi75e] { --tone: var(--acw-tint-amber); --tone-bg: var(--acw-tint-amber-bg); }
.tint-slate[b-66lrcoi75e], .tint-system[b-66lrcoi75e] { --tone: var(--acw-tint-slate); --tone-bg: var(--acw-tint-slate-bg); }
.tint-sale[b-66lrcoi75e] { --tone: var(--acw-tint-green); --tone-bg: var(--acw-tint-green-bg); }

/* เริ่มงานด่วน: การ์ดมีไอคอน ชื่อ และคำอธิบายสั้นๆ */
.acts[b-66lrcoi75e] { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 16px; }
.act[b-66lrcoi75e] { display: flex; align-items: center; gap: 14px; padding: 16px 18px; text-decoration: none; color: var(--acw-text-2);
    background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 14px; box-shadow: var(--acw-shadow-sm);
    transition: border-color .12s, box-shadow .12s, transform .12s; }
.act:hover[b-66lrcoi75e], .act:focus-visible[b-66lrcoi75e] { border-color: var(--acw-accent-border); transform: translateY(-2px); outline: 0; box-shadow: 0 2px 4px rgba(16, 24, 40, .06), 0 10px 22px rgba(21, 133, 216, .16); }
.act b[b-66lrcoi75e] { display: block; font-size: 1.05rem; color: var(--acw-text); }
.act small[b-66lrcoi75e] { display: block; font-size: .88rem; color: var(--acw-muted); }
.act-ic[b-66lrcoi75e] { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; flex: none; background: var(--tone-bg); color: var(--tone); }
.act-ic[b-66lrcoi75e]  .mud-icon-root { font-size: 1.5rem; }

/* เมนูโปรด (ซ้าย) คู่กับเปิดล่าสุด (ขวา) */
.cols[b-66lrcoi75e] { display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 24px; align-items: start; }
.ftiles[b-66lrcoi75e] { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px; }
.ftile-wrap[b-66lrcoi75e] { position: relative; }
.ftile[b-66lrcoi75e] { height: 148px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 12px; text-align: center;
    text-decoration: none; color: var(--acw-text-2); font-weight: 600; line-height: 1.3;
    background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 14px; box-shadow: var(--acw-shadow-sm);
    transition: border-color .12s, box-shadow .12s, transform .12s; }
a.ftile:hover[b-66lrcoi75e], a.ftile:focus-visible[b-66lrcoi75e] { border-color: var(--acw-accent-border); transform: translateY(-2px); outline: 0; box-shadow: 0 2px 4px rgba(16, 24, 40, .06), 0 10px 22px rgba(21, 133, 216, .16); }
.ftile-ic[b-66lrcoi75e] { width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; background: var(--tone-bg, var(--acw-tint-blue-bg)); color: var(--tone, var(--acw-tint-blue)); }
.ftile-ic[b-66lrcoi75e]  .mud-icon-root { font-size: 1.8rem; }
.ftile.add[b-66lrcoi75e] { gap: 4px; color: var(--acw-muted); font-weight: 500; background: transparent; border-style: dashed; border-color: var(--acw-border-strong); box-shadow: none; }
.ftile.add small[b-66lrcoi75e] { font-size: .78rem; color: var(--acw-faint); }

/* the star: gold on a favourite; on search results it shows when the tile is pointed at */
.star[b-66lrcoi75e] { position: absolute; top: 6px; right: 6px; width: 30px; height: 30px; display: grid; place-items: center; padding: 0;
    border: 0; border-radius: 50%; background: transparent; color: var(--acw-faint); cursor: pointer; opacity: 0; transition: opacity .12s, background .12s; }
.star[b-66lrcoi75e]  .mud-icon-root { font-size: 1.25rem; }
.tile:hover .star[b-66lrcoi75e], .star:focus-visible[b-66lrcoi75e] { opacity: 1; }
.star:hover[b-66lrcoi75e] { background: var(--acw-surface-3); color: var(--acw-star); }
.star.on[b-66lrcoi75e] { opacity: 1; color: var(--acw-star); }

/* เปิดล่าสุด */
.recent[b-66lrcoi75e] { padding: 6px 10px; }
.recent-row[b-66lrcoi75e] { display: flex; align-items: center; gap: 12px; padding: 10px 8px; border-bottom: 1px solid var(--acw-border-soft); color: var(--acw-text-2); text-decoration: none; }
.recent-row:last-child[b-66lrcoi75e] { border-bottom: 0; }
.recent-row:hover[b-66lrcoi75e] { background: var(--acw-accent-hover); color: var(--acw-accent-text); border-radius: 8px; }
.recent-row[b-66lrcoi75e]  .mud-icon-root { color: var(--acw-faint); font-size: 1.25rem; }
.recent-t[b-66lrcoi75e] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tm[b-66lrcoi75e] { font-size: .8rem; color: var(--acw-faint); white-space: nowrap; }

/* ผลการค้นหา: การ์ดแนวนอน กดดาวเพื่อเพิ่มเป็นเมนูโปรด */
.tiles[b-66lrcoi75e] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.tile[b-66lrcoi75e] { position: relative; }
.tile-link[b-66lrcoi75e] { display: flex; align-items: center; gap: 12px; min-height: 66px; height: 100%; padding: 11px 34px 11px 12px; text-decoration: none; color: var(--acw-text-2);
    background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm);
    transition: border-color .12s, box-shadow .12s, transform .12s; }
.tile-link:hover[b-66lrcoi75e], .tile-link:focus-visible[b-66lrcoi75e] { border-color: var(--acw-accent-border); transform: translateY(-2px); outline: 0;
    box-shadow: 0 2px 4px rgba(16, 24, 40, .06), 0 10px 22px rgba(21, 133, 216, .16); }
.tile-ic[b-66lrcoi75e] { width: 40px; height: 40px; border-radius: 11px; display: grid; place-items: center; flex: none; background: var(--tone-bg, var(--acw-tint-blue-bg)); color: var(--tone, var(--acw-tint-blue)); }
.tile-ic[b-66lrcoi75e]  .mud-icon-root { font-size: 1.45rem; }
.tile-t[b-66lrcoi75e] { font-weight: 500; line-height: 1.3; }
.tile.locked .tile-link[b-66lrcoi75e] { cursor: not-allowed; color: var(--acw-muted); background: var(--acw-surface-2); box-shadow: none; border-style: dashed; }
.tile.locked .tile-link:hover[b-66lrcoi75e] { transform: none; border-color: var(--acw-border); box-shadow: none; }
.tile.locked .tile-ic[b-66lrcoi75e] { background: var(--acw-surface-3); color: var(--acw-muted); }
.tile.locked .tile-t small[b-66lrcoi75e] { display: block; font-size: 12px; font-weight: 400; }

@media (max-width: 1200px) {
    .cols[b-66lrcoi75e] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Pages/InventoryProductDialog.razor.rz.scp.css */
.pick-search[b-5nd049bsiu] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; margin-bottom: .6rem; }
.pick-input[b-5nd049bsiu] { flex: 1 1 340px; height: 38px; padding: .3rem .65rem; border: 1px solid var(--acw-border-strong); border-radius: 6px; font: inherit; }
.pick-input:focus[b-5nd049bsiu] { outline: none; border-color: var(--acw-accent); box-shadow: 0 0 0 3px var(--acw-accent-soft); }
.pick-opt[b-5nd049bsiu] { display: inline-flex; align-items: center; gap: .3rem; margin: 0; font-size: .9rem; cursor: pointer; }
.pick-list[b-5nd049bsiu] { height: 55vh; min-height: 240px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; outline: none; }
.pick-list:focus-visible[b-5nd049bsiu] { border-color: var(--acw-accent); }
.pick-list table[b-5nd049bsiu] { width: 100%; border-collapse: collapse; font-size: .95rem; }
.pick-list th[b-5nd049bsiu] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .6rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.pick-list td[b-5nd049bsiu] { padding: .38rem .6rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; }
.pick-list .num[b-5nd049bsiu] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pick-list tr:hover td[b-5nd049bsiu] { background: var(--acw-hover); }
.pick-list tr.row-selected td[b-5nd049bsiu] { background: var(--acw-row-selected); }
.pick-empty[b-5nd049bsiu] { padding: 2rem; text-align: center; color: var(--acw-faint); }
.pick-count[b-5nd049bsiu] { margin-right: auto; padding-left: .5rem; font-size: .85rem; color: var(--acw-muted); }
.pick-list .chk[b-5nd049bsiu] { width: 34px; text-align: center; }
.pick-list .qty[b-5nd049bsiu] { width: 96px; }
.pick-list tr.row-checked td[b-5nd049bsiu] { background: var(--acw-success-soft); }
.pick-list tr.row-checked.row-selected td[b-5nd049bsiu] { background: var(--acw-success-soft); }
.pick-qty[b-5nd049bsiu] { width: 84px; height: 30px; padding: .15rem .4rem; text-align: right; border: 1px solid var(--acw-border-strong); border-radius: 5px; font: inherit; }
.pick-qty:focus[b-5nd049bsiu] { outline: none; border-color: var(--acw-accent); }
.pick-message[b-5nd049bsiu] { margin-top: .5rem; color: var(--acw-danger); font-weight: 600; }
.pick-list table[b-5nd049bsiu] { table-layout: fixed; }
.pick-list td[b-5nd049bsiu] { height: 36px; padding-top: 0; padding-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pick-list .code[b-5nd049bsiu] { width: 150px; }
.pick-list .unit[b-5nd049bsiu] { width: 84px; }
.pick-list th.num[b-5nd049bsiu] { width: 112px; }
.pick-list th.qty[b-5nd049bsiu] { width: 96px; }
.pick-list td.qty[b-5nd049bsiu] { overflow: visible; text-overflow: clip; }
.pick-qty[b-5nd049bsiu] { width: 100%; }
/* /Components/Pages/InventoryRangeDialog.razor.rz.scp.css */
.rg-note[b-3sf8gbz6x8] { margin-bottom: .7rem; color: var(--acw-label); font-size: .9rem; }
.rg-grid[b-3sf8gbz6x8] { display: grid; grid-template-columns: 100px 1fr 1fr; gap: .45rem .6rem; align-items: center; }
.rg-label[b-3sf8gbz6x8] { font-weight: 600; color: var(--acw-label); }
.rg-input[b-3sf8gbz6x8] { height: 36px; padding: .3rem .6rem; border: 1px solid var(--acw-border-strong); border-radius: 6px; font: inherit; color: var(--acw-text); background: var(--acw-surface); min-width: 0; }
.rg-input:focus[b-3sf8gbz6x8] { outline: none; border-color: var(--acw-accent); box-shadow: 0 0 0 3px var(--acw-accent-soft); }
.rg-wide[b-3sf8gbz6x8] { grid-column: span 2; }
.rg-hint[b-3sf8gbz6x8] { margin-top: .6rem; color: var(--acw-faint); font-size: .85rem; }
/* /Components/Pages/InventoryRefLinesDialog.razor.rz.scp.css */
.pick-search[b-asntvdurcd] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; margin-bottom: .6rem; }
.pick-input[b-asntvdurcd] { flex: 1 1 340px; height: 38px; padding: .3rem .65rem; border: 1px solid var(--acw-border-strong); border-radius: 6px; font: inherit; }
.pick-input:focus[b-asntvdurcd] { outline: none; border-color: var(--acw-accent); box-shadow: 0 0 0 3px var(--acw-accent-soft); }
.pick-opt[b-asntvdurcd] { display: inline-flex; align-items: center; gap: .3rem; margin: 0; font-size: .9rem; cursor: pointer; }
.pick-list[b-asntvdurcd] { height: 55vh; min-height: 240px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; outline: none; }
.pick-list:focus-visible[b-asntvdurcd] { border-color: var(--acw-accent); }
.pick-list table[b-asntvdurcd] { width: 100%; border-collapse: collapse; font-size: .95rem; }
.pick-list th[b-asntvdurcd] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .6rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.pick-list td[b-asntvdurcd] { padding: .38rem .6rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; }
.pick-list .num[b-asntvdurcd] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pick-list tr:hover td[b-asntvdurcd] { background: var(--acw-hover); }
.pick-list tr.row-selected td[b-asntvdurcd] { background: var(--acw-row-selected); }
.pick-empty[b-asntvdurcd] { padding: 2rem; text-align: center; color: var(--acw-faint); }
.pick-count[b-asntvdurcd] { margin-right: auto; padding-left: .5rem; font-size: .85rem; color: var(--acw-muted); }
.pick-list .chk[b-asntvdurcd] { width: 34px; text-align: center; }
.pick-list .qty[b-asntvdurcd] { width: 96px; }
.pick-list tr.row-checked td[b-asntvdurcd] { background: var(--acw-success-soft); }
.pick-list tr.row-checked.row-selected td[b-asntvdurcd] { background: var(--acw-success-soft); }
.pick-qty[b-asntvdurcd] { width: 84px; height: 30px; padding: .15rem .4rem; text-align: right; border: 1px solid var(--acw-border-strong); border-radius: 5px; font: inherit; }
.pick-qty:focus[b-asntvdurcd] { outline: none; border-color: var(--acw-accent); }
.pick-message[b-asntvdurcd] { margin-top: .5rem; color: var(--acw-danger); font-weight: 600; }
.pick-list table[b-asntvdurcd] { table-layout: fixed; }
.pick-list td[b-asntvdurcd] { height: 36px; padding-top: 0; padding-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pick-list .code[b-asntvdurcd] { width: 150px; }
.pick-list .unit[b-asntvdurcd] { width: 84px; }
.pick-list th.num[b-asntvdurcd] { width: 112px; }
.pick-list th.qty[b-asntvdurcd] { width: 96px; }
.pick-list td.qty[b-asntvdurcd] { overflow: visible; text-overflow: clip; }
.pick-qty[b-asntvdurcd] { width: 100%; }
.ref-note[b-asntvdurcd] { margin-bottom: .5rem; color: var(--acw-label); font-size: .9rem; }
.pick-list .pick-qty[b-asntvdurcd] { text-align: right; }
/* gridMain_RowColorData: what is left is below zero */
.pick-list tr.row-minus td[b-asntvdurcd] { color: var(--acw-success); }
/* /Components/Pages/Login.razor.rz.scp.css */
/* wide enough for "database name — company name" in the list (app.css sets 380px) */
.login-box[b-d2e07wlkn1] {
    width: min(660px, 94vw);
    padding: 2.5rem 2.75rem;
}

.login-box[b-d2e07wlkn1]  .form-select {
    padding-right: 2.5rem;
}

.login-page[b-d2e07wlkn1] {
    grid-template-columns: 1fr 1fr;
}

.login-box[b-d2e07wlkn1]  .server-box {
    border: 1px solid #d5dde5;
    background: #f7f9fb;
    border-radius: 8px;
    padding: .75rem;
    margin-bottom: 1rem;
}

.login-box[b-d2e07wlkn1]  .server-box[hidden] {
    display: none;
}

.server-box-title[b-d2e07wlkn1] {
    font-weight: 600;
    color: #1b222c;
    margin-bottom: .5rem;
}

.server-line[b-d2e07wlkn1] {
    margin-top: .3rem;
    font-size: .85rem;
    color: #8593a1;
    user-select: none;
}

.signed-in[b-d2e07wlkn1] {
    border-top: 1px solid #e3e8ee;
    margin-top: 1.25rem;
    padding-top: .75rem;
}

.signed-in-title[b-d2e07wlkn1] {
    font-size: .85rem;
    color: #6b7a89;
    margin-bottom: .35rem;
}

.signed-in-item[b-d2e07wlkn1] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .4rem .5rem;
    border-radius: 6px;
    color: #1f2933;
    text-decoration: none;
}

.signed-in-item:hover[b-d2e07wlkn1] {
    background: #f0f4f8;
}

.signed-in-mark[b-d2e07wlkn1] {
    width: 4px;
    align-self: stretch;
    border-radius: 2px;
}

.signed-in-text[b-d2e07wlkn1] {
    flex: 1;
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.signed-in-text small[b-d2e07wlkn1] {
    color: #6b7a89;
}

.signed-in-go[b-d2e07wlkn1] {
    color: #1585d8;
    font-weight: 600;
    font-size: .9rem;
}
/* /Components/Pages/MultiPrintPanel.razor.rz.scp.css */
.mp-head[b-mrxpeiuqno] { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem 1rem; margin-bottom: .5rem; }
.mp-head h2[b-mrxpeiuqno] { font-size: 1.1rem; font-weight: 600; margin: 0; }
.mp-head span[b-mrxpeiuqno] { color: var(--acw-muted); font-size: .92rem; }
.mp-note[b-mrxpeiuqno] { margin-top: .4rem; font-size: .88rem; color: var(--acw-muted); }

.mp-filter[b-mrxpeiuqno] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .6rem 1.25rem; background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; padding: .7rem .9rem; margin-bottom: .75rem; }
.mp-filter label[b-mrxpeiuqno] { display: block; font-weight: 600; color: var(--acw-label); font-size: .9rem; margin-bottom: .2rem; }
.filter-date[b-mrxpeiuqno], .filter-doc[b-mrxpeiuqno] { display: flex; flex-direction: column; }
.filter-date .link-btn[b-mrxpeiuqno] { align-self: flex-start; }
.doc-range[b-mrxpeiuqno] { display: flex; align-items: center; gap: .5rem; }
.doc-range .sale-input[b-mrxpeiuqno] { width: 150px; }
.filter-options[b-mrxpeiuqno] { display: flex; align-items: center; gap: 1rem; padding-bottom: 1.45rem; }
.filter-options .opt[b-mrxpeiuqno] { display: inline-flex; align-items: center; gap: .35rem; font-weight: 400; margin: 0; cursor: pointer; }
.mp-filter[b-mrxpeiuqno]  .sale-input { height: 36px; padding: .3rem .6rem; border: 1px solid var(--acw-border-strong); border-radius: 6px; font: inherit; color: var(--acw-text); background: var(--acw-input); }
.mp-filter[b-mrxpeiuqno]  .sale-input:focus { outline: none; border-color: var(--acw-accent); box-shadow: 0 0 0 3px var(--acw-accent-soft); }
.mp-filter[b-mrxpeiuqno]  .sale-date { width: 165px; }
.link-btn[b-mrxpeiuqno] { border: none; background: none; color: var(--acw-accent); padding: .1rem 0; font: inherit; font-size: .85rem; cursor: pointer; }
.link-btn:hover[b-mrxpeiuqno] { text-decoration: underline; }

.mp-error[b-mrxpeiuqno] { margin-bottom: .75rem; padding: .6rem .9rem; border-radius: 6px; background: var(--acw-danger-soft); color: var(--acw-danger); }

.mp-list[b-mrxpeiuqno] { height: calc(100vh - 625px); min-height: 280px; overflow: auto; background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; }
.mp-list table[b-mrxpeiuqno] { width: 100%; border-collapse: collapse; font-size: .95rem; }
.mp-list th[b-mrxpeiuqno] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .5rem .65rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.mp-list td[b-mrxpeiuqno] { height: 35px; padding: 0 .65rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; white-space: nowrap; }
.mp-list td.col-name[b-mrxpeiuqno] { max-width: 0; overflow: hidden; text-overflow: ellipsis; }
.mp-list .num[b-mrxpeiuqno] { text-align: right; width: 140px; font-variant-numeric: tabular-nums; }
.mp-list .col-chk[b-mrxpeiuqno] { width: 88px; text-align: center; }
.mp-list th .all[b-mrxpeiuqno] { display: inline-flex; align-items: center; gap: .3rem; margin: 0; font-weight: 600; cursor: pointer; }
.mp-list .col-chk input[b-mrxpeiuqno] { width: 17px; height: 17px; vertical-align: middle; cursor: pointer; }
.mp-list .col-no[b-mrxpeiuqno] { width: 150px; font-variant-numeric: tabular-nums; }
.mp-list .col-no a[b-mrxpeiuqno] { color: var(--acw-accent-text); text-decoration: none; }
.mp-list .col-no a:hover[b-mrxpeiuqno] { text-decoration: underline; }
.mp-list .col-date[b-mrxpeiuqno] { width: 120px; font-variant-numeric: tabular-nums; }
.mp-list .col-status[b-mrxpeiuqno] { width: 110px; }
.mp-list .col-count[b-mrxpeiuqno] { width: 90px; }
.mp-list tbody input:disabled[b-mrxpeiuqno] { cursor: not-allowed; }
.mp-list tr:hover td[b-mrxpeiuqno] { background: var(--acw-accent-hover); }
.mp-list tr.row-chosen td[b-mrxpeiuqno] { background: var(--acw-row-selected); }
.mp-list tr.row-cancelled td[b-mrxpeiuqno] { background: var(--acw-row-cancelled); color: var(--acw-row-cancelled-text); }
.mp-list tr.row-cancelled.row-chosen td[b-mrxpeiuqno] { background: var(--acw-row-cancelled-selected); }
.list-empty[b-mrxpeiuqno] { padding: 2rem; text-align: center; color: var(--acw-faint); }

.mp-foot[b-mrxpeiuqno] { display: flex; align-items: center; gap: 1.5rem; margin-top: .6rem; color: var(--acw-muted); }
.mp-picked[b-mrxpeiuqno] { margin-left: auto; }
.mp-warn[b-mrxpeiuqno] { margin-left: .75rem; color: var(--acw-danger); font-weight: 600; }
.mp-foot form[b-mrxpeiuqno] { margin: 0; }

@media (max-width: 900px) {
    .mp-list[b-mrxpeiuqno] { height: auto; max-height: 70vh; }
    .mp-foot[b-mrxpeiuqno] { flex-wrap: wrap; }
    .mp-picked[b-mrxpeiuqno] { margin-left: 0; }
}
/* /Components/Pages/OverviewPage.razor.rz.scp.css */
/* ภาพรวมธุรกิจ. Colours come from the --acw-* variables of app.css; the two chart lines are set here per mode. */
.ov[b-umn9wom5a7] {
    --ov-line: var(--acw-tint-blue);
    --ov-line-prev: var(--acw-faint);
    --ov-grid: var(--acw-border-soft);
    --ov-bar: var(--acw-accent-border);
    display: flex; flex-direction: column; gap: 12px; padding: 4px 6px 12px;
}

.ov-loading[b-umn9wom5a7] { padding: 3rem; text-align: center; color: var(--acw-muted); }

.ov-head[b-umn9wom5a7] { display: flex; align-items: center; gap: 18px; white-space: nowrap; flex-wrap: wrap; }
.ov-title[b-umn9wom5a7] { display: flex; flex-direction: column; }
.ov-title h1[b-umn9wom5a7] { margin: 0; font-size: 1.6rem; font-weight: 700; color: var(--acw-heading); line-height: 1.2; }
.ov-title .asof[b-umn9wom5a7] { color: var(--acw-muted); font-size: .88rem; }
.ov-tools[b-umn9wom5a7] { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.ov-tools .lbl[b-umn9wom5a7] { color: var(--acw-muted); font-size: .95rem; }
.ov-tools .ml[b-umn9wom5a7] { margin-left: 8px; }
.ov-tools[b-umn9wom5a7]  .ov-date { width: 150px; margin: 0; }
.ov-btn[b-umn9wom5a7] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text); border-radius: 8px;
          padding: 6px 12px; font: inherit; font-size: .95rem; cursor: pointer; }
.ov-btn:hover:not(:disabled)[b-umn9wom5a7] { background: var(--acw-hover); }
.ov-btn:disabled[b-umn9wom5a7] { opacity: .45; cursor: default; }
.ov-seg[b-umn9wom5a7] { display: inline-flex; border: 1px solid var(--acw-border-strong); border-radius: 8px; overflow: hidden; }
.ov-seg button[b-umn9wom5a7] { border: 0; border-left: 1px solid var(--acw-border); background: var(--acw-surface); color: var(--acw-text);
                 padding: 6px 16px; font: inherit; font-size: .95rem; cursor: pointer; }
.ov-seg button:first-child[b-umn9wom5a7] { border-left: 0; }
.ov-seg button.on[b-umn9wom5a7] { background: var(--acw-accent); color: var(--acw-on-tone); font-weight: 600; }

.ov-card[b-umn9wom5a7] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm);
           padding: 14px 18px; min-width: 0; }
.ov-card h3[b-umn9wom5a7] { margin: 0 0 8px; font-size: 1rem; font-weight: 600; color: var(--acw-label); display: flex; align-items: center; gap: 14px; }
.ov-card h3 .note[b-umn9wom5a7] { margin-left: auto; color: var(--acw-muted); font-weight: 400; font-size: .88rem; }
.lbl[b-umn9wom5a7] { color: var(--acw-muted); font-size: .95rem; }
.unit[b-umn9wom5a7] { font-size: .95rem; font-weight: 400; color: var(--acw-muted); margin-left: 5px; }
.cmp[b-umn9wom5a7] { color: var(--acw-muted); font-size: .88rem; }
.neg[b-umn9wom5a7] { color: var(--acw-danger) !important; }
.empty[b-umn9wom5a7] { padding: 1.5rem 0; color: var(--acw-faint); text-align: center; }

.chg[b-umn9wom5a7] { display: inline-block; font-size: .88rem; font-weight: 600; border-radius: 6px; padding: 1px 8px; }
.chg.up[b-umn9wom5a7] { color: var(--acw-success); background: var(--acw-success-soft); }
.chg.down[b-umn9wom5a7] { color: var(--acw-danger); background: var(--acw-danger-soft); }
.chg.neutral[b-umn9wom5a7] { color: var(--acw-muted); background: var(--acw-surface-3); font-weight: 400; }

/* headline + chart */
.ov-hero[b-umn9wom5a7] { display: flex; gap: 26px; }
.ov-headline[b-umn9wom5a7] { width: 360px; flex: none; padding-top: 4px; }
.hero-num[b-umn9wom5a7] { font-size: 3.2rem; font-weight: 700; color: var(--acw-heading); line-height: 1.1; font-variant-numeric: tabular-nums; }
.hero-num .unit[b-umn9wom5a7] { font-size: 1.2rem; }
.hero-cmp[b-umn9wom5a7] { font-size: 1.1rem; margin: 8px 0 18px; }
.kv[b-umn9wom5a7] { display: flex; justify-content: space-between; align-items: baseline; padding: 7px 0; border-bottom: 1px solid var(--acw-border-soft); }
.kv .k[b-umn9wom5a7] { color: var(--acw-label); font-size: .95rem; }
.kv .k small[b-umn9wom5a7] { display: block; color: var(--acw-muted); font-size: .8rem; }
.x[b-umn9wom5a7] { font-size: 1.4rem; font-weight: 700; color: var(--acw-heading); font-variant-numeric: tabular-nums; }
.x.sm[b-umn9wom5a7] { font-size: 1.15rem; }
.locked[b-umn9wom5a7] { color: var(--acw-faint) !important; font-weight: 400; letter-spacing: 2px; cursor: help; }
.lock-note[b-umn9wom5a7] { margin-top: 8px; font-size: .85rem; color: var(--acw-muted); }
.ov-chart[b-umn9wom5a7] { flex: 1; min-width: 0; }
.ov-chart h3[b-umn9wom5a7] { margin-bottom: 2px; }
.hint[b-umn9wom5a7] { margin-bottom: 4px; }
.legend[b-umn9wom5a7] { display: flex; gap: 16px; font-size: .88rem; font-weight: 400; color: var(--acw-muted); }
.legend i.ln[b-umn9wom5a7] { display: inline-block; width: 18px; height: 3px; border-radius: 2px; margin-right: 6px; vertical-align: 4px; }
.legend i.ln.cur[b-umn9wom5a7] { background: var(--ov-line); }
.legend i.ln.prev[b-umn9wom5a7] { background: var(--ov-line-prev); }
.ov-chart[b-umn9wom5a7]  .ov-svg { width: 100%; height: auto; display: block; }
.ov-chart[b-umn9wom5a7]  .ov-svg text { font-family: inherit; fill: var(--acw-muted); font-size: 13px; }
.ov-chart[b-umn9wom5a7]  .ov-svg text.val { fill: var(--acw-text); font-weight: 600; font-size: 14px; }
.ov-chart[b-umn9wom5a7]  .ov-svg .grid { stroke: var(--ov-grid); }
.ov-chart[b-umn9wom5a7]  .ov-svg .today { stroke: var(--acw-border-strong); stroke-dasharray: 3 3; }
.ov-chart[b-umn9wom5a7]  .ov-svg .l-prev { fill: none; stroke: var(--ov-line-prev); stroke-width: 2.5; stroke-linejoin: round; }
.ov-chart[b-umn9wom5a7]  .ov-svg .l-cur { fill: none; stroke: var(--ov-line); stroke-width: 3; stroke-linejoin: round; }
.ov-chart[b-umn9wom5a7]  .ov-svg .area { fill: var(--ov-line); opacity: .10; }
.ov-chart[b-umn9wom5a7]  .ov-svg .dot-cur { fill: var(--ov-line); stroke: var(--acw-surface); stroke-width: 2; }
.ov-chart[b-umn9wom5a7]  .ov-svg .dot-prev { fill: var(--ov-line-prev); stroke: var(--acw-surface); stroke-width: 2; }
.ov-chart[b-umn9wom5a7]  .ov-svg .hit { fill: transparent; }
.ov-chart[b-umn9wom5a7]  .ov-svg .hit:hover { fill: var(--acw-accent-soft); opacity: .6; }

/* balance cards */
.ov-stats[b-umn9wom5a7] { display: flex; gap: 12px; }
.ov-stats .stat[b-umn9wom5a7] { flex: 1; padding: 10px 16px; }
.mid[b-umn9wom5a7] { font-size: 1.5rem; font-weight: 700; color: var(--acw-heading); font-variant-numeric: tabular-nums; }

/* top lists */
.ov-lists[b-umn9wom5a7] { display: flex; gap: 12px; }
.ov-lists .ov-card[b-umn9wom5a7] { flex: 1; }
.hb[b-umn9wom5a7] { display: grid; grid-template-columns: 22px 1fr 130px; align-items: center; gap: 0 10px; font-size: .95rem; line-height: 1.35; }
.hb .rk[b-umn9wom5a7] { color: var(--acw-faint); text-align: right; font-size: .88rem; }
.hb .nm[b-umn9wom5a7] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hb .v[b-umn9wom5a7] { text-align: right; font-variant-numeric: tabular-nums; }
.hb .bar[b-umn9wom5a7] { grid-column: 2 / 4; height: 6px; border-radius: 3px; background: var(--acw-surface-3); margin-bottom: 5px; }
.hb .bar i[b-umn9wom5a7] { display: block; height: 100%; border-radius: 3px; background: var(--ov-bar); }
.hb .bar.first i[b-umn9wom5a7] { background: var(--ov-line); }
.hb .sub[b-umn9wom5a7] { grid-column: 2 / 4; color: var(--acw-muted); font-size: .82rem; margin: -1px 0 7px; }

/* รายวัน: สองรายการข้างกันแทนกราฟ */
.day-split[b-umn9wom5a7] { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 10px; }
.sub-h[b-umn9wom5a7] { font-size: .9rem; font-weight: 600; color: var(--acw-muted); margin-bottom: 6px; }
.viewing[b-umn9wom5a7] { color: var(--acw-accent-text); font-weight: 600; }
.ov-link[b-umn9wom5a7] { border: 0; background: none; padding: 6px 0 0; font: inherit; font-size: .95rem; color: var(--acw-accent-text); cursor: pointer; text-align: left; }
.ov-link:hover[b-umn9wom5a7] { text-decoration: underline; }
/* /Components/Pages/PendingTable.razor.rz.scp.css */
.pending-table[b-flf7w2wmt9] { height: auto; max-height: 360px; min-height: 140px; }
.pending-table td.num[b-flf7w2wmt9], .pending-table th.num[b-flf7w2wmt9] { text-align: right; font-variant-numeric: tabular-nums; }
/* /Components/Pages/PrintPage.razor.rz.scp.css */
/* Bootstrap's card, inputs and text colours stay light in โหมดมืด; use the --acw-* colours of app.css instead. */
.card[b-sio5p3rnva] { background: var(--acw-surface); border-color: var(--acw-border); color: var(--acw-text); box-shadow: var(--acw-shadow-sm); }
.form-label[b-sio5p3rnva] { color: var(--acw-label); }
.form-control[b-sio5p3rnva], .form-select[b-sio5p3rnva] { background-color: var(--acw-input); border-color: var(--acw-border-strong); color: var(--acw-text); }
.form-control[b-sio5p3rnva]::placeholder { color: var(--acw-faint); }
/* The select arrow in a grey that shows on light and dark fields alike. */
.form-select[b-sio5p3rnva] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238a96a3' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }
.form-control:focus[b-sio5p3rnva], .form-select:focus[b-sio5p3rnva] { border-color: var(--acw-accent); box-shadow: 0 0 0 3px var(--acw-accent-soft); }
.form-text[b-sio5p3rnva] { color: var(--acw-muted); }
.status-danger[b-sio5p3rnva] { color: var(--acw-danger); }
.status-warning[b-sio5p3rnva] { color: var(--acw-warning); }
.status-ok[b-sio5p3rnva] { color: var(--acw-success); }
.approve-box[b-sio5p3rnva] { background: var(--acw-surface-2); border: 1px solid var(--acw-border); }
.btn-outline-secondary[b-sio5p3rnva] { color: var(--acw-muted); border-color: var(--acw-border-strong); }
.btn-outline-secondary:hover[b-sio5p3rnva] { background: var(--acw-hover); color: var(--acw-text); }
/* /Components/Pages/PrintView.razor.rz.scp.css */
.view-head[b-pykfjbnr88] { display: flex; flex-wrap: wrap; align-items: baseline; gap: .4rem 1rem; margin-bottom: .75rem; }
.view-head h1[b-pykfjbnr88] { font-size: 1.25rem; margin: 0; }
.doc-no[b-pykfjbnr88] { font-variant-numeric: tabular-nums; }
.form-name[b-pykfjbnr88] { color: var(--acw-muted); }
.view-actions[b-pykfjbnr88] { margin-left: auto; display: flex; align-items: center; gap: .75rem; }
.print-count[b-pykfjbnr88] { color: var(--acw-muted); font-size: .9rem; }

.view-alert[b-pykfjbnr88] { margin-bottom: .75rem; padding: .6rem .9rem; border-radius: 6px; background: var(--acw-warning-soft); color: var(--acw-warning); font-weight: 600; }
.view-alert.cancelled[b-pykfjbnr88] { background: var(--acw-danger-soft); color: var(--acw-danger); }
.view-empty[b-pykfjbnr88] { padding: 2rem; text-align: center; color: var(--acw-faint); }

/* The pages are paper: a grey desk like a PDF viewer and white sheets in light and dark mode alike. */
.view-pages[b-pykfjbnr88] { display: flex; flex-direction: column; align-items: center; gap: 1rem; padding: 1rem; background: #525659; border-radius: 8px; }
.view-pages img[b-pykfjbnr88] { max-width: 100%; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, .35); user-select: none; -webkit-user-drag: none; }

.view-noprint[b-pykfjbnr88] { display: none; }

/* Printing from the browser gives a blank page: the preview is not a print. */
@media print {
    .view-pages[b-pykfjbnr88], .view-head[b-pykfjbnr88], .view-alert[b-pykfjbnr88], .view-empty[b-pykfjbnr88] { display: none !important; }
    .view-noprint[b-pykfjbnr88] { display: block; padding: 2rem; font-size: 1.2rem; }
}
/* /Components/Pages/ProductList.razor.rz.scp.css */
.prod-list[b-pr8du5pdoh] { max-width: 100%; }
.prod-filters[b-pr8du5pdoh] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin-bottom: .6rem; }
.prod-filters[b-pr8du5pdoh]  .prod-search { flex: 1 1 360px; }
.prod-filters[b-pr8du5pdoh]  .prod-filter { flex: 0 1 260px; }
.prod-filters[b-pr8du5pdoh]  .mud-input-control { margin: 0; }
.prod-table[b-pr8du5pdoh] { height: calc(100vh - 300px); }
.prod-table td.num[b-pr8du5pdoh], .prod-table th.num[b-pr8du5pdoh] { text-align: right; font-variant-numeric: tabular-nums; }
/* /Components/Pages/ProductPage.razor.rz.scp.css */
.prod-card[b-pgbb9r35dk] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; padding: .9rem 1rem; }
.prod-head[b-pgbb9r35dk] { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) 230px; gap: 1.25rem; align-items: start; }

.prod-fields[b-pgbb9r35dk] { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .45rem .75rem; align-items: center; }
.prod-fields > label[b-pgbb9r35dk] { text-align: right; font-weight: 600; color: var(--acw-label); white-space: nowrap; }
.prod-fields[b-pgbb9r35dk]  .mud-input-control { margin: 0; }
.prod-fields[b-pgbb9r35dk]  .auto-code input { background: var(--acw-auto-code); }
.prod-fields.narrow[b-pgbb9r35dk] { max-width: 560px; }
.prod-inline[b-pgbb9r35dk] { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.prod-inline[b-pgbb9r35dk]  .mud-input-control, .prod-inline > .money-box[b-pgbb9r35dk] { flex: 1 1 auto; min-width: 0; }
.prod-inline[b-pgbb9r35dk]  .prod-main-unit input { background: var(--acw-danger-soft); }
.prod-checks[b-pgbb9r35dk] { display: flex; flex-wrap: wrap; gap: 0 1rem; }
.prod-amount[b-pgbb9r35dk] { text-align: right; font-variant-numeric: tabular-nums; padding: .35rem .75rem; background: var(--acw-surface-3); border: 1px solid var(--acw-border); border-radius: 4px; min-height: 2.1rem; }
.prod-amount.left[b-pgbb9r35dk] { text-align: left; }
.prod-note[b-pgbb9r35dk] { color: var(--acw-danger); font-size: .85rem; }
.prod-subhead[b-pgbb9r35dk] { font-weight: 700; color: var(--acw-heading); margin: .75rem 0 .4rem; }

.prod-image[b-pgbb9r35dk] { display: grid; gap: .5rem; justify-items: center; }
.prod-image-box[b-pgbb9r35dk] { width: 210px; height: 210px; border: 1px solid var(--acw-border); border-radius: 8px; display: grid; place-items: center; background: var(--acw-surface-2); color: var(--acw-faint); overflow: hidden; }
.prod-image-box img[b-pgbb9r35dk] { max-width: 100%; max-height: 100%; object-fit: contain; }
.prod-image-pick[b-pgbb9r35dk] { display: inline-flex; align-items: center; gap: .35rem; cursor: pointer; padding: .4rem .9rem; border: 1px solid var(--acw-accent); color: var(--acw-accent); border-radius: 6px; font-weight: 600; }
.prod-image-pick:hover[b-pgbb9r35dk] { background: var(--acw-accent-soft); }
.prod-image-pick input[type=file][b-pgbb9r35dk] { display: none; }

.prod-page[b-pgbb9r35dk]  .prod-tabs .mud-tabs-tabbar { background: var(--acw-surface-3); border-bottom: 1px solid var(--acw-border); }
.prod-page[b-pgbb9r35dk]  .prod-tabs .mud-tab { text-transform: none; font-weight: 600; }
.prod-page[b-pgbb9r35dk]  .prod-tabs .mud-tabs-panels { background: var(--acw-surface); }
.prod-two[b-pgbb9r35dk] { display: grid; grid-template-columns: minmax(340px, 480px) minmax(0, 1fr); gap: 1rem; align-items: start; }
.prod-three[b-pgbb9r35dk] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; align-items: start; }
.prod-group[b-pgbb9r35dk] { border: 1px solid var(--acw-border); border-radius: 8px; padding: .5rem .9rem .9rem; margin: 0; min-width: 0; }
.prod-group legend[b-pgbb9r35dk] { font-weight: 700; font-size: 1rem; color: var(--acw-heading); padding: 0 .4rem; }
.prod-grid[b-pgbb9r35dk] { height: auto; max-height: 340px; min-height: 140px; }
.prod-grid.tall[b-pgbb9r35dk] { max-height: 460px; }
.prod-grid td.num[b-pgbb9r35dk], .prod-grid th.num[b-pgbb9r35dk] { text-align: right; font-variant-numeric: tabular-nums; }
.prod-row-actions[b-pgbb9r35dk] { white-space: nowrap; width: 1%; cursor: default; }
.prod-shelf[b-pgbb9r35dk] { max-width: 640px; }

@media (max-width: 1400px) {
    .prod-head[b-pgbb9r35dk] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .prod-image[b-pgbb9r35dk] { grid-column: 1 / -1; justify-items: start; }
    .prod-three[b-pgbb9r35dk] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 800px) {
    .prod-head[b-pgbb9r35dk], .prod-two[b-pgbb9r35dk], .prod-three[b-pgbb9r35dk] { grid-template-columns: 1fr; }
    .prod-fields[b-pgbb9r35dk] { grid-template-columns: 1fr; }
    .prod-fields > label[b-pgbb9r35dk] { text-align: left; }
}
/* /Components/Pages/ProductUnitRenameDialog.razor.rz.scp.css */
.rename-grid[b-8e4k32cjdt] { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .5rem .75rem; align-items: center; min-width: 360px; }
.rename-grid > label[b-8e4k32cjdt] { text-align: right; font-weight: 600; color: var(--acw-label); }
.rename-grid[b-8e4k32cjdt]  .mud-input-control { margin: 0; }
/* /Components/Pages/Reports/ReportPickDialog.razor.rz.scp.css */
.rpick-search[b-cd09iu35yp] { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
.rpick-input[b-cd09iu35yp] { flex: 1; border: 1px solid var(--acw-border-strong); background: var(--acw-input, var(--acw-surface)); color: var(--acw-text); border-radius: 8px; padding: 7px 12px; font: inherit; }
.rpick-input:focus[b-cd09iu35yp] { outline: 2px solid var(--acw-accent-border, var(--acw-accent)); outline-offset: 0; }
.rpick-search label[b-cd09iu35yp] { white-space: nowrap; color: var(--acw-label); display: flex; align-items: center; gap: 4px; cursor: pointer; }

.rpick-chosen[b-cd09iu35yp] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px 10px; margin-bottom: 8px; border-radius: 8px; background: var(--acw-accent-soft); max-height: 96px; overflow: auto; }
.rpick-lbl[b-cd09iu35yp] { color: var(--acw-accent-text); font-weight: 600; font-size: 14px; }
.rpick-chip[b-cd09iu35yp] { display: inline-flex; align-items: center; gap: 2px; padding: 1px 4px 1px 10px; border-radius: 14px; background: var(--acw-surface); border: 1px solid var(--acw-accent); color: var(--acw-accent-text); font-size: 14px; }
.rpick-chip button[b-cd09iu35yp] { border: 0; background: none; color: var(--acw-muted); cursor: pointer; font-size: 16px; line-height: 1; padding: 0 4px; }
.rpick-chip button:hover[b-cd09iu35yp] { color: var(--acw-danger); }
.rpick-link[b-cd09iu35yp] { border: 0; background: none; color: var(--acw-accent-text); cursor: pointer; font: inherit; font-size: 14px; text-decoration: underline; }

.rpick-list[b-cd09iu35yp] { height: 420px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 8px; }
.rpick-list table[b-cd09iu35yp] { width: 100%; border-collapse: collapse; font-size: 15px; }
.rpick-list th[b-cd09iu35yp] { position: sticky; top: 0; z-index: 1; background: var(--acw-surface-2); text-align: left; font-weight: 600; color: var(--acw-label); padding: 6px 10px; border-bottom: 1px solid var(--acw-border-strong); }
.rpick-list td[b-cd09iu35yp] { height: 34px; padding: 0 10px; border-bottom: 1px solid var(--acw-border-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 520px; cursor: pointer; }
.rpick-list .c[b-cd09iu35yp] { width: 44px; text-align: center; }
.rpick-list input[type=checkbox][b-cd09iu35yp] { width: 17px; height: 17px; cursor: pointer; accent-color: var(--acw-accent); }
.rpick-list tr:hover td[b-cd09iu35yp] { background: var(--acw-hover); }
.rpick-list tr.on td[b-cd09iu35yp] { background: var(--acw-accent-soft); }
.rpick-empty[b-cd09iu35yp] { padding: 24px; text-align: center; color: var(--acw-muted); }
.rpick-count[b-cd09iu35yp] { margin-right: auto; padding-left: 8px; color: var(--acw-muted); font-size: 14px; }
/* /Components/Pages/Reports/T1DocLines.razor.rz.scp.css */
.rpt[b-eyouwi2sgy] { color: var(--acw-text); display: flex; flex-direction: column; gap: 12px; height: calc(100vh - 90px); min-height: 640px; }

.rpt-head[b-eyouwi2sgy] { display: flex; align-items: center; gap: 18px; }
.rpt-head h1[b-eyouwi2sgy] { margin: 0; font-size: 26px; color: var(--acw-heading); }
.rpt-sub[b-eyouwi2sgy] { color: var(--acw-muted); font-size: 14px; }
.rpt-tools[b-eyouwi2sgy] { margin-left: auto; display: flex; gap: 10px; }

.rpt-card[b-eyouwi2sgy] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm); padding: 12px 16px; min-width: 0; }

.rpt-btn[b-eyouwi2sgy] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text); border-radius: 8px; padding: 6px 14px; font: inherit; font-size: 15px; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; text-decoration: none; }
.rpt-btn:hover[b-eyouwi2sgy] { background: var(--acw-hover); }
.rpt-btn.primary[b-eyouwi2sgy] { background: var(--acw-accent); color: var(--acw-on-tone); border-color: var(--acw-accent); font-weight: 600; margin-left: auto; }
.rpt-btn.primary:hover[b-eyouwi2sgy] { background: var(--acw-accent-hover); }
.rpt-btn:disabled[b-eyouwi2sgy] { opacity: .6; cursor: default; }
.rpt-btn kbd[b-eyouwi2sgy] { font: inherit; font-size: 12px; opacity: .8; border: 1px solid currentColor; border-radius: 4px; padding: 0 4px; background: none; color: inherit; box-shadow: none; }

.rpt-presets[b-eyouwi2sgy] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.rpt-preset[b-eyouwi2sgy] { text-align: left; align-items: flex-start; background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm); padding: 10px 14px; font: inherit; color: var(--acw-text); cursor: pointer; display: flex; flex-direction: column; gap: 2px; transition: transform .12s, box-shadow .12s; }
.rpt-preset:hover[b-eyouwi2sgy] { transform: translateY(-1px); box-shadow: var(--acw-shadow); }
.rpt-preset b[b-eyouwi2sgy] { color: var(--acw-heading); }
.rpt-preset span[b-eyouwi2sgy] { color: var(--acw-muted); font-size: 13px; }
.rpt-preset.on[b-eyouwi2sgy] { border: 2px solid var(--acw-accent); background: var(--acw-accent-soft); padding: 9px 13px; }
.rpt-preset.on b[b-eyouwi2sgy] { color: var(--acw-accent-text); }

.rpt-filters[b-eyouwi2sgy] { display: flex; flex-direction: column; gap: 10px; }
.rpt-row[b-eyouwi2sgy] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rpt-lbl[b-eyouwi2sgy] { color: var(--acw-label); font-size: 14px; font-weight: 600; white-space: nowrap; }
.rpt-push[b-eyouwi2sgy] { margin-left: auto; }
.rpt-date[b-eyouwi2sgy] { width: 140px; }
.rpt-text[b-eyouwi2sgy] { width: 210px; }
/* The main filter line stays on one line: the text boxes give way first. */
.rpt-main[b-eyouwi2sgy] { flex-wrap: nowrap; }
.rpt-main .rpt-text[b-eyouwi2sgy] { width: auto; flex: 0 1 210px; min-width: 130px; }
.rpt-main .rpt-date[b-eyouwi2sgy] { flex: none; }
.rpt-main .rpt-seg[b-eyouwi2sgy] { flex: none; }  /* mode buttons keep their full text (7.3 has four) */
.rpt-date[b-eyouwi2sgy]  .mud-input-control, .rpt-text[b-eyouwi2sgy]  .mud-input-control, .rpt-more[b-eyouwi2sgy]  .mud-input-control { margin: 0; }

.rpt-seg[b-eyouwi2sgy] { display: inline-flex; border: 1px solid var(--acw-border-strong); border-radius: 8px; overflow: hidden; background: var(--acw-surface); }
.rpt-seg button[b-eyouwi2sgy] { padding: 6px 14px; font: inherit; font-size: 15px; border: 0; border-left: 1px solid var(--acw-border); background: transparent; color: var(--acw-text); cursor: pointer; white-space: nowrap; }
.rpt-seg button:first-child[b-eyouwi2sgy] { border-left: 0; }
.rpt-seg button:hover[b-eyouwi2sgy] { background: var(--acw-hover); }
.rpt-seg button.on[b-eyouwi2sgy] { background: var(--acw-accent); color: var(--acw-on-tone); font-weight: 600; }

.rpt-chip[b-eyouwi2sgy] { padding: 4px 12px; border: 1px solid var(--acw-border-strong); border-radius: 16px; font: inherit; font-size: 14px; background: var(--acw-surface); color: var(--acw-text); cursor: pointer; white-space: nowrap; }
.rpt-chip:hover[b-eyouwi2sgy] { background: var(--acw-hover); }
.rpt-chip.on[b-eyouwi2sgy] { background: var(--acw-accent-soft); border-color: var(--acw-accent); color: var(--acw-accent-text); font-weight: 600; }

.rpt-link[b-eyouwi2sgy] { border: 0; background: none; color: var(--acw-accent-text); font: inherit; font-size: 15px; cursor: pointer; padding: 6px 4px; white-space: nowrap; }

.rpt-more[b-eyouwi2sgy] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px 12px; padding: 10px 12px; border-radius: 8px; background: var(--acw-surface-2); border: 1px solid var(--acw-border-soft); }
.rpt-more label[b-eyouwi2sgy] { display: flex; flex-direction: column; gap: 2px; }
.rpt-hint[b-eyouwi2sgy] { grid-column: 1 / -1; color: var(--acw-muted); font-size: 13px; }

.rpt-error[b-eyouwi2sgy] { background: var(--acw-danger-soft); color: var(--acw-danger); border-radius: 8px; padding: 8px 14px; }

.rpt-kpis[b-eyouwi2sgy] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.rpt-kpi .t[b-eyouwi2sgy] { color: var(--acw-muted); font-size: 14px; display: flex; align-items: center; gap: 6px; }
.rpt-kpi .v[b-eyouwi2sgy] { font-size: 24px; font-weight: 700; color: var(--acw-heading); font-variant-numeric: tabular-nums; }
.rpt-kpi .n[b-eyouwi2sgy] { color: var(--acw-muted); font-size: 13px; }
.rpt-kpi.warn .v[b-eyouwi2sgy] { color: var(--acw-warning); }
.rpt-kpi.age i[b-eyouwi2sgy] { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }
.rpt-kpi.a1 i[b-eyouwi2sgy] { background: var(--acw-tint-blue); }
.rpt-kpi.a2 i[b-eyouwi2sgy] { background: var(--acw-tint-amber); }
.rpt-kpi.a3 i[b-eyouwi2sgy] { background: var(--acw-warning); }
.rpt-kpi.a4 i[b-eyouwi2sgy] { background: var(--acw-danger); }

.rpt-table[b-eyouwi2sgy] { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.rpt-info[b-eyouwi2sgy] { padding: 8px 14px; color: var(--acw-muted); font-size: 14px; border-bottom: 1px solid var(--acw-border); display: flex; gap: 12px; align-items: center; }
.rpt-info b[b-eyouwi2sgy] { color: var(--acw-text); }
.rpt-scroll[b-eyouwi2sgy] { flex: 1; min-height: 0; overflow: auto; }
.rpt-empty[b-eyouwi2sgy] { padding: 24px; color: var(--acw-muted); text-align: center; }

.rpt-grid[b-eyouwi2sgy] { width: 100%; border-collapse: collapse; font-size: 15px; }
.rpt-grid th[b-eyouwi2sgy] { position: sticky; top: 0; z-index: 1; background: var(--acw-surface-2); text-align: left; font-weight: 600; color: var(--acw-label); font-size: 14px; padding: 8px 10px; border-bottom: 1px solid var(--acw-border-strong); white-space: nowrap; }
.rpt-grid td[b-eyouwi2sgy] { padding: 6px 10px; border-bottom: 1px solid var(--acw-border-soft); white-space: nowrap; max-width: 460px; overflow: hidden; text-overflow: ellipsis; }
.rpt-grid .n[b-eyouwi2sgy] { text-align: right; font-variant-numeric: tabular-nums; }
.rpt-grid a[b-eyouwi2sgy] { color: var(--acw-accent-text); text-decoration: none; }
.rpt-grid a:hover[b-eyouwi2sgy] { text-decoration: underline; }
.rpt-grid tr.click[b-eyouwi2sgy] { cursor: pointer; }
.rpt-grid tr.click:hover td[b-eyouwi2sgy] { background: var(--acw-hover); }
.rpt-grid tr.open td[b-eyouwi2sgy] { background: var(--acw-accent-soft); font-weight: 600; }
.rpt-grid .caret[b-eyouwi2sgy] { display: inline-block; width: 14px; color: var(--acw-muted); }
.rpt-grid tr.grp td[b-eyouwi2sgy] { background: var(--acw-surface-3); font-weight: 700; color: var(--acw-heading); }
.rpt-grid tr.sub td[b-eyouwi2sgy] { font-weight: 600; border-bottom: 1px solid var(--acw-border-strong); }
.rpt-grid tr.grand td[b-eyouwi2sgy] { position: sticky; bottom: 0; background: var(--acw-surface-2); font-weight: 700; border-top: 2px solid var(--acw-border-strong); }
.rpt-grid tr.kid td[b-eyouwi2sgy] { background: var(--acw-surface-2); font-size: 14px; }
.rpt-grid tr.kid td:first-child[b-eyouwi2sgy] { border-left: 3px solid var(--acw-accent); }
.rpt-grid tr.kid.more td[b-eyouwi2sgy] { color: var(--acw-muted); }

.age-tag[b-eyouwi2sgy] { display: inline-block; font-size: 13px; font-weight: 600; border-radius: 6px; padding: 0 8px; }
.age-tag.a1[b-eyouwi2sgy] { color: var(--acw-success); background: var(--acw-success-soft); }
.age-tag.a2[b-eyouwi2sgy], .age-tag.a3[b-eyouwi2sgy] { color: var(--acw-warning); background: var(--acw-warning-soft); }
.age-tag.a4[b-eyouwi2sgy] { color: var(--acw-danger); background: var(--acw-danger-soft); }
.rpt-select[b-eyouwi2sgy] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text); border-radius: 4px; padding: 8px 10px; font: inherit; font-size: 15px; height: 40px; }
.rpt-note[b-eyouwi2sgy] { color: var(--acw-muted); font-size: 14px; max-width: 420px; }
/* /Components/Pages/Reports/T2Monthly.razor.rz.scp.css */
/* Same look as T1DocLines.razor.css (scoped CSS is per component); T2 adds the total column. */
.rpt[b-b8ic936ysl] { color: var(--acw-text); display: flex; flex-direction: column; gap: 12px; height: calc(100vh - 90px); min-height: 640px; }

.rpt-head[b-b8ic936ysl] { display: flex; align-items: center; gap: 18px; }
.rpt-head h1[b-b8ic936ysl] { margin: 0; font-size: 26px; color: var(--acw-heading); }
.rpt-sub[b-b8ic936ysl] { color: var(--acw-muted); font-size: 14px; }
.rpt-tools[b-b8ic936ysl] { margin-left: auto; display: flex; gap: 10px; }

.rpt-card[b-b8ic936ysl] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm); padding: 12px 16px; min-width: 0; }

.rpt-btn[b-b8ic936ysl] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text); border-radius: 8px; padding: 6px 14px; font: inherit; font-size: 15px; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; text-decoration: none; }
.rpt-btn:hover[b-b8ic936ysl] { background: var(--acw-hover); }
.rpt-btn.primary[b-b8ic936ysl] { background: var(--acw-accent); color: var(--acw-on-tone); border-color: var(--acw-accent); font-weight: 600; margin-left: auto; }
.rpt-btn.primary:hover[b-b8ic936ysl] { background: var(--acw-accent-hover); }
.rpt-btn:disabled[b-b8ic936ysl] { opacity: .6; cursor: default; }
.rpt-btn kbd[b-b8ic936ysl] { font: inherit; font-size: 12px; opacity: .8; border: 1px solid currentColor; border-radius: 4px; padding: 0 4px; background: none; color: inherit; box-shadow: none; }

.rpt-presets[b-b8ic936ysl] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.rpt-preset[b-b8ic936ysl] { text-align: left; align-items: flex-start; background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm); padding: 10px 14px; font: inherit; color: var(--acw-text); cursor: pointer; display: flex; flex-direction: column; gap: 2px; transition: transform .12s, box-shadow .12s; }
.rpt-preset:hover[b-b8ic936ysl] { transform: translateY(-1px); box-shadow: var(--acw-shadow); }
.rpt-preset b[b-b8ic936ysl] { color: var(--acw-heading); }
.rpt-preset span[b-b8ic936ysl] { color: var(--acw-muted); font-size: 13px; }
.rpt-preset.on[b-b8ic936ysl] { border: 2px solid var(--acw-accent); background: var(--acw-accent-soft); padding: 9px 13px; }
.rpt-preset.on b[b-b8ic936ysl] { color: var(--acw-accent-text); }

.rpt-filters[b-b8ic936ysl] { display: flex; flex-direction: column; gap: 10px; }
.rpt-row[b-b8ic936ysl] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rpt-lbl[b-b8ic936ysl] { color: var(--acw-label); font-size: 14px; font-weight: 600; white-space: nowrap; }
.rpt-push[b-b8ic936ysl] { margin-left: auto; }
.rpt-date[b-b8ic936ysl] { width: 140px; }
.rpt-text[b-b8ic936ysl] { width: 210px; }
/* The main filter line stays on one line: the text boxes give way first. */
.rpt-main[b-b8ic936ysl] { flex-wrap: nowrap; }
.rpt-main .rpt-text[b-b8ic936ysl] { width: auto; flex: 0 1 210px; min-width: 130px; }
.rpt-main .rpt-date[b-b8ic936ysl] { flex: none; }
.rpt-date[b-b8ic936ysl]  .mud-input-control, .rpt-text[b-b8ic936ysl]  .mud-input-control, .rpt-more[b-b8ic936ysl]  .mud-input-control { margin: 0; }

.rpt-seg[b-b8ic936ysl] { display: inline-flex; border: 1px solid var(--acw-border-strong); border-radius: 8px; overflow: hidden; background: var(--acw-surface); }
.rpt-seg button[b-b8ic936ysl] { padding: 6px 14px; font: inherit; font-size: 15px; border: 0; border-left: 1px solid var(--acw-border); background: transparent; color: var(--acw-text); cursor: pointer; white-space: nowrap; }
.rpt-seg button:first-child[b-b8ic936ysl] { border-left: 0; }
.rpt-seg button:hover[b-b8ic936ysl] { background: var(--acw-hover); }
.rpt-seg button.on[b-b8ic936ysl] { background: var(--acw-accent); color: var(--acw-on-tone); font-weight: 600; }

.rpt-chip[b-b8ic936ysl] { padding: 4px 12px; border: 1px solid var(--acw-border-strong); border-radius: 16px; font: inherit; font-size: 14px; background: var(--acw-surface); color: var(--acw-text); cursor: pointer; white-space: nowrap; }
.rpt-chip:hover[b-b8ic936ysl] { background: var(--acw-hover); }
.rpt-chip.on[b-b8ic936ysl] { background: var(--acw-accent-soft); border-color: var(--acw-accent); color: var(--acw-accent-text); font-weight: 600; }

.rpt-link[b-b8ic936ysl] { border: 0; background: none; color: var(--acw-accent-text); font: inherit; font-size: 15px; cursor: pointer; padding: 6px 4px; white-space: nowrap; }

.rpt-more[b-b8ic936ysl] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px 12px; padding: 10px 12px; border-radius: 8px; background: var(--acw-surface-2); border: 1px solid var(--acw-border-soft); }
.rpt-more label[b-b8ic936ysl] { display: flex; flex-direction: column; gap: 2px; }
.rpt-hint[b-b8ic936ysl] { grid-column: 1 / -1; color: var(--acw-muted); font-size: 13px; }

.rpt-error[b-b8ic936ysl] { background: var(--acw-danger-soft); color: var(--acw-danger); border-radius: 8px; padding: 8px 14px; }

.rpt-kpis[b-b8ic936ysl] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.rpt-kpi .t[b-b8ic936ysl] { color: var(--acw-muted); font-size: 14px; display: flex; align-items: center; gap: 6px; }
.rpt-kpi .v[b-b8ic936ysl] { font-size: 24px; font-weight: 700; color: var(--acw-heading); font-variant-numeric: tabular-nums; }
.rpt-kpi .n[b-b8ic936ysl] { color: var(--acw-muted); font-size: 13px; }
.rpt-kpi.warn .v[b-b8ic936ysl] { color: var(--acw-warning); }
.rpt-kpi.age i[b-b8ic936ysl] { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }
.rpt-kpi.a1 i[b-b8ic936ysl] { background: var(--acw-tint-blue); }
.rpt-kpi.a2 i[b-b8ic936ysl] { background: var(--acw-tint-amber); }
.rpt-kpi.a3 i[b-b8ic936ysl] { background: var(--acw-warning); }
.rpt-kpi.a4 i[b-b8ic936ysl] { background: var(--acw-danger); }

.rpt-table[b-b8ic936ysl] { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.rpt-info[b-b8ic936ysl] { padding: 8px 14px; color: var(--acw-muted); font-size: 14px; border-bottom: 1px solid var(--acw-border); display: flex; gap: 12px; align-items: center; }
.rpt-info b[b-b8ic936ysl] { color: var(--acw-text); }
.rpt-scroll[b-b8ic936ysl] { flex: 1; min-height: 0; overflow: auto; }
.rpt-empty[b-b8ic936ysl] { padding: 24px; color: var(--acw-muted); text-align: center; }

.rpt-grid[b-b8ic936ysl] { width: 100%; border-collapse: collapse; font-size: 15px; }
.rpt-grid th[b-b8ic936ysl] { position: sticky; top: 0; z-index: 1; background: var(--acw-surface-2); text-align: left; font-weight: 600; color: var(--acw-label); font-size: 14px; padding: 8px 10px; border-bottom: 1px solid var(--acw-border-strong); white-space: nowrap; }
.rpt-grid td[b-b8ic936ysl] { padding: 6px 10px; border-bottom: 1px solid var(--acw-border-soft); white-space: nowrap; max-width: 460px; overflow: hidden; text-overflow: ellipsis; }
.rpt-grid .n[b-b8ic936ysl] { text-align: right; font-variant-numeric: tabular-nums; }
.rpt-grid a[b-b8ic936ysl] { color: var(--acw-accent-text); text-decoration: none; }
.rpt-grid a:hover[b-b8ic936ysl] { text-decoration: underline; }
.rpt-grid tr.click[b-b8ic936ysl] { cursor: pointer; }
.rpt-grid tr.click:hover td[b-b8ic936ysl] { background: var(--acw-hover); }
.rpt-grid tr.open td[b-b8ic936ysl] { background: var(--acw-accent-soft); font-weight: 600; }
.rpt-grid .caret[b-b8ic936ysl] { display: inline-block; width: 14px; color: var(--acw-muted); }
.rpt-grid tr.grp td[b-b8ic936ysl] { background: var(--acw-surface-3); font-weight: 700; color: var(--acw-heading); }
.rpt-grid tr.sub td[b-b8ic936ysl] { font-weight: 600; border-bottom: 1px solid var(--acw-border-strong); }
.rpt-grid tr.grand td[b-b8ic936ysl] { position: sticky; bottom: 0; background: var(--acw-surface-2); font-weight: 700; border-top: 2px solid var(--acw-border-strong); }
.rpt-grid tr.kid td[b-b8ic936ysl] { background: var(--acw-surface-2); font-size: 14px; }
.rpt-grid tr.kid td:first-child[b-b8ic936ysl] { border-left: 3px solid var(--acw-accent); }
.rpt-grid tr.kid.more td[b-b8ic936ysl] { color: var(--acw-muted); }

.age-tag[b-b8ic936ysl] { display: inline-block; font-size: 13px; font-weight: 600; border-radius: 6px; padding: 0 8px; }
.age-tag.a1[b-b8ic936ysl] { color: var(--acw-success); background: var(--acw-success-soft); }
.age-tag.a2[b-b8ic936ysl], .age-tag.a3[b-b8ic936ysl] { color: var(--acw-warning); background: var(--acw-warning-soft); }
.age-tag.a4[b-b8ic936ysl] { color: var(--acw-danger); background: var(--acw-danger-soft); }
.rpt-select[b-b8ic936ysl] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text); border-radius: 4px; padding: 8px 10px; font: inherit; font-size: 15px; height: 40px; }
.rpt-note[b-b8ic936ysl] { color: var(--acw-muted); font-size: 14px; max-width: 420px; }
.rpt-grid td.tot[b-b8ic936ysl] { font-weight: 700; background: var(--acw-surface-2); }
/* Many month columns: narrower names and numbers, the total stays in view on the right. */
.rpt-grid[b-b8ic936ysl] { font-size: 14px; }
.rpt-grid td[b-b8ic936ysl] { max-width: 170px; padding: 6px 8px; }
.rpt-grid th[b-b8ic936ysl] { padding: 8px 8px; }
.rpt-grid td.tot[b-b8ic936ysl], .rpt-grid th:last-child[b-b8ic936ysl] { position: sticky; right: 0; z-index: 1; }
.rpt-grid th:last-child[b-b8ic936ysl] { z-index: 2; background: var(--acw-surface-3); }
.rpt-grid tr.grand td.tot[b-b8ic936ysl] { background: var(--acw-surface-3); }
/* เส้นและเงาด้านซ้ายของคอลัมน์รวม ให้เห็นว่ามีเดือนเลื่อนอยู่ใต้คอลัมน์นี้ (test-log T12) */
.rpt-grid td.tot[b-b8ic936ysl], .rpt-grid th:last-child[b-b8ic936ysl] { border-left: 1px solid var(--acw-border-strong); box-shadow: -6px 0 6px -4px rgba(0, 0, 0, .18); }
/* /Components/Pages/Reports/T3Movement.razor.rz.scp.css */
/* Same look as T1DocLines.razor.css (scoped CSS is per component); T3 adds the item header, the ยอดยกมา line and negative balances. */
.rpt[b-vl5q6ob5e9] { color: var(--acw-text); display: flex; flex-direction: column; gap: 12px; height: calc(100vh - 90px); min-height: 640px; }

.rpt-head[b-vl5q6ob5e9] { display: flex; align-items: center; gap: 18px; }
.rpt-head h1[b-vl5q6ob5e9] { margin: 0; font-size: 26px; color: var(--acw-heading); }
.rpt-sub[b-vl5q6ob5e9] { color: var(--acw-muted); font-size: 14px; }
.rpt-tools[b-vl5q6ob5e9] { margin-left: auto; display: flex; gap: 10px; }

.rpt-card[b-vl5q6ob5e9] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm); padding: 12px 16px; min-width: 0; }

.rpt-btn[b-vl5q6ob5e9] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text); border-radius: 8px; padding: 6px 14px; font: inherit; font-size: 15px; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; text-decoration: none; }
.rpt-btn:hover[b-vl5q6ob5e9] { background: var(--acw-hover); }
.rpt-btn.primary[b-vl5q6ob5e9] { background: var(--acw-accent); color: var(--acw-on-tone); border-color: var(--acw-accent); font-weight: 600; margin-left: auto; }
.rpt-btn.primary:hover[b-vl5q6ob5e9] { background: var(--acw-accent-hover); }
.rpt-btn:disabled[b-vl5q6ob5e9] { opacity: .6; cursor: default; }
.rpt-btn kbd[b-vl5q6ob5e9] { font: inherit; font-size: 12px; opacity: .8; border: 1px solid currentColor; border-radius: 4px; padding: 0 4px; background: none; color: inherit; box-shadow: none; }

.rpt-presets[b-vl5q6ob5e9] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.rpt-preset[b-vl5q6ob5e9] { text-align: left; align-items: flex-start; background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm); padding: 10px 14px; font: inherit; color: var(--acw-text); cursor: pointer; display: flex; flex-direction: column; gap: 2px; transition: transform .12s, box-shadow .12s; }
.rpt-preset:hover[b-vl5q6ob5e9] { transform: translateY(-1px); box-shadow: var(--acw-shadow); }
.rpt-preset b[b-vl5q6ob5e9] { color: var(--acw-heading); }
.rpt-preset span[b-vl5q6ob5e9] { color: var(--acw-muted); font-size: 13px; }
.rpt-preset.on[b-vl5q6ob5e9] { border: 2px solid var(--acw-accent); background: var(--acw-accent-soft); padding: 9px 13px; }
.rpt-preset.on b[b-vl5q6ob5e9] { color: var(--acw-accent-text); }

.rpt-filters[b-vl5q6ob5e9] { display: flex; flex-direction: column; gap: 10px; }
.rpt-row[b-vl5q6ob5e9] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rpt-lbl[b-vl5q6ob5e9] { color: var(--acw-label); font-size: 14px; font-weight: 600; white-space: nowrap; }
.rpt-push[b-vl5q6ob5e9] { margin-left: auto; }
.rpt-date[b-vl5q6ob5e9] { width: 140px; }
.rpt-text[b-vl5q6ob5e9] { width: 210px; }
/* The main filter line stays on one line: the text boxes give way first. */
.rpt-main[b-vl5q6ob5e9] { flex-wrap: nowrap; }
.rpt-main .rpt-text[b-vl5q6ob5e9] { width: auto; flex: 0 1 210px; min-width: 130px; }
.rpt-main .rpt-date[b-vl5q6ob5e9] { flex: none; }
.rpt-main .rpt-seg[b-vl5q6ob5e9] { flex: none; }  /* mode buttons keep their full text (7.3 has four) */
.rpt-date[b-vl5q6ob5e9]  .mud-input-control, .rpt-text[b-vl5q6ob5e9]  .mud-input-control, .rpt-more[b-vl5q6ob5e9]  .mud-input-control { margin: 0; }

.rpt-seg[b-vl5q6ob5e9] { display: inline-flex; border: 1px solid var(--acw-border-strong); border-radius: 8px; overflow: hidden; background: var(--acw-surface); }
.rpt-seg button[b-vl5q6ob5e9] { padding: 6px 14px; font: inherit; font-size: 15px; border: 0; border-left: 1px solid var(--acw-border); background: transparent; color: var(--acw-text); cursor: pointer; white-space: nowrap; }
.rpt-seg button:first-child[b-vl5q6ob5e9] { border-left: 0; }
.rpt-seg button:hover[b-vl5q6ob5e9] { background: var(--acw-hover); }
.rpt-seg button.on[b-vl5q6ob5e9] { background: var(--acw-accent); color: var(--acw-on-tone); font-weight: 600; }

.rpt-chip[b-vl5q6ob5e9] { padding: 4px 12px; border: 1px solid var(--acw-border-strong); border-radius: 16px; font: inherit; font-size: 14px; background: var(--acw-surface); color: var(--acw-text); cursor: pointer; white-space: nowrap; }
.rpt-chip:hover[b-vl5q6ob5e9] { background: var(--acw-hover); }
.rpt-chip.on[b-vl5q6ob5e9] { background: var(--acw-accent-soft); border-color: var(--acw-accent); color: var(--acw-accent-text); font-weight: 600; }

.rpt-link[b-vl5q6ob5e9] { border: 0; background: none; color: var(--acw-accent-text); font: inherit; font-size: 15px; cursor: pointer; padding: 6px 4px; white-space: nowrap; }

.rpt-more[b-vl5q6ob5e9] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px 12px; padding: 10px 12px; border-radius: 8px; background: var(--acw-surface-2); border: 1px solid var(--acw-border-soft); }
.rpt-more label[b-vl5q6ob5e9] { display: flex; flex-direction: column; gap: 2px; }
.rpt-hint[b-vl5q6ob5e9] { grid-column: 1 / -1; color: var(--acw-muted); font-size: 13px; }

.rpt-error[b-vl5q6ob5e9] { background: var(--acw-danger-soft); color: var(--acw-danger); border-radius: 8px; padding: 8px 14px; }

.rpt-kpis[b-vl5q6ob5e9] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.rpt-kpi .t[b-vl5q6ob5e9] { color: var(--acw-muted); font-size: 14px; display: flex; align-items: center; gap: 6px; }
.rpt-kpi .v[b-vl5q6ob5e9] { font-size: 24px; font-weight: 700; color: var(--acw-heading); font-variant-numeric: tabular-nums; }
.rpt-kpi .n[b-vl5q6ob5e9] { color: var(--acw-muted); font-size: 13px; }
.rpt-kpi.warn .v[b-vl5q6ob5e9] { color: var(--acw-warning); }
.rpt-kpi.age i[b-vl5q6ob5e9] { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }
.rpt-kpi.a1 i[b-vl5q6ob5e9] { background: var(--acw-tint-blue); }
.rpt-kpi.a2 i[b-vl5q6ob5e9] { background: var(--acw-tint-amber); }
.rpt-kpi.a3 i[b-vl5q6ob5e9] { background: var(--acw-warning); }
.rpt-kpi.a4 i[b-vl5q6ob5e9] { background: var(--acw-danger); }

.rpt-table[b-vl5q6ob5e9] { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.rpt-info[b-vl5q6ob5e9] { padding: 8px 14px; color: var(--acw-muted); font-size: 14px; border-bottom: 1px solid var(--acw-border); display: flex; gap: 12px; align-items: center; }
.rpt-info b[b-vl5q6ob5e9] { color: var(--acw-text); }
.rpt-scroll[b-vl5q6ob5e9] { flex: 1; min-height: 0; overflow: auto; }
.rpt-empty[b-vl5q6ob5e9] { padding: 24px; color: var(--acw-muted); text-align: center; }

.rpt-grid[b-vl5q6ob5e9] { width: 100%; border-collapse: collapse; font-size: 15px; }
.rpt-grid th[b-vl5q6ob5e9] { position: sticky; top: 0; z-index: 1; background: var(--acw-surface-2); text-align: left; font-weight: 600; color: var(--acw-label); font-size: 14px; padding: 8px 10px; border-bottom: 1px solid var(--acw-border-strong); white-space: nowrap; }
.rpt-grid td[b-vl5q6ob5e9] { padding: 6px 10px; border-bottom: 1px solid var(--acw-border-soft); white-space: nowrap; max-width: 460px; overflow: hidden; text-overflow: ellipsis; }
.rpt-grid .n[b-vl5q6ob5e9] { text-align: right; font-variant-numeric: tabular-nums; }
.rpt-grid a[b-vl5q6ob5e9] { color: var(--acw-accent-text); text-decoration: none; }
.rpt-grid a:hover[b-vl5q6ob5e9] { text-decoration: underline; }
.rpt-grid tr.click[b-vl5q6ob5e9] { cursor: pointer; }
.rpt-grid tr.click:hover td[b-vl5q6ob5e9] { background: var(--acw-hover); }
.rpt-grid tr.open td[b-vl5q6ob5e9] { background: var(--acw-accent-soft); font-weight: 600; }
.rpt-grid .caret[b-vl5q6ob5e9] { display: inline-block; width: 14px; color: var(--acw-muted); }
.rpt-grid tr.grp td[b-vl5q6ob5e9] { background: var(--acw-surface-3); font-weight: 700; color: var(--acw-heading); }
.rpt-grid tr.sub td[b-vl5q6ob5e9] { font-weight: 600; border-bottom: 1px solid var(--acw-border-strong); }
.rpt-grid tr.grand td[b-vl5q6ob5e9] { position: sticky; bottom: 0; background: var(--acw-surface-2); font-weight: 700; border-top: 2px solid var(--acw-border-strong); }
.rpt-grid tr.kid td[b-vl5q6ob5e9] { background: var(--acw-surface-2); font-size: 14px; }
.rpt-grid tr.kid td:first-child[b-vl5q6ob5e9] { border-left: 3px solid var(--acw-accent); }
.rpt-grid tr.kid.more td[b-vl5q6ob5e9] { color: var(--acw-muted); }

.age-tag[b-vl5q6ob5e9] { display: inline-block; font-size: 13px; font-weight: 600; border-radius: 6px; padding: 0 8px; }
.age-tag.a1[b-vl5q6ob5e9] { color: var(--acw-success); background: var(--acw-success-soft); }
.age-tag.a2[b-vl5q6ob5e9], .age-tag.a3[b-vl5q6ob5e9] { color: var(--acw-warning); background: var(--acw-warning-soft); }
.age-tag.a4[b-vl5q6ob5e9] { color: var(--acw-danger); background: var(--acw-danger-soft); }
.rpt-select[b-vl5q6ob5e9] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text); border-radius: 4px; padding: 8px 10px; font: inherit; font-size: 15px; height: 40px; }
.rpt-note[b-vl5q6ob5e9] { color: var(--acw-muted); font-size: 14px; max-width: 420px; }
.rpt-grid tr.grp.item td[b-vl5q6ob5e9] { background: var(--acw-surface-2); font-weight: 600; color: var(--acw-text); }
.rpt-grid tr.bf td[b-vl5q6ob5e9] { color: var(--acw-muted); font-style: italic; }
.rpt-grid td.neg[b-vl5q6ob5e9] { color: var(--acw-danger); font-weight: 600; }
.rpt-warn[b-vl5q6ob5e9] { background: var(--acw-warning-soft); color: var(--acw-warning); padding: 6px 14px; font-size: 14px; border-bottom: 1px solid var(--acw-border); }
/* Up to 13 number columns (ยกมา รับ จ่าย คงเหลือ × จำนวน มูลค่า): long names give way so the table fits 1920 px. */
.rpt-grid td[b-vl5q6ob5e9] { max-width: 300px; }
/* /Components/Pages/Reports/T5Balance.razor.rz.scp.css */
/* หน้า template T5 ยอดค้าง-อายุ-การ์ด (T5Balance.razor): คัดลอกจาก T1DocLines.razor.css เพื่อให้หน้าตาเหมือนกัน + ส่วนท้ายเฉพาะ T5 */
.rpt[b-nxt6jzqzcx] { color: var(--acw-text); display: flex; flex-direction: column; gap: 12px; height: calc(100vh - 90px); min-height: 640px; }

.rpt-head[b-nxt6jzqzcx] { display: flex; align-items: center; gap: 18px; }
.rpt-head h1[b-nxt6jzqzcx] { margin: 0; font-size: 26px; color: var(--acw-heading); }
.rpt-sub[b-nxt6jzqzcx] { color: var(--acw-muted); font-size: 14px; }
.rpt-tools[b-nxt6jzqzcx] { margin-left: auto; display: flex; gap: 10px; }

.rpt-card[b-nxt6jzqzcx] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm); padding: 12px 16px; min-width: 0; }

.rpt-btn[b-nxt6jzqzcx] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text); border-radius: 8px; padding: 6px 14px; font: inherit; font-size: 15px; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; text-decoration: none; }
.rpt-btn:hover[b-nxt6jzqzcx] { background: var(--acw-hover); }
.rpt-btn.primary[b-nxt6jzqzcx] { background: var(--acw-accent); color: var(--acw-on-tone); border-color: var(--acw-accent); font-weight: 600; margin-left: auto; }
.rpt-btn.primary:hover[b-nxt6jzqzcx] { background: var(--acw-accent-hover); }
.rpt-btn:disabled[b-nxt6jzqzcx] { opacity: .6; cursor: default; }
.rpt-btn kbd[b-nxt6jzqzcx] { font: inherit; font-size: 12px; opacity: .8; border: 1px solid currentColor; border-radius: 4px; padding: 0 4px; background: none; color: inherit; box-shadow: none; }

.rpt-presets[b-nxt6jzqzcx] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.rpt-preset[b-nxt6jzqzcx] { text-align: left; align-items: flex-start; background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm); padding: 10px 14px; font: inherit; color: var(--acw-text); cursor: pointer; display: flex; flex-direction: column; gap: 2px; transition: transform .12s, box-shadow .12s; }
.rpt-preset:hover[b-nxt6jzqzcx] { transform: translateY(-1px); box-shadow: var(--acw-shadow); }
.rpt-preset b[b-nxt6jzqzcx] { color: var(--acw-heading); }
.rpt-preset span[b-nxt6jzqzcx] { color: var(--acw-muted); font-size: 13px; }
.rpt-preset.on[b-nxt6jzqzcx] { border: 2px solid var(--acw-accent); background: var(--acw-accent-soft); padding: 9px 13px; }
.rpt-preset.on b[b-nxt6jzqzcx] { color: var(--acw-accent-text); }

.rpt-filters[b-nxt6jzqzcx] { display: flex; flex-direction: column; gap: 10px; }
.rpt-row[b-nxt6jzqzcx] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rpt-lbl[b-nxt6jzqzcx] { color: var(--acw-label); font-size: 14px; font-weight: 600; white-space: nowrap; }
.rpt-push[b-nxt6jzqzcx] { margin-left: auto; }
.rpt-date[b-nxt6jzqzcx] { width: 140px; }
.rpt-text[b-nxt6jzqzcx] { width: 210px; }
/* The main filter line stays on one line: the text boxes give way first. */
.rpt-main[b-nxt6jzqzcx] { flex-wrap: nowrap; }
.rpt-main .rpt-text[b-nxt6jzqzcx] { width: auto; flex: 0 1 210px; min-width: 130px; }
.rpt-main .rpt-date[b-nxt6jzqzcx] { flex: none; }
.rpt-date[b-nxt6jzqzcx]  .mud-input-control, .rpt-text[b-nxt6jzqzcx]  .mud-input-control, .rpt-more[b-nxt6jzqzcx]  .mud-input-control { margin: 0; }

.rpt-seg[b-nxt6jzqzcx] { display: inline-flex; border: 1px solid var(--acw-border-strong); border-radius: 8px; overflow: hidden; background: var(--acw-surface); }
.rpt-seg button[b-nxt6jzqzcx] { padding: 6px 14px; font: inherit; font-size: 15px; border: 0; border-left: 1px solid var(--acw-border); background: transparent; color: var(--acw-text); cursor: pointer; white-space: nowrap; }
.rpt-seg button:first-child[b-nxt6jzqzcx] { border-left: 0; }
.rpt-seg button:hover[b-nxt6jzqzcx] { background: var(--acw-hover); }
.rpt-seg button.on[b-nxt6jzqzcx] { background: var(--acw-accent); color: var(--acw-on-tone); font-weight: 600; }

.rpt-chip[b-nxt6jzqzcx] { padding: 4px 12px; border: 1px solid var(--acw-border-strong); border-radius: 16px; font: inherit; font-size: 14px; background: var(--acw-surface); color: var(--acw-text); cursor: pointer; white-space: nowrap; }
.rpt-chip:hover[b-nxt6jzqzcx] { background: var(--acw-hover); }
.rpt-chip.on[b-nxt6jzqzcx] { background: var(--acw-accent-soft); border-color: var(--acw-accent); color: var(--acw-accent-text); font-weight: 600; }

.rpt-link[b-nxt6jzqzcx] { border: 0; background: none; color: var(--acw-accent-text); font: inherit; font-size: 15px; cursor: pointer; padding: 6px 4px; white-space: nowrap; }

.rpt-more[b-nxt6jzqzcx] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px 12px; padding: 10px 12px; border-radius: 8px; background: var(--acw-surface-2); border: 1px solid var(--acw-border-soft); }
.rpt-more label[b-nxt6jzqzcx] { display: flex; flex-direction: column; gap: 2px; }
.rpt-hint[b-nxt6jzqzcx] { grid-column: 1 / -1; color: var(--acw-muted); font-size: 13px; }

.rpt-error[b-nxt6jzqzcx] { background: var(--acw-danger-soft); color: var(--acw-danger); border-radius: 8px; padding: 8px 14px; }

.rpt-kpis[b-nxt6jzqzcx] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.rpt-kpi .t[b-nxt6jzqzcx] { color: var(--acw-muted); font-size: 14px; display: flex; align-items: center; gap: 6px; }
.rpt-kpi .v[b-nxt6jzqzcx] { font-size: 24px; font-weight: 700; color: var(--acw-heading); font-variant-numeric: tabular-nums; }
.rpt-kpi .n[b-nxt6jzqzcx] { color: var(--acw-muted); font-size: 13px; }
.rpt-kpi.warn .v[b-nxt6jzqzcx] { color: var(--acw-warning); }
.rpt-kpi.age i[b-nxt6jzqzcx] { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }
.rpt-kpi.a1 i[b-nxt6jzqzcx] { background: var(--acw-tint-blue); }
.rpt-kpi.a2 i[b-nxt6jzqzcx] { background: var(--acw-tint-amber); }
.rpt-kpi.a3 i[b-nxt6jzqzcx] { background: var(--acw-warning); }
.rpt-kpi.a4 i[b-nxt6jzqzcx] { background: var(--acw-danger); }

.rpt-table[b-nxt6jzqzcx] { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.rpt-info[b-nxt6jzqzcx] { padding: 8px 14px; color: var(--acw-muted); font-size: 14px; border-bottom: 1px solid var(--acw-border); display: flex; gap: 12px; align-items: center; }
.rpt-info b[b-nxt6jzqzcx] { color: var(--acw-text); }
.rpt-scroll[b-nxt6jzqzcx] { flex: 1; min-height: 0; overflow: auto; }
.rpt-empty[b-nxt6jzqzcx] { padding: 24px; color: var(--acw-muted); text-align: center; }

.rpt-grid[b-nxt6jzqzcx] { width: 100%; border-collapse: collapse; font-size: 15px; }
.rpt-grid th[b-nxt6jzqzcx] { position: sticky; top: 0; z-index: 1; background: var(--acw-surface-2); text-align: left; font-weight: 600; color: var(--acw-label); font-size: 14px; padding: 8px 10px; border-bottom: 1px solid var(--acw-border-strong); white-space: nowrap; }
.rpt-grid td[b-nxt6jzqzcx] { padding: 6px 10px; border-bottom: 1px solid var(--acw-border-soft); white-space: nowrap; max-width: 460px; overflow: hidden; text-overflow: ellipsis; }
.rpt-grid .n[b-nxt6jzqzcx] { text-align: right; font-variant-numeric: tabular-nums; }
.rpt-grid a[b-nxt6jzqzcx] { color: var(--acw-accent-text); text-decoration: none; }
.rpt-grid a:hover[b-nxt6jzqzcx] { text-decoration: underline; }
.rpt-grid tr.click[b-nxt6jzqzcx] { cursor: pointer; }
.rpt-grid tr.click:hover td[b-nxt6jzqzcx] { background: var(--acw-hover); }
.rpt-grid tr.open td[b-nxt6jzqzcx] { background: var(--acw-accent-soft); font-weight: 600; }
.rpt-grid .caret[b-nxt6jzqzcx] { display: inline-block; width: 14px; color: var(--acw-muted); }
.rpt-grid tr.grp td[b-nxt6jzqzcx] { background: var(--acw-surface-3); font-weight: 700; color: var(--acw-heading); }
.rpt-grid tr.sub td[b-nxt6jzqzcx] { font-weight: 600; border-bottom: 1px solid var(--acw-border-strong); }
.rpt-grid tr.grand td[b-nxt6jzqzcx] { position: sticky; bottom: 0; background: var(--acw-surface-2); font-weight: 700; border-top: 2px solid var(--acw-border-strong); }
.rpt-grid tr.kid td[b-nxt6jzqzcx] { background: var(--acw-surface-2); font-size: 14px; }
.rpt-grid tr.kid td:first-child[b-nxt6jzqzcx] { border-left: 3px solid var(--acw-accent); }
.rpt-grid tr.kid.more td[b-nxt6jzqzcx] { color: var(--acw-muted); }

.age-tag[b-nxt6jzqzcx] { display: inline-block; font-size: 13px; font-weight: 600; border-radius: 6px; padding: 0 8px; }
.age-tag.a1[b-nxt6jzqzcx] { color: var(--acw-success); background: var(--acw-success-soft); }
.age-tag.a2[b-nxt6jzqzcx], .age-tag.a3[b-nxt6jzqzcx] { color: var(--acw-warning); background: var(--acw-warning-soft); }
.age-tag.a4[b-nxt6jzqzcx] { color: var(--acw-danger); background: var(--acw-danger-soft); }
.rpt-select[b-nxt6jzqzcx] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text); border-radius: 4px; padding: 8px 10px; font: inherit; font-size: 15px; height: 40px; }
.rpt-note[b-nxt6jzqzcx] { color: var(--acw-muted); font-size: 14px; max-width: 420px; }

/* T5: ช่องติ๊กตัวเลือก ป้ายวันครบกำหนด และบรรทัดยอดยกมาของการ์ด */
.rpt-check[b-nxt6jzqzcx] { display: inline-flex; align-items: center; gap: 6px; padding: 4px 12px; border: 1px solid var(--acw-border-strong); border-radius: 16px; font-size: 14px; background: var(--acw-surface); color: var(--acw-text); cursor: pointer; white-space: nowrap; user-select: none; }
.rpt-check:hover[b-nxt6jzqzcx] { background: var(--acw-hover); }
.rpt-check.on[b-nxt6jzqzcx] { background: var(--acw-accent-soft); border-color: var(--acw-accent); color: var(--acw-accent-text); font-weight: 600; }
.rpt-check input[b-nxt6jzqzcx] { accent-color: var(--acw-accent); margin: 0; }
.due-left[b-nxt6jzqzcx] { color: var(--acw-muted); font-size: 13px; }
.rpt-grid tr.bf td[b-nxt6jzqzcx] { color: var(--acw-muted); font-style: italic; }
/* /Components/Pages/Reports/T6GrossProfit.razor.rz.scp.css */
.rpt[b-3e3uqzy4mg] { color: var(--acw-text); display: flex; flex-direction: column; gap: 12px; height: calc(100vh - 90px); min-height: 640px; }

.rpt-head[b-3e3uqzy4mg] { display: flex; align-items: center; gap: 18px; }
.rpt-head h1[b-3e3uqzy4mg] { margin: 0; font-size: 26px; color: var(--acw-heading); }
.rpt-sub[b-3e3uqzy4mg] { color: var(--acw-muted); font-size: 14px; }
.rpt-tools[b-3e3uqzy4mg] { margin-left: auto; display: flex; gap: 10px; }

.rpt-card[b-3e3uqzy4mg] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm); padding: 12px 16px; min-width: 0; }

.rpt-btn[b-3e3uqzy4mg] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text); border-radius: 8px; padding: 6px 14px; font: inherit; font-size: 15px; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; text-decoration: none; }
.rpt-btn:hover[b-3e3uqzy4mg] { background: var(--acw-hover); }
.rpt-btn.primary[b-3e3uqzy4mg] { background: var(--acw-accent); color: var(--acw-on-tone); border-color: var(--acw-accent); font-weight: 600; margin-left: auto; }
.rpt-btn.primary:hover[b-3e3uqzy4mg] { background: var(--acw-accent-hover); }
.rpt-btn:disabled[b-3e3uqzy4mg] { opacity: .6; cursor: default; }
.rpt-btn kbd[b-3e3uqzy4mg] { font: inherit; font-size: 12px; opacity: .8; border: 1px solid currentColor; border-radius: 4px; padding: 0 4px; background: none; color: inherit; box-shadow: none; }

.rpt-presets[b-3e3uqzy4mg] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.rpt-preset[b-3e3uqzy4mg] { text-align: left; align-items: flex-start; background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm); padding: 10px 14px; font: inherit; color: var(--acw-text); cursor: pointer; display: flex; flex-direction: column; gap: 2px; transition: transform .12s, box-shadow .12s; }
.rpt-preset:hover[b-3e3uqzy4mg] { transform: translateY(-1px); box-shadow: var(--acw-shadow); }
.rpt-preset b[b-3e3uqzy4mg] { color: var(--acw-heading); }
.rpt-preset span[b-3e3uqzy4mg] { color: var(--acw-muted); font-size: 13px; }
.rpt-preset.on[b-3e3uqzy4mg] { border: 2px solid var(--acw-accent); background: var(--acw-accent-soft); padding: 9px 13px; }
.rpt-preset.on b[b-3e3uqzy4mg] { color: var(--acw-accent-text); }

.rpt-filters[b-3e3uqzy4mg] { display: flex; flex-direction: column; gap: 10px; }
.rpt-row[b-3e3uqzy4mg] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rpt-lbl[b-3e3uqzy4mg] { color: var(--acw-label); font-size: 14px; font-weight: 600; white-space: nowrap; }
.rpt-push[b-3e3uqzy4mg] { margin-left: auto; }
.rpt-date[b-3e3uqzy4mg] { width: 140px; }
.rpt-text[b-3e3uqzy4mg] { width: 210px; }
/* The main filter line stays on one line: the text boxes give way first. */
.rpt-main[b-3e3uqzy4mg] { flex-wrap: nowrap; }
.rpt-main .rpt-text[b-3e3uqzy4mg] { width: auto; flex: 0 1 210px; min-width: 130px; }
.rpt-main .rpt-date[b-3e3uqzy4mg] { flex: none; }
.rpt-date[b-3e3uqzy4mg]  .mud-input-control, .rpt-text[b-3e3uqzy4mg]  .mud-input-control, .rpt-more[b-3e3uqzy4mg]  .mud-input-control { margin: 0; }

.rpt-seg[b-3e3uqzy4mg] { display: inline-flex; border: 1px solid var(--acw-border-strong); border-radius: 8px; overflow: hidden; background: var(--acw-surface); }
.rpt-seg button[b-3e3uqzy4mg] { padding: 6px 14px; font: inherit; font-size: 15px; border: 0; border-left: 1px solid var(--acw-border); background: transparent; color: var(--acw-text); cursor: pointer; white-space: nowrap; }
.rpt-seg button:first-child[b-3e3uqzy4mg] { border-left: 0; }
.rpt-seg button:hover[b-3e3uqzy4mg] { background: var(--acw-hover); }
.rpt-seg button.on[b-3e3uqzy4mg] { background: var(--acw-accent); color: var(--acw-on-tone); font-weight: 600; }

.rpt-chip[b-3e3uqzy4mg] { padding: 4px 12px; border: 1px solid var(--acw-border-strong); border-radius: 16px; font: inherit; font-size: 14px; background: var(--acw-surface); color: var(--acw-text); cursor: pointer; white-space: nowrap; }
.rpt-chip:hover[b-3e3uqzy4mg] { background: var(--acw-hover); }
.rpt-chip.on[b-3e3uqzy4mg] { background: var(--acw-accent-soft); border-color: var(--acw-accent); color: var(--acw-accent-text); font-weight: 600; }

.rpt-link[b-3e3uqzy4mg] { border: 0; background: none; color: var(--acw-accent-text); font: inherit; font-size: 15px; cursor: pointer; padding: 6px 4px; white-space: nowrap; }

.rpt-more[b-3e3uqzy4mg] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px 12px; padding: 10px 12px; border-radius: 8px; background: var(--acw-surface-2); border: 1px solid var(--acw-border-soft); }
.rpt-more label[b-3e3uqzy4mg] { display: flex; flex-direction: column; gap: 2px; }
.rpt-hint[b-3e3uqzy4mg] { grid-column: 1 / -1; color: var(--acw-muted); font-size: 13px; }

.rpt-error[b-3e3uqzy4mg] { background: var(--acw-danger-soft); color: var(--acw-danger); border-radius: 8px; padding: 8px 14px; }

.rpt-kpis[b-3e3uqzy4mg] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.rpt-kpi .t[b-3e3uqzy4mg] { color: var(--acw-muted); font-size: 14px; display: flex; align-items: center; gap: 6px; }
.rpt-kpi .v[b-3e3uqzy4mg] { font-size: 24px; font-weight: 700; color: var(--acw-heading); font-variant-numeric: tabular-nums; }
.rpt-kpi .n[b-3e3uqzy4mg] { color: var(--acw-muted); font-size: 13px; }
.rpt-kpi.warn .v[b-3e3uqzy4mg] { color: var(--acw-warning); }
.rpt-kpi.age i[b-3e3uqzy4mg] { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }
.rpt-kpi.a1 i[b-3e3uqzy4mg] { background: var(--acw-tint-blue); }
.rpt-kpi.a2 i[b-3e3uqzy4mg] { background: var(--acw-tint-amber); }
.rpt-kpi.a3 i[b-3e3uqzy4mg] { background: var(--acw-warning); }
.rpt-kpi.a4 i[b-3e3uqzy4mg] { background: var(--acw-danger); }

.rpt-table[b-3e3uqzy4mg] { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.rpt-info[b-3e3uqzy4mg] { padding: 8px 14px; color: var(--acw-muted); font-size: 14px; border-bottom: 1px solid var(--acw-border); display: flex; gap: 12px; align-items: center; }
.rpt-info b[b-3e3uqzy4mg] { color: var(--acw-text); }
.rpt-scroll[b-3e3uqzy4mg] { flex: 1; min-height: 0; overflow: auto; }
.rpt-empty[b-3e3uqzy4mg] { padding: 24px; color: var(--acw-muted); text-align: center; }

.rpt-grid[b-3e3uqzy4mg] { width: 100%; border-collapse: collapse; font-size: 15px; }
.rpt-grid th[b-3e3uqzy4mg] { position: sticky; top: 0; z-index: 1; background: var(--acw-surface-2); text-align: left; font-weight: 600; color: var(--acw-label); font-size: 14px; padding: 8px 10px; border-bottom: 1px solid var(--acw-border-strong); white-space: nowrap; }
.rpt-grid td[b-3e3uqzy4mg] { padding: 6px 10px; border-bottom: 1px solid var(--acw-border-soft); white-space: nowrap; max-width: 460px; overflow: hidden; text-overflow: ellipsis; }
.rpt-grid .n[b-3e3uqzy4mg] { text-align: right; font-variant-numeric: tabular-nums; }
.rpt-grid a[b-3e3uqzy4mg] { color: var(--acw-accent-text); text-decoration: none; }
.rpt-grid a:hover[b-3e3uqzy4mg] { text-decoration: underline; }
.rpt-grid tr.click[b-3e3uqzy4mg] { cursor: pointer; }
.rpt-grid tr.click:hover td[b-3e3uqzy4mg] { background: var(--acw-hover); }
.rpt-grid tr.open td[b-3e3uqzy4mg] { background: var(--acw-accent-soft); font-weight: 600; }
.rpt-grid .caret[b-3e3uqzy4mg] { display: inline-block; width: 14px; color: var(--acw-muted); }
.rpt-grid tr.grp td[b-3e3uqzy4mg] { background: var(--acw-surface-3); font-weight: 700; color: var(--acw-heading); }
.rpt-grid tr.sub td[b-3e3uqzy4mg] { font-weight: 600; border-bottom: 1px solid var(--acw-border-strong); }
.rpt-grid tr.grand td[b-3e3uqzy4mg] { position: sticky; bottom: 0; background: var(--acw-surface-2); font-weight: 700; border-top: 2px solid var(--acw-border-strong); }
.rpt-grid tr.kid td[b-3e3uqzy4mg] { background: var(--acw-surface-2); font-size: 14px; }
.rpt-grid tr.kid td:first-child[b-3e3uqzy4mg] { border-left: 3px solid var(--acw-accent); }
.rpt-grid tr.kid.more td[b-3e3uqzy4mg] { color: var(--acw-muted); }

.age-tag[b-3e3uqzy4mg] { display: inline-block; font-size: 13px; font-weight: 600; border-radius: 6px; padding: 0 8px; }
.age-tag.a1[b-3e3uqzy4mg] { color: var(--acw-success); background: var(--acw-success-soft); }
.age-tag.a2[b-3e3uqzy4mg], .age-tag.a3[b-3e3uqzy4mg] { color: var(--acw-warning); background: var(--acw-warning-soft); }
.age-tag.a4[b-3e3uqzy4mg] { color: var(--acw-danger); background: var(--acw-danger-soft); }
.rpt-select[b-3e3uqzy4mg] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text); border-radius: 4px; padding: 8px 10px; font: inherit; font-size: 15px; height: 40px; }
.rpt-note[b-3e3uqzy4mg] { color: var(--acw-muted); font-size: 14px; max-width: 420px; }
.rpt-grid td.neg[b-3e3uqzy4mg] { color: var(--acw-danger); }
/* /Components/Pages/Reports/T7ProfitLoss.razor.rz.scp.css */
.rpt[b-1dl07gpxw6] { color: var(--acw-text); display: flex; flex-direction: column; gap: 12px; height: calc(100vh - 90px); min-height: 640px; }

.rpt-head[b-1dl07gpxw6] { display: flex; align-items: center; gap: 18px; }
.rpt-head h1[b-1dl07gpxw6] { margin: 0; font-size: 26px; color: var(--acw-heading); }
.rpt-sub[b-1dl07gpxw6] { color: var(--acw-muted); font-size: 14px; }
.rpt-tools[b-1dl07gpxw6] { margin-left: auto; display: flex; gap: 10px; }

.rpt-card[b-1dl07gpxw6] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm); padding: 12px 16px; min-width: 0; }

.rpt-btn[b-1dl07gpxw6] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text); border-radius: 8px; padding: 6px 14px; font: inherit; font-size: 15px; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; text-decoration: none; }
.rpt-btn:hover[b-1dl07gpxw6] { background: var(--acw-hover); }
.rpt-btn.primary[b-1dl07gpxw6] { background: var(--acw-accent); color: var(--acw-on-tone); border-color: var(--acw-accent); font-weight: 600; margin-left: auto; }
.rpt-btn.primary:hover[b-1dl07gpxw6] { background: var(--acw-accent-hover); }
.rpt-btn:disabled[b-1dl07gpxw6] { opacity: .6; cursor: default; }
.rpt-btn kbd[b-1dl07gpxw6] { font: inherit; font-size: 12px; opacity: .8; border: 1px solid currentColor; border-radius: 4px; padding: 0 4px; background: none; color: inherit; box-shadow: none; }

.rpt-presets[b-1dl07gpxw6] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.rpt-preset[b-1dl07gpxw6] { text-align: left; align-items: flex-start; background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm); padding: 10px 14px; font: inherit; color: var(--acw-text); cursor: pointer; display: flex; flex-direction: column; gap: 2px; transition: transform .12s, box-shadow .12s; }
.rpt-preset:hover[b-1dl07gpxw6] { transform: translateY(-1px); box-shadow: var(--acw-shadow); }
.rpt-preset b[b-1dl07gpxw6] { color: var(--acw-heading); }
.rpt-preset span[b-1dl07gpxw6] { color: var(--acw-muted); font-size: 13px; }
.rpt-preset.on[b-1dl07gpxw6] { border: 2px solid var(--acw-accent); background: var(--acw-accent-soft); padding: 9px 13px; }
.rpt-preset.on b[b-1dl07gpxw6] { color: var(--acw-accent-text); }

.rpt-filters[b-1dl07gpxw6] { display: flex; flex-direction: column; gap: 10px; }
.rpt-row[b-1dl07gpxw6] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rpt-lbl[b-1dl07gpxw6] { color: var(--acw-label); font-size: 14px; font-weight: 600; white-space: nowrap; }
.rpt-push[b-1dl07gpxw6] { margin-left: auto; }
.rpt-date[b-1dl07gpxw6] { width: 140px; }
.rpt-text[b-1dl07gpxw6] { width: 210px; }
/* The main filter line stays on one line: the text boxes give way first. */
.rpt-main[b-1dl07gpxw6] { flex-wrap: nowrap; }
.rpt-main .rpt-text[b-1dl07gpxw6] { width: auto; flex: 0 1 210px; min-width: 130px; }
.rpt-main .rpt-date[b-1dl07gpxw6] { flex: none; }
.rpt-main .rpt-seg[b-1dl07gpxw6] { flex: none; }  /* mode buttons keep their full text (7.3 has four) */
.rpt-date[b-1dl07gpxw6]  .mud-input-control, .rpt-text[b-1dl07gpxw6]  .mud-input-control, .rpt-more[b-1dl07gpxw6]  .mud-input-control { margin: 0; }

.rpt-seg[b-1dl07gpxw6] { display: inline-flex; border: 1px solid var(--acw-border-strong); border-radius: 8px; overflow: hidden; background: var(--acw-surface); }
.rpt-seg button[b-1dl07gpxw6] { padding: 6px 14px; font: inherit; font-size: 15px; border: 0; border-left: 1px solid var(--acw-border); background: transparent; color: var(--acw-text); cursor: pointer; white-space: nowrap; }
.rpt-seg button:first-child[b-1dl07gpxw6] { border-left: 0; }
.rpt-seg button:hover[b-1dl07gpxw6] { background: var(--acw-hover); }
.rpt-seg button.on[b-1dl07gpxw6] { background: var(--acw-accent); color: var(--acw-on-tone); font-weight: 600; }

.rpt-chip[b-1dl07gpxw6] { padding: 4px 12px; border: 1px solid var(--acw-border-strong); border-radius: 16px; font: inherit; font-size: 14px; background: var(--acw-surface); color: var(--acw-text); cursor: pointer; white-space: nowrap; }
.rpt-chip:hover[b-1dl07gpxw6] { background: var(--acw-hover); }
.rpt-chip.on[b-1dl07gpxw6] { background: var(--acw-accent-soft); border-color: var(--acw-accent); color: var(--acw-accent-text); font-weight: 600; }

.rpt-link[b-1dl07gpxw6] { border: 0; background: none; color: var(--acw-accent-text); font: inherit; font-size: 15px; cursor: pointer; padding: 6px 4px; white-space: nowrap; }

.rpt-more[b-1dl07gpxw6] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px 12px; padding: 10px 12px; border-radius: 8px; background: var(--acw-surface-2); border: 1px solid var(--acw-border-soft); }
.rpt-more label[b-1dl07gpxw6] { display: flex; flex-direction: column; gap: 2px; }
.rpt-hint[b-1dl07gpxw6] { grid-column: 1 / -1; color: var(--acw-muted); font-size: 13px; }

.rpt-error[b-1dl07gpxw6] { background: var(--acw-danger-soft); color: var(--acw-danger); border-radius: 8px; padding: 8px 14px; }

.rpt-kpis[b-1dl07gpxw6] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.rpt-kpi .t[b-1dl07gpxw6] { color: var(--acw-muted); font-size: 14px; display: flex; align-items: center; gap: 6px; }
.rpt-kpi .v[b-1dl07gpxw6] { font-size: 24px; font-weight: 700; color: var(--acw-heading); font-variant-numeric: tabular-nums; }
.rpt-kpi .n[b-1dl07gpxw6] { color: var(--acw-muted); font-size: 13px; }
.rpt-kpi.warn .v[b-1dl07gpxw6] { color: var(--acw-warning); }
.rpt-kpi.age i[b-1dl07gpxw6] { width: 12px; height: 12px; border-radius: 3px; display: inline-block; }
.rpt-kpi.a1 i[b-1dl07gpxw6] { background: var(--acw-tint-blue); }
.rpt-kpi.a2 i[b-1dl07gpxw6] { background: var(--acw-tint-amber); }
.rpt-kpi.a3 i[b-1dl07gpxw6] { background: var(--acw-warning); }
.rpt-kpi.a4 i[b-1dl07gpxw6] { background: var(--acw-danger); }

.rpt-table[b-1dl07gpxw6] { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.rpt-info[b-1dl07gpxw6] { padding: 8px 14px; color: var(--acw-muted); font-size: 14px; border-bottom: 1px solid var(--acw-border); display: flex; gap: 12px; align-items: center; }
.rpt-info b[b-1dl07gpxw6] { color: var(--acw-text); }
.rpt-scroll[b-1dl07gpxw6] { flex: 1; min-height: 0; overflow: auto; }
.rpt-empty[b-1dl07gpxw6] { padding: 24px; color: var(--acw-muted); text-align: center; }

.rpt-grid[b-1dl07gpxw6] { width: 100%; border-collapse: collapse; font-size: 15px; }
.rpt-grid th[b-1dl07gpxw6] { position: sticky; top: 0; z-index: 1; background: var(--acw-surface-2); text-align: left; font-weight: 600; color: var(--acw-label); font-size: 14px; padding: 8px 10px; border-bottom: 1px solid var(--acw-border-strong); white-space: nowrap; }
.rpt-grid td[b-1dl07gpxw6] { padding: 6px 10px; border-bottom: 1px solid var(--acw-border-soft); white-space: nowrap; max-width: 460px; overflow: hidden; text-overflow: ellipsis; }
.rpt-grid .n[b-1dl07gpxw6] { text-align: right; font-variant-numeric: tabular-nums; }
.rpt-grid a[b-1dl07gpxw6] { color: var(--acw-accent-text); text-decoration: none; }
.rpt-grid a:hover[b-1dl07gpxw6] { text-decoration: underline; }
.rpt-grid tr.click[b-1dl07gpxw6] { cursor: pointer; }
.rpt-grid tr.click:hover td[b-1dl07gpxw6] { background: var(--acw-hover); }
.rpt-grid tr.open td[b-1dl07gpxw6] { background: var(--acw-accent-soft); font-weight: 600; }
.rpt-grid .caret[b-1dl07gpxw6] { display: inline-block; width: 14px; color: var(--acw-muted); }
.rpt-grid tr.grp td[b-1dl07gpxw6] { background: var(--acw-surface-3); font-weight: 700; color: var(--acw-heading); }
.rpt-grid tr.sub td[b-1dl07gpxw6] { font-weight: 600; border-bottom: 1px solid var(--acw-border-strong); }
.rpt-grid tr.grand td[b-1dl07gpxw6] { position: sticky; bottom: 0; background: var(--acw-surface-2); font-weight: 700; border-top: 2px solid var(--acw-border-strong); }
.rpt-grid tr.kid td[b-1dl07gpxw6] { background: var(--acw-surface-2); font-size: 14px; }
.rpt-grid tr.kid td:first-child[b-1dl07gpxw6] { border-left: 3px solid var(--acw-accent); }
.rpt-grid tr.kid.more td[b-1dl07gpxw6] { color: var(--acw-muted); }

.age-tag[b-1dl07gpxw6] { display: inline-block; font-size: 13px; font-weight: 600; border-radius: 6px; padding: 0 8px; }
.age-tag.a1[b-1dl07gpxw6] { color: var(--acw-success); background: var(--acw-success-soft); }
.age-tag.a2[b-1dl07gpxw6], .age-tag.a3[b-1dl07gpxw6] { color: var(--acw-warning); background: var(--acw-warning-soft); }
.age-tag.a4[b-1dl07gpxw6] { color: var(--acw-danger); background: var(--acw-danger-soft); }
.rpt-select[b-1dl07gpxw6] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text); border-radius: 4px; padding: 8px 10px; font: inherit; font-size: 15px; height: 40px; }
.rpt-note[b-1dl07gpxw6] { color: var(--acw-muted); font-size: 14px; max-width: 420px; }

/* ---- T7 งบกำไรขาดทุน ---- */
.pl-gap[b-1dl07gpxw6] { margin-left: 12px; }
.pl-body[b-1dl07gpxw6] { flex: 1; min-height: 0; display: flex; gap: 12px; }
.pl-body > .rpt-table[b-1dl07gpxw6] { flex: 1; }
.pl-side[b-1dl07gpxw6] { width: 400px; flex: none; display: flex; flex-direction: column; gap: 12px; }
.pl-t[b-1dl07gpxw6] { color: var(--acw-muted); font-size: 13px; }
.pl-big[b-1dl07gpxw6] { font-size: 30px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--acw-heading); }
.pl-mid[b-1dl07gpxw6] { font-size: 24px; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--acw-heading); }
.pl-big.pos[b-1dl07gpxw6] { color: var(--acw-success); }
.pl-big.neg[b-1dl07gpxw6], .pl-mid.neg[b-1dl07gpxw6] { color: var(--acw-danger); }
.pl-hint p[b-1dl07gpxw6] { margin: 6px 0 0; color: var(--acw-muted); font-size: 13px; line-height: 1.55; }
.pl-grid[b-1dl07gpxw6] { width: 100%; border-collapse: collapse; font-size: 16px; }
.pl-grid th[b-1dl07gpxw6] { position: sticky; top: 0; z-index: 1; background: var(--acw-surface-2); text-align: left; font-weight: 600; color: var(--acw-label); font-size: 14px; padding: 8px 14px; border-bottom: 1px solid var(--acw-border-strong); white-space: nowrap; }
.pl-grid td[b-1dl07gpxw6] { padding: 7px 14px; border-bottom: 1px solid var(--acw-border-soft); white-space: nowrap; }
.pl-grid .n[b-1dl07gpxw6] { text-align: right; font-variant-numeric: tabular-nums; width: 170px; }
.pl-grid .pct[b-1dl07gpxw6] { width: 100px; color: var(--acw-muted); }
.pl-grid tr.h td[b-1dl07gpxw6] { font-weight: 700; color: var(--acw-heading); background: var(--acw-surface-3); }
.pl-grid tr.i td:first-child[b-1dl07gpxw6] { padding-left: 34px; }
.pl-grid tr.i.click[b-1dl07gpxw6] { cursor: pointer; }
.pl-grid tr.i.click:hover td[b-1dl07gpxw6] { background: var(--acw-hover); }
.pl-grid tr.i.click td:first-child[b-1dl07gpxw6] { padding-left: 16px; }
.pl-grid tr.i.open td[b-1dl07gpxw6] { background: var(--acw-accent-soft); font-weight: 600; }
.pl-grid tr.d td[b-1dl07gpxw6] { background: var(--acw-surface-2); font-size: 15px; }
.pl-grid tr.d td:first-child[b-1dl07gpxw6] { padding-left: 60px; border-left: 3px solid var(--acw-accent); }
.pl-grid tr.t td[b-1dl07gpxw6] { font-weight: 700; border-top: 1px solid var(--acw-border-strong); }
.pl-grid tr.t td:first-child[b-1dl07gpxw6] { padding-left: 34px; }
.pl-grid tr.g td[b-1dl07gpxw6] { font-weight: 700; font-size: 18px; border-top: 2px solid var(--acw-border-strong); border-bottom: 3px double var(--acw-border-strong); }
.pl-grid tr.p td[b-1dl07gpxw6] { color: var(--acw-muted); }
.pl-grid td.neg[b-1dl07gpxw6] { color: var(--acw-danger); }
.pl-grid td.pos[b-1dl07gpxw6] { color: var(--acw-success); }
.pl-grid .caret[b-1dl07gpxw6] { display: inline-block; width: 18px; color: var(--acw-muted); }
.pl-note[b-1dl07gpxw6] { color: var(--acw-muted); font-weight: 400; margin-left: 6px; }
.pl-warn[b-1dl07gpxw6] { display: inline-block; font-size: 12px; font-weight: 600; border-radius: 6px; padding: 0 8px; margin-left: 8px; color: var(--acw-warning); background: var(--acw-warning-soft); }
.pl-month[b-1dl07gpxw6] { flex: none; }
.pl-month .pl-grid .n[b-1dl07gpxw6] { width: auto; min-width: 120px; }
.pl-chart[b-1dl07gpxw6] { display: flex; gap: 24px; align-items: flex-start; }
.pl-chart-text[b-1dl07gpxw6] { width: 260px; flex: none; display: flex; flex-direction: column; gap: 6px; }
.pl-bars[b-1dl07gpxw6] { flex: 1; display: flex; gap: 6px; }
.pl-bar[b-1dl07gpxw6] { flex: 1; display: flex; flex-direction: column; align-items: center; }
.pl-bar .up[b-1dl07gpxw6] { height: 90px; width: 100%; display: flex; align-items: flex-end; justify-content: center; }
.pl-bar .down[b-1dl07gpxw6] { height: 90px; width: 100%; display: flex; align-items: flex-start; justify-content: center; border-top: 1px solid var(--acw-border-strong); }
.pl-bar i[b-1dl07gpxw6] { display: block; width: 60%; max-height: 100%; }
.pl-bar .up i[b-1dl07gpxw6] { background: var(--acw-success); border-radius: 4px 4px 0 0; opacity: .85; }
.pl-bar .down i[b-1dl07gpxw6] { background: var(--acw-danger); border-radius: 0 0 4px 4px; opacity: .85; }
.pl-bar span[b-1dl07gpxw6] { color: var(--acw-muted); font-size: 13px; }
/* /Components/Pages/Reports/T8Tax.razor.rz.scp.css */
/* Same base look as T1DocLines.razor.css / T2Monthly.razor.css (scoped CSS is per component). T8 adds the tax-form header card,
   the two-level column header (ใบกำกับภาษี = วัน เดือน ปี + เลขที่), cancelled tax invoices in muted text and the month pickers. */
.rpt[b-n82txpyvzx] { color: var(--acw-text); display: flex; flex-direction: column; gap: 12px; height: calc(100vh - 90px); min-height: 640px; }

.rpt-head[b-n82txpyvzx] { display: flex; align-items: center; gap: 18px; }
.rpt-head h1[b-n82txpyvzx] { margin: 0; font-size: 26px; color: var(--acw-heading); }
.rpt-sub[b-n82txpyvzx] { color: var(--acw-muted); font-size: 14px; }
.rpt-tools[b-n82txpyvzx] { margin-left: auto; display: flex; gap: 10px; }

.rpt-card[b-n82txpyvzx] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 12px; box-shadow: var(--acw-shadow-sm); padding: 12px 16px; min-width: 0; }

.rpt-btn[b-n82txpyvzx] { border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text); border-radius: 8px; padding: 6px 14px; font: inherit; font-size: 15px; white-space: nowrap; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; text-decoration: none; }
.rpt-btn:hover[b-n82txpyvzx] { background: var(--acw-hover); }
.rpt-btn.primary[b-n82txpyvzx] { background: var(--acw-accent); color: var(--acw-on-tone); border-color: var(--acw-accent); font-weight: 600; margin-left: auto; }
.rpt-btn.primary:hover[b-n82txpyvzx] { background: var(--acw-accent-hover); }
.rpt-btn:disabled[b-n82txpyvzx] { opacity: .6; cursor: default; }
.rpt-btn kbd[b-n82txpyvzx] { font: inherit; font-size: 12px; opacity: .8; border: 1px solid currentColor; border-radius: 4px; padding: 0 4px; background: none; color: inherit; box-shadow: none; }


.rpt-filters[b-n82txpyvzx] { display: flex; flex-direction: column; gap: 10px; }
.rpt-row[b-n82txpyvzx] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.rpt-lbl[b-n82txpyvzx] { color: var(--acw-label); font-size: 14px; font-weight: 600; white-space: nowrap; }
.rpt-push[b-n82txpyvzx] { margin-left: auto; }
.rpt-date[b-n82txpyvzx] { width: 140px; }
.rpt-text[b-n82txpyvzx] { width: 210px; }
/* The main filter line stays on one line: the text boxes give way first. */
.rpt-main[b-n82txpyvzx] { flex-wrap: nowrap; }
.rpt-main .rpt-text[b-n82txpyvzx] { width: auto; flex: 0 1 210px; min-width: 130px; }
.rpt-main .rpt-date[b-n82txpyvzx] { flex: none; }
.rpt-date[b-n82txpyvzx]  .mud-input-control, .rpt-text[b-n82txpyvzx]  .mud-input-control, .rpt-more[b-n82txpyvzx]  .mud-input-control { margin: 0; }

.rpt-seg[b-n82txpyvzx] { display: inline-flex; border: 1px solid var(--acw-border-strong); border-radius: 8px; overflow: hidden; background: var(--acw-surface); }
.rpt-seg button[b-n82txpyvzx] { padding: 6px 14px; font: inherit; font-size: 15px; border: 0; border-left: 1px solid var(--acw-border); background: transparent; color: var(--acw-text); cursor: pointer; white-space: nowrap; }
.rpt-seg button:first-child[b-n82txpyvzx] { border-left: 0; }
.rpt-seg button:hover[b-n82txpyvzx] { background: var(--acw-hover); }
.rpt-seg button.on[b-n82txpyvzx] { background: var(--acw-accent); color: var(--acw-on-tone); font-weight: 600; }

.rpt-chip[b-n82txpyvzx] { padding: 4px 12px; border: 1px solid var(--acw-border-strong); border-radius: 16px; font: inherit; font-size: 14px; background: var(--acw-surface); color: var(--acw-text); cursor: pointer; white-space: nowrap; }
.rpt-chip:hover[b-n82txpyvzx] { background: var(--acw-hover); }
.rpt-chip.on[b-n82txpyvzx] { background: var(--acw-accent-soft); border-color: var(--acw-accent); color: var(--acw-accent-text); font-weight: 600; }

.rpt-link[b-n82txpyvzx] { border: 0; background: none; color: var(--acw-accent-text); font: inherit; font-size: 15px; cursor: pointer; padding: 6px 4px; white-space: nowrap; }

.rpt-more[b-n82txpyvzx] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 8px 12px; padding: 10px 12px; border-radius: 8px; background: var(--acw-surface-2); border: 1px solid var(--acw-border-soft); }
.rpt-more label[b-n82txpyvzx] { display: flex; flex-direction: column; gap: 2px; }
.rpt-hint[b-n82txpyvzx] { grid-column: 1 / -1; color: var(--acw-muted); font-size: 13px; }

.rpt-error[b-n82txpyvzx] { background: var(--acw-danger-soft); color: var(--acw-danger); border-radius: 8px; padding: 8px 14px; }

.rpt-kpis[b-n82txpyvzx] { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.rpt-kpi .t[b-n82txpyvzx] { color: var(--acw-muted); font-size: 14px; display: flex; align-items: center; gap: 6px; }
.rpt-kpi .v[b-n82txpyvzx] { font-size: 24px; font-weight: 700; color: var(--acw-heading); font-variant-numeric: tabular-nums; }
.rpt-kpi .n[b-n82txpyvzx] { color: var(--acw-muted); font-size: 13px; }
.rpt-kpi.warn .v[b-n82txpyvzx] { color: var(--acw-warning); }

.rpt-table[b-n82txpyvzx] { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.rpt-info[b-n82txpyvzx] { padding: 8px 14px; color: var(--acw-muted); font-size: 14px; border-bottom: 1px solid var(--acw-border); display: flex; gap: 12px; align-items: center; }
.rpt-info b[b-n82txpyvzx] { color: var(--acw-text); }
.rpt-scroll[b-n82txpyvzx] { flex: 1; min-height: 0; overflow: auto; }
.rpt-empty[b-n82txpyvzx] { padding: 24px; color: var(--acw-muted); text-align: center; }

.rpt-grid[b-n82txpyvzx] { width: 100%; border-collapse: collapse; font-size: 15px; }
.rpt-grid th[b-n82txpyvzx] { position: sticky; top: 0; z-index: 1; background: var(--acw-surface-2); text-align: left; font-weight: 600; color: var(--acw-label); font-size: 14px; padding: 8px 10px; border-bottom: 1px solid var(--acw-border-strong); white-space: nowrap; }
.rpt-grid td[b-n82txpyvzx] { padding: 6px 10px; border-bottom: 1px solid var(--acw-border-soft); white-space: nowrap; max-width: 460px; overflow: hidden; text-overflow: ellipsis; }
.rpt-grid .n[b-n82txpyvzx] { text-align: right; font-variant-numeric: tabular-nums; }
.rpt-grid a[b-n82txpyvzx] { color: var(--acw-accent-text); text-decoration: none; }
.rpt-grid a:hover[b-n82txpyvzx] { text-decoration: underline; }
.rpt-grid tr.click[b-n82txpyvzx] { cursor: pointer; }
.rpt-grid tr.click:hover td[b-n82txpyvzx] { background: var(--acw-hover); }
.rpt-month[b-n82txpyvzx] { display: inline-flex; gap: 6px; flex: none; }
.rpt-month .rpt-select:first-child[b-n82txpyvzx] { width: 130px; }
.rpt-month .rpt-select:last-child[b-n82txpyvzx] { width: 90px; }
a.rpt-chip[b-n82txpyvzx] { text-decoration: none; }

.rpt-taxhead[b-n82txpyvzx] { display: grid; grid-template-columns: 2fr 1.2fr 1fr 1fr; gap: 16px; padding: 10px 16px; }
.rpt-taxhead div[b-n82txpyvzx] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.rpt-taxhead span[b-n82txpyvzx] { color: var(--acw-muted); font-size: 13px; }
.rpt-taxhead b[b-n82txpyvzx] { color: var(--acw-heading); font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.rpt-grid thead tr:first-child th[b-n82txpyvzx] { vertical-align: bottom; }
.rpt-grid th.pair[b-n82txpyvzx] { text-align: center; border-bottom: 1px solid var(--acw-border); }
.rpt-grid thead tr.sub th[b-n82txpyvzx] { top: 36px; }
.rpt-grid tr.cancel td[b-n82txpyvzx] { color: var(--acw-muted); }
.rpt-grid tr.sub td[b-n82txpyvzx] { background: var(--acw-surface-2); }
/* Column labels carry their own line break ("\n" in the JSON, like the printed form). */
.rpt-grid th[b-n82txpyvzx] { white-space: pre-line; }
/* 8.4 has several choice groups: let the main filter line wrap instead of cutting buttons off; long addresses (8.3) stay narrow. */
.rpt-main[b-n82txpyvzx] { flex-wrap: wrap; row-gap: 8px; }
.rpt-grid td[b-n82txpyvzx] { max-width: 340px; }
/* /Components/Pages/SaleDepositPayDialog.razor.rz.scp.css */
.pay-sum[b-2ztzq4tvoy] { display: flex; flex-wrap: wrap; gap: .3rem 1.1rem; padding: .5rem .7rem; margin-bottom: .5rem; background: var(--acw-surface-3); border: 1px solid var(--acw-border); border-radius: 6px; font-size: .88rem; color: var(--acw-muted); }
.pay-sum b[b-2ztzq4tvoy] { color: var(--acw-text); font-variant-numeric: tabular-nums; margin-left: .2rem; }
.pay-note[b-2ztzq4tvoy] { margin-bottom: .5rem; color: var(--acw-label); font-size: .9rem; }
.pay-list[b-2ztzq4tvoy] { max-height: 50vh; min-height: 200px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; }
.pay-list table[b-2ztzq4tvoy] { width: 100%; border-collapse: collapse; font-size: .95rem; table-layout: fixed; }
.pay-list th[b-2ztzq4tvoy] { position: sticky; top: 0; z-index: 1; background: var(--acw-surface-3); color: var(--acw-label); text-align: left; font-weight: 600; padding: .45rem .5rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; }
.pay-list td[b-2ztzq4tvoy] { height: 38px; padding: 0 .35rem; border-bottom: 1px solid var(--acw-border-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pay-list td.ro[b-2ztzq4tvoy] { color: var(--acw-text-2); padding-left: .5rem; }
.pay-list .num[b-2ztzq4tvoy] { text-align: right; width: 140px; }
.pay-list .date[b-2ztzq4tvoy] { width: 140px; }
.pay-list .act[b-2ztzq4tvoy] { width: 56px; text-align: center; }
.pay-list tr.new-row td[b-2ztzq4tvoy] { background: var(--acw-surface-2); }
.pay-list tfoot td[b-2ztzq4tvoy] { position: sticky; bottom: 0; background: var(--acw-surface-3); font-weight: 600; border-top: 1px solid var(--acw-border); }
.pay-list .foot-label[b-2ztzq4tvoy] { color: var(--acw-muted); font-weight: 500; }
.pay-list .sum-ok[b-2ztzq4tvoy] { color: var(--acw-success); }
.pay-list .sum-wrong[b-2ztzq4tvoy] { color: var(--acw-danger); background: var(--acw-danger-soft); }
.cell[b-2ztzq4tvoy] { width: 100%; height: 30px; padding: .15rem .4rem; border: 1px solid var(--acw-border-strong); border-radius: 5px; background: var(--acw-input); color: var(--acw-text); font: inherit; }
.cell:focus[b-2ztzq4tvoy] { outline: none; border-color: var(--acw-accent); box-shadow: 0 0 0 2px var(--acw-accent-soft); }
.cell.num[b-2ztzq4tvoy] { text-align: right; }
.cell-find[b-2ztzq4tvoy] { display: flex; gap: .25rem; align-items: center; }
.find-text[b-2ztzq4tvoy], .del-text[b-2ztzq4tvoy] { height: 28px; padding: 0 .5rem; border: 1px solid var(--acw-border-strong); border-radius: 5px; background: var(--acw-surface); color: var(--acw-accent-text); font: inherit; font-size: .85rem; cursor: pointer; white-space: nowrap; }
.find-text:hover[b-2ztzq4tvoy] { background: var(--acw-accent-hover); }
.del-text[b-2ztzq4tvoy] { color: var(--acw-danger); }
.del-text:hover[b-2ztzq4tvoy] { background: var(--acw-danger-soft); }
.pay-message[b-2ztzq4tvoy] { margin-top: .5rem; color: var(--acw-danger); font-weight: 600; }
.pay-hint[b-2ztzq4tvoy] { margin-right: auto; padding-left: .5rem; font-size: .85rem; color: var(--acw-muted); }
.pay-fs[b-2ztzq4tvoy] { border: 0; margin: 0; padding: 0; min-width: 0; }
.pay-list .form[b-2ztzq4tvoy] { width: 96px; }
.pay-list .rate[b-2ztzq4tvoy] { width: 80px; }
/* /Components/Pages/SalePickDialog.razor.rz.scp.css */
.pick-search[b-865zrkcmhc] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; margin-bottom: .6rem; }
.pick-input[b-865zrkcmhc] { flex: 1 1 340px; height: 38px; padding: .3rem .65rem; border: 1px solid var(--acw-border-strong); border-radius: 6px; font: inherit; }
.pick-input:focus[b-865zrkcmhc] { outline: none; border-color: var(--acw-accent); box-shadow: 0 0 0 3px var(--acw-accent-soft); }
.pick-opt[b-865zrkcmhc] { display: inline-flex; align-items: center; gap: .3rem; margin: 0; font-size: .9rem; cursor: pointer; }
.pick-list[b-865zrkcmhc] { height: 55vh; min-height: 240px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; outline: none; }
.pick-list:focus-visible[b-865zrkcmhc] { border-color: var(--acw-accent); }
.pick-list table[b-865zrkcmhc] { width: 100%; border-collapse: collapse; font-size: .95rem; }
.pick-list th[b-865zrkcmhc] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .6rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.pick-list td[b-865zrkcmhc] { padding: .38rem .6rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; }
.pick-list .num[b-865zrkcmhc] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pick-list tr:hover td[b-865zrkcmhc] { background: var(--acw-hover); }
.pick-list tr.row-selected td[b-865zrkcmhc] { background: var(--acw-row-selected); }
.pick-empty[b-865zrkcmhc] { padding: 2rem; text-align: center; color: var(--acw-faint); }
.pick-count[b-865zrkcmhc] { margin-right: auto; padding-left: .5rem; font-size: .85rem; color: var(--acw-muted); }
.pick-list table[b-865zrkcmhc] { table-layout: fixed; }
.pick-list td[b-865zrkcmhc] { height: 34px; padding-top: 0; padding-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* /Components/Pages/SaleProductDialog.razor.rz.scp.css */
.pick-search[b-fv9cyp8ejs] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; margin-bottom: .6rem; }
.pick-input[b-fv9cyp8ejs] { flex: 1 1 340px; height: 38px; padding: .3rem .65rem; border: 1px solid var(--acw-border-strong); border-radius: 6px; font: inherit; }
.pick-input:focus[b-fv9cyp8ejs] { outline: none; border-color: var(--acw-accent); box-shadow: 0 0 0 3px var(--acw-accent-soft); }
.pick-opt[b-fv9cyp8ejs] { display: inline-flex; align-items: center; gap: .3rem; margin: 0; font-size: .9rem; cursor: pointer; }
.pick-list[b-fv9cyp8ejs] { height: 55vh; min-height: 240px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; outline: none; }
.pick-list:focus-visible[b-fv9cyp8ejs] { border-color: var(--acw-accent); }
.pick-list table[b-fv9cyp8ejs] { width: 100%; border-collapse: collapse; font-size: .95rem; }
.pick-list th[b-fv9cyp8ejs] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .6rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.pick-list td[b-fv9cyp8ejs] { padding: .38rem .6rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; }
.pick-list .num[b-fv9cyp8ejs] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pick-list tr:hover td[b-fv9cyp8ejs] { background: var(--acw-hover); }
.pick-list tr.row-selected td[b-fv9cyp8ejs] { background: var(--acw-row-selected); }
.pick-empty[b-fv9cyp8ejs] { padding: 2rem; text-align: center; color: var(--acw-faint); }
.pick-count[b-fv9cyp8ejs] { margin-right: auto; padding-left: .5rem; font-size: .85rem; color: var(--acw-muted); }
.pick-list .chk[b-fv9cyp8ejs] { width: 34px; text-align: center; }
.pick-list .qty[b-fv9cyp8ejs] { width: 96px; }
.pick-list tr.row-checked td[b-fv9cyp8ejs] { background: var(--acw-success-soft); }
.pick-list tr.row-checked.row-selected td[b-fv9cyp8ejs] { background: var(--acw-success-soft); }
.pick-qty[b-fv9cyp8ejs] { width: 84px; height: 30px; padding: .15rem .4rem; text-align: right; border: 1px solid var(--acw-border-strong); border-radius: 5px; font: inherit; }
.pick-qty:focus[b-fv9cyp8ejs] { outline: none; border-color: var(--acw-accent); }
.pick-message[b-fv9cyp8ejs] { margin-top: .5rem; color: var(--acw-danger); font-weight: 600; }
.pick-list table[b-fv9cyp8ejs] { table-layout: fixed; }
.pick-list td[b-fv9cyp8ejs] { height: 36px; padding-top: 0; padding-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pick-list .code[b-fv9cyp8ejs] { width: 150px; }
.pick-list .unit[b-fv9cyp8ejs] { width: 84px; }
.pick-list th.num[b-fv9cyp8ejs] { width: 112px; }
.pick-list th.qty[b-fv9cyp8ejs] { width: 96px; }
.pick-list td.qty[b-fv9cyp8ejs] { overflow: visible; text-overflow: clip; }
.pick-qty[b-fv9cyp8ejs] { width: 100%; }
/* /Components/Pages/SaleRefLinesDialog.razor.rz.scp.css */
.pick-search[b-s72c04hiss] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; margin-bottom: .6rem; }
.pick-input[b-s72c04hiss] { flex: 1 1 340px; height: 38px; padding: .3rem .65rem; border: 1px solid var(--acw-border-strong); border-radius: 6px; font: inherit; }
.pick-input:focus[b-s72c04hiss] { outline: none; border-color: var(--acw-accent); box-shadow: 0 0 0 3px var(--acw-accent-soft); }
.pick-opt[b-s72c04hiss] { display: inline-flex; align-items: center; gap: .3rem; margin: 0; font-size: .9rem; cursor: pointer; }
.pick-list[b-s72c04hiss] { height: 55vh; min-height: 240px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; outline: none; }
.pick-list:focus-visible[b-s72c04hiss] { border-color: var(--acw-accent); }
.pick-list table[b-s72c04hiss] { width: 100%; border-collapse: collapse; font-size: .95rem; }
.pick-list th[b-s72c04hiss] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .6rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.pick-list td[b-s72c04hiss] { padding: .38rem .6rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; }
.pick-list .num[b-s72c04hiss] { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pick-list tr:hover td[b-s72c04hiss] { background: var(--acw-hover); }
.pick-list tr.row-selected td[b-s72c04hiss] { background: var(--acw-row-selected); }
.pick-empty[b-s72c04hiss] { padding: 2rem; text-align: center; color: var(--acw-faint); }
.pick-count[b-s72c04hiss] { margin-right: auto; padding-left: .5rem; font-size: .85rem; color: var(--acw-muted); }
.pick-list .chk[b-s72c04hiss] { width: 34px; text-align: center; }
.pick-list .qty[b-s72c04hiss] { width: 96px; }
.pick-list tr.row-checked td[b-s72c04hiss] { background: var(--acw-success-soft); }
.pick-list tr.row-checked.row-selected td[b-s72c04hiss] { background: var(--acw-success-soft); }
.pick-qty[b-s72c04hiss] { width: 84px; height: 30px; padding: .15rem .4rem; text-align: right; border: 1px solid var(--acw-border-strong); border-radius: 5px; font: inherit; }
.pick-qty:focus[b-s72c04hiss] { outline: none; border-color: var(--acw-accent); }
.pick-message[b-s72c04hiss] { margin-top: .5rem; color: var(--acw-danger); font-weight: 600; }
.pick-list table[b-s72c04hiss] { table-layout: fixed; }
.pick-list td[b-s72c04hiss] { height: 36px; padding-top: 0; padding-bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pick-list .code[b-s72c04hiss] { width: 150px; }
.pick-list .unit[b-s72c04hiss] { width: 84px; }
.pick-list th.num[b-s72c04hiss] { width: 112px; }
.pick-list th.qty[b-s72c04hiss] { width: 96px; }
.pick-list td.qty[b-s72c04hiss] { overflow: visible; text-overflow: clip; }
.pick-qty[b-s72c04hiss] { width: 100%; }
.ref-note[b-s72c04hiss] { margin-bottom: .5rem; color: var(--acw-label); font-size: .9rem; }
.pick-list .pick-qty[b-s72c04hiss] { text-align: right; }
/* gridMain_RowColorData: what is left is below zero */
.pick-list tr.row-minus td[b-s72c04hiss] { color: var(--acw-success); }
/* /Components/Pages/SettlementPickDialog.razor.rz.scp.css */
/* searchPaymentRemain: the same list look as FinanceDocPickDialog (scoped styles are per component). */
.pick-top[b-mckouqzah9] { display: flex; align-items: center; gap: 1rem; margin-bottom: .5rem; }
.ref-note[b-mckouqzah9] { color: var(--acw-label); font-size: .9rem; flex: 1; }
.link-btn[b-mckouqzah9] { background: none; border: 0; color: var(--acw-accent); cursor: pointer; font-size: .9rem; padding: 0; }
.pick-filter[b-mckouqzah9] { display: grid; grid-template-columns: 130px 170px 30px 170px; gap: .4rem .5rem; align-items: center; padding: .6rem; margin-bottom: .5rem;
               background: var(--acw-surface-2); border: 1px solid var(--acw-border-soft); border-radius: 6px; font-size: .9rem; }
.pick-filter label[b-mckouqzah9] { color: var(--acw-label); }
.pick-filter .in[b-mckouqzah9] { height: 30px; padding: 0 .4rem; border: 1px solid var(--acw-border); border-radius: 4px; background: var(--acw-surface); color: var(--acw-text); }
.pick-alloc[b-mckouqzah9] { display: flex; align-items: center; gap: .5rem; margin-bottom: .5rem; font-size: .9rem; }
.pick-alloc .in[b-mckouqzah9] { width: 160px; height: 30px; padding: 0 .4rem; border: 1px solid var(--acw-border); border-radius: 4px; background: var(--acw-surface); color: var(--acw-text); text-align: right; }
.pull-btn[b-mckouqzah9] { height: 30px; padding: 0 .8rem; border: 1px solid var(--acw-accent); border-radius: 4px; background: var(--acw-surface); color: var(--acw-accent); cursor: pointer; }
.pull-btn:disabled[b-mckouqzah9] { opacity: .5; cursor: default; }
.pick-list[b-mckouqzah9] { height: 50vh; min-height: 240px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; outline: none; }
.pick-list table[b-mckouqzah9] { width: 100%; border-collapse: collapse; font-size: .95rem; table-layout: fixed; }
.pick-list th[b-mckouqzah9] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .6rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.pick-list td[b-mckouqzah9] { height: 36px; padding: 0 .6rem; border-bottom: 1px solid var(--acw-border-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pick-list tfoot td[b-mckouqzah9] { position: sticky; bottom: 0; background: var(--acw-surface-3); font-weight: 600; border-top: 1px solid var(--acw-border); }
.pick-list .foot-label[b-mckouqzah9] { text-align: right; }
.pick-list .num[b-mckouqzah9] { text-align: right; font-variant-numeric: tabular-nums; width: 130px; }
.pick-list .chk[b-mckouqzah9] { width: 34px; text-align: center; cursor: pointer; }
.pick-list .no[b-mckouqzah9] { width: 140px; }
.pick-list .date[b-mckouqzah9] { width: 110px; }
.pick-list .cell-in[b-mckouqzah9] { padding: 0 .2rem; }
.pick-list .cell[b-mckouqzah9] { width: 100%; height: 28px; border: 1px solid var(--acw-border); border-radius: 4px; padding: 0 .4rem; background: var(--acw-input); color: var(--acw-text); text-align: right; }
.pick-list tr:hover td[b-mckouqzah9] { background: var(--acw-hover); }
.pick-list tr.row-selected td[b-mckouqzah9] { background: var(--acw-row-selected); }
.pick-list tr.row-checked td[b-mckouqzah9] { background: var(--acw-success-soft); }
.pick-list tr.row-hold td[b-mckouqzah9] { color: var(--acw-accent); }
.pick-empty[b-mckouqzah9] { padding: 2rem; text-align: center; color: var(--acw-faint); }
.pick-warn[b-mckouqzah9] { margin-top: .5rem; color: var(--acw-danger); font-size: .9rem; }
.pick-count[b-mckouqzah9] { margin-right: auto; padding-left: .5rem; font-size: .85rem; color: var(--acw-muted); }
.pick-allremain[b-mckouqzah9] { display: inline-flex; align-items: center; gap: .3rem; margin: 0 0 .5rem; font-size: .9rem; color: var(--acw-label); }
/* /Components/Pages/SettlementServiceDocDialog.razor.rz.scp.css */
/* searchDocSaleService: the list look of SettlementPickDialog (scoped styles are per component). */
.pick-top[b-u7dmcw7tjm] { display: flex; align-items: center; gap: 1rem; margin-bottom: .5rem; }
.pick-top .search[b-u7dmcw7tjm] { flex: 1; height: 36px; padding: 0 .6rem; border: 1px solid var(--acw-border-strong); border-radius: 6px; background: var(--acw-surface); color: var(--acw-text); font: inherit; }
.pick-top .opt[b-u7dmcw7tjm] { display: flex; align-items: center; gap: .3rem; font-size: .9rem; color: var(--acw-label); white-space: nowrap; }
.ref-note[b-u7dmcw7tjm] { margin-bottom: .5rem; color: var(--acw-label); font-size: .9rem; }
.pick-list[b-u7dmcw7tjm] { height: 50vh; min-height: 240px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; }
.pick-list table[b-u7dmcw7tjm] { width: 100%; border-collapse: collapse; font-size: .95rem; table-layout: fixed; }
.pick-list th[b-u7dmcw7tjm] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .6rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.pick-list td[b-u7dmcw7tjm] { height: 36px; padding: 0 .6rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pick-list .num[b-u7dmcw7tjm] { text-align: right; font-variant-numeric: tabular-nums; width: 130px; }
.pick-list .chk[b-u7dmcw7tjm] { width: 34px; text-align: center; }
.pick-list .no[b-u7dmcw7tjm] { width: 140px; }
.pick-list .date[b-u7dmcw7tjm] { width: 110px; }
.pick-list .vat[b-u7dmcw7tjm] { width: 170px; }
.pick-list tr:hover td[b-u7dmcw7tjm] { background: var(--acw-hover); }
.pick-list tr.row-checked td[b-u7dmcw7tjm] { background: var(--acw-success-soft); }
.pick-empty[b-u7dmcw7tjm] { padding: 2rem; text-align: center; color: var(--acw-faint); }
.pick-warn[b-u7dmcw7tjm] { margin-top: .5rem; color: var(--acw-danger); font-size: .9rem; }
.pick-count[b-u7dmcw7tjm] { margin-right: auto; padding-left: .5rem; font-size: .85rem; color: var(--acw-muted); }
/* /Components/Pages/SqlQueryPage.razor.rz.scp.css */
/* ไฟล์นี้: หน้าตาของหน้า "ดูข้อมูลด้วยคำสั่ง SQL" (SqlQueryPage.razor) สีใช้ตัวแปร --acw-* เพื่อให้โหมดมืดใช้ได้ */
.sq-note[b-l5szdx5mbc] { display: flex; align-items: flex-start; gap: .5rem; background: var(--acw-accent-soft); border: 1px solid var(--acw-accent-border); color: var(--acw-text-2); border-radius: 8px; padding: .5rem .8rem; margin-bottom: .7rem; font-size: .93rem; }
.sq-note[b-l5szdx5mbc]  .mud-icon-root { color: var(--acw-accent-text); margin-top: 2px; }
.sq-editor[b-l5szdx5mbc] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; padding: .6rem .75rem; margin-bottom: .75rem; }
.sq-tools[b-l5szdx5mbc] { display: flex; align-items: center; gap: .5rem; margin-bottom: .5rem; flex-wrap: wrap; }
.sq-btn[b-l5szdx5mbc] { position: relative; display: inline-flex; align-items: center; gap: .3rem; border: 1px solid var(--acw-border-strong); background: var(--acw-surface); color: var(--acw-text-2); border-radius: 6px; padding: .25rem .65rem; font: inherit; font-size: .9rem; font-weight: 600; cursor: pointer; }
.sq-btn:hover:not(:disabled):not(.disabled)[b-l5szdx5mbc] { background: var(--acw-hover); border-color: var(--acw-accent-border); }
.sq-btn:disabled[b-l5szdx5mbc], .sq-btn.disabled[b-l5szdx5mbc] { opacity: .5; cursor: default; }
.sq-btn[b-l5szdx5mbc]  .sq-file { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; }
.sq-btn.disabled[b-l5szdx5mbc]  .sq-file { pointer-events: none; }
.sq-file-name[b-l5szdx5mbc] { color: var(--acw-muted); font-size: .88rem; max-width: 420px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sq-conn[b-l5szdx5mbc] { margin-left: auto; color: var(--acw-muted); font-size: .88rem; }
.sq-box[b-l5szdx5mbc] { width: 100%; min-height: 150px; height: 180px; resize: vertical; box-sizing: border-box; font-family: Consolas, "Cascadia Mono", "Courier New", monospace; font-size: .95rem; line-height: 1.45;
    background: var(--acw-input); color: var(--acw-text); border: 1px solid var(--acw-border-strong); border-radius: 6px; padding: .5rem .65rem; tab-size: 4; }
.sq-box:focus[b-l5szdx5mbc] { outline: 2px solid var(--acw-accent-border); outline-offset: 0; }
.sq-box[readonly][b-l5szdx5mbc] { background: var(--acw-surface-2); }
.sq-status[b-l5szdx5mbc] { margin-top: .35rem; font-size: .92rem; font-weight: 600; color: var(--acw-muted); }
.sq-status.success[b-l5szdx5mbc] { color: var(--acw-success); }
.sq-status.warning[b-l5szdx5mbc] { color: var(--acw-warning); }
.sq-status.danger[b-l5szdx5mbc] { color: var(--acw-danger); }
.sq-status.busy[b-l5szdx5mbc] { color: var(--acw-accent-text); }
.sq-issue[b-l5szdx5mbc] { margin-top: .4rem; background: var(--acw-danger-soft); border: 1px solid var(--acw-border); border-radius: 6px; padding: .45rem .7rem; font-size: .9rem; color: var(--acw-text-2); }
.sq-issue .h[b-l5szdx5mbc] { font-weight: 700; color: var(--acw-danger); }
.sq-issue .raw[b-l5szdx5mbc] { color: var(--acw-muted); font-family: Consolas, "Courier New", monospace; font-size: .85rem; margin-top: .2rem; overflow-wrap: anywhere; }
.sq-result[b-l5szdx5mbc] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; padding: .5rem .6rem; }
.sq-result-head[b-l5szdx5mbc] { display: flex; align-items: center; gap: .45rem; flex-wrap: wrap; margin-bottom: .45rem; }
.sq-result-head .t[b-l5szdx5mbc] { font-weight: 700; color: var(--acw-heading); margin-right: .6rem; }
.sq-tip[b-l5szdx5mbc] { color: var(--acw-faint); font-size: .86rem; }
.sq-grid[b-l5szdx5mbc] { height: calc(100vh - 500px); min-height: 260px; overflow: auto; border: 1px solid var(--acw-border); border-radius: 6px; }
.sq-grid table[b-l5szdx5mbc] { border-collapse: collapse; font-size: .9rem; min-width: 100%; }
.sq-grid th[b-l5szdx5mbc] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .4rem .55rem; border-bottom: 1px solid var(--acw-border); white-space: nowrap; z-index: 1; }
.sq-grid td[b-l5szdx5mbc] { padding: .3rem .55rem; border-bottom: 1px solid var(--acw-border-soft); white-space: nowrap; max-width: 420px; overflow: hidden; text-overflow: ellipsis; cursor: cell; color: var(--acw-text); }
.sq-grid tr:nth-child(even) td[b-l5szdx5mbc] { background: var(--acw-surface-2); }
.sq-grid tr.sel td[b-l5szdx5mbc] { background: var(--acw-row-selected); }
.sq-grid td.cell-sel[b-l5szdx5mbc] { outline: 2px solid var(--acw-accent); outline-offset: -2px; }
.sq-grid .num[b-l5szdx5mbc] { text-align: right; }
.sq-grid .no[b-l5szdx5mbc] { text-align: right; color: var(--acw-faint); cursor: default; }
.sq-pager[b-l5szdx5mbc] { display: flex; align-items: center; gap: .6rem; margin-top: .4rem; font-size: .9rem; }
.sq-start[b-l5szdx5mbc] { padding: 2rem; text-align: center; color: var(--acw-muted); background: var(--acw-surface); border: 1px dashed var(--acw-border-strong); border-radius: 8px; }
.sq-grid th.sortable[b-l5szdx5mbc] { cursor: pointer; user-select: none; }
.sq-grid th.sortable:hover[b-l5szdx5mbc] { color: var(--acw-accent-text); }
/* /Components/Pages/SupplierPage.razor.rz.scp.css */
.party-layout[b-70yz5a05ir] { grid-template-columns: minmax(380px, 4fr) 7fr; }

/* Top of masSupplier: label | box | label | box, wide boxes span three columns. */
.party-head[b-70yz5a05ir] { display: grid; grid-template-columns: 130px minmax(0, 1fr) 110px minmax(0, 1fr); gap: .5rem .75rem; align-items: center; }
.party-head > label[b-70yz5a05ir] { text-align: right; font-weight: 600; color: var(--acw-label); white-space: nowrap; }
.party-head[b-70yz5a05ir]  .mud-input-control { margin: 0; }
.party-head[b-70yz5a05ir]  .party-wide { grid-column: span 3; }
.party-head > .party-span2[b-70yz5a05ir] { grid-column: span 2; }
.party-head[b-70yz5a05ir]  .auto-code input { background: var(--acw-auto-code); }
.party-inline[b-70yz5a05ir] { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.party-inline[b-70yz5a05ir]  .mud-input-control { flex: 1 1 auto; min-width: 0; }
.party-stack[b-70yz5a05ir] { display: grid; gap: .15rem; }
.party-hint[b-70yz5a05ir] { color: var(--acw-danger); font-size: .85rem; }

.master-detail[b-70yz5a05ir]  .party-tabs .mud-tabs-tabbar { background: var(--acw-surface-3); border-bottom: 1px solid var(--acw-border); }
.master-detail[b-70yz5a05ir]  .party-tabs .mud-tab { text-transform: none; font-weight: 600; }

/* Tab เครดิต: the เครดิต and ผู้ติดต่อ groups side by side */
.party-columns[b-70yz5a05ir] { display: grid; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); gap: 1rem; align-items: start; }
.party-group[b-70yz5a05ir] { border: 1px solid var(--acw-border); border-radius: 8px; padding: .5rem .9rem .9rem; margin: 0; }
.party-group legend[b-70yz5a05ir] { font-weight: 700; font-size: 1rem; color: var(--acw-heading); padding: 0 .4rem; }
.party-fields[b-70yz5a05ir] { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .5rem .75rem; align-items: center; }
.party-fields > label[b-70yz5a05ir] { text-align: right; font-weight: 600; color: var(--acw-label); white-space: nowrap; }
.party-fields[b-70yz5a05ir]  .mud-input-control { margin: 0; }
.party-fields[b-70yz5a05ir]  .party-number input { text-align: right; }
.party-amount[b-70yz5a05ir] { text-align: right; font-variant-numeric: tabular-nums; padding: .35rem .75rem; background: var(--acw-surface-3); border: 1px solid var(--acw-border); border-radius: 4px; }

/* Tab สาขาเพิ่มเติม */
.party-branches[b-70yz5a05ir] { display: grid; gap: 1rem; }
.party-branch-table[b-70yz5a05ir] { height: auto; max-height: 300px; min-height: 140px; }
.party-branch-table td:nth-child(1)[b-70yz5a05ir] { white-space: nowrap; }
.party-cell-address[b-70yz5a05ir] { white-space: pre-line; }
.party-row-actions[b-70yz5a05ir] { white-space: nowrap; width: 1%; cursor: default; }
.party-branch-form[b-70yz5a05ir] { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content minmax(0, 1fr); gap: .5rem .75rem; align-items: center; }
.party-branch-form > label[b-70yz5a05ir] { text-align: right; font-weight: 600; color: var(--acw-label); white-space: nowrap; }
.party-branch-form[b-70yz5a05ir]  .mud-input-control { margin: 0; }
.party-branch-form > .party-branch-wide[b-70yz5a05ir], .party-branch-form[b-70yz5a05ir]  .party-branch-wide { grid-column: span 3; }
.party-files[b-70yz5a05ir] { height: auto; max-height: 300px; min-height: 120px; }

@media (max-width: 700px) {
    .party-head[b-70yz5a05ir], .party-branch-form[b-70yz5a05ir] { grid-template-columns: 1fr; }
    .party-head > label[b-70yz5a05ir], .party-branch-form > label[b-70yz5a05ir] { text-align: left; }
    .party-head[b-70yz5a05ir]  .party-wide, .party-head > .party-span2[b-70yz5a05ir], .party-branch-form > .party-branch-wide[b-70yz5a05ir], .party-branch-form[b-70yz5a05ir]  .party-branch-wide { grid-column: auto; }
}
/* /Components/Pages/SystemChangePassword.razor.rz.scp.css */
.password-card[b-sfh1awanr3] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; padding: 1rem 1.25rem; max-width: 620px; }
/* /Components/Pages/SystemCompany.razor.rz.scp.css */
.company-layout[b-ery3ay3zsw] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 420px; gap: 1rem; align-items: start; }
.company-side[b-ery3ay3zsw] { display: grid; gap: 1rem; }
.sys-card[b-ery3ay3zsw] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; padding: .9rem 1rem 1rem; }
.sys-card h2[b-ery3ay3zsw] { font-size: 1.05rem; font-weight: 700; color: var(--acw-heading); margin: 0 0 .75rem; padding-bottom: .4rem; border-bottom: 1px solid var(--acw-border); }
.sys-card.etax[b-ery3ay3zsw] { grid-column: 1 / 3; }
.sys-fields[b-ery3ay3zsw] { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .5rem .75rem; align-items: center; }
.sys-fields.narrow[b-ery3ay3zsw] { margin-top: .5rem; }
.sys-fields label[b-ery3ay3zsw] { white-space: nowrap; text-align: right; font-weight: 600; color: var(--acw-label); }
.sys-fields[b-ery3ay3zsw]  .mud-input-control { margin: 0; }
.sys-pair[b-ery3ay3zsw] { display: grid; grid-template-columns: minmax(0, 1fr) auto 110px; gap: .5rem; align-items: center; }
.sys-pair label[b-ery3ay3zsw] { white-space: nowrap; }
.sys-checks[b-ery3ay3zsw] { display: grid; gap: .1rem; }
.qr-docs[b-ery3ay3zsw] { display: grid; grid-template-columns: 1fr 1fr; padding-left: 1.5rem; }
.logo-row[b-ery3ay3zsw] { display: flex; align-items: flex-end; gap: 1rem; }
.logo-box[b-ery3ay3zsw] { width: 150px; height: 150px; border: 1px solid var(--acw-border); border-radius: 6px; display: grid; place-items: center; background: var(--acw-surface-2); color: var(--acw-faint); overflow: hidden; }
.logo-box img[b-ery3ay3zsw] { max-width: 100%; max-height: 100%; object-fit: contain; }
.logo-pick[b-ery3ay3zsw] { display: inline-flex; align-items: center; gap: .35rem; cursor: pointer; padding: .4rem .8rem; border: 1px solid var(--acw-accent); color: var(--acw-accent); border-radius: 6px; font-weight: 600; }
.logo-pick:hover[b-ery3ay3zsw] { background: var(--acw-accent-soft); }
.logo-pick[b-ery3ay3zsw]  input[type=file] { display: none; }
@media (max-width: 1500px) { .company-layout[b-ery3ay3zsw] { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .company-side[b-ery3ay3zsw] { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; } .sys-card.etax[b-ery3ay3zsw] { grid-column: 1 / -1; } }
.lookup-row[b-ery3ay3zsw] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .2rem; align-items: center; }
/* /Components/Pages/SystemLogFiles.razor.rz.scp.css */
.log-filters[b-ljpfddzhw3] { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1.45fr) minmax(0, 1fr) minmax(0, .75fr) minmax(0, .75fr); gap: .6rem 1rem; background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; padding: .75rem .9rem; margin-bottom: .75rem; }
.filter[b-ljpfddzhw3] { display: grid; gap: .25rem; min-width: 0; }
.filter label[b-ljpfddzhw3] { font-weight: 600; color: var(--acw-label); font-size: .9rem; }
.filter[b-ljpfddzhw3]  .mud-input-control { margin: 0; }
.range[b-ljpfddzhw3] { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: .4rem; align-items: center; }
.range span[b-ljpfddzhw3] { color: var(--acw-muted); font-size: .9rem; }
.log-grid[b-ljpfddzhw3] { height: calc(100vh - 330px); min-height: 300px; overflow: auto; background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; }
.log-grid table[b-ljpfddzhw3] { width: 100%; border-collapse: collapse; font-size: .92rem; }
.log-grid th[b-ljpfddzhw3] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .55rem; border-bottom: 1px solid var(--acw-border); z-index: 1; white-space: nowrap; }
.log-grid td[b-ljpfddzhw3] { padding: .35rem .55rem; border-bottom: 1px solid var(--acw-border-soft); }
.log-grid tr:nth-child(even) td[b-ljpfddzhw3] { background: var(--acw-surface-2); }
.log-grid .num[b-ljpfddzhw3] { text-align: right; }
.log-grid .nowrap[b-ljpfddzhw3] { white-space: nowrap; }
.log-grid .remark[b-ljpfddzhw3] { max-width: 520px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.log-footer[b-ljpfddzhw3] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .4rem; }
.pager[b-ljpfddzhw3] { display: flex; align-items: center; gap: .6rem; font-size: .9rem; }
.log-count[b-ljpfddzhw3] { margin-left: auto; font-size: .9rem; color: var(--acw-label); }
.grid-empty[b-ljpfddzhw3] { padding: 2rem; text-align: center; color: var(--acw-faint); }
.range.dates[b-ljpfddzhw3] { grid-template-columns: minmax(0, 1fr) auto auto minmax(0, 1fr) auto; gap: .2rem; }
.log-start[b-ljpfddzhw3] { padding: 2rem; text-align: center; color: var(--acw-muted); background: var(--acw-surface); border: 1px dashed var(--acw-border-strong); border-radius: 8px; }
.range.dates[b-ljpfddzhw3]  .mud-button-root { min-width: 0; padding: 2px 6px; }
/* /Components/Pages/SystemPeriod.razor.rz.scp.css */
.period-layout[b-zg47gf49e6] { display: grid; grid-template-columns: 320px 520px; gap: 1rem; align-items: start; }
.period-years[b-zg47gf49e6], .period-months[b-zg47gf49e6] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; padding: .8rem .9rem; }
.period-title[b-zg47gf49e6] { font-weight: 700; color: var(--acw-heading); padding-bottom: .3rem; margin-bottom: .5rem; border-bottom: 1px solid var(--acw-border); }
.period-years .period-title + .year-list + .period-title[b-zg47gf49e6] { margin-top: 1rem; }
.year-list[b-zg47gf49e6] { display: grid; gap: .2rem; max-height: calc(100vh - 420px); min-height: 160px; overflow: auto; }
.year[b-zg47gf49e6] { justify-content: flex-start; text-align: left; border: 1px solid transparent; background: none; padding: .35rem .6rem; border-radius: 6px; color: var(--acw-label); cursor: pointer; }
.year:hover[b-zg47gf49e6] { background: var(--acw-accent-hover); }
.year.active[b-zg47gf49e6] { background: var(--acw-accent); color: #fff; font-weight: 600; }
.add-year[b-zg47gf49e6] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: .5rem .6rem; align-items: center; }
.add-year label[b-zg47gf49e6] { font-weight: 600; color: var(--acw-label); }
.add-year[b-zg47gf49e6]  .mud-button-root { grid-column: 1 / -1; }
.months-head[b-zg47gf49e6] { display: flex; justify-content: space-between; align-items: center; }
.links[b-zg47gf49e6] { display: flex; gap: 1rem; }
.link[b-zg47gf49e6] { border: none; background: none; color: var(--acw-accent); font-weight: 600; cursor: pointer; padding: 0; }
.link:hover[b-zg47gf49e6] { text-decoration: underline; }
.month-row[b-zg47gf49e6] { display: grid; grid-template-columns: 36px 1fr 90px 90px; align-items: center; padding: .3rem .25rem; border-bottom: 1px solid var(--acw-border-soft); }
.month-row:nth-child(even)[b-zg47gf49e6] { background: var(--acw-surface-2); }
.month-row .no[b-zg47gf49e6] { color: var(--acw-muted); text-align: right; padding-right: .6rem; }
.month-row label[b-zg47gf49e6] { display: inline-flex; align-items: center; gap: .35rem; cursor: pointer; }
.month-row input[type=radio][b-zg47gf49e6] { width: 17px; height: 17px; accent-color: var(--acw-accent); }
.grid-empty[b-zg47gf49e6] { padding: 1.5rem; text-align: center; color: var(--acw-faint); }
.period-hint[b-zg47gf49e6] { font-size: .88rem; color: var(--acw-muted); margin-bottom: .5rem; }
.add-year[b-zg47gf49e6]  .mud-input-control { margin: 0; }
/* /Components/Pages/SystemRole.razor.rz.scp.css */
.role-layout[b-ga7xi9e8x3] { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 1rem; align-items: start; max-width: 1300px; }
.role-side[b-ga7xi9e8x3] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; padding: .8rem .9rem; display: grid; gap: .4rem; }
.role-side > label[b-ga7xi9e8x3] { font-weight: 600; color: var(--acw-label); }
.role-side[b-ga7xi9e8x3]  .mud-input-control { margin: 0; }
.role-systems-title[b-ga7xi9e8x3] { margin-top: .6rem; padding-bottom: .25rem; border-bottom: 1px solid var(--acw-border); font-weight: 700; color: var(--acw-heading); }
.role-systems[b-ga7xi9e8x3] { display: grid; gap: .2rem; }
.system[b-ga7xi9e8x3] { justify-content: flex-start; text-align: left; border: 1px solid transparent; background: none; padding: .35rem .6rem; border-radius: 6px; color: var(--acw-label); cursor: pointer; }
.system:hover[b-ga7xi9e8x3] { background: var(--acw-accent-hover); }
.system.active[b-ga7xi9e8x3] { background: var(--acw-accent); color: #fff; font-weight: 600; }
.role-copy[b-ga7xi9e8x3] { display: grid; gap: .4rem; }
.role-grid[b-ga7xi9e8x3] { background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; height: calc(100vh - 210px); min-height: 320px; overflow: auto; }
.role-grid table[b-ga7xi9e8x3] { width: 100%; border-collapse: collapse; font-size: .95rem; }
.role-grid th[b-ga7xi9e8x3] { position: sticky; top: 0; background: var(--acw-surface-3); font-weight: 600; padding: .45rem .5rem; border-bottom: 1px solid var(--acw-border); z-index: 1; white-space: nowrap; }
.role-grid th.flag[b-ga7xi9e8x3] { cursor: pointer; text-align: center; width: 90px; }
.role-grid th.flag:hover[b-ga7xi9e8x3] { background: var(--acw-accent-soft); }
.role-grid th.caption[b-ga7xi9e8x3] { text-align: left; }
.role-grid td[b-ga7xi9e8x3] { padding: .3rem .5rem; border-bottom: 1px solid var(--acw-border-soft); }
.role-grid td.flag[b-ga7xi9e8x3] { text-align: center; }
.role-grid tr:nth-child(even) td[b-ga7xi9e8x3] { background: var(--acw-surface-2); }
.role-grid tr:hover td[b-ga7xi9e8x3] { background: var(--acw-accent-hover); }
.role-grid input[type=checkbox][b-ga7xi9e8x3] { width: 18px; height: 18px; cursor: pointer; accent-color: var(--acw-accent); }
.role-grid input.copies[b-ga7xi9e8x3] { width: 64px; text-align: right; border: 1px solid var(--acw-border-strong); border-radius: 4px; padding: .1rem .3rem; }
.grid-empty[b-ga7xi9e8x3] { padding: 2rem; text-align: center; color: var(--acw-faint); }
.role-hint[b-ga7xi9e8x3] { position: sticky; left: 0; padding: .5rem .7rem; font-size: .88rem; color: var(--acw-muted); background: var(--acw-surface-2); border-bottom: 1px solid var(--acw-border); }
/* /Components/Pages/SystemRunningNumber.razor.rz.scp.css */
.edit-strip[b-en4ftku888] { display: grid; grid-template-columns: 2.4fr 1fr 1fr .7fr 1fr 1.3fr 1.1fr; gap: .6rem; background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; padding: .7rem .9rem; margin-bottom: .75rem; max-width: 1400px; }
.strip-field[b-en4ftku888] { display: grid; gap: .2rem; min-width: 0; }
.strip-field label[b-en4ftku888] { font-weight: 600; color: var(--acw-label); font-size: .9rem; }
.strip-field[b-en4ftku888]  .mud-input-control { margin: 0; }
.strip-field[b-en4ftku888]  .shown input { background: var(--acw-auto-code); }
.tab-row[b-en4ftku888] { display: flex; flex-wrap: wrap; gap: .25rem; border-bottom: 2px solid var(--acw-accent); max-width: 1400px; }
.tab[b-en4ftku888] { border: 1px solid var(--acw-border); border-bottom: none; background: var(--acw-surface-3); color: var(--acw-label); padding: .4rem .9rem; border-radius: 6px 6px 0 0; font-weight: 600; cursor: pointer; }
.tab:hover[b-en4ftku888] { background: var(--acw-accent-soft); }
.tab.active[b-en4ftku888] { background: var(--acw-accent); border-color: var(--acw-accent); color: #fff; }
.grid-wrap[b-en4ftku888] { height: calc(100vh - 330px); min-height: 280px; overflow: auto; background: var(--acw-surface); border: 1px solid var(--acw-border); border-top: none; max-width: 1400px; outline: none; }
.grid-wrap table[b-en4ftku888] { width: 100%; border-collapse: collapse; font-size: .95rem; }
.grid-wrap th[b-en4ftku888] { position: sticky; top: 0; background: var(--acw-surface-3); text-align: left; font-weight: 600; padding: .45rem .6rem; border-bottom: 1px solid var(--acw-border); z-index: 1; white-space: nowrap; }
.grid-wrap td[b-en4ftku888] { padding: .38rem .6rem; border-bottom: 1px solid var(--acw-border-soft); cursor: pointer; }
.grid-wrap .num[b-en4ftku888] { text-align: right; }
.grid-wrap tr:nth-child(even) td[b-en4ftku888] { background: var(--acw-surface-2); }
.grid-wrap tr:hover td[b-en4ftku888] { background: var(--acw-accent-hover); }
.grid-wrap tr.row-selected td[b-en4ftku888] { background: var(--acw-row-selected); }
.grid-empty[b-en4ftku888] { padding: 2rem; text-align: center; color: var(--acw-faint); }
/* /Components/Pages/SystemUser.razor.rz.scp.css */
.password-row[b-nqrmb75gt4] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; align-items: center; }
.field-note[b-nqrmb75gt4] { font-size: .85rem; color: var(--acw-muted); margin-top: -.25rem; }
.lookup-row[b-nqrmb75gt4] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .2rem; align-items: center; }
.lookup-row[b-nqrmb75gt4]  .mud-input-control { margin: 0; }
/* /Components/Shared/AttachmentPanel.razor.rz.scp.css */
.att-panel[b-h6rak5t3zq] { display: grid; gap: .6rem; }
.att-toolbar[b-h6rak5t3zq] { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.att-pick[b-h6rak5t3zq] { display: inline-flex; align-items: center; gap: .35rem; cursor: pointer; padding: .4rem .9rem; border: 1px solid var(--acw-accent); color: var(--acw-accent); border-radius: 6px; font-weight: 600; }
.att-pick:hover[b-h6rak5t3zq] { background: var(--acw-accent-soft); }
.att-pick[b-h6rak5t3zq]  input[type=file] { display: none; }
.att-note[b-h6rak5t3zq] { color: var(--acw-muted); font-size: .85rem; }
.att-table[b-h6rak5t3zq] { height: auto; max-height: 300px; min-height: 120px; }
.att-pending td[b-h6rak5t3zq] { background: var(--acw-warning-soft); }
.att-size[b-h6rak5t3zq] { color: var(--acw-faint); font-size: .85rem; margin-left: .4rem; }
.att-actions[b-h6rak5t3zq] { width: 1%; white-space: nowrap; }
/* /Components/Shared/EtaxBox.razor.rz.scp.css */
.etax-box[b-blkkd6wznl] { border: 1px solid var(--acw-border-strong); border-radius: 8px; padding: .5rem .9rem .8rem; margin: .75rem 0 0; background: var(--acw-surface-2); }
.etax-box legend[b-blkkd6wznl] { font-weight: 700; color: var(--acw-accent); padding: 0 .4rem; font-size: .95rem; }
.etax-grid[b-blkkd6wznl] { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content minmax(0, 1fr); gap: .5rem .75rem; align-items: center; }
.etax-grid > label[b-blkkd6wznl] { text-align: right; font-weight: 600; color: var(--acw-label); white-space: nowrap; }
.etax-grid[b-blkkd6wznl]  .mud-input-control { margin: 0; }
.etax-inline[b-blkkd6wznl] { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.etax-inline[b-blkkd6wznl]  .mud-input-control { flex: 1 1 auto; min-width: 0; }
@media (max-width: 900px) { .etax-grid[b-blkkd6wznl] { grid-template-columns: max-content minmax(0, 1fr); } }
/* /Components/Shared/FormPicker.razor.rz.scp.css */
.fp[b-gx8ktb63fu] { position: relative; display: inline-block; }
.fp-field[b-gx8ktb63fu] { display: inline-flex; align-items: center; justify-content: space-between; gap: .6rem; min-width: 340px; max-width: 460px; height: 40px; padding: 0 .5rem 0 .75rem;
    background: var(--acw-input); color: var(--acw-text); border: 1px solid var(--acw-border-strong); border-radius: 4px; font: inherit; cursor: pointer; text-align: left; }
.fp-field:hover:not(:disabled)[b-gx8ktb63fu] { border-color: var(--acw-text-2); }
.fp-field.open[b-gx8ktb63fu] { border: 2px solid var(--acw-accent); padding: 0 calc(.5rem - 1px) 0 calc(.75rem - 1px); }
.fp-field:disabled[b-gx8ktb63fu] { opacity: .6; cursor: default; }
.fp-value[b-gx8ktb63fu] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.fp-backdrop[b-gx8ktb63fu] { position: fixed; inset: 0; z-index: 1300; }
.fp-pop[b-gx8ktb63fu] { position: absolute; left: 0; top: calc(100% + 4px); z-index: 1301; width: 780px; height: 540px; display: grid; grid-template-columns: 200px minmax(0, 1fr);
    background: var(--acw-surface); border: 1px solid var(--acw-border); border-radius: 8px; overflow: hidden; outline: none;
    box-shadow: 0 8px 28px rgba(16, 24, 40, .22), 0 1px 3px rgba(16, 24, 40, .12); }

/* หน้าตาเดียวกับเมนูซ้าย (Components/Layout/NavMenu.razor.css): ระบบซ้ายเป็นไอคอนสีประจำระบบ เอกสารขวาเรียงตามเลขเมนู */
.fp-groups[b-gx8ktb63fu] { background: var(--acw-surface-2); border-right: 1px solid var(--acw-border); padding: 8px 6px; overflow: auto; display: flex; flex-direction: column; gap: 2px; }
.fp-group[b-gx8ktb63fu] { display: flex; justify-content: flex-start; align-items: center; gap: 10px; width: 100%; padding: 6px 8px; border: 0; border-radius: 10px;
    background: transparent; font: inherit; font-size: .93rem; font-weight: 600; color: var(--acw-muted); cursor: pointer; text-align: left; }
.fp-group:hover[b-gx8ktb63fu] { background: var(--acw-hover); color: var(--acw-text-2); }
.fp-gi[b-gx8ktb63fu] { width: 34px; height: 30px; flex: none; display: grid; place-items: center; border-radius: 9px; background: var(--tone-bg); color: var(--tone); }
.fp-gi[b-gx8ktb63fu]  .mud-icon-root { font-size: 1.2rem; }
.fp-group.on[b-gx8ktb63fu] { background: var(--acw-surface); color: var(--acw-text); box-shadow: var(--acw-shadow-sm); }
.fp-group.on .fp-gi[b-gx8ktb63fu] { background: var(--tone); color: var(--acw-on-tone); }
.fp-gn[b-gx8ktb63fu] { min-width: 0; }

.fp-docs[b-gx8ktb63fu] { padding: 4px 12px 12px; overflow: auto; }
.fp-head[b-gx8ktb63fu] { display: flex; align-items: center; gap: 10px; margin: 6px 0 8px; padding: 6px 4px; border-bottom: 2px solid var(--tone); }
.fp-hi[b-gx8ktb63fu] { width: 30px; height: 30px; flex: none; display: grid; place-items: center; border-radius: 9px; background: var(--tone-bg); color: var(--tone); }
.fp-hi[b-gx8ktb63fu]  .mud-icon-root { font-size: 1.15rem; }
.fp-ht[b-gx8ktb63fu] { font-size: 1.05rem; font-weight: 700; color: var(--acw-text); }
.fp-doc[b-gx8ktb63fu] { position: relative; display: flex; justify-content: flex-start; align-items: baseline; gap: 8px; width: 100%; padding: 6px 8px; border: 0; border-radius: 7px;
    background: none; font: inherit; font-size: .95rem; line-height: 1.35; color: var(--acw-text-2); cursor: pointer; text-align: left; }
.fp-doc:hover[b-gx8ktb63fu] { background: var(--acw-accent-hover); color: var(--acw-accent-text); }
.fp-doc.on[b-gx8ktb63fu] { background: var(--acw-accent-soft); color: var(--acw-accent-text); font-weight: 600; }
/* เอกสารที่ลูกศรชี้อยู่ */
.fp-doc.kb[b-gx8ktb63fu] { box-shadow: inset 0 0 0 2px var(--acw-accent-border); }
.fp-doc.on[b-gx8ktb63fu]::before { content: ""; position: absolute; left: 0; top: 5px; bottom: 5px; width: 3px; border-radius: 2px; background: var(--acw-accent); }
.fp-no[b-gx8ktb63fu] { min-width: 26px; flex: none; text-align: right; font-size: .78rem; color: var(--acw-faint); font-variant-numeric: tabular-nums; }
.fp-dn[b-gx8ktb63fu] { min-width: 0; }
.fp-area[b-gx8ktb63fu] { margin-left: auto; padding-left: 8px; flex: none; font-size: .75rem; color: var(--acw-faint); font-weight: 400; }
/* /Components/Shared/LoadingOverlay.razor.rz.scp.css */
/* ต่ำกว่ากล่องข้อความ (MudDialog 1400) 1 ชั้น: ถ้าเปิดกล่องระหว่างที่หน้ายังรอ (เช่นกล่องรายการใบสั่งซื้อ) ชั้นนี้ต้องไม่ทับกล่อง
   ไม่งั้นคลิกปุ่มในกล่องไม่ได้ เมาส์เป็นวงกลมหมุน และดูเหมือนหน้าค้าง (bug-log 2026-10-19) ยังกันคลิกบนหน้าหลังกล่องได้เหมือนเดิม */
.loading-overlay[b-xp7oo1uxh8] { position: fixed; inset: 0; z-index: 1399; cursor: wait; background: transparent; }
.loading-bar[b-xp7oo1uxh8] { position: absolute; top: var(--mud-appbar-height, 64px); left: 0; right: 0; opacity: 0; animation: loading-show-b-xp7oo1uxh8 0s linear .15s forwards; }
@keyframes loading-show-b-xp7oo1uxh8 { to { opacity: 1; } }
/* /Components/Shared/MoneyBox.razor.rz.scp.css */
.money-box[b-p0xaminajy] { min-width: 0; }
.money-box[b-p0xaminajy]  .mud-input-control { margin: 0; }
.money-box[b-p0xaminajy]  input { text-align: right; font-variant-numeric: tabular-nums; }