/* /Components/Account/Pages/Login.razor.rz.scp.css */
/* Only the login form lives here. The backdrop, the glass card, the brand side and
   the white panel frame are shared with the public welcome page in css/auth-stage.css,
   and no product name or logo may be baked into this file (white-label installs). */
.login-intro[b-ouy4399jmm]{max-width:31rem;margin:.45rem auto 1.15rem;color:#71809e;font-size:.86rem;line-height:1.9;text-align:center}
.login-form[b-ouy4399jmm]{display:grid;gap:.8rem;text-align:start}
.login-field[b-ouy4399jmm]{display:grid;gap:.42rem}
.login-field .form-label[b-ouy4399jmm]{margin:0;color:#1c356a;font-size:.82rem;font-weight:800}
.login-input-wrap[b-ouy4399jmm]{position:relative;display:flex;align-items:stretch;direction:rtl}
.login-control[b-ouy4399jmm]{width:100%;min-height:3.2rem;padding:.72rem 3.05rem;border:1px solid #dce4f2;border-radius:.85rem;background:#fbfdff;color:#183365;outline:0;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
.login-control[b-ouy4399jmm]::placeholder{color:#9aa8c1}
.login-control:focus[b-ouy4399jmm]{border-color:var(--brand-primary,#5b7ff5);background:#fff;box-shadow:0 0 0 .22rem color-mix(in srgb,var(--brand-primary,#3965e8) 14%,transparent)}
.login-input-icon[b-ouy4399jmm],.password-toggle[b-ouy4399jmm]{position:absolute;inset-block:0;z-index:2;display:grid;width:3rem;place-items:center;color:#7688aa}
.login-input-icon[b-ouy4399jmm]{inset-inline-start:0}
.password-toggle[b-ouy4399jmm]{inset-inline-end:0;padding:0;border:0;background:transparent}
.login-input-icon svg[b-ouy4399jmm],.password-toggle svg[b-ouy4399jmm]{width:1.18rem;height:1.18rem}
.password-toggle:hover[b-ouy4399jmm]{color:var(--brand-primary,#315be0)}
.login-remember[b-ouy4399jmm]{display:flex;align-items:center;gap:.55rem;color:#65758f;font-size:.8rem}
.login-remember .form-check-input[b-ouy4399jmm]{float:none;margin:0;width:1.05rem;height:1.05rem}
.login-submit[b-ouy4399jmm]{display:flex;width:100%;min-height:3.25rem;align-items:center;justify-content:center;border:0;border-radius:.85rem;color:#fff;background:linear-gradient(100deg,var(--brand-primary,#173d9f) 0%,color-mix(in srgb,var(--brand-primary,#2459e6) 70%,#6a45ef) 100%);font-weight:850;box-shadow:0 .75rem 1.55rem rgba(44,83,199,.22);transition:transform .16s ease,box-shadow .16s ease}
.login-submit:hover[b-ouy4399jmm]{transform:translateY(-1px);box-shadow:0 .9rem 1.8rem rgba(44,83,199,.27)}
.login-footer[b-ouy4399jmm]{margin-top:1rem;padding-top:.85rem;border-top:1px solid #edf1f7;text-align:center}
.login-footer p[b-ouy4399jmm]{margin:0 0 .4rem;color:#72809a;font-size:.82rem}
.login-footer a[b-ouy4399jmm]{color:var(--brand-primary,#2459e6);font-weight:750;text-decoration:none}
.forgot-link[b-ouy4399jmm]{font-size:.78rem}
.login-otp-panel[b-ouy4399jmm]{margin-top:1rem!important;padding-top:1rem!important;border-top:1px solid #edf1f7!important;direction:rtl}
.login-otp-panel h5[b-ouy4399jmm]{color:#173567;font-size:.92rem;font-weight:850}
.login-otp-panel .small[b-ouy4399jmm]{font-size:.76rem!important}
.alert[b-ouy4399jmm]{border-radius:.8rem;font-size:.82rem;text-align:start}
.invalid-feedback[b-ouy4399jmm]{display:block;font-size:.72rem;margin-top:.2rem;color:#c9364b}
.login-control.is-invalid[b-ouy4399jmm]{border-color:#d86575}
.form-check-input:checked[b-ouy4399jmm]{background-color:var(--brand-primary,#2459e6);border-color:var(--brand-primary,#2459e6)}
/* /Components/Account/Shared/EmptyLayout.razor.rz.scp.css */
.empty-layout[b-jmn9grt922]{min-height:100dvh;width:100%;margin:-1.6rem 0 0;padding:0}
/* /Components/Layout/InvoiceKioskLayout.razor.rz.scp.css */
/* Kiosk shell for the retail and quick invoice surfaces.

   The whole viewport belongs to the invoice: no navigation chrome competes for
   space, so the item list gets the vertical room a cashier actually needs.
   Scrolling is owned by the page inside, not by the document, which keeps the
   invoice checkout bar anchored while the item list scrolls under it. */

.kiosk-shell[b-k97dqe2th8] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    background: #f7f8fc;
    color: #443866;
}

.kiosk-shell[b-k97dqe2th8]  > * {
    flex: 1 1 auto;
    min-height: 0;
}

/* Sits clear of the invoice's own controls. The invoice keeps its RTL reading
   order, so the way out lives on the opposite (left) edge where nothing of the
   cashier workflow is placed. */
.kiosk-exit[b-k97dqe2th8] {
    position: fixed;
    inset-block-end: 14px;
    inset-inline-start: 14px;
    z-index: 1040;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid #ded9eb;
    background: #fff;
    color: #6651a3;
    box-shadow: 0 6px 18px rgba(55, 45, 85, .14);
    opacity: .45;
    transition: opacity .15s ease, background-color .15s ease, color .15s ease;
}

.kiosk-exit:hover[b-k97dqe2th8],
.kiosk-exit:focus-visible[b-k97dqe2th8] {
    opacity: 1;
    background: #6651a3;
    color: #fff;
    outline: none;
}

.kiosk-exit svg[b-k97dqe2th8] {
    width: 18px;
    height: 18px;
}

@media print {
    .kiosk-exit[b-k97dqe2th8] { display: none !important; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-8cxv5y4m0p]{--sidebar-width:14.57rem;--header-height:4rem;min-height:100dvh;direction:rtl;background:#f4f6f9}
.sidebar[b-8cxv5y4m0p]{position:fixed;inset-block:0;inset-inline-start:0;z-index:220;display:flex;width:min(var(--sidebar-width),88vw);flex-direction:column;color:#fff;background:linear-gradient(165deg,#172438 0%,#1e3048 52%,#273c55 100%);border-inline-end:1px solid rgba(255,255,255,.08);box-shadow:-1rem 0 2.75rem rgba(15,23,42,.24);transform:translateX(105%);transition:transform 220ms ease}
.sidebar-open .sidebar[b-8cxv5y4m0p]{transform:translateX(0)}
.sidebar-pinned .sidebar[b-8cxv5y4m0p]{transform:translateX(0)}
.sidebar-header[b-8cxv5y4m0p]{display:flex;min-height:var(--header-height);align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .9rem;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(9,18,31,.18)}
.sidebar-title[b-8cxv5y4m0p]{color:#f8fafc;font-size:.94rem;font-weight:900;letter-spacing:-.01em}
.app-brand[b-8cxv5y4m0p]{display:flex;min-width:0;align-items:center;gap:.65rem;font-weight:700}.app-brand i[b-8cxv5y4m0p]{font-size:1.35rem;color:#5eead4}
.menu-toggle-button[b-8cxv5y4m0p]{display:inline-flex;width:2.85rem;height:2.85rem;flex:0 0 auto;align-items:center;justify-content:center;padding:0;border-radius:.82rem;transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}
.layout-icon[b-8cxv5y4m0p]{display:block;width:1.25rem;height:1.25rem}
.sidebar-header-actions[b-8cxv5y4m0p]{display:flex;flex:0 0 auto;align-items:center;gap:.4rem}
.sidebar-pin-button[b-8cxv5y4m0p]{display:inline-flex;width:2.85rem;height:2.85rem;flex:0 0 auto;align-items:center;justify-content:center;padding:0;border-radius:.82rem;border:1px solid rgba(255,255,255,.1);color:#e9eff6;background:rgba(255,255,255,.07);transition:color 160ms ease,background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
.sidebar-pin-button:hover[b-8cxv5y4m0p],.sidebar-pin-button:focus-visible[b-8cxv5y4m0p]{border-color:rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.15);outline:none}
.sidebar-pin-button.is-pinned[b-8cxv5y4m0p]{border-color:#5eead4;color:#5eead4;background:rgba(94,234,212,.16)}
.sidebar-context[b-8cxv5y4m0p]{display:grid;gap:.35rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.78);font-size:.8rem}.sidebar-context span[b-8cxv5y4m0p]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-body[b-8cxv5y4m0p]{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.main-container[b-8cxv5y4m0p]{display:flex;min-width:0;min-height:100dvh;flex-direction:column;transition:margin-inline-start 220ms ease}
.top-header[b-8cxv5y4m0p]{position:sticky;inset-block-start:0;z-index:120;display:flex;min-height:var(--header-height);align-items:center;gap:.75rem;padding-inline:clamp(.75rem,2vw,1.5rem);border-bottom:1px solid #e3e7ee;background:rgba(255,255,255,.96);box-shadow:0 .2rem .8rem rgba(30,41,59,.045);backdrop-filter:blur(.65rem)}
.menu-toggle-button[b-8cxv5y4m0p]{border:1px solid #ddd9e9;color:#564879;background:linear-gradient(145deg,#f8f7fc,#eeeaf6);box-shadow:0 .32rem .8rem rgba(61,50,91,.1)}.menu-toggle-button:hover[b-8cxv5y4m0p],.menu-toggle-button:focus-visible[b-8cxv5y4m0p]{border-color:#7b6ca2;color:#fff;background:linear-gradient(145deg,#6d62a4,#554477);box-shadow:0 .5rem 1rem rgba(85,68,119,.2);outline:none;transform:translateY(-1px)}
.menu-toggle-button.is-pinned[b-8cxv5y4m0p]{border-color:#59497f;color:#fff;background:linear-gradient(145deg,#6f65aa,#554477);box-shadow:0 .48rem 1rem rgba(85,68,119,.24),0 0 0 .2rem rgba(90,75,134,.09)}
.hamburger-glyph[b-8cxv5y4m0p]{display:flex;width:1.35rem;height:1rem;flex-direction:column;align-items:flex-end;justify-content:space-between}.hamburger-glyph span[b-8cxv5y4m0p]{display:block;width:100%;height:2px;border-radius:999px;background:currentColor;transition:width 180ms ease,transform 180ms ease}.hamburger-glyph span:nth-child(2)[b-8cxv5y4m0p]{width:.78rem}.menu-toggle-button:hover .hamburger-glyph span:nth-child(2)[b-8cxv5y4m0p],.menu-toggle-button:focus-visible .hamburger-glyph span:nth-child(2)[b-8cxv5y4m0p],.menu-toggle-button.is-pinned .hamburger-glyph span:nth-child(2)[b-8cxv5y4m0p]{width:100%}
.header-context[b-8cxv5y4m0p]{display:flex;min-width:0;flex:1;align-items:center;gap:.7rem}.header-app-brand[b-8cxv5y4m0p]{display:grid;flex:0 0 auto;gap:.02rem;line-height:1.15}.header-title[b-8cxv5y4m0p]{color:#17263a;font-size:.92rem;font-weight:900}.header-logo[b-8cxv5y4m0p]{display:block;height:1.7rem;width:auto;max-width:11rem;object-fit:contain}.header-subtitle[b-8cxv5y4m0p]{color:#7a8493;font-size:.62rem;font-weight:650}
.header-clock[b-8cxv5y4m0p]{display:flex;min-width:0;max-width:min(31rem,42vw);flex:0 1 auto;flex-direction:column;align-items:flex-start;gap:.12rem;padding:.3rem .7rem;border:1px solid #e6e9ef;border-radius:.7rem;background:#f8f9fb;line-height:1.25}.header-clock-date-row[b-8cxv5y4m0p],.header-clock-detail-row[b-8cxv5y4m0p]{display:flex;min-width:0;width:100%;align-items:center;gap:.42rem}.header-clock-date[b-8cxv5y4m0p]{color:#514478;font-size:.72rem;font-weight:750;white-space:nowrap}.header-clock-time[b-8cxv5y4m0p]{flex:0 0 auto;color:#17263a;font-size:.8rem;font-weight:800;letter-spacing:.03em}.header-day-status[b-8cxv5y4m0p]{display:inline-flex;flex:0 0 auto;align-items:center;padding:.08rem .35rem;border-radius:999px;font-size:.61rem;font-weight:850;white-space:nowrap}.header-day-status.is-workday[b-8cxv5y4m0p]{color:#10743f;background:#e8f7ee;border:1px solid #c8ead5}.header-day-status.is-holiday[b-8cxv5y4m0p]{color:#b42318;background:#fdf0ef;border:1px solid #f5d0cc}.header-calendar-event[b-8cxv5y4m0p]{min-width:0;overflow:hidden;color:#7a5b12;font-size:.65rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:767.98px){.header-clock[b-8cxv5y4m0p]{display:none}}
.book-badge[b-8cxv5y4m0p]{display:inline-flex;max-width:min(20rem,40vw);align-items:center;gap:.4rem;overflow:hidden;padding:.38rem .68rem;border-radius:50rem;color:#514478;background:#f0edf7;font-size:.76rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.book-badge svg[b-8cxv5y4m0p]{width:.95rem;height:.95rem;flex:0 0 auto}
.page-content[b-8cxv5y4m0p]{min-width:0;flex:1;padding:clamp(.75rem,2vw,1.5rem);overflow-x:hidden}
.main-body[b-8cxv5y4m0p]{display:flex;min-width:0;min-height:0;flex:1;flex-direction:column;transition:margin-inline-start 220ms ease}
.user-menu[b-8cxv5y4m0p]{position:relative;margin-inline-start:auto}
.user-menu-trigger[b-8cxv5y4m0p]{display:inline-flex;max-width:18rem;min-height:2.35rem;align-items:center;gap:.5rem;overflow:hidden;padding:.3rem .6rem;border:1px solid #e6e9ef;border-radius:999px;color:#39445a;background:#f8f9fb;font-size:.78rem;font-weight:750;cursor:pointer;transition:border-color 160ms ease,background-color 160ms ease}
.user-menu-trigger:hover[b-8cxv5y4m0p],.user-menu-trigger:focus-visible[b-8cxv5y4m0p],.user-menu-trigger[aria-expanded="true"][b-8cxv5y4m0p]{border-color:#c7bfe6;background:#f0edf7;outline:none}
.user-avatar[b-8cxv5y4m0p]{display:inline-flex;flex:0 0 auto;width:1.7rem;height:1.7rem;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(145deg,#6d62a4,#554477);color:#fff;font-size:.78rem;font-weight:800}
.user-avatar-lg[b-8cxv5y4m0p]{width:2.5rem;height:2.5rem;font-size:1rem}
.user-menu-name[b-8cxv5y4m0p]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-menu-caret[b-8cxv5y4m0p]{width:.85rem;height:.85rem;flex:0 0 auto;color:#8a92a6;transition:transform 160ms ease}
.user-menu-trigger[aria-expanded="true"] .user-menu-caret[b-8cxv5y4m0p]{transform:rotate(180deg)}
.user-menu-backdrop[b-8cxv5y4m0p]{position:fixed;inset:0;z-index:180;display:none;padding:0;border:0;background:transparent}
.user-menu-backdrop.is-open[b-8cxv5y4m0p]{display:block}
.user-menu-panel[b-8cxv5y4m0p]{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + .5rem);z-index:190;display:none;width:min(18rem,80vw);overflow:hidden;border:1px solid #e6e9ef;border-radius:.9rem;background:#fff;box-shadow:0 1rem 2.5rem rgba(30,41,59,.16)}
.user-menu-panel.is-open[b-8cxv5y4m0p]{display:block}
.user-menu-header[b-8cxv5y4m0p]{display:flex;align-items:center;gap:.6rem;padding:.85rem .9rem}
.user-menu-header-text[b-8cxv5y4m0p]{display:grid;min-width:0;gap:.15rem}.user-menu-header-text strong[b-8cxv5y4m0p]{overflow:hidden;color:#1f2937;font-size:.86rem;text-overflow:ellipsis;white-space:nowrap}.user-menu-header-text small[b-8cxv5y4m0p]{color:#8a92a6;font-size:.72rem}
.user-menu-divider[b-8cxv5y4m0p]{height:1px;margin:0;background:#eef0f4}
.user-menu-item[b-8cxv5y4m0p]{display:flex;align-items:center;gap:.55rem;width:100%;padding:.65rem .9rem;border:0;color:#39445a;background:transparent;font-size:.82rem;font-weight:650;text-align:start;text-decoration:none;cursor:pointer;transition:background-color 140ms ease}
.user-menu-item svg[b-8cxv5y4m0p]{width:1.05rem;height:1.05rem;flex:0 0 auto;color:#8a92a6}
.user-menu-item:hover[b-8cxv5y4m0p],.user-menu-item:focus-visible[b-8cxv5y4m0p]{background:#f5f4fb;outline:none}
.user-menu-item-danger[b-8cxv5y4m0p]{color:#b42318}.user-menu-item-danger svg[b-8cxv5y4m0p]{color:#e0463a}.user-menu-item-danger:hover[b-8cxv5y4m0p]{background:#fdf1f0}
.user-menu-logout-form[b-8cxv5y4m0p]{display:block}
.sidebar-backdrop[b-8cxv5y4m0p]{position:fixed;inset:0;z-index:210;display:none;width:100%;height:100%;padding:0;border:0;background:rgba(15,23,42,.48)}.sidebar-open .sidebar-backdrop[b-8cxv5y4m0p]{display:block}
.sidebar-edge-trigger[b-8cxv5y4m0p]{display:none}
#blazor-error-ui[b-8cxv5y4m0p]{position:fixed;inset-inline:0;inset-block-end:0;z-index:2000;display:none;padding:.6rem 1.25rem;background:#fff3cd;box-shadow:0 -1px 2px rgba(0,0,0,.2)}
@media (min-width:992px){.sidebar-backdrop[b-8cxv5y4m0p]{display:none!important}.sidebar-pinned .main-container[b-8cxv5y4m0p]{margin-inline-start:var(--sidebar-width)}.sidebar-pinned .main-body[b-8cxv5y4m0p]{margin-inline-start:0}}
@media (hover:hover) and (pointer:fine){.sidebar-edge-trigger[b-8cxv5y4m0p]{position:fixed;inset-block:0;inset-inline-start:0;z-index:100;display:block;width:.9rem;padding:0;border:0;background:transparent}.sidebar-open .sidebar-edge-trigger[b-8cxv5y4m0p],.sidebar-pinned .sidebar-edge-trigger[b-8cxv5y4m0p]{pointer-events:none}}
@media (max-width:991.98px){.sidebar-pinned:not(.sidebar-open) .sidebar[b-8cxv5y4m0p]{transform:translateX(105%)}.sidebar-pinned .main-container[b-8cxv5y4m0p],.sidebar-pinned .main-body[b-8cxv5y4m0p]{margin-inline-start:0}}
@media (max-width:767.98px){.app-shell[b-8cxv5y4m0p]{--header-height:3.65rem}.user-menu-name[b-8cxv5y4m0p],.header-subtitle[b-8cxv5y4m0p]{display:none}.header-title[b-8cxv5y4m0p]{font-size:.84rem}.header-logo[b-8cxv5y4m0p]{height:1.45rem;max-width:8.5rem}}

/* ---- هدر روی موبایل -------------------------------------------------------
   این قواعد عمداً اینجا هستند و نه در بلوک <style> داخل MainLayout.razor.
   آن بلوک سلکتورهای بدون scope می‌نویسد (مثل .header-app-brand) در حالی که
   همین فایل نسخه scope‌دار (.header-app-brand[b-xxxx]) را می‌سازد. صفت، یک
   درجه به specificity اضافه می‌کند و media query هیچ اضافه نمی‌کند، پس قاعده
   بدون scope همیشه می‌بازد و آنچه آنجا برای موبایل بنویسید بی‌اثر است.

   آنچه روی گوشی می‌ماند: همبرگر، نام شرکت، تاریخ، کاربر.

   نام شرکت فقط یک برچسب نیست: buildStamp.js همان را به دکمه‌ای تبدیل می‌کند که
   شرکت، شعبه و دفتر را نشان می‌دهد و اجازه تعویض می‌دهد، و چیپ دفتر را خودش
   پنهان می‌کند. پس این چیپ روی موبایل باید بماند — تنها راه عوض کردن محدوده
   کاری از روی گوشی است. */
@media (max-width:767.98px){
    /* لوگو روی گوشی جا ندارد و چیزی هم نمی‌گوید که کاربر نداند. */
    .header-app-brand[b-8cxv5y4m0p]{display:none}

    /* چیپ دفتر را buildStamp.js پنهان می‌کند؛ اگر آن اجرا نشده باشد اینجا هم
       پنهان می‌ماند تا دو چیپ که به یک صفحه می‌روند جای هم را تنگ نکنند. */
    .book-badge[b-8cxv5y4m0p]{display:none}

    /* نام شرکت هرچه ماند را می‌گیرد. */
    .tenant-context[b-8cxv5y4m0p]{min-width:6rem;max-width:none;flex:1 1 auto}

    /* هدف لمسی: ۲.۳۵rem حدود ۳۸ پیکسل بود، کمتر از حداقل ۴۴ پیکسل. */
    .user-menu-trigger[b-8cxv5y4m0p]{min-height:2.75rem;padding-inline:.4rem}
}
@media (prefers-reduced-motion:reduce){.sidebar[b-8cxv5y4m0p],.menu-toggle-button[b-8cxv5y4m0p],.hamburger-glyph span[b-8cxv5y4m0p]{transition:none}}
.tenant-context[b-8cxv5y4m0p]{font-size:.78rem;color:#475467;background:#f2f4f7;border:1px solid #eaecf0;border-radius:999px;padding:.35rem .65rem;white-space:nowrap;max-width:32rem;overflow:hidden;text-overflow:ellipsis}@media(max-width:767.98px){.tenant-context[b-8cxv5y4m0p]{max-width:11rem}.header-subtitle[b-8cxv5y4m0p]{display:none}}

/* Quick Invoice is an ordinary page. Its only menu difference is that entering it unpins the
   sidebar (MainLayout.UnpinSidebarForQuickInvoice), so no `sidebar-pinned` compensation is
   needed: the sidebar is never pinned on this screen. The `sidebar-open` case stays, because
   hovering the edge still opens the menu over the cashier surface and the page must not slide
   sideways underneath it.

   The shell-escape rules below live here rather than in a global stylesheet because
   .app-shell, .main-container, .main-body and .page-content are all this layout's own
   elements, so Blazor's scope attribute matches them. Only the <body> rule itself cannot be
   scoped, and that is all wwwroot/css/quick-invoice-shell.css still contains. Rules for the
   screen's own .quick-* elements belong in QuickInvoice.razor.css, not here. */
body.quick-invoice-active .app-shell.sidebar-open .main-container[b-8cxv5y4m0p]{margin-inline-start:0}

body.quick-invoice-active .app-shell[b-8cxv5y4m0p],
body.quick-invoice-active .main-container[b-8cxv5y4m0p],
body.quick-invoice-active .main-body[b-8cxv5y4m0p],
body.quick-invoice-active .page-content[b-8cxv5y4m0p],
body.quick-invoice-active .page-content > div[b-8cxv5y4m0p]{height:auto;max-height:none;overflow-y:visible}

body.quick-invoice-active .main-container[b-8cxv5y4m0p],
body.quick-invoice-active .main-body[b-8cxv5y4m0p],
body.quick-invoice-active .page-content[b-8cxv5y4m0p]{min-height:0}

body.quick-invoice-active .page-content[b-8cxv5y4m0p]{padding:.45rem;overflow-x:visible}
@media(max-width:900px){body.quick-invoice-active .page-content[b-8cxv5y4m0p]{padding:.25rem}}

/* جستجوی منو و آیکن آیتم‌ها.
   آیکن‌ها از قبل به کامپوننت‌ها پاس داده می‌شدند ولی هیچ‌وقت رندر نمی‌شدند؛ حالا که
   رندر می‌شوند، به اندازه و فاصله ثابت نیاز دارند تا متن‌ها هم‌تراز بمانند. */
.menu-search[b-8cxv5y4m0p]{position:relative;display:flex;align-items:center;gap:.45rem;margin:.55rem .6rem .35rem;padding:0 .6rem;border:1px solid #ddd9e9;border-radius:.6rem;background:#fbfaff}
.menu-search>.bi-search[b-8cxv5y4m0p]{flex:0 0 auto;color:#8b83ab;font-size:.85rem}
.menu-search-input[b-8cxv5y4m0p]{min-height:2.4rem;flex:1 1 auto;min-width:0;border:0;background:transparent;color:#3b3357;font-family:inherit;font-size:.82rem;outline:none}
.menu-search-input[b-8cxv5y4m0p]::placeholder{color:#9a93b5}
.menu-search-input[b-8cxv5y4m0p]::-webkit-search-cancel-button{display:none}
.menu-search-clear[b-8cxv5y4m0p]{flex:0 0 auto;width:1.5rem;height:1.5rem;padding:0;border:0;border-radius:.4rem;background:#efecf7;color:#6a6090;font-size:1rem;line-height:1;cursor:pointer}
.menu-search-clear:hover[b-8cxv5y4m0p]{background:#e3def2;color:#4a4270}
.nav-icon[b-8cxv5y4m0p]{flex:0 0 auto;width:1.15rem;font-size:.95rem;text-align:center;opacity:.85}
.nav-link .nav-text[b-8cxv5y4m0p]{min-width:0;overflow:hidden;text-overflow:ellipsis}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-menu[b-r2i4fsjiai] {
    display: flex;
    min-height: 100%;
    flex-direction: column;
}

.sidebar-menu[b-r2i4fsjiai] {
    flex: 1;
    padding: .7rem .65rem 1rem;
}

.sidebar-footer[b-r2i4fsjiai] {
    padding: .75rem;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.version-info[b-r2i4fsjiai] {
    margin-bottom: .65rem;
    color: rgba(255, 255, 255, .55);
    font-size: .75rem;
    text-align: center;
}

[b-r2i4fsjiai] .nav-item {
    margin-block: .1rem;
}

[b-r2i4fsjiai] .nav-link,
[b-r2i4fsjiai] .menu-parent {
    display: flex;
    width: 100%;
    min-height: 2.6rem;
    align-items: center;
    gap: .55rem;
    padding: .55rem .72rem;
    border: 0;
    border-radius: .58rem;
    color: #cbd5e1;
    background: transparent;
    text-align: start;
    text-decoration: none;
    cursor: pointer;
    transition: color 160ms ease, background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

[b-r2i4fsjiai] .nav-link:hover,
[b-r2i4fsjiai] .nav-link:focus-visible,
[b-r2i4fsjiai] .menu-parent:hover,
[b-r2i4fsjiai] .menu-parent:focus-visible {
    color: #fff;
    background: rgba(255, 255, 255, .1);
    outline: none;
}

[b-r2i4fsjiai] .nav-text {
    min-width: 0;
    flex: 1;
    display: -webkit-box;
    overflow: hidden;
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

/* Keep icons/arrows aligned with the first visual row while long Persian labels may use a second row. */
[b-r2i4fsjiai] .nav-icon,
[b-r2i4fsjiai] .menu-arrow {
    align-self: flex-start;
    margin-top: .18rem;
}

/* Each branch owns a small colour system: strong parent, muted children and a shared tree rail. */
[b-r2i4fsjiai] .has-submenu {
    --menu-accent: #60a5fa;
    --menu-child: #a9bfd7;
    --menu-rail: rgba(96, 165, 250, .3);
    --menu-soft: rgba(96, 165, 250, .11);
    overflow: visible;
    margin-block: .18rem;
    border: 0;
    border-radius: .65rem;
    background: transparent;
}

[b-r2i4fsjiai] .has-submenu.accent-teal {
    --menu-accent: #2dd4bf;
    --menu-child: #a5c9c4;
    --menu-rail: rgba(45, 212, 191, .28);
    --menu-soft: rgba(45, 212, 191, .1);
}

[b-r2i4fsjiai] .has-submenu.accent-amber {
    --menu-accent: #fbbf24;
    --menu-child: #d5c69d;
    --menu-rail: rgba(251, 191, 36, .28);
    --menu-soft: rgba(251, 191, 36, .1);
}

[b-r2i4fsjiai] .has-submenu.accent-orange {
    --menu-accent: #fb923c;
    --menu-child: #d8b79c;
    --menu-rail: rgba(251, 146, 60, .28);
    --menu-soft: rgba(251, 146, 60, .1);
}

[b-r2i4fsjiai] .has-submenu.accent-rose {
    --menu-accent: #fb7185;
    --menu-child: #d7aab1;
    --menu-rail: rgba(251, 113, 133, .28);
    --menu-soft: rgba(251, 113, 133, .1);
}

[b-r2i4fsjiai] .has-submenu.accent-violet {
    --menu-accent: #a78bfa;
    --menu-child: #c1b6dc;
    --menu-rail: rgba(167, 139, 250, .3);
    --menu-soft: rgba(167, 139, 250, .11);
}

[b-r2i4fsjiai] .has-submenu.accent-emerald {
    --menu-accent: #34d399;
    --menu-child: #a8cfbf;
    --menu-rail: rgba(52, 211, 153, .28);
    --menu-soft: rgba(52, 211, 153, .1);
}

[b-r2i4fsjiai] .has-submenu.accent-cyan {
    --menu-accent: #22d3ee;
    --menu-child: #a3cbd2;
    --menu-rail: rgba(34, 211, 238, .28);
    --menu-soft: rgba(34, 211, 238, .1);
}

[b-r2i4fsjiai] .has-submenu.accent-slate {
    --menu-accent: #cbd5e1;
    --menu-child: #aab6c4;
    --menu-rail: rgba(203, 213, 225, .24);
    --menu-soft: rgba(203, 213, 225, .08);
}

[b-r2i4fsjiai] .has-submenu > .menu-parent {
    min-height: 2.75rem;
    padding: .58rem .68rem;
    border-inline-start: .18rem solid transparent;
    border-radius: .58rem;
    color: var(--menu-accent);
    background: transparent;
}

[b-r2i4fsjiai] .has-submenu > .menu-parent .nav-text {
    color: var(--menu-accent);
    font-size: .96rem;
    font-weight: 900;
}

[b-r2i4fsjiai] .menu-arrow {
    display: inline-grid;
    width: 1.4rem;
    height: 1.4rem;
    flex: 0 0 1.4rem;
    place-items: center;
    color: var(--menu-accent);
    background: transparent;
    font-size: .62rem;
    opacity: .78;
    transition: color 180ms ease, opacity 180ms ease, transform 180ms ease;
}

[b-r2i4fsjiai] .has-submenu > .menu-parent:hover,
[b-r2i4fsjiai] .has-submenu > .menu-parent:focus-visible {
    border-inline-start-color: var(--menu-accent);
    color: var(--menu-accent);
    background: var(--menu-soft);
}

[b-r2i4fsjiai] .has-submenu.expanded {
    padding-block-end: .2rem;
}

[b-r2i4fsjiai] .has-submenu.expanded > .menu-parent {
    border-inline-start-color: var(--menu-accent);
    color: var(--menu-accent);
    background: var(--menu-soft);
}

[b-r2i4fsjiai] .has-submenu.expanded > .menu-parent .menu-arrow {
    color: var(--menu-accent);
    opacity: 1;
}

/* Indentation and connector rails expose the hierarchy without decorative icons. */
[b-r2i4fsjiai] .sub-menu {
    position: relative;
    display: none;
    margin: .02rem .8rem .18rem .3rem;
    padding: .1rem .78rem .08rem 0;
    border-inline-start: 1px solid var(--menu-rail);
}

[b-r2i4fsjiai] .sub-menu.show {
    display: block;
}

[b-r2i4fsjiai] .sub-nav-item {
    position: relative;
    margin-block: .02rem;
}

[b-r2i4fsjiai] .sub-nav-item::before {
    position: absolute;
    inset-block-start: 1.08rem;
    inset-inline-start: -.79rem;
    width: .55rem;
    height: 1px;
    background: var(--menu-rail);
    content: "";
}

[b-r2i4fsjiai] .sub-nav-item .nav-link {
    min-height: 2.2rem;
    padding: .4rem .58rem;
    border: 1px solid transparent;
    border-radius: .48rem;
    color: var(--menu-child);
    background: transparent;
}

[b-r2i4fsjiai] .sub-nav-item .nav-text {
    color: var(--menu-child);
    font-size: .84rem;
    font-weight: 600;
}

[b-r2i4fsjiai] .sub-nav-item .nav-link:hover,
[b-r2i4fsjiai] .sub-nav-item .nav-link:focus-visible {
    border-color: var(--menu-rail);
    color: #fff;
    background: var(--menu-soft);
    transform: translateX(-.08rem);
}

[b-r2i4fsjiai] .sub-nav-item .nav-link:hover .nav-text,
[b-r2i4fsjiai] .sub-nav-item .nav-link:focus-visible .nav-text {
    color: #fff;
}

[b-r2i4fsjiai] .sub-nav-item .nav-link.active {
    border-color: var(--menu-rail);
    color: var(--menu-accent);
    background: var(--menu-soft);
    box-shadow: inset -.18rem 0 var(--menu-accent);
}

[b-r2i4fsjiai] .sub-nav-item .nav-link.active .nav-text {
    color: var(--menu-accent);
    font-weight: 800;
}

[b-r2i4fsjiai] .nav-item:not(.has-submenu) > .nav-link.active {
    color: #fff;
    background: linear-gradient(135deg, #7654ff, #5e40d8);
    box-shadow: 0 .4rem 1rem rgba(96, 64, 216, .23);
}

[b-r2i4fsjiai] .badge {
    margin-inline-start: auto;
}

[b-r2i4fsjiai] .nav-section-header {
    padding: .8rem .75rem .35rem;
    color: #94a3b8;
    font-size: .72rem;
}

@media (prefers-reduced-motion: reduce) {
    [b-r2i4fsjiai] .nav-link,
    [b-r2i4fsjiai] .menu-parent,
    [b-r2i4fsjiai] .menu-arrow,
    [b-r2i4fsjiai] .has-submenu {
        transition: none;
    }
}
/* /Components/Layout/QuickAccessBar.razor.rz.scp.css */
.quick-access[b-bighb6kio7]{position:relative;inset:auto;z-index:auto;display:flex;align-items:stretch;gap:.35rem;padding:.45rem clamp(.75rem,2vw,1.5rem);border-bottom:1px solid #e7eaf0;background:#f8fafc}
.quick-access-scroll[b-bighb6kio7]{display:flex;min-width:0;flex:1;gap:.42rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;align-items:center;border:1px dashed transparent;border-radius:.75rem;transition:.15s ease}
.quick-access-item[b-bighb6kio7],.quick-access-settings[b-bighb6kio7]{display:inline-flex;min-height:2.35rem;flex:0 0 auto;align-items:center;justify-content:center;gap:.38rem;padding:.35rem .72rem;border:1px solid #dfe4ea;border-radius:.7rem;color:#344054;background:#fff;font-size:.77rem;font-weight:800;white-space:nowrap;transition:.15s ease}
.quick-access-item:hover[b-bighb6kio7],.quick-access-settings:hover[b-bighb6kio7]{transform:translateY(-1px);box-shadow:0 .25rem .7rem rgba(15,23,42,.1)}
.quick-access-item.blue[b-bighb6kio7]{border-color:#bfdbfe;color:#1d4ed8;background:#eff6ff}.quick-access-item.green[b-bighb6kio7]{border-color:#bbf7d0;color:#15803d;background:#f0fdf4}.quick-access-item.violet[b-bighb6kio7]{border-color:#ddd6fe;color:#6d28d9;background:#f5f3ff}.quick-access-item.orange[b-bighb6kio7]{border-color:#fed7aa;color:#c2410c;background:#fff7ed}.quick-access-item.cyan[b-bighb6kio7]{border-color:#a5f3fc;color:#0e7490;background:#ecfeff}.quick-access-item.rose[b-bighb6kio7]{border-color:#fecdd3;color:#be123c;background:#fff1f2}.quick-access-item.navy[b-bighb6kio7]{border-color:#cbd5e1;color:#334155;background:#f8fafc}.quick-access-item.gray[b-bighb6kio7]{border-color:#d1d5db;color:#475569;background:#f8fafc}
.quick-access-settings[b-bighb6kio7]{width:2.5rem;padding:0;font-size:1rem}.quick-access-settings.active[b-bighb6kio7]{box-shadow:0 0 0 .16rem rgba(59,130,246,.16)}
.quick-access.is-editing .quick-access-scroll[b-bighb6kio7]{padding:.2rem}.quick-access-drop-active[b-bighb6kio7]{border-color:#60a5fa!important;background:#eff6ff!important}.quick-access-drop-hint[b-bighb6kio7]{display:inline-flex;min-height:2.35rem;align-items:center;padding:0 .75rem;border:1px dashed #93c5fd;border-radius:.7rem;color:#2563eb;background:#eff6ff;font-size:.76rem;font-weight:800;white-space:nowrap}
.quick-access-editor[b-bighb6kio7]{position:fixed;inset-block-start:1rem;inset-inline-end:1rem;z-index:1500;width:min(27rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow-y:auto;padding:1rem;direction:rtl}
.quick-access-editor-help[b-bighb6kio7]{margin-bottom:.8rem;padding:.65rem .75rem;border-radius:.65rem;background:#eff6ff;color:#1e40af;font-size:.78rem;line-height:1.8}
.quick-access-options[b-bighb6kio7]{display:grid;grid-template-columns:1fr;gap:.55rem;margin-bottom:.75rem}.quick-access-selected-row[b-bighb6kio7]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .6rem;border-radius:.55rem;background:#f8fafc;font-size:.82rem;font-weight:700}
:global(.quick-access-draggable)[b-bighb6kio7]{cursor:grab!important}:global(.quick-access-dragging)[b-bighb6kio7]{opacity:.55!important}
@media(max-width:575.98px){.quick-access[b-bighb6kio7]{padding:.35rem .5rem}.quick-access-item[b-bighb6kio7]{min-height:2.2rem;padding:.3rem .55rem;font-size:.72rem}.quick-access-editor[b-bighb6kio7]{inset-block-start:.5rem;inset-inline:.5rem;width:auto;max-height:calc(100dvh - 1rem)}.quick-access-drop-hint[b-bighb6kio7]{font-size:.7rem}}
/* /Components/Layout/StoreUpperMenuBlock.razor.rz.scp.css */
.store-topbar-container[b-7w3ll072p6] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 18px;
}

.store-business-entry[b-7w3ll072p6] {
    display: flex;
    justify-content: center;
}

.store-business-cta[b-7w3ll072p6] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    padding: 5px 12px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, rgba(116,95,202,.95), rgba(76,61,151,.96));
    box-shadow: 0 6px 18px rgba(49,39,105,.18);
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.store-business-cta:hover[b-7w3ll072p6],
.store-business-cta:focus-visible[b-7w3ll072p6] {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 9px 22px rgba(49,39,105,.26);
}

.store-business-icon[b-7w3ll072p6] {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 9px;
    background: rgba(255,255,255,.15);
}

.store-business-copy[b-7w3ll072p6] {
    display: grid;
    gap: 1px;
    line-height: 1.2;
    white-space: nowrap;
}

.store-business-copy small[b-7w3ll072p6] {
    font-size: .62rem;
    opacity: .8;
}

.store-business-copy strong[b-7w3ll072p6] {
    font-size: .76rem;
    font-weight: 850;
}

.store-business-arrow[b-7w3ll072p6] {
    margin-right: 2px;
    font-size: .9rem;
    opacity: .88;
}

@media (max-width: 992px) {
    .store-topbar-container[b-7w3ll072p6] {
        grid-template-columns: 1fr auto;
    }

    .top-bar-info[b-7w3ll072p6] {
        display: none !important;
    }

    .store-business-entry[b-7w3ll072p6] {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .store-topbar-container[b-7w3ll072p6] {
        display: flex;
        justify-content: space-between;
        gap: 8px;
    }

    .store-business-cta[b-7w3ll072p6] {
        min-height: 34px;
        padding: 4px 9px;
        border-radius: 10px;
    }

    .store-business-icon[b-7w3ll072p6] {
        width: 26px;
        height: 26px;
    }

    .store-business-copy small[b-7w3ll072p6],
    .store-business-arrow[b-7w3ll072p6] {
        display: none;
    }

    .store-business-copy strong[b-7w3ll072p6] {
        font-size: .69rem;
    }

    .top-bar-links[b-7w3ll072p6] {
        gap: 8px !important;
    }

    .top-bar-links > a:not(:last-of-type)[b-7w3ll072p6] {
        display: none !important;
    }
}

@media (max-width: 420px) {
    .store-business-copy strong[b-7w3ll072p6] {
        font-size: .64rem;
    }

    .store-business-cta[b-7w3ll072p6] {
        gap: 6px;
        padding-inline: 7px;
    }
}
/* /Components/Layout/SubMenuItem.razor.rz.scp.css */
.sub-nav-button[b-7kc651uo9s] {
    display: flex;
    width: 100%;
    align-items: center;
    gap: .55rem;
    border: 1px solid transparent;
    border-radius: .48rem;
    margin: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.sub-nav-button:focus-visible[b-7kc651uo9s] {
    outline: none;
}
/* /Components/Layout/Tabs/TabBar.razor.rz.scp.css */
.workspace-tab-bar[b-rrx3xkk9pd]{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:.5rem .6rem;margin-bottom:.85rem;border:1px solid #e3e7ee;border-radius:.85rem;background:#fff;box-shadow:0 .2rem .6rem rgba(30,41,59,.045)}
.workspace-tab[b-rrx3xkk9pd]{display:flex;align-items:stretch;overflow:hidden;border:1px solid #e6e2f0;border-radius:.65rem;background:#f8f7fc;transition:border-color 140ms ease,background-color 140ms ease}
.workspace-tab.is-active[b-rrx3xkk9pd]{border-color:#7b6ca2;background:linear-gradient(145deg,#6d62a4,#554477)}
.workspace-tab.is-active .workspace-tab-open[b-rrx3xkk9pd]{color:#fff}
.workspace-tab.is-active .workspace-tab-close[b-rrx3xkk9pd]{color:rgba(255,255,255,.85)}
.workspace-tab-open[b-rrx3xkk9pd]{display:flex;align-items:center;gap:.4rem;padding:.42rem .7rem;border:0;background:transparent;color:#564879;font-size:.82rem;font-weight:650;white-space:nowrap;cursor:pointer}
.workspace-tab-close[b-rrx3xkk9pd]{display:flex;align-items:center;justify-content:center;width:1.9rem;border:0;border-inline-start:1px solid rgba(0,0,0,.06);background:transparent;color:#564879;font-size:1.15rem;line-height:1;cursor:pointer}
.workspace-tab-close:hover[b-rrx3xkk9pd]{background:rgba(0,0,0,.06)}
.workspace-tab.is-active .workspace-tab-close:hover[b-rrx3xkk9pd]{background:rgba(255,255,255,.18)}

.tab-confirm-backdrop[b-rrx3xkk9pd]{position:fixed;inset:0;background:rgba(15,17,26,.45);display:flex;align-items:center;justify-content:center;z-index:1050}
.tab-confirm-box[b-rrx3xkk9pd]{max-width:22rem;padding:1.1rem 1.2rem;border-radius:.75rem;background:#fff;box-shadow:0 .8rem 2rem rgba(15,17,26,.25)}
.tab-confirm-box p[b-rrx3xkk9pd]{margin:0 0 .9rem;color:#33313e;font-size:.9rem;line-height:1.7}
.tab-confirm-actions[b-rrx3xkk9pd]{display:flex;gap:.5rem;justify-content:flex-end}
/* /Components/Pages/AI/AICopilot.razor.rz.scp.css */
.ai-chat-shell[b-87t7mfmzxq]{
    --ai-line:var(--bs-border-color,#e5e7eb);
    --ai-muted:var(--bs-secondary-color,#6b7280);
    --ai-surface:var(--bs-body-bg,#fff);
    --ai-soft:var(--bs-tertiary-bg,#f7f7f8);
    max-width:980px;
    margin:0 auto;
    padding:.75rem 1rem 1.25rem;
    direction:rtl;
}
.ai-chat-topbar[b-87t7mfmzxq]{
    display:flex;align-items:center;justify-content:space-between;gap:1rem;
    padding:.45rem .15rem 1rem;border-bottom:1px solid var(--ai-line)
}
.ai-chat-heading[b-87t7mfmzxq]{display:flex;align-items:center;gap:.8rem;min-width:0}
.ai-chat-mark[b-87t7mfmzxq]{
    display:grid;place-items:center;flex:0 0 auto;width:2.65rem;height:2.65rem;border-radius:.8rem;
    background:var(--ecom-primary,#5a4b86);color:#fff;font-size:.78rem;font-weight:900;letter-spacing:.04em
}
.ai-chat-heading h1[b-87t7mfmzxq]{margin:0;font-size:1.05rem;font-weight:850}
.ai-chat-heading p[b-87t7mfmzxq]{margin:.15rem 0 0;color:var(--ai-muted);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42rem}
.ai-context-badge[b-87t7mfmzxq]{display:inline-flex;align-items:center;gap:.35rem;flex:0 0 auto;color:var(--ai-muted);font-size:.72rem}
.ai-chat-surface[b-87t7mfmzxq]{min-height:calc(100dvh - 11rem);display:flex;flex-direction:column}
.ai-chat-thread[b-87t7mfmzxq]{flex:1;min-height:25rem;padding:1rem 0 10.5rem;direction:rtl}
.ai-chat-welcome[b-87t7mfmzxq]{display:grid;justify-items:center;gap:.65rem;max-width:40rem;margin:14vh auto 0;text-align:center}
.ai-chat-logo[b-87t7mfmzxq]{display:grid;place-items:center;width:4rem;height:4rem;border-radius:1.15rem;background:var(--ecom-primary,#5a4b86);color:#fff;font-weight:900}
.ai-chat-welcome h2[b-87t7mfmzxq]{margin:.3rem 0 0;font-size:1.55rem}
.ai-chat-welcome p[b-87t7mfmzxq]{margin:0;color:var(--ai-muted);font-size:.88rem}
.ai-chat-suggestions[b-87t7mfmzxq]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;width:100%;margin-top:.65rem}
.ai-chat-suggestions button[b-87t7mfmzxq]{padding:.75rem .9rem;border:1px solid var(--ai-line);border-radius:.85rem;background:var(--ai-surface);text-align:right;color:inherit;font-size:.8rem;transition:.15s ease}
.ai-chat-suggestions button:hover[b-87t7mfmzxq]{background:var(--ai-soft);border-color:color-mix(in srgb,var(--ecom-primary,#5a4b86) 35%,var(--ai-line))}
.ai-message[b-87t7mfmzxq]{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.75rem;padding:1rem .4rem}
.ai-message-user[b-87t7mfmzxq]{grid-template-columns:minmax(0,1fr);justify-items:end}
.ai-message-user .ai-message-avatar[b-87t7mfmzxq],.ai-message-user .ai-message-author[b-87t7mfmzxq]{display:none}
.ai-message-user .ai-message-body[b-87t7mfmzxq]{max-width:min(78%,42rem);background:var(--ai-soft);border-radius:1.15rem;padding:.72rem .95rem}
.ai-message-assistant[b-87t7mfmzxq]{background:transparent;margin-inline:0;padding-inline:.4rem;border-radius:0}
.ai-message-assistant .ai-message-body[b-87t7mfmzxq]{max-width:48rem}
.ai-message-avatar[b-87t7mfmzxq]{display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:.65rem;font-size:.78rem;font-weight:900}
.ai-message-avatar-user[b-87t7mfmzxq]{background:#eef2f6;color:#485467}
.ai-message-avatar-assistant[b-87t7mfmzxq]{background:var(--ecom-primary,#5a4b86);color:#fff}
.ai-message-body[b-87t7mfmzxq]{min-width:0}
.ai-message-author[b-87t7mfmzxq]{margin-bottom:.35rem;font-size:.78rem;font-weight:850}
.ai-message-text[b-87t7mfmzxq]{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;font-size:.91rem;text-align:right;direction:rtl}
.ai-assistant-text[b-87t7mfmzxq]{color:var(--bs-body-color)}
.ai-inline-note[b-87t7mfmzxq]{display:grid;gap:.3rem;margin-top:.75rem;padding:.65rem .75rem;border-radius:.65rem;background:#fff8e5;color:#6f5714;font-size:.76rem}
.ai-message-tools[b-87t7mfmzxq]{margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--ai-line)}
.ai-tools-label[b-87t7mfmzxq]{display:block;margin-bottom:.5rem;color:var(--ai-muted);font-size:.72rem;font-weight:800}
.ai-chips[b-87t7mfmzxq],.ai-actions[b-87t7mfmzxq]{display:flex;flex-wrap:wrap;gap:.4rem}
.ai-chip[b-87t7mfmzxq]{display:inline-flex;align-items:center;gap:.25rem;min-height:1.9rem;padding:.25rem .55rem;border:1px solid var(--ai-line);border-radius:999px;background:var(--ai-surface);font-size:.72rem}
.ai-chip-link[b-87t7mfmzxq]{cursor:pointer;color:var(--bs-primary)}
.ai-message-meta[b-87t7mfmzxq]{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;color:var(--ai-muted);font-size:.62rem;opacity:.75}
.ai-thinking[b-87t7mfmzxq]{display:flex;align-items:center;gap:.3rem;height:1.8rem}
.ai-thinking span[b-87t7mfmzxq]{width:.38rem;height:.38rem;border-radius:50%;background:var(--ai-muted);animation:ai-dot-b-87t7mfmzxq 1s infinite ease-in-out}
.ai-thinking span:nth-child(2)[b-87t7mfmzxq]{animation-delay:.15s}.ai-thinking span:nth-child(3)[b-87t7mfmzxq]{animation-delay:.3s}
@keyframes ai-dot-b-87t7mfmzxq{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-.22rem)}}
.ai-chat-composer-wrap[b-87t7mfmzxq]{
    position:sticky;bottom:0;z-index:20;margin-top:auto;padding:.8rem 0 .15rem;
    background:linear-gradient(180deg,rgba(255,255,255,0),var(--bs-body-bg,#fff) 24%)
}
.ai-chat-composer[b-87t7mfmzxq]{max-width:52rem;margin:0 auto;padding:.55rem .65rem;border:1px solid var(--ai-line);border-radius:1.15rem;background:var(--ai-surface);box-shadow:0 .5rem 1.8rem rgba(17,24,39,.08)}
.ai-chat-input[b-87t7mfmzxq]{display:block;width:100%;min-height:3rem;max-height:11rem;resize:vertical;padding:.55rem .35rem;border:0;outline:0;background:transparent;color:inherit;line-height:1.8;font:inherit}
.ai-chat-input[b-87t7mfmzxq]::placeholder{color:#9aa3af}
.ai-composer-bar[b-87t7mfmzxq]{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.ai-composer-hint[b-87t7mfmzxq]{color:var(--ai-muted);font-size:.65rem}
.ai-send-button[b-87t7mfmzxq]{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:0;border-radius:.75rem;background:var(--bs-body-color,#111827);color:var(--bs-body-bg,#fff);font-size:1rem}
.ai-send-button:disabled[b-87t7mfmzxq]{opacity:.35}
.ai-chat-disclaimer[b-87t7mfmzxq]{text-align:center;color:var(--ai-muted);font-size:.62rem;margin:.45rem auto 0}
@media(max-width:700px){
    .ai-chat-shell[b-87t7mfmzxq]{padding:.5rem}
    .ai-chat-heading p[b-87t7mfmzxq],.ai-context-badge[b-87t7mfmzxq]{display:none}
    .ai-chat-surface[b-87t7mfmzxq]{min-height:calc(100dvh - 8rem)}
    .ai-chat-thread[b-87t7mfmzxq]{padding-bottom:9rem}
    .ai-chat-suggestions[b-87t7mfmzxq]{grid-template-columns:1fr}
    .ai-chat-welcome[b-87t7mfmzxq]{margin-top:9vh}
    .ai-message[b-87t7mfmzxq]{grid-template-columns:1.9rem minmax(0,1fr);gap:.55rem;padding:.85rem .2rem}
    .ai-message-assistant[b-87t7mfmzxq]{margin-inline:-.25rem;padding-inline:.55rem}
    .ai-message-avatar[b-87t7mfmzxq]{width:1.85rem;height:1.85rem;border-radius:.55rem;font-size:.68rem}
    .ai-composer-hint[b-87t7mfmzxq]{display:none}
}
@media(prefers-reduced-motion:reduce){.ai-thinking span[b-87t7mfmzxq]{animation:none}}
/* /Components/Pages/Common/Components/BarcodeScanner.razor.rz.scp.css */
/* ============================================
   کامپوننت جمع‌وجور بارکدخوان
   ============================================ */

.barcode-scanner-compact[b-pgog16x3bq] {
    border: 1px solid #e0e4eb;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(35, 44, 68, .06);
    overflow: hidden;
    transition: all 0.3s ease;
    margin-bottom: 8px;
}

    .barcode-scanner-compact.hidden[b-pgog16x3bq] {
        border-color: transparent;
        box-shadow: none;
    }

        .barcode-scanner-compact.hidden .scanner-body[b-pgog16x3bq] {
            display: none;
        }

/* ========== هدر جمع‌وجور ========== */
.scanner-header[b-pgog16x3bq] {
    display: flex;
    min-height: 38px;
    align-items: center;
    justify-content: space-between;
    padding: .3rem .7rem;
    background: #f8f9fc;
    border-bottom: 1px solid #e8ebf0;
    cursor: pointer;
    user-select: none;
}

    .scanner-header:hover[b-pgog16x3bq] {
        background: #f0f2f6;
    }

.scanner-title[b-pgog16x3bq] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 700;
    font-size: .78rem;
    color: #20283a;
}

.scanner-icon[b-pgog16x3bq] {
    font-size: .95rem;
}

.scanner-status[b-pgog16x3bq] {
    font-size: .55rem;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: 10px;
    background: #e8ecf2;
    color: #6b7689;
}

    .scanner-status.scanning[b-pgog16x3bq] {
        background: #d4edda;
        color: #155724;
        animation: pulse-dot-b-pgog16x3bq 1.2s ease-in-out infinite;
    }

@keyframes pulse-dot-b-pgog16x3bq {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }
}

.scanner-actions[b-pgog16x3bq] {
    display: flex;
    gap: 4px;
}

.btn-scanner-toggle[b-pgog16x3bq] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: #6b7689;
    font-size: .85rem;
    cursor: pointer;
    transition: all 0.2s;
}

    .btn-scanner-toggle:hover[b-pgog16x3bq] {
        background: rgba(0,0,0,0.06);
        color: #20283a;
    }

/* ========== بدنه جمع‌وجور ========== */
.scanner-body[b-pgog16x3bq] {
    padding: 6px 10px 8px;
    animation: slideDown-b-pgog16x3bq 0.25s ease;
}

@keyframes slideDown-b-pgog16x3bq {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.scanner-viewport-wrapper[b-pgog16x3bq] {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
    background: #1a1a2e;
}

.scanner-viewport[b-pgog16x3bq] {
    width: 100% !important;
    min-height: 160px !important;
    max-height: 220px !important;
}

    .scanner-viewport video[b-pgog16x3bq] {
        width: 100% !important;
        height: auto !important;
        min-height: 160px !important;
        max-height: 220px !important;
        object-fit: cover !important;
        display: block !important;
    }

/* ========== فریم اسکن ========== */
.scanner-overlay[b-pgog16x3bq] {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 2;
}

.scanning-frame[b-pgog16x3bq] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    height: 55%;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    box-shadow: 0 0 0 4000px rgba(0, 0, 0, 0.25);
}

.scan-line[b-pgog16x3bq] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, #00ff88, transparent);
    animation: scanMove-b-pgog16x3bq 1.6s ease-in-out infinite;
    box-shadow: 0 0 10px rgba(0, 255, 136, 0.3);
}

@keyframes scanMove-b-pgog16x3bq {
    0% {
        top: 0;
        opacity: 0.2;
    }

    50% {
        top: calc(100% - 2px);
        opacity: 1;
    }

    100% {
        top: 0;
        opacity: 0.2;
    }
}

/* ========== کنترل‌های جمع‌وجور ========== */
.scanner-controls-compact[b-pgog16x3bq] {
    display: flex;
    gap: 5px;
    padding: 6px 4px 2px;
    justify-content: center;
    flex-wrap: wrap;
}

    .scanner-controls-compact .btn[b-pgog16x3bq] {
        min-width: 44px;
        border-radius: 6px;
        font-size: .65rem;
        padding: 3px 8px;
    }

/* ========== نتیجه جمع‌وجور ========== */
.scanner-result-compact[b-pgog16x3bq] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    margin: 4px 0;
    border-radius: 6px;
    font-size: .78rem;
    animation: fadeIn-b-pgog16x3bq 0.3s ease;
}

    .scanner-result-compact .result-label[b-pgog16x3bq] {
        font-weight: 600;
        flex-shrink: 0;
    }

    .scanner-result-compact strong[b-pgog16x3bq] {
        flex: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-family: monospace;
        font-size: .8rem;
    }

.btn-result-close[b-pgog16x3bq] {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 4px;
    background: rgba(0,0,0,0.06);
    color: inherit;
    font-size: .6rem;
    cursor: pointer;
    display: grid;
    place-items: center;
    flex-shrink: 0;
}

    .btn-result-close:hover[b-pgog16x3bq] {
        background: rgba(0,0,0,0.12);
    }

@keyframes fadeIn-b-pgog16x3bq {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========== راهنمای جمع‌وجور ========== */
.scanner-hint-compact[b-pgog16x3bq] {
    text-align: center;
    padding: 2px 4px 0;
    color: #7a8496;
    font-size: .6rem;
}

/* ========== ریسپانسیو موبایل ========== */
@media (max-width: 768px) {
    .barcode-scanner-compact[b-pgog16x3bq] {
        border-radius: 8px;
    }

    .scanner-header[b-pgog16x3bq] {
        min-height: 34px;
        padding: .25rem .6rem;
    }

    .scanner-title[b-pgog16x3bq] {
        font-size: .7rem;
    }

    .scanner-status[b-pgog16x3bq] {
        font-size: .5rem;
        padding: 1px 6px;
    }

    .scanner-viewport[b-pgog16x3bq] {
        min-height: 130px !important;
        max-height: 180px !important;
    }

        .scanner-viewport video[b-pgog16x3bq] {
            min-height: 130px !important;
            max-height: 180px !important;
        }

    .scanning-frame[b-pgog16x3bq] {
        width: 65%;
        height: 50%;
    }

    .scanner-controls-compact .btn[b-pgog16x3bq] {
        min-width: 38px;
        font-size: .6rem;
        padding: 2px 6px;
    }

    .scanner-result-compact[b-pgog16x3bq] {
        font-size: .7rem;
        padding: 4px 8px;
    }

        .scanner-result-compact strong[b-pgog16x3bq] {
            font-size: .7rem;
        }
}

@media (max-width: 480px) {
    .scanner-header[b-pgog16x3bq] {
        min-height: 30px;
        padding: .2rem .5rem;
    }

    .scanner-title[b-pgog16x3bq] {
        font-size: .65rem;
    }

    .scanner-icon[b-pgog16x3bq] {
        font-size: .8rem;
    }

    .scanner-status[b-pgog16x3bq] {
        font-size: .45rem;
        padding: 1px 5px;
    }

    .scanner-viewport[b-pgog16x3bq] {
        min-height: 110px !important;
        max-height: 150px !important;
    }

        .scanner-viewport video[b-pgog16x3bq] {
            min-height: 110px !important;
            max-height: 150px !important;
        }

    .scanner-body[b-pgog16x3bq] {
        padding: 4px 6px 6px;
    }

    .scanning-frame[b-pgog16x3bq] {
        width: 70%;
        height: 45%;
    }

    .scanner-hint-compact[b-pgog16x3bq] {
        font-size: .5rem;
    }
}
/* /Components/Pages/Common/Pagination.razor.rz.scp.css */
.ecom-pagination[b-flp54duzm6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-height: 66px;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 0.75rem 1rem;
    color: #5e687b;
    border: 1px solid #e0e4eb;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(35, 45, 68, 0.04);
}

.ecom-pagination[b-flp54duzm6]::before {
    content: "";
    grid-column: 1;
}

.ecom-pagination-nav[b-flp54duzm6] {
    display: flex;
    grid-column: 2;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-width: 0;
}

.ecom-page-button[b-flp54duzm6],
.ecom-page-ellipsis[b-flp54duzm6] {
    display: inline-grid;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    place-items: center;
    padding: 0;
    color: #554b82;
    border: 1px solid #dfe3ea;
    border-radius: 9px;
    background: #fff;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 850;
    line-height: 1;
    transition: border-color 0.15s ease, background-color 0.15s ease, transform 0.15s ease;
}

.ecom-page-button:not(:disabled):hover[b-flp54duzm6] {
    transform: translateY(-1px);
    border-color: #a79dc7;
    background: #f4f1fa;
}

.ecom-page-button.is-active[b-flp54duzm6] {
    color: #fff;
    border-color: #5c538f;
    background: linear-gradient(135deg, #6259a0, #55477f);
    box-shadow: 0 5px 12px rgba(85, 71, 127, 0.2);
}

.ecom-page-button:disabled[b-flp54duzm6] {
    color: #aab0bc;
    border-color: #e8eaf0;
    background: #f6f7f9;
    cursor: not-allowed;
}

.ecom-page-arrow svg[b-flp54duzm6] {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.9;
}

.ecom-page-ellipsis[b-flp54duzm6] {
    border-color: transparent;
    background: transparent;
}

.ecom-pagination-meta[b-flp54duzm6] {
    display: flex;
    grid-column: 3;
    align-items: center;
    justify-content: flex-start;
    gap: 0.7rem;
    min-width: 0;
    font-size: 0.7rem;
    font-weight: 700;
}

.ecom-page-status[b-flp54duzm6] {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    padding: 0.35rem 0.7rem;
    color: #fff;
    border-radius: 8px;
    background: #727b8d;
    white-space: nowrap;
}

.ecom-record-status[b-flp54duzm6] {
    overflow: hidden;
    color: #707a8d;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ecom-page-size[b-flp54duzm6] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 0.4rem;
    white-space: nowrap;
}

.ecom-page-size span[b-flp54duzm6] {
    color: #717b8d;
}

.ecom-page-size select[b-flp54duzm6] {
    min-width: 68px;
    height: 34px;
    padding: 0.25rem 0.55rem;
    color: #404a5f;
    border: 1px solid #dfe3ea;
    border-radius: 8px;
    outline: 0;
    background: #fff;
    font-family: inherit;
    font-size: 0.72rem;
    font-weight: 750;
}

@media (max-width: 800px) {
    .ecom-pagination[b-flp54duzm6] {
        grid-template-columns: 1fr;
        gap: 0.7rem;
    }

    .ecom-pagination[b-flp54duzm6]::before {
        display: none;
    }

    .ecom-pagination-nav[b-flp54duzm6],
    .ecom-pagination-meta[b-flp54duzm6] {
        grid-column: 1;
    }

    .ecom-pagination-nav[b-flp54duzm6] {
        max-width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        padding-block-end: 0.2rem;
        scrollbar-width: thin;
    }

    .ecom-pagination-meta[b-flp54duzm6] {
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .ecom-pagination[b-flp54duzm6] {
        padding: 0.65rem;
    }

    .ecom-page-button[b-flp54duzm6],
    .ecom-page-ellipsis[b-flp54duzm6] {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ecom-page-button[b-flp54duzm6] {
        transition: none;
    }
}
/* /Components/Pages/Common/PersianDateInput.razor.rz.scp.css */
.persian-date-input-wrapper[b-0m7y7f9fd6] {
    isolation: isolate;
}

.persian-date-input-wrapper .persian-date-field[b-0m7y7f9fd6] {
    min-height: 46px;
    gap: 0;
    overflow: hidden;
    border: 1px solid #d8deea;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(31, 41, 55, 0.03);
}

.persian-date-input-wrapper .persian-date-field:focus-within[b-0m7y7f9fd6] {
    border-color: #7065b2;
    box-shadow: 0 0 0 4px rgba(112, 101, 178, 0.13);
}

.persian-date-input-wrapper .persian-date-input[b-0m7y7f9fd6] {
    min-height: 44px;
    padding: 0.65rem 0.85rem;
    color: #20283a;
    font-family: inherit;
    font-size: 0.96rem;
    font-weight: 700;
    letter-spacing: 0;
    direction: ltr;
}

.persian-date-input-wrapper .calendar-toggle-btn[b-0m7y7f9fd6] {
    width: 46px;
    height: 44px;
    padding: 0;
    flex: 0 0 46px;
    color: #63579f;
    border-inline-start: 1px solid #e6e8ef;
    border-radius: 0;
    background: #f7f6fc;
}

.persian-date-input-wrapper .calendar-toggle-btn svg[b-0m7y7f9fd6] {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.persian-date-input-wrapper .calendar-toggle-btn:hover[b-0m7y7f9fd6],
.persian-date-input-wrapper .calendar-toggle-btn.is-active[b-0m7y7f9fd6] {
    color: #fff;
    background: #63579f;
}

.persian-date-picker[b-0m7y7f9fd6] {
    position: absolute;
    inset-block-start: calc(100% + 0.6rem);
    inset-inline-end: 0;
    z-index: 1060;
    width: min(420px, calc(100vw - 2rem));
    padding: 1rem;
    direction: rtl;
    color: #20283a;
    border: 1px solid #e0e3ec;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(30, 41, 59, 0.18);
    animation: persian-date-popover-b-0m7y7f9fd6 0.18s ease-out;
}

.persian-date-picker[b-0m7y7f9fd6]::before {
    content: "";
    position: absolute;
    inset-block-start: -6px;
    inset-inline-end: 18px;
    width: 12px;
    height: 12px;
    border-block-start: 1px solid #e0e3ec;
    border-inline-start: 1px solid #e0e3ec;
    background: #fff;
    transform: rotate(45deg);
}

.persian-date-picker-header[b-0m7y7f9fd6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-block-end: 0.8rem;
    border-block-end: 1px solid #edf0f5;
}

.persian-date-picker-header div[b-0m7y7f9fd6] {
    display: grid;
    gap: 0.2rem;
}

.persian-date-picker-header strong[b-0m7y7f9fd6] {
    font-size: 0.98rem;
}

.persian-date-picker-header span[b-0m7y7f9fd6] {
    color: #748096;
    font-size: 0.77rem;
}

.date-picker-close[b-0m7y7f9fd6] {
    width: 30px;
    height: 30px;
    display: inline-grid;
    flex: 0 0 30px;
    place-items: center;
    color: #677186;
    border: 0;
    border-radius: 9px;
    background: #f3f5f8;
    font-size: 1.15rem;
    line-height: 1;
}

.date-picker-close:hover[b-0m7y7f9fd6] {
    color: #b83b4a;
    background: #fff0f2;
}

.persian-date-picker-current[b-0m7y7f9fd6] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    margin-block: 0.85rem;
    padding: 0.7rem 0.8rem;
    color: #fff;
    border-radius: 11px;
    background: linear-gradient(135deg, #6c63b7, #51477f);
}

.persian-date-picker-current span[b-0m7y7f9fd6] {
    color: #e7e5ff;
    font-size: 0.78rem;
}

.persian-date-picker-current strong[b-0m7y7f9fd6] {
    font-size: 0.92rem;
}

.persian-date-steppers[b-0m7y7f9fd6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.date-stepper[b-0m7y7f9fd6] {
    min-width: 0;
    padding: 0.55rem;
    border: 1px solid #e6e9f0;
    border-radius: 11px;
    background: #fafbfc;
}

.date-stepper-label[b-0m7y7f9fd6] {
    display: block;
    margin-block-end: 0.45rem;
    color: #727c91;
    text-align: center;
    font-size: 0.72rem;
}

.date-stepper-control[b-0m7y7f9fd6] {
    display: grid;
    grid-template-columns: 26px minmax(38px, 1fr) 26px;
    align-items: center;
    gap: 0.25rem;
}

.date-stepper-control button[b-0m7y7f9fd6] {
    width: 26px;
    height: 28px;
    display: grid;
    place-items: center;
    padding: 0;
    color: #5d5295;
    border: 1px solid #dedbed;
    border-radius: 8px;
    background: #fff;
    font-size: 1rem;
    line-height: 1;
}

.date-stepper-control button:hover[b-0m7y7f9fd6] {
    color: #fff;
    border-color: #63579f;
    background: #63579f;
}

.date-stepper-control strong[b-0m7y7f9fd6] {
    overflow: hidden;
    color: #20283a;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.84rem;
}

.date-stepper-month .date-stepper-control strong[b-0m7y7f9fd6] {
    font-size: 0.77rem;
}

.persian-date-picker-footer[b-0m7y7f9fd6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-block-start: 0.85rem;
    padding-block-start: 0.8rem;
    border-block-start: 1px solid #edf0f5;
}

.persian-date-picker-footer .today-btn[b-0m7y7f9fd6] {
    min-width: auto;
    padding: 0.5rem 0.85rem;
    color: #fff;
    border: 0;
    border-radius: 9px;
    background: #4c8b78;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 700;
}

.persian-date-picker-footer .today-btn:hover[b-0m7y7f9fd6] {
    background: #39715f;
}

.persian-date-picker-footer span[b-0m7y7f9fd6] {
    color: #8a93a5;
    font-size: 0.69rem;
}

@keyframes persian-date-popover-b-0m7y7f9fd6 {
    from {
        opacity: 0;
        transform: translateY(-5px) scale(0.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 576px) {
    .persian-date-picker[b-0m7y7f9fd6] {
        inset-inline-end: auto;
        inset-inline-start: 0;
        width: min(340px, calc(100vw - 2.5rem));
        padding: 0.85rem;
    }

    .persian-date-steppers[b-0m7y7f9fd6] {
        grid-template-columns: 1fr;
    }

    .date-stepper-control[b-0m7y7f9fd6] {
        grid-template-columns: 34px minmax(0, 1fr) 34px;
    }

    .date-stepper-control button[b-0m7y7f9fd6] {
        width: 34px;
        height: 32px;
    }
}
/* /Components/Pages/Common/UserBookSelection.razor.rz.scp.css */
.access-scope-page[b-yud2uo4ovp]{max-width:1050px}.scope-summary[b-yud2uo4ovp]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem;border-radius:.9rem;background:#f6f8fc}.scope-summary div[b-yud2uo4ovp]{display:flex;flex-direction:column;gap:.25rem}.scope-summary small[b-yud2uo4ovp]{color:#667085}@media(max-width:767.98px){.scope-summary[b-yud2uo4ovp]{grid-template-columns:1fr}}
/* /Components/Pages/CRM/Customer360.razor.rz.scp.css */
.crm-page[b-8t3j5f4biz]{padding:1.25rem;max-width:1500px;margin:auto;color:#17233b}.crm-header[b-8t3j5f4biz],.crm-summary[b-8t3j5f4biz],.crm-card[b-8t3j5f4biz],.crm-empty[b-8t3j5f4biz]{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 25px rgba(30,41,59,.06)}.crm-header[b-8t3j5f4biz]{padding:1.2rem 1.4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.crm-header h1[b-8t3j5f4biz]{font-size:1.45rem;margin:0 0 .3rem}.crm-header p[b-8t3j5f4biz],.muted[b-8t3j5f4biz]{color:#64748b;margin:0}.crm-search[b-8t3j5f4biz]{max-width:460px}.crm-summary[b-8t3j5f4biz]{margin-top:1rem;padding:1rem;display:flex;align-items:center;gap:1rem}.crm-avatar[b-8t3j5f4biz]{width:72px;height:72px;border-radius:18px;background:#ede9fe;color:#6d28d9;display:grid;place-items:center;font-size:2rem;overflow:hidden}.crm-avatar img[b-8t3j5f4biz]{width:100%;height:100%;object-fit:cover}.crm-identity[b-8t3j5f4biz]{margin-left:auto}.crm-identity h2[b-8t3j5f4biz]{font-size:1.25rem;margin:0}.crm-identity span[b-8t3j5f4biz],.crm-identity small[b-8t3j5f4biz]{display:block;color:#64748b}.metric[b-8t3j5f4biz]{padding:.6rem 1rem;border-right:1px solid #e2e8f0;text-align:center}.metric strong[b-8t3j5f4biz],.metric span[b-8t3j5f4biz]{display:block}.metric strong[b-8t3j5f4biz]{font-size:1.15rem}.metric span[b-8t3j5f4biz]{color:#64748b;font-size:.8rem}.crm-grid[b-8t3j5f4biz]{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;margin-top:1rem}.crm-card[b-8t3j5f4biz]{padding:1rem}.notes-card[b-8t3j5f4biz]{grid-row:span 2}.card-title[b-8t3j5f4biz]{border-bottom:1px solid #e2e8f0;margin-bottom:.8rem}.card-title h3[b-8t3j5f4biz]{font-size:1rem}.note-editor[b-8t3j5f4biz],.family-add[b-8t3j5f4biz]{display:flex;gap:.5rem;align-items:center;margin-bottom:.8rem}.note-editor textarea[b-8t3j5f4biz]{flex:1}.form-check[b-8t3j5f4biz]{white-space:nowrap}.crm-note[b-8t3j5f4biz]{background:#f8fafc;border-radius:12px;padding:.7rem;margin-top:.6rem;border-right:4px solid #94a3b8}.crm-note.pinned[b-8t3j5f4biz]{background:#fff7ed;border-color:#f97316}.crm-note p[b-8t3j5f4biz]{margin:.35rem 0}.crm-note small[b-8t3j5f4biz],.source[b-8t3j5f4biz]{font-size:.74rem;color:#64748b}.source.ai[b-8t3j5f4biz]{color:#7c3aed}.source.ruleengine[b-8t3j5f4biz]{color:#0284c7}.family-row[b-8t3j5f4biz],.visit-row[b-8t3j5f4biz]{display:flex;gap:.7rem;align-items:center;padding:.65rem 0;border-bottom:1px dashed #e2e8f0}.family-row span[b-8t3j5f4biz],.visit-row span:last-child[b-8t3j5f4biz]{margin-right:auto;color:#64748b}.privacy-card p[b-8t3j5f4biz]{color:#475569;line-height:1.9}.crm-empty[b-8t3j5f4biz]{margin-top:1rem;padding:4rem 1rem;text-align:center;color:#64748b}.crm-empty i[b-8t3j5f4biz]{font-size:3rem;color:#8b5cf6}.crm-empty h2[b-8t3j5f4biz]{font-size:1.2rem;color:#334155;margin-top:.8rem}@media(max-width:900px){.crm-header[b-8t3j5f4biz],.crm-summary[b-8t3j5f4biz]{flex-wrap:wrap}.crm-search[b-8t3j5f4biz]{max-width:none;width:100%}.crm-grid[b-8t3j5f4biz]{grid-template-columns:1fr}.notes-card[b-8t3j5f4biz]{grid-row:auto}.metric[b-8t3j5f4biz]{flex:1}.crm-identity[b-8t3j5f4biz]{margin-left:0;flex:1}}@media(max-width:600px){.crm-page[b-8t3j5f4biz]{padding:.65rem}.crm-summary .btn[b-8t3j5f4biz]{width:100%}.note-editor[b-8t3j5f4biz],.family-add[b-8t3j5f4biz]{align-items:stretch;flex-direction:column}.crm-avatar[b-8t3j5f4biz]{width:58px;height:58px}.metric[b-8t3j5f4biz]{border:0;background:#f8fafc;border-radius:10px}}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
.public-welcome-shell[b-46sxu16ywf]{position:relative;min-height:calc(100dvh - 4rem);display:grid;place-items:center;padding:clamp(1.25rem,4vw,3.5rem);direction:rtl;isolation:isolate;background-image:linear-gradient(120deg,rgba(16,24,40,.36),rgba(57,46,91,.24)),var(--welcome-background);background-position:center;background-size:cover;background-repeat:no-repeat}.public-welcome-shell[b-46sxu16ywf]::before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(180deg,rgba(15,23,42,.08),rgba(15,23,42,.28));backdrop-filter:saturate(.88)}.public-welcome-container[b-46sxu16ywf]{width:min(100%,75rem);padding-block:1rem}.public-welcome-container>.row>div[b-46sxu16ywf]{width:100%}.public-welcome-card[b-46sxu16ywf]{overflow:visible;border:1px solid rgba(255,255,255,.42)!important;border-radius:1.8rem!important;background:rgba(235,239,246,.22)!important;box-shadow:0 2rem 5rem rgba(15,23,42,.32)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.public-welcome-card>.row[b-46sxu16ywf]{align-items:center;min-height:38rem}.public-brand-panel[b-46sxu16ywf]{display:flex;min-height:34rem;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,4rem);color:#fff;text-shadow:0 .1rem .8rem rgba(15,23,42,.3);background:transparent}.public-logo[b-46sxu16ywf]{display:block;width:auto;max-width:10rem;height:4.3rem;margin-inline:auto;padding:.4rem;border-radius:.65rem;background:rgba(255,255,255,.88);object-fit:contain}.public-brand-kicker[b-46sxu16ywf]{display:inline-flex;align-items:center;justify-content:center;margin:0 auto 1rem;padding:.45rem .85rem;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#f4ca83;background:rgba(32,39,66,.24);font-size:.78rem;font-weight:800}.public-brand-panel h2[b-46sxu16ywf]{font-size:clamp(1.65rem,2.7vw,2.35rem);line-height:1.7}.public-brand-panel>div:last-child[b-46sxu16ywf]{width:min(100%,25rem);margin-inline:auto}.public-brand-panel .bg-white[b-46sxu16ywf]{background:rgba(255,255,255,.13)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.public-action-panel[b-46sxu16ywf]{position:relative;z-index:1;display:flex;min-height:42rem;flex-direction:column;justify-content:center;margin-block:-2rem;padding:clamp(2rem,4vw,4rem);border-radius:1.55rem;background:rgba(255,255,255,.97);box-shadow:0 1.5rem 3.5rem rgba(15,23,42,.24)}.public-welcome-mark[b-46sxu16ywf]{display:grid;width:4.6rem;height:4.6rem;place-items:center;margin:0 auto 1.2rem;border-radius:1.2rem;color:#fff;background:linear-gradient(145deg,#6475df,#5a477f);box-shadow:0 .8rem 1.8rem rgba(91,74,132,.24);font-size:1.7rem;font-weight:900}.public-action-panel h3[b-46sxu16ywf]{color:#40365f!important;font-size:1.55rem}.public-action-panel .btn[b-46sxu16ywf]{display:flex;min-height:3.7rem;align-items:center;justify-content:center;border-radius:.8rem!important;font-size:1rem;font-weight:800}.public-action-panel .btn-primary[b-46sxu16ywf]{border-color:#62548f;background:linear-gradient(135deg,#6979df,#5a477f);box-shadow:0 .8rem 1.8rem rgba(90,71,127,.2)}.public-action-panel .btn-outline-primary[b-46sxu16ywf]{color:#5a477f;border-color:#d9d2e8;background:#fff}.public-action-panel .btn-outline-primary:hover[b-46sxu16ywf]{color:#fff;background:#62548f}.public-action-panel h4[b-46sxu16ywf]{color:#514478!important}.public-action-panel .row>div+div[b-46sxu16ywf]{border-inline-start:1px solid #edf0f4}.public-footer[b-46sxu16ywf]{color:#fff;text-shadow:0 1px 5px rgba(15,23,42,.75)}@media(max-width:767.98px){.public-welcome-shell[b-46sxu16ywf]{padding:1rem}.public-welcome-card[b-46sxu16ywf]{overflow:hidden;border-radius:1.2rem!important}.public-welcome-card>.row[b-46sxu16ywf]{min-height:auto}.public-brand-panel[b-46sxu16ywf]{display:none}.public-action-panel[b-46sxu16ywf]{min-height:auto;margin:0;padding:2.25rem 1.25rem;border-radius:1.2rem}.public-welcome-mark[b-46sxu16ywf]{width:4rem;height:4rem}.public-footer[b-46sxu16ywf]{margin-top:1rem!important}}
.pl-chart-grid[b-46sxu16ywf]{stroke:#e9ecf1;stroke-width:1}
.pl-chart-grid-mid[b-46sxu16ywf]{stroke-dasharray:4 3}
.liquidity-donut[b-46sxu16ywf]{display:block;margin:.25rem auto}
.liquidity-total[b-46sxu16ywf]{margin-top:.4rem;font-weight:800;color:#334155}
.liquidity-legend[b-46sxu16ywf]{display:flex;justify-content:center;gap:1rem;margin-top:.4rem;font-size:.8rem;color:#64748b}
.legend-dot[b-46sxu16ywf]{display:inline-block;width:.6rem;height:.6rem;border-radius:50%;margin-inline-end:.3rem}
.mis-bar-row[b-46sxu16ywf]{display:flex;align-items:center;gap:.6rem;margin-bottom:.65rem}
.mis-bar-label[b-46sxu16ywf]{flex:0 0 8.5rem;font-size:.82rem;color:#475467}
.mis-bar-track[b-46sxu16ywf]{flex:1;height:.6rem;border-radius:999px;background:#eef0f4;overflow:hidden}
.mis-bar-fill[b-46sxu16ywf]{height:100%;border-radius:999px;transition:width 300ms ease}
.mis-bar-value[b-46sxu16ywf]{flex:0 0 auto;min-width:5.5rem;text-align:end;font-size:.82rem;font-weight:700;color:#334155}
.chart-card .card-body[b-46sxu16ywf]{padding:1.1rem 1.15rem}
.today-kiosk-toggle[b-46sxu16ywf]{display:flex;width:100%;align-items:center;gap:.6rem;padding:.85rem 1.1rem;border:1px solid #e6e9ef;border-radius:.9rem;background:#fff;box-shadow:0 .15rem .5rem rgba(30,41,59,.05);cursor:pointer;text-align:start;transition:border-color 160ms ease,background-color 160ms ease}
.today-kiosk-toggle:hover[b-46sxu16ywf],.today-kiosk-toggle:focus-visible[b-46sxu16ywf]{border-color:#c7bfe6;background:#faf9fd;outline:none}
.today-kiosk-toggle i.fa-layer-group[b-46sxu16ywf]{color:#8a6fd8;font-size:1.05rem}
.today-kiosk-toggle span[b-46sxu16ywf]{font-weight:750;color:#334155;font-size:.92rem}
.today-kiosk-toggle small[b-46sxu16ywf]{color:#8a92a6;font-size:.78rem;margin-inline-end:auto}
.today-kiosk-caret[b-46sxu16ywf]{color:#8a92a6;transition:transform 200ms ease}
.today-kiosk-caret.is-open[b-46sxu16ywf]{transform:rotate(180deg)}
.dashboard-time[b-46sxu16ywf]{display:inline-block;margin-inline-start:.75rem;padding:.25rem .6rem;border-radius:.5rem;background:#f1f5f9;color:#475467;font-size:.85rem;font-weight:700;font-family:monospace;letter-spacing:.05em}
.dashboard-kpi-error[b-46sxu16ywf]{display:grid;gap:.3rem;padding:.6rem .7rem;border:1px solid #f0d3cf;border-radius:.6rem;background:#fdf3f2;color:#b42318;font-size:.8rem;font-weight:700;line-height:1.8}.dashboard-kpi-error small[b-46sxu16ywf]{color:#8a5b55;font-size:.7rem;font-weight:500;word-break:break-word}

/* UX reference layer — Dashboard is the first surface migrated to the shared ERP visual grammar. */
.dashboard-page[b-46sxu16ywf]{
    --dashboard-surface:var(--ecom-surface,#fff);
    --dashboard-bg:var(--ecom-bg,#f4f6f9);
    --dashboard-line:var(--ecom-line,#e1e5ec);
    --dashboard-ink:var(--ecom-ink,#27364d);
    --dashboard-muted:var(--ecom-muted,#697586);
    --dashboard-brand:var(--ecom-primary,#5a4b86);
    --dashboard-brand-soft:var(--ecom-primary-soft,#f1eef8);
    color:var(--dashboard-ink);
}
.dashboard-page .card[b-46sxu16ywf]{
    border-color:var(--dashboard-line)!important;
    background:var(--dashboard-surface);
}
.dashboard-page .chart-card[b-46sxu16ywf]{
    min-height:13.5rem;
}
.dashboard-page .chart-card .card-title[b-46sxu16ywf]{
    color:var(--dashboard-muted)!important;
    font-weight:850;
    line-height:1.65;
}
.dashboard-page .chart-card a:focus-visible[b-46sxu16ywf],
.dashboard-page .btn:focus-visible[b-46sxu16ywf],
.dashboard-page .today-kiosk-toggle:focus-visible[b-46sxu16ywf]{
    outline:3px solid color-mix(in srgb,var(--dashboard-brand) 28%,transparent);
    outline-offset:2px;
}
.dashboard-page .today-kiosk-toggle[b-46sxu16ywf]{
    min-height:3.25rem;
    border-color:var(--dashboard-line);
    background:var(--dashboard-surface);
}
.dashboard-page .today-kiosk-toggle:hover[b-46sxu16ywf],
.dashboard-page .today-kiosk-toggle:focus-visible[b-46sxu16ywf]{
    border-color:color-mix(in srgb,var(--dashboard-brand) 42%,var(--dashboard-line));
    background:var(--dashboard-brand-soft);
}
.dashboard-page .today-kiosk-toggle i.fa-layer-group[b-46sxu16ywf]{
    color:var(--dashboard-brand);
}
.dashboard-page .today-kiosk-toggle span[b-46sxu16ywf]{
    color:var(--dashboard-ink);
}
.dashboard-page .today-kiosk-toggle small[b-46sxu16ywf],
.dashboard-page .today-kiosk-caret[b-46sxu16ywf],
.dashboard-page .liquidity-legend[b-46sxu16ywf]{
    color:var(--dashboard-muted);
}
.dashboard-page .dashboard-time[b-46sxu16ywf]{
    background:var(--dashboard-brand-soft);
    color:var(--dashboard-brand);
    font-family:inherit;
    font-variant-numeric:tabular-nums;
}
.dashboard-page .mis-bar-label[b-46sxu16ywf],
.dashboard-page .mis-bar-value[b-46sxu16ywf],
.dashboard-page .liquidity-total[b-46sxu16ywf]{
    color:var(--dashboard-ink);
}
.dashboard-page .mis-bar-value[b-46sxu16ywf]{
    font-variant-numeric:tabular-nums;
}
.dashboard-page .mis-bar-track[b-46sxu16ywf]{
    background:color-mix(in srgb,var(--dashboard-line) 70%,white);
}
@media(max-width:767.98px){
    .dashboard-page .chart-card[b-46sxu16ywf]{min-height:0}
    .dashboard-page .today-kiosk-toggle[b-46sxu16ywf]{align-items:flex-start;flex-wrap:wrap;padding:.8rem .9rem}
    .dashboard-page .today-kiosk-toggle small[b-46sxu16ywf]{width:100%;margin-inline-start:1.65rem;margin-inline-end:0;line-height:1.7}
    .dashboard-page .mis-bar-row[b-46sxu16ywf]{display:grid;grid-template-columns:minmax(5.5rem,auto) 1fr auto;gap:.45rem}
    .dashboard-page .mis-bar-label[b-46sxu16ywf]{flex:none;font-size:.76rem}
    .dashboard-page .mis-bar-value[b-46sxu16ywf]{min-width:0;font-size:.76rem}
}
@media(prefers-reduced-motion:reduce){
    .dashboard-page .mis-bar-fill[b-46sxu16ywf],
    .dashboard-page .today-kiosk-caret[b-46sxu16ywf],
    .dashboard-page .today-kiosk-toggle[b-46sxu16ywf]{transition:none}
}


/* Dashboard boot shell: intentionally CSS-only and dependency-free.
   It renders only while authenticationResolved == false and is removed immediately
   by the normal dashboard render; it never waits on timers or animations. */
.dashboard-loading-shell[b-46sxu16ywf]{
    min-height:clamp(18rem,58vh,36rem);
    display:grid;
    place-items:center;
    padding:1rem;
    direction:rtl;
    background:transparent;
}
.dashboard-loading-brand[b-46sxu16ywf]{
    display:grid;
    justify-items:center;
    gap:.45rem;
    max-width:22rem;
    text-align:center;
}
.dashboard-loading-logo[b-46sxu16ywf]{
    display:block;
    width:auto;
    max-width:min(13rem,58vw);
    height:auto;
    max-height:4.6rem;
    object-fit:contain;
}
.dashboard-loading-title[b-46sxu16ywf]{
    margin-top:.15rem;
    color:var(--ecom-primary,#5a4b86);
    font-size:1.45rem;
    font-weight:900;
    letter-spacing:.08em;
}
.dashboard-loading-subtitle[b-46sxu16ywf]{
    color:var(--ecom-muted,#7b8494);
    font-size:.78rem;
    font-weight:600;
    line-height:1.8;
}
.dashboard-loading-indicator[b-46sxu16ywf]{
    position:relative;
    display:block;
    width:8rem;
    height:.2rem;
    margin-top:.7rem;
    overflow:hidden;
    border-radius:999px;
    background:color-mix(in srgb,var(--ecom-primary,#5a4b86) 12%,transparent);
}
.dashboard-loading-indicator[b-46sxu16ywf]::after{
    position:absolute;
    inset-block:0;
    width:34%;
    content:"";
    border-radius:inherit;
    background:var(--ecom-primary,#5a4b86);
    animation:dashboard-loader-slide-b-46sxu16ywf 1.05s ease-in-out infinite;
}
@keyframes dashboard-loader-slide-b-46sxu16ywf{
    from{inset-inline-start:-34%}
    50%{inset-inline-start:42%}
    to{inset-inline-start:100%}
}
@media(prefers-reduced-motion:reduce){
    .dashboard-loading-indicator[b-46sxu16ywf]::after{animation:none;inset-inline-start:33%}
}
/* /Components/Pages/financial/BankingOperationsBrowser.razor.rz.scp.css */
.banking-browser[b-1tz4q6pcs9] { min-width: 0; }
.banking-tabs[b-1tz4q6pcs9] { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
.banking-tabs .nav-link[b-1tz4q6pcs9] { white-space: nowrap; color: #334155; padding: .75rem 1rem; }
.banking-tabs .nav-link.active[b-1tz4q6pcs9] { color: #0d6efd; font-weight: 700; border-top: 3px solid #0d6efd; }
.browser-toolbar[b-1tz4q6pcs9] { display: flex; align-items: center; gap: .5rem; padding: .65rem .75rem; border: 1px solid #dee2e6; border-bottom: 0; background: #fff; }
.browser-search[b-1tz4q6pcs9] { max-width: 25rem; margin-inline-end: auto; }
.browser-detail-tabs[b-1tz4q6pcs9] { gap: .35rem; padding: .75rem 1rem; border-bottom: 1px solid #dbe4ee; background: #fff; }
.browser-body[b-1tz4q6pcs9] { min-height: 24rem; border-start-start-radius: 0; border-start-end-radius: 0; }
.browser-body thead th[b-1tz4q6pcs9] { position: sticky; top: 0; z-index: 1; white-space: nowrap; background: #eef3f8; }
.browser-body td[b-1tz4q6pcs9] { white-space: nowrap; }
.browser-clickable-row[b-1tz4q6pcs9] { cursor: pointer; }
.browser-clickable-row:hover[b-1tz4q6pcs9] { background-color: #eff6ff; }
.browser-level-header[b-1tz4q6pcs9] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1rem; border-bottom: 1px solid #dbe4ee; background: #f8fafc; }
.banking-modal[b-1tz4q6pcs9] { background: rgba(15,23,42,.5); z-index: 1055; }
@media (max-width: 768px) {
    .banking-tabs .nav-link[b-1tz4q6pcs9] { padding: .625rem .75rem; font-size: .85rem; }
    .browser-body[b-1tz4q6pcs9] { min-height: 18rem; }
    .browser-toolbar[b-1tz4q6pcs9] { flex-wrap: wrap; }
    .browser-search[b-1tz4q6pcs9] { flex-basis: 100%; max-width: none; }
    .browser-level-header[b-1tz4q6pcs9] { align-items: flex-start; flex-direction: column-reverse; }
}
@media print {
    .banking-tabs[b-1tz4q6pcs9], .browser-toolbar[b-1tz4q6pcs9], .browser-level-header button[b-1tz4q6pcs9], .btn[b-1tz4q6pcs9] { display: none !important; }
    .browser-body[b-1tz4q6pcs9] { border: 0 !important; box-shadow: none !important; }
}
/* /Components/Pages/financial/Common/BankAccountsBalanceWithChart.razor.rz.scp.css */
/* موجودی حساب‌ها.

   چرا این فایل هست: مبلغ و مشخصات حساب در یک ردیف flex بوتاسترپ کنار هم بودند
   و هیچ‌کدام اجازه کوچک شدن نداشتند. فرزند flex به‌طور پیش‌فرض min-width:auto
   دارد، یعنی زیر عرض محتوایش کوچک نمی‌شود؛ با مبلغی مثل ۳۳,۰۸۹,۹۹۵,۲۸۲ و شماره
   حسابی هجده‌رقمی، ردیف از کارت بیرون می‌زد و عدد از لبه بریده می‌شد. */

.bank-account-head[b-1dbluch91i] {
    min-width: 0;
    gap: .75rem;
}

.bank-account-id[b-1dbluch91i] {
    min-width: 0;      /* اجازه کوچک شدن؛ همان چیزی که نبودش عدد را بیرون می‌انداخت */
    flex: 1 1 auto;
}

/* شماره حساب بلند است و فاصله ندارد، پس خودش نمی‌شکند و ردیف را پهن می‌کند. */
.bank-account-number[b-1dbluch91i] {
    overflow-wrap: anywhere;
    word-break: break-all;
}

.bank-account-amount[b-1dbluch91i] {
    min-width: 0;
    flex: 0 1 auto;
}

/* عدد با فاصله هزارگان جای شکستن ندارد؛ اجازه شکستن می‌دهیم تا به‌جای بیرون زدن
   به سطر بعد برود. */
.bank-account-amount .fs-5[b-1dbluch91i] {
    overflow-wrap: anywhere;
    line-height: 1.25;
}

/* روی گوشی ردیف را می‌شکنیم: نام و شماره حساب بالا، مبلغ زیرش با تمام عرض.
   کنار هم گذاشتنشان روی ۳۷۵ پیکسل یعنی هر دو بریده شوند. */
@media (max-width: 575.98px) {
    .bank-account-head[b-1dbluch91i] {
        flex-direction: column;
        align-items: stretch !important;
        gap: .5rem;
    }

    .bank-account-amount[b-1dbluch91i] {
        text-align: right !important;
    }

    .bank-account-amount .fs-5[b-1dbluch91i] {
        font-size: 1.15rem !important;
    }
}

/* جمع کل با کلاس display-6 خیلی بزرگ است و روی گوشی از کارت بیرون می‌زند. */
@media (max-width: 575.98px) {
    .display-6[b-1dbluch91i] {
        overflow-wrap: anywhere;
        font-size: clamp(1.35rem, 7vw, 2rem) !important;
    }
}
/* /Components/Pages/financial/Financial_FlowsList.razor.rz.scp.css */
.flow-row-even[b-gn07190fds] { background: #f8f9fa !important; }
.flow-row-odd[b-gn07190fds] { background: #fff !important; }
.flow-row-controlled[b-gn07190fds] { background: #d1ecf1 !important; }
.flow-row-cancelled[b-gn07190fds] { background: #f8d7da !important; color: #721c24 !important; text-decoration: line-through; opacity: .8; }
.flow-row-cancelled td[b-gn07190fds], .flow-row-cancelled a[b-gn07190fds] { color: #721c24 !important; }
.flow-row-cancelled .btn[b-gn07190fds] { opacity: .6; }
.flow-actions[b-gn07190fds] { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: .25rem; }
.flow-btn[b-gn07190fds] { min-width: 2rem; min-height: 2rem; display: inline-flex; justify-content: center; align-items: center; }
.table-responsive-custom[b-gn07190fds] { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.highlight-account[b-gn07190fds] { background-color: #fff3cd !important; }
.highlight-account.flow-row-cancelled[b-gn07190fds] { background: #f5c6cb !important; border-inline-start: 4px solid #dc3545; }
.summary-card[b-gn07190fds] { transition: transform .2s ease, box-shadow .2s ease; }
.summary-card:hover[b-gn07190fds] { transform: translateY(-2px); box-shadow: 0 .25rem .5rem rgba(0,0,0,.1); }
.banking-modal-backdrop[b-gn07190fds] { background: rgba(0,0,0,.45); z-index: 1055; }

@media (max-width: 768px) {
    .flow-actions[b-gn07190fds] { flex-wrap: wrap; }
    .table td[b-gn07190fds], .table th[b-gn07190fds] { padding: .5rem; font-size: .75rem; }
}

@media (prefers-reduced-motion: reduce) {
    .summary-card[b-gn07190fds] { transition: none; }
    .summary-card:hover[b-gn07190fds] { transform: none; }
}
/* /Components/Pages/financial/PaymentCreator.razor.rz.scp.css */
/* Canonical receipt/payment layout: no side-panel drift between financial screens. */
.container-fluid > .row:nth-of-type(2)[b-8nezqzbpuq] {
    flex-direction: column;
}

.container-fluid > .row:nth-of-type(2) > .col-md-8[b-8nezqzbpuq],
.container-fluid > .row:nth-of-type(2) > .col-md-4[b-8nezqzbpuq] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

/* Summary/actions are always visible before document details on standalone payment. */
.container-fluid > .row:nth-of-type(2) > .col-md-4[b-8nezqzbpuq] {
    order: -1;
    margin-bottom: 1rem;
}

.container-fluid > .row:nth-of-type(2) > .col-md-4 .sticky-top[b-8nezqzbpuq] {
    position: static !important;
    top: auto !important;
}

/* The method toolbar belongs above the registered method rows, never below them. */
.container-fluid > .row:nth-of-type(2) > .col-md-8 > .card:nth-of-type(2) > .card-body[b-8nezqzbpuq] {
    display: flex;
    flex-direction: column;
}

.container-fluid > .row:nth-of-type(2) > .col-md-8 > .card:nth-of-type(2) > .card-body > .d-flex.gap-2.mt-3.flex-wrap[b-8nezqzbpuq] {
    order: -1;
    margin-top: 0 !important;
    margin-bottom: 1rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

@media (max-width: 767.98px) {
    .container-fluid[b-8nezqzbpuq] {
        padding-inline: .5rem;
    }

    .container-fluid > .row:nth-of-type(2) > .col-md-4[b-8nezqzbpuq],
    .container-fluid > .row:nth-of-type(2) > .col-md-8[b-8nezqzbpuq] {
        padding-inline: 0;
    }
}
/* /Components/Pages/financial/Pos/POSSettlementCreate.razor.rz.scp.css */
.pos-settlement-page[b-2ryopguoxf]{max-width:1500px;margin-inline:auto}.pos-settlement-page thead th[b-2ryopguoxf]{white-space:nowrap;background:#eef3f8}.pos-settlement-page td[b-2ryopguoxf]{white-space:nowrap}.pos-settlement-page .card[b-2ryopguoxf]{border:1px solid #e1e7ef;border-radius:14px;overflow:hidden}@media(max-width:768px){.pos-settlement-page[b-2ryopguoxf]{padding-inline:.35rem}}
/* /Components/Pages/financial/Pos/POSSettlementList.razor.rz.scp.css */
.pos-settlement-list[b-e2ftg97axf]{max-width:1500px;margin-inline:auto}.pos-settlement-list .card[b-e2ftg97axf]{border:1px solid #e1e7ef;border-radius:14px;overflow:hidden}.pos-settlement-list thead th[b-e2ftg97axf],.pos-settlement-list td[b-e2ftg97axf]{white-space:nowrap}.pos-settlement-list thead th[b-e2ftg97axf]{background:#eef3f8}.cancel-modal[b-e2ftg97axf]{background:rgba(15,23,42,.55);z-index:1060}
/* /Components/Pages/financial/ReceiptCreate.razor.rz.scp.css */
/* Canonical receipt/payment layout: receipt editor is full-width and no longer split into a side panel. */
.container-fluid > .row:nth-of-type(2)[b-ufezw1aszq] {
    flex-direction: column;
}

.container-fluid > .row:nth-of-type(2) > .col-md-8[b-ufezw1aszq],
.container-fluid > .row:nth-of-type(2) > .col-md-4[b-ufezw1aszq] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

.container-fluid > .row:nth-of-type(2) > .col-md-4[b-ufezw1aszq] {
    margin-top: 1rem;
}

@media (max-width: 767.98px) {
    .container-fluid[b-ufezw1aszq] {
        padding-inline: .5rem;
    }

    .container-fluid > .row:nth-of-type(2) > .col-md-4[b-ufezw1aszq],
    .container-fluid > .row:nth-of-type(2) > .col-md-8[b-ufezw1aszq] {
        padding-inline: 0;
    }
}
/* /Components/Pages/financial/Receipt/CashReceipt.razor.rz.scp.css */
/* این فایل زمانی کادر مبلغ دریافت نقدی را قفل می‌کرد:

       ::deep .numeric-input-wrapper input { pointer-events: none; user-select: none; ... }

   با توضیح «مبلغ از مانده فاکتور می‌آید؛ صندوق‌دار نباید عوضش کند».

   ولی دقیقاً همین کار پرداخت ترکیبی را غیرممکن می‌کرد. کل معنای ترکیبی این
   است که بخشی نقد گرفته شود و مانده از راه دیگری: صندوق‌دار باید بتواند
   بنویسد ۵۰۰٬۰۰۰، ثبت کند، و بعد ۷۰۰٬۰۰۰ باقیمانده را روی کارت‌خوان ببرد.

   pointer-events:none هم بدترین شکل ممکن بود، چون کادر عادی به نظر می‌رسید —
   نه خاکستری بود نه readonly — و کلیک اصلاً به آن نمی‌رسید. هیچ رویدادی شلیک
   نمی‌شد و هیچ چیز روی صفحه نمی‌گفت چرا. اندازه گرفتم: کلیک روی مرکز کادر به
   div بیرونی می‌خورد و فوکوس روی خودِ مودال می‌ماند.

   مبلغ همچنان با مانده پیش‌نویس می‌شود؛ فقط دیگر تغییرش ممنوع نیست. سقف و کف
   را NumericInput نگه می‌دارد و «مبلغ هدف / دریافت‌شده / باقی‌مانده» بالای
   همان پنجره جمع را کنترل می‌کند. */
/* /Components/Pages/financial/Reports/CustomersBalanceReport.razor.rz.scp.css */
/* Scoped: these rules used to be a global <style>; its ".modal { display: block }"
   turned every hidden modal of the open tabs into an invisible full-screen layer
   that swallowed all clicks, so the whole app looked frozen on this page. */
.table th[b-mjcw5xxxig], .table td[b-mjcw5xxxig] {
    vertical-align: middle;
}

.table-danger[b-mjcw5xxxig] {
    background-color: #fff5f5 !important;
}

.table-success[b-mjcw5xxxig] {
    background-color: #f0fff4 !important;
}

.text-danger[b-mjcw5xxxig] {
    color: #dc3545 !important;
}

.text-success[b-mjcw5xxxig] {
    color: #198754 !important;
}

.text-secondary[b-mjcw5xxxig] {
    color: #6c757d !important;
}

.bg-danger[b-mjcw5xxxig] {
    background-color: #dc3545 !important;
}

.bg-success[b-mjcw5xxxig] {
    background-color: #198754 !important;
}

.bg-secondary[b-mjcw5xxxig] {
    background-color: #6c757d !important;
}

.badge[b-mjcw5xxxig] {
    font-size: 0.7rem;
    padding: 3px 8px;
}

.progress[b-mjcw5xxxig] {
    background-color: #e9ecef;
    border-radius: 0.375rem;
}

.progress-bar[b-mjcw5xxxig] {
    transition: width 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}

tbody tr[b-mjcw5xxxig] {
    animation: fadeIn-b-mjcw5xxxig 0.2s ease-in;
}

@keyframes fadeIn-b-mjcw5xxxig {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.position-sticky[b-mjcw5xxxig] {
    position: sticky;
    z-index: 1;
}

th[b-mjcw5xxxig] {
    user-select: none;
    white-space: nowrap;
}

.card-header[b-mjcw5xxxig] {
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.table-responsive[b-mjcw5xxxig] {
    scrollbar-width: thin;
}

.fw-bold[b-mjcw5xxxig] {
    font-weight: 700 !important;
}

.fs-5[b-mjcw5xxxig] {
    font-size: 1.1rem !important;
}
/* /Components/Pages/financial/Reports/Parties360.razor.rz.scp.css */
/* Party 360 list: buyers and suppliers side by side, never merged. */

.parties360[b-doj6i851lj] {
    --p360-line: var(--ecom-line, #e1e5ec);
    --p360-muted: var(--ecom-muted, #697586);
    --p360-primary: var(--ecom-primary, #5a4b86);
    --p360-debit: var(--ecom-danger, #bd4a55);
    --p360-credit: var(--ecom-success, #278269);

    padding: .5rem;
}

.p360-header[b-doj6i851lj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: .9rem;
}

.p360-header h3[b-doj6i851lj] { margin: 0; font-weight: 800; }
.p360-header p[b-doj6i851lj] { margin: .25rem 0 0; color: var(--p360-muted); font-size: .88rem; }

.p360-tools[b-doj6i851lj] { display: flex; align-items: end; gap: .5rem; }
.p360-tools label[b-doj6i851lj] { display: flex; flex-direction: column; gap: .2rem; }
.p360-tools span[b-doj6i851lj] { font-size: .78rem; color: var(--p360-muted); font-weight: 700; }

.p360-state[b-doj6i851lj] {
    padding: 2rem;
    text-align: center;
    color: var(--p360-muted);
}

.p360-summary[b-doj6i851lj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    gap: .6rem;
    margin-bottom: .9rem;
}

.sum-card[b-doj6i851lj] {
    display: flex;
    flex-direction: column;
    gap: .15rem;
    padding: .75rem .9rem;
    border: 1px solid var(--p360-line);
    border-radius: .6rem;
    background: var(--ecom-surface, #fff);
}

.sum-card span[b-doj6i851lj] { font-size: .8rem; color: var(--p360-muted); font-weight: 700; }
.sum-card strong[b-doj6i851lj] { font-size: 1.25rem; font-weight: 800; }
.sum-card small[b-doj6i851lj] { color: var(--p360-muted); font-size: .76rem; }
.sum-card.is-receivable strong[b-doj6i851lj] { color: var(--p360-debit); }
.sum-card.is-payable strong[b-doj6i851lj] { color: var(--p360-credit); }

/* The two panels stay side by side while there is room, and stack rather than
   squeeze, because a balance column that wraps is worse than scrolling. */
.p360-columns[b-doj6i851lj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(26rem, 1fr));
    gap: .6rem;
    align-items: start;
}

.p360-panel[b-doj6i851lj] {
    border: 1px solid var(--p360-line);
    border-radius: .6rem;
    background: var(--ecom-surface, #fff);
    overflow: hidden;
}

.panel-head[b-doj6i851lj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    padding: .6rem .75rem;
    background: var(--ecom-bg, #f4f6f9);
    border-bottom: 1px solid var(--p360-line);
}

.panel-head h4[b-doj6i851lj] { margin: 0; font-size: .95rem; font-weight: 800; }
.panel-head input[b-doj6i851lj] { max-width: 15rem; }

.panel-empty[b-doj6i851lj] { padding: 1.5rem .75rem; text-align: center; color: var(--p360-muted); margin: 0; }

.panel-table-wrap[b-doj6i851lj] { max-height: 32rem; overflow-y: auto; }
.panel-table-wrap thead th[b-doj6i851lj] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--ecom-surface, #fff);
    border-bottom: 1px solid var(--p360-line);
    font-size: .8rem;
}

.party-row[b-doj6i851lj] { cursor: pointer; }
.party-row:hover[b-doj6i851lj] { background: var(--ecom-primary-soft, #f1eef8); }

.is-debit[b-doj6i851lj] { color: var(--p360-debit); font-weight: 800; }
.is-credit[b-doj6i851lj] { color: var(--p360-credit); font-weight: 800; }

.p360-links[b-doj6i851lj] { margin-top: .7rem; }
.p360-links a[b-doj6i851lj] { color: var(--p360-primary); font-size: .85rem; font-weight: 700; text-decoration: none; }
.p360-links a:hover[b-doj6i851lj] { text-decoration: underline; }

.badge-dual[b-doj6i851lj] {
    display: inline-block;
    margin-inline-start: .3rem;
    padding: 0 .35rem;
    border-radius: 999px;
    background: var(--ecom-primary-soft, #f1eef8);
    color: var(--p360-primary);
    font-size: .68rem;
    font-weight: 800;
}
/* /Components/Pages/financial/Reports/Party360.razor.rz.scp.css */
/* Financial 360 of one party. */

.party360[b-stc45bruib] {
    --p-line: var(--ecom-line, #e1e5ec);
    --p-muted: var(--ecom-muted, #697586);
    --p-primary: var(--ecom-primary, #5a4b86);
    --p-debit: var(--ecom-danger, #bd4a55);
    --p-credit: var(--ecom-success, #278269);
    --p-warn: var(--ecom-warning, #b77b24);

    padding: .5rem;
}

.p-state[b-stc45bruib] { padding: 2.5rem; text-align: center; color: var(--p-muted); }

.p-header[b-stc45bruib] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    padding-bottom: .8rem;
    border-bottom: 1px solid var(--p-line);
    margin-bottom: .8rem;
}

.back-link[b-stc45bruib] { font-size: .82rem; color: var(--p-primary); text-decoration: none; font-weight: 700; }
.back-link:hover[b-stc45bruib] { text-decoration: underline; }
.p-header h3[b-stc45bruib] { margin: .3rem 0 .25rem; font-weight: 800; }

.p-meta[b-stc45bruib] { display: flex; gap: .75rem; flex-wrap: wrap; align-items: center; font-size: .82rem; color: var(--p-muted); }

.role-tag[b-stc45bruib] {
    padding: .05rem .45rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 800;
}
.role-tag.is-buyer[b-stc45bruib] { background: var(--ecom-primary-soft, #f1eef8); color: var(--p-primary); }
.role-tag.is-supplier[b-stc45bruib] { background: #f2faf6; color: var(--p-credit); }

.p-balance[b-stc45bruib] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .1rem;
    padding: .6rem .9rem;
    border: 1px solid var(--p-line);
    border-radius: .6rem;
    background: var(--ecom-surface, #fff);
    min-width: 12rem;
}
.p-balance span[b-stc45bruib] { font-size: .8rem; color: var(--p-muted); font-weight: 700; }
.p-balance strong[b-stc45bruib] { font-size: 1.6rem; font-weight: 800; }
.p-balance small[b-stc45bruib] { color: var(--p-muted); font-size: .74rem; }
.p-balance.is-debit strong[b-stc45bruib] { color: var(--p-debit); }
.p-balance.is-credit strong[b-stc45bruib] { color: var(--p-credit); }

.p-totals[b-stc45bruib] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: .5rem;
    margin-bottom: .8rem;
}
.p-totals > div[b-stc45bruib] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    padding: .55rem .75rem;
    border: 1px solid var(--p-line);
    border-radius: .5rem;
    background: var(--ecom-surface, #fff);
}
.p-totals span[b-stc45bruib] { font-size: .76rem; color: var(--p-muted); font-weight: 700; }
.p-totals strong[b-stc45bruib] { font-size: 1.05rem; font-weight: 800; }

.p-grid[b-stc45bruib] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    gap: .6rem;
    align-items: start;
}

.p-card[b-stc45bruib] {
    border: 1px solid var(--p-line);
    border-radius: .6rem;
    background: var(--ecom-surface, #fff);
    padding: .7rem .8rem;
}
.p-card h4[b-stc45bruib] { margin: 0 0 .5rem; font-size: .95rem; font-weight: 800; }
.card-empty[b-stc45bruib] { margin: 0; padding: 1rem 0; text-align: center; color: var(--p-muted); font-size: .86rem; }
.card-note[b-stc45bruib] { display: block; margin-top: .3rem; color: var(--p-muted); font-size: .74rem; }
.card-scroll[b-stc45bruib] { max-height: 20rem; overflow-y: auto; }
.card-scroll thead th[b-stc45bruib] { position: sticky; top: 0; background: var(--ecom-surface, #fff); z-index: 1; font-size: .78rem; }

.p-card table[b-stc45bruib] { margin: 0; font-size: .86rem; }
.p-card tr.is-old td[b-stc45bruib] { color: var(--p-warn); font-weight: 800; }
.p-card tr.is-total td[b-stc45bruib] { border-top: 2px solid var(--p-line); font-weight: 800; }
.p-card tr.is-overdue td[b-stc45bruib] { background: #fffaf0; }
.p-card tr.is-bounced td[b-stc45bruib] { background: #fff5f6; color: var(--p-debit); font-weight: 700; }
.is-remaining[b-stc45bruib] { color: var(--p-debit); font-weight: 800; }

.activity-list[b-stc45bruib] { list-style: none; margin: 0; padding: 0; }
.activity-list li[b-stc45bruib] {
    display: grid;
    grid-template-columns: 6.5rem 1fr auto;
    gap: .5rem;
    align-items: baseline;
    padding: .35rem 0;
    border-bottom: 1px solid var(--p-line);
    font-size: .86rem;
}
.activity-list li:last-child[b-stc45bruib] { border-bottom: 0; }
.a-date[b-stc45bruib] { color: var(--p-muted); font-size: .8rem; }
.a-amount[b-stc45bruib] { font-weight: 800; }

.p-links[b-stc45bruib] { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .8rem; }
/* /Components/Pages/Inv/BarcodeLabels.razor.rz.scp.css */
.bl-page .card-header[b-hg2sgjxgxh] {
    background: #f8fafc;
}

.bl-results[b-hg2sgjxgxh] {
    max-height: 16rem;
    overflow-y: auto;
    border: 1px solid #e4e7ec;
    border-radius: .5rem;
}

.bl-lines td[b-hg2sgjxgxh],
.bl-lines th[b-hg2sgjxgxh] {
    white-space: nowrap;
}

.bl-lines td:nth-child(2)[b-hg2sgjxgxh] {
    white-space: normal;
    min-width: 10rem;
}

.bl-sticky[b-hg2sgjxgxh] {
    position: sticky;
    top: .75rem;
}

.bl-options .form-check[b-hg2sgjxgxh] {
    margin-bottom: .15rem;
}

@media (max-width: 1199.98px) {
    .bl-sticky[b-hg2sgjxgxh] {
        position: static;
    }
}
/* /Components/Pages/Inv/BaseInfo/GoodsList.razor.rz.scp.css */
.goods-page[b-tcvv0pghzo]{direction:rtl;padding-inline:0}.goods-page>.row[b-tcvv0pghzo]{margin-inline:0}.goods-page>.row>[class*=col-][b-tcvv0pghzo]{padding-inline:0}.goods-control-card[b-tcvv0pghzo],.goods-table-card[b-tcvv0pghzo]{overflow:hidden;border:1px solid #e4e7ee;border-radius:1rem;box-shadow:0 .45rem 1.4rem rgba(30,41,59,.07)}.goods-page-header[b-tcvv0pghzo]{min-height:4.35rem;padding:.85rem 1.25rem;border:0;color:#fff;background:linear-gradient(135deg,#4f6fe7,#6d5a9e)}.goods-page-header h5[b-tcvv0pghzo]{font-size:1.15rem;font-weight:800}.goods-header-actions[b-tcvv0pghzo]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.goods-header-actions .btn[b-tcvv0pghzo]{min-height:2.65rem;margin:0!important;padding:.45rem .9rem;border:0;border-radius:.66rem;font-size:.78rem;font-weight:750}.goods-header-actions .btn-info[b-tcvv0pghzo]{color:#315f59;background:#dff3ef}.goods-header-actions .btn-light[b-tcvv0pghzo]{color:#514478;background:#fff}.goods-header-actions .btn-primary[b-tcvv0pghzo]{color:#fff;background:#8a5a3b}.goods-header-actions .btn-success[b-tcvv0pghzo]{color:#fff;background:#16856f}
.goods-filter-wrap[b-tcvv0pghzo]{padding:1.2rem 1.25rem}.goods-filter-grid[b-tcvv0pghzo]{display:grid;grid-template-columns:minmax(16rem,1.35fr) repeat(3,minmax(10rem,.85fr)) minmax(12rem,1fr);gap:.85rem;margin:0;align-items:end}.goods-filter-grid>div[b-tcvv0pghzo]{width:auto;padding:0}.goods-filter-grid .form-label[b-tcvv0pghzo]{margin-bottom:.45rem;color:#334155;font-size:.8rem;font-weight:750}.goods-filter-grid .form-control[b-tcvv0pghzo],.goods-filter-grid .form-select[b-tcvv0pghzo]{min-height:2.9rem;padding-inline:.9rem;border:1px solid #d9dee8;border-radius:.7rem;background:#fbfcfe;box-shadow:none}.goods-filter-grid .btn[b-tcvv0pghzo]{min-height:2.9rem;border-radius:.7rem;font-weight:750}.goods-filter-grid .btn-primary[b-tcvv0pghzo]{color:#fff;border:0;background:linear-gradient(135deg,#62548f,#514478)}.goods-filter-grid .btn-outline-secondary[b-tcvv0pghzo]{width:2.9rem;min-width:2.9rem;color:#64748b;border-color:#d9dee8;background:#fff}
.goods-summary-wrap[b-tcvv0pghzo]{padding:1rem 1.25rem;background:#f8f9fc}.goods-summary-grid[b-tcvv0pghzo]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(13rem,1.35fr);gap:.7rem;margin:0}.goods-summary-grid>div[b-tcvv0pghzo]{display:flex;width:auto;min-height:5rem;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.8rem 1rem;border:1px solid #e6e8ef;border-radius:.75rem;background:#fff;text-align:center}.goods-summary-grid small[b-tcvv0pghzo]{color:#64748b!important;font-size:.77rem}.goods-summary-grid strong[b-tcvv0pghzo]{color:#27364d;font-size:1.02rem;line-height:1.5}.goods-summary-grid>div:last-child strong[b-tcvv0pghzo]{font-size:.86rem}.goods-table-card[b-tcvv0pghzo]{margin-top:.1rem}.goods-table[b-tcvv0pghzo]{min-width:1050px;vertical-align:middle}.goods-table thead th[b-tcvv0pghzo]{padding:1rem .85rem;color:#27364d;border-bottom:1px solid #d8dee8;background:#f7f8fb;font-size:.82rem;font-weight:800;white-space:nowrap}.goods-table tbody td[b-tcvv0pghzo]{padding:.8rem .85rem;color:#344054;border-color:#edf0f4;font-size:.84rem}.goods-table tbody tr:hover td[b-tcvv0pghzo]{background:#faf9fd}.goods-table code[b-tcvv0pghzo]{display:inline-block;min-width:2rem;padding:.22rem .45rem;color:#65538d;border-radius:.45rem;background:#f1eef8;font-size:.78rem;font-weight:750;text-align:center}.goods-table .badge[b-tcvv0pghzo]{padding:.32rem .52rem;border-radius:.45rem;font-size:.7rem;font-weight:750}.goods-table .btn-group[b-tcvv0pghzo]{display:flex;gap:.35rem}.goods-table .btn-group .btn[b-tcvv0pghzo]{min-height:2.2rem;padding:.38rem .58rem;border:1px solid transparent;border-radius:.55rem!important;font-size:.72rem;font-weight:750}.goods-table .btn-warning[b-tcvv0pghzo]{color:#866620;border-color:#eadcb8!important;background:#fffaf0}.goods-table .btn-danger[b-tcvv0pghzo]{color:#b54b53;border-color:#efd5d8!important;background:#fff7f7}.goods-table-card .card-footer[b-tcvv0pghzo]{padding:.85rem 1rem;border-top:1px solid #e7eaf0;background:#fff}
@media(max-width:1300px){.goods-filter-grid[b-tcvv0pghzo]{grid-template-columns:repeat(3,minmax(0,1fr))}.goods-summary-grid[b-tcvv0pghzo]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.goods-page-header[b-tcvv0pghzo]{align-items:flex-start!important;gap:.75rem}.goods-filter-grid[b-tcvv0pghzo],.goods-summary-grid[b-tcvv0pghzo]{grid-template-columns:1fr}.goods-header-actions[b-tcvv0pghzo]{width:100%}.goods-header-actions .btn[b-tcvv0pghzo]{flex:1 1 calc(50% - .5rem)}}
.goods-list-toolbar[b-tcvv0pghzo]{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid #e7eaf0;background:#fff}.goods-page-size[b-tcvv0pghzo]{display:flex;flex-direction:column;gap:.4rem;min-width:11.5rem}.goods-page-size label[b-tcvv0pghzo]{color:#475467;font-size:.78rem;font-weight:750}.goods-page-size .form-select[b-tcvv0pghzo]{min-height:2.55rem;padding-left:2.4rem;padding-right:.85rem;border:1px solid #d9dee8;border-radius:.65rem;background-color:#fbfcfe;background-position:left .8rem center;cursor:pointer}.goods-range-summary[b-tcvv0pghzo],.goods-pagination-summary[b-tcvv0pghzo]{color:#667085;font-size:.78rem;font-weight:600}.goods-pagination-bar[b-tcvv0pghzo]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.goods-pagination-bar nav[b-tcvv0pghzo]{margin-inline:auto}.goods-pagination-bar .pagination[b-tcvv0pghzo]{display:flex;gap:.3rem;direction:rtl}.goods-pagination-bar .page-link[b-tcvv0pghzo]{display:flex;align-items:center;justify-content:center;min-width:2.35rem;height:2.35rem;padding:.35rem .55rem;color:#514478;border:1px solid #e1e4eb;border-radius:.55rem!important;background:#fff;font-weight:700;box-shadow:none}.goods-pagination-bar .page-item.active .page-link[b-tcvv0pghzo]{color:#fff;border-color:#5d55a0;background:linear-gradient(135deg,#5c6ee0,#65518f)}.goods-pagination-bar .page-item.disabled .page-link[b-tcvv0pghzo]{color:#a6adba;background:#f5f6f8}.goods-pagination-bar .page-link:hover:not(:disabled)[b-tcvv0pghzo]{border-color:#9c92bf;background:#f4f1fa}
@media(max-width:760px){.goods-list-toolbar[b-tcvv0pghzo]{align-items:stretch;flex-direction:column}.goods-page-size[b-tcvv0pghzo]{width:100%}.goods-pagination-bar[b-tcvv0pghzo]{flex-direction:column}.goods-pagination-bar nav[b-tcvv0pghzo]{max-width:100%;overflow-x:auto;margin:0}.goods-pagination-summary[b-tcvv0pghzo]{text-align:center}}
/* /Components/Pages/Inv/BaseInfo/GroupManagement.razor.rz.scp.css */
.category-page[b-6pr6bfmqxf]{direction:rtl;padding-inline:0}.category-page>.row[b-6pr6bfmqxf]{margin-inline:0}.category-page>.row>[class*=col-][b-6pr6bfmqxf]{padding-inline:0}.category-control-card[b-6pr6bfmqxf],.category-tree-card[b-6pr6bfmqxf]{overflow:hidden;border:1px solid #e4e7ee;border-radius:1rem;box-shadow:0 .45rem 1.4rem rgba(30,41,59,.07)}
.category-page-header[b-6pr6bfmqxf]{min-height:4.25rem;padding:.85rem 1.25rem;border:0;color:#fff;background:linear-gradient(135deg,#4f6fe7,#6d5a9e)}.category-page-header h5[b-6pr6bfmqxf]{font-size:1.15rem;font-weight:800}.category-header-actions[b-6pr6bfmqxf]{display:flex;align-items:center;gap:.55rem}.category-header-actions .btn[b-6pr6bfmqxf]{min-height:2.7rem;margin:0!important;padding-inline:1rem;border:0;border-radius:.7rem;font-size:.8rem;font-weight:750}.category-header-actions .btn-success[b-6pr6bfmqxf]{background:#16856f}.category-header-actions .btn-secondary[b-6pr6bfmqxf]{color:#514478;background:#fff}
.category-filter-wrap[b-6pr6bfmqxf]{padding:1.25rem}.category-filter-grid[b-6pr6bfmqxf]{display:grid;grid-template-columns:minmax(15rem,1.35fr) repeat(2,minmax(11rem,1fr)) minmax(12rem,.85fr);gap:1rem;margin:0;align-items:end}.category-filter-grid>div[b-6pr6bfmqxf]{width:auto;padding:0}.category-filter-grid .form-label[b-6pr6bfmqxf]{margin-bottom:.45rem;color:#334155;font-size:.82rem;font-weight:750}.category-filter-grid .form-control[b-6pr6bfmqxf],.category-filter-grid .form-select[b-6pr6bfmqxf]{min-height:2.9rem;padding-inline:1rem;border:1px solid #d9dee8;border-radius:.7rem;background:#fbfcfe;box-shadow:none}.category-filter-grid .btn[b-6pr6bfmqxf]{min-height:2.9rem;border-radius:.7rem;font-weight:750}.category-filter-grid .btn-primary[b-6pr6bfmqxf]{border:0;background:linear-gradient(135deg,#62548f,#514478)}.category-filter-grid .btn-outline-secondary[b-6pr6bfmqxf]{width:2.9rem;min-width:2.9rem;color:#64748b;border-color:#d9dee8;background:#fff}
.category-summary-wrap[b-6pr6bfmqxf]{padding:1rem 1.25rem;background:#f8f9fc}.category-summary-grid[b-6pr6bfmqxf]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(13rem,1.35fr);gap:.75rem;margin:0}.category-summary-grid>div[b-6pr6bfmqxf]{display:flex;width:auto;min-height:5.25rem;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.9rem 1.1rem;border:1px solid #e6e8ef;border-radius:.75rem;background:#fff;text-align:center}.category-summary-grid small[b-6pr6bfmqxf]{color:#64748b!important;font-size:.78rem}.category-summary-grid strong[b-6pr6bfmqxf]{color:#27364d;font-size:1.05rem;line-height:1.6}.category-summary-grid>div:last-child strong[b-6pr6bfmqxf]{font-size:.87rem}.category-tree-list[b-6pr6bfmqxf]{display:grid;gap:.65rem;padding:1.1rem}
@media(max-width:1200px){.category-filter-grid[b-6pr6bfmqxf]{grid-template-columns:repeat(2,minmax(0,1fr))}.category-summary-grid[b-6pr6bfmqxf]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.category-page-header[b-6pr6bfmqxf]{align-items:flex-start!important;gap:.75rem}.category-header-actions[b-6pr6bfmqxf]{flex-wrap:wrap}.category-filter-grid[b-6pr6bfmqxf],.category-summary-grid[b-6pr6bfmqxf]{grid-template-columns:1fr}}
.category-filter-grid .btn[b-6pr6bfmqxf]{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.category-button-icon[b-6pr6bfmqxf]{display:block;width:1.05rem;height:1.05rem;flex:0 0 auto}
.category-filter-grid .form-select[b-6pr6bfmqxf]{padding-left:2.65rem;padding-right:1rem;background-position:left 1rem center;background-size:.85rem .65rem;cursor:pointer}
/* /Components/Pages/Inv/Common/AttributeEditor.razor.rz.scp.css */
.ae[b-tc0v9m59lm] {
    padding: .9rem;
    border: 1px solid #c7d2fe;
    border-radius: .75rem;
    background: #fbfbff;
}

.ae-label[b-tc0v9m59lm] {
    display: block;
    margin-bottom: .25rem;
    font-size: .75rem;
    font-weight: 700;
    color: #344054;
}

.ae-hint[b-tc0v9m59lm] { font-size: .72rem; color: #667085; }

.ae-kinds[b-tc0v9m59lm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr));
    gap: .4rem;
}

.ae-kind[b-tc0v9m59lm] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .1rem;
    padding: .45rem .6rem;
    border: 1px solid #d0d5dd;
    border-radius: .6rem;
    background: #fff;
    color: #101828;
    text-align: start;
}

.ae-kind strong[b-tc0v9m59lm] { font-size: .8rem; }
.ae-kind small[b-tc0v9m59lm] { font-size: .68rem; color: #667085; }
.ae-kind:hover:not(:disabled)[b-tc0v9m59lm] { border-color: #4f46e5; }
.ae-kind.on[b-tc0v9m59lm] { border-color: #4f46e5; background: #eef2ff; box-shadow: 0 0 0 2px rgba(79, 70, 229, .15); }
.ae-kind:disabled[b-tc0v9m59lm] { opacity: .45; cursor: not-allowed; }

.ae-range[b-tc0v9m59lm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(4.5rem, 7rem)) auto;
    gap: .5rem;
    margin-top: .6rem;
}

.ae-values[b-tc0v9m59lm] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    min-height: 2rem;
    padding: .4rem;
    border: 1px dashed #d0d5dd;
    border-radius: .6rem;
    background: #fff;
}

.ae-value[b-tc0v9m59lm] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .15rem .25rem .15rem .55rem;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    background: #f9fafb;
    font-size: .78rem;
    font-weight: 600;
    color: #101828;
}

.ae-x[b-tc0v9m59lm] {
    display: inline-grid;
    place-items: center;
    width: 1.15rem;
    height: 1.15rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #667085;
}

.ae-x:hover[b-tc0v9m59lm] { background: #fee4e2; color: #b42318; }

.ae-swatch[b-tc0v9m59lm] {
    width: 1.1rem;
    height: 1.1rem;
    padding: 0;
    border: 1px solid #d0d5dd;
    border-radius: 50%;
    background: none;
    cursor: pointer;
}

.ae-swatch.lg[b-tc0v9m59lm] { width: 2rem; height: 1.9rem; border-radius: .4rem; }

.ae-add[b-tc0v9m59lm] { display: flex; gap: .35rem; margin-top: .4rem; }

.ae-actions[b-tc0v9m59lm] { display: flex; gap: .4rem; margin-top: .8rem; }
/* /Components/Pages/Inv/Common/CategoryAttributeSelector.razor.rz.scp.css */
.cas[b-vn079pip1s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13.5rem, 1fr));
    gap: .4rem;
}

.cas-empty[b-vn079pip1s] { grid-column: 1 / -1; font-size: .78rem; color: #667085; }

.cas-item[b-vn079pip1s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
    padding: .4rem .55rem;
    border: 1px solid #e4e7ec;
    border-radius: .6rem;
    background: #fff;
}

.cas-item.on[b-vn079pip1s] { border-color: #4f46e5; background: #eef2ff; }

.cas-main[b-vn079pip1s] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin: 0;
    cursor: pointer;
    min-width: 0;
}

.cas-name[b-vn079pip1s] { font-size: .82rem; font-weight: 700; color: #101828; white-space: nowrap; }
.cas-kind[b-vn079pip1s] { font-size: .68rem; color: #667085; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.cas-variant[b-vn079pip1s] {
    flex-shrink: 0;
    padding: .1rem .45rem;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    background: #fff;
    color: #475467;
    font-size: .68rem;
    font-weight: 700;
}

.cas-variant.on[b-vn079pip1s] { border-color: #4f46e5; background: #4f46e5; color: #fff; }
/* /Components/Pages/Inv/Common/CategoryTreeNodeView.razor.rz.scp.css */
.category-node[b-fpin0i0309]{position:relative}.category-children[b-fpin0i0309]{display:grid;gap:.55rem;margin-top:.55rem;margin-inline-start:1.35rem;padding-inline-start:1rem;border-inline-start:2px solid #e5e1ef}.category-item[b-fpin0i0309]{padding:.8rem 1rem;border:1px solid #e4e7ee;border-radius:.8rem;background:#fff;transition:.18s}.category-item:hover[b-fpin0i0309]{border-color:#cbc4df;box-shadow:0 .35rem 1rem rgba(39,54,77,.07);transform:translateY(-1px)}.category-row-grid[b-fpin0i0309]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.category-identity[b-fpin0i0309]{display:flex;min-width:0;align-items:center;gap:.7rem;cursor:pointer}.category-expand-button[b-fpin0i0309],.category-expand-placeholder[b-fpin0i0309]{width:2.25rem;height:2.25rem;flex:0 0 2.25rem}.category-expand-button[b-fpin0i0309]{display:grid;place-items:center;padding:0;color:#5c4e86;border:1px solid #ddd8ea;border-radius:.62rem;background:#f5f2fa;font-size:1.15rem;font-weight:700}.category-folder[b-fpin0i0309]{display:grid;width:2.25rem;height:2.25rem;flex:0 0 2.25rem;place-items:center;color:#8b6c23;border-radius:.62rem;background:#fff6df}.category-folder svg[b-fpin0i0309]{width:1.15rem;height:1.15rem}.category-name-wrap[b-fpin0i0309]{display:flex;min-width:0;align-items:center;gap:.65rem}.category-name[b-fpin0i0309]{overflow:hidden;color:#27364d;font-size:.95rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.category-count[b-fpin0i0309]{min-width:2rem;padding:.18rem .48rem;color:#514478;border-radius:999px;background:#eeeaf7;font-size:.72rem;font-weight:800;text-align:center}.category-actions[b-fpin0i0309]{display:flex;align-items:center;gap:.4rem}.category-action-button[b-fpin0i0309]{display:inline-flex;min-height:2.35rem;align-items:center;gap:.4rem;padding:.45rem .65rem;border:1px solid transparent;border-radius:.58rem;background:#fff;font-size:.76rem;font-weight:750;white-space:nowrap}.category-action-button svg[b-fpin0i0309]{width:.95rem;height:.95rem}.category-action-add[b-fpin0i0309]{color:#277363;border-color:#cce5df;background:#f2faf8}.category-action-edit[b-fpin0i0309]{color:#866620;border-color:#eadcb8;background:#fffaf0}.category-action-delete[b-fpin0i0309]{color:#b54b53;border-color:#efd5d8;background:#fff7f7}@media(max-width:720px){.category-row-grid[b-fpin0i0309]{grid-template-columns:1fr}.category-actions[b-fpin0i0309]{padding-inline-start:2.95rem;flex-wrap:wrap}.category-action-button[b-fpin0i0309]{flex:1 1 auto}.category-children[b-fpin0i0309]{margin-inline-start:.65rem;padding-inline-start:.65rem}}
.category-count[b-fpin0i0309]{white-space:nowrap}.category-count-sub[b-fpin0i0309]{color:#277363;background:#e8f5f1}
/* /Components/Pages/Inv/Common/CustomerCrmSummaryModal.razor.rz.scp.css */
.crm-modal-backdrop[b-pf3qo4vhw4]{position:fixed;inset:0;z-index:1090;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:1rem;backdrop-filter:blur(2px)}.crm-modal[b-pf3qo4vhw4]{width:min(880px,96vw);max-height:92vh;overflow:hidden;display:flex;flex-direction:column;background:#f8fafc;border-radius:20px;box-shadow:0 24px 80px rgba(15,23,42,.3)}.crm-modal-header[b-pf3qo4vhw4],.crm-modal-footer[b-pf3qo4vhw4]{background:#fff;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e8f0}.crm-modal-header h2[b-pf3qo4vhw4]{font-size:1.15rem;margin:0;color:#1e293b}.crm-modal-header p[b-pf3qo4vhw4]{margin:.25rem 0 0;color:#64748b;font-size:.85rem}.crm-modal-body[b-pf3qo4vhw4]{padding:1rem;overflow:auto}.customer-overview[b-pf3qo4vhw4]{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:.8rem}.customer-photo[b-pf3qo4vhw4]{width:62px;height:62px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background:#ede9fe;color:#6d28d9;font-size:1.7rem}.customer-photo img[b-pf3qo4vhw4]{width:100%;height:100%;object-fit:cover}.customer-contact[b-pf3qo4vhw4]{display:flex;flex-direction:column;gap:.15rem;margin-left:auto}.customer-contact span[b-pf3qo4vhw4]{color:#64748b;font-size:.82rem}.crm-stat[b-pf3qo4vhw4]{padding:.4rem 1rem;text-align:center;border-right:1px solid #e2e8f0}.crm-stat strong[b-pf3qo4vhw4],.crm-stat span[b-pf3qo4vhw4]{display:block}.crm-stat span[b-pf3qo4vhw4]{font-size:.75rem;color:#64748b}.crm-section[b-pf3qo4vhw4]{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:.9rem;margin-top:1rem}.crm-section h3[b-pf3qo4vhw4]{font-size:.93rem;color:#334155;border-bottom:1px solid #e2e8f0;padding-bottom:.55rem}.note-editor-section[b-pf3qo4vhw4]{border-color:#bfdbfe;background:#f8fbff}.note-editor-section textarea[b-pf3qo4vhw4]{resize:vertical;min-height:78px}.note-editor-actions[b-pf3qo4vhw4]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.65rem}.note-editor-actions .form-check[b-pf3qo4vhw4]{display:flex;align-items:center;gap:.45rem;color:#475569;font-size:.82rem}.note-editor-actions .form-check-input[b-pf3qo4vhw4]{margin:0}.important-section[b-pf3qo4vhw4]{border-color:#fdba74;background:#fffaf5}.crm-columns[b-pf3qo4vhw4]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.crm-note[b-pf3qo4vhw4]{padding:.65rem;border-radius:10px;background:#f8fafc;margin-top:.55rem;border-right:3px solid #94a3b8}.crm-note.important[b-pf3qo4vhw4]{background:#fff7ed;border-color:#f97316}.crm-note>div[b-pf3qo4vhw4]{display:flex;justify-content:space-between;gap:.5rem}.crm-note p[b-pf3qo4vhw4]{margin:.35rem 0 0;line-height:1.7;white-space:pre-wrap}.crm-note time[b-pf3qo4vhw4],.note-source[b-pf3qo4vhw4]{font-size:.72rem;color:#64748b}.note-source.ai[b-pf3qo4vhw4]{color:#7c3aed}.note-source.ruleengine[b-pf3qo4vhw4]{color:#0369a1}.crm-row[b-pf3qo4vhw4]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 0;border-bottom:1px dashed #e2e8f0}.crm-row span[b-pf3qo4vhw4],.crm-row small[b-pf3qo4vhw4]{color:#64748b}.visits-title[b-pf3qo4vhw4]{margin-top:1rem}.empty-text[b-pf3qo4vhw4]{color:#94a3b8;font-size:.85rem;margin:.6rem 0}.crm-loading[b-pf3qo4vhw4]{padding:4rem;display:flex;justify-content:center;align-items:center;gap:.8rem}.crm-modal-footer[b-pf3qo4vhw4]{border-top:1px solid #e2e8f0;border-bottom:0;justify-content:flex-start;gap:.5rem}@media(max-width:700px){.crm-modal-backdrop[b-pf3qo4vhw4]{padding:0;align-items:end}.crm-modal[b-pf3qo4vhw4]{width:100%;max-height:94vh;border-radius:20px 20px 0 0}.customer-overview[b-pf3qo4vhw4]{flex-wrap:wrap}.customer-contact[b-pf3qo4vhw4]{margin-left:0;flex:1}.crm-stat[b-pf3qo4vhw4]{flex:1;border:0;background:#f8fafc;border-radius:8px}.crm-columns[b-pf3qo4vhw4]{grid-template-columns:1fr}.note-editor-actions[b-pf3qo4vhw4]{align-items:stretch;flex-direction:column}.note-editor-actions .btn[b-pf3qo4vhw4]{width:100%}.crm-modal-footer .btn[b-pf3qo4vhw4]{flex:1}.crm-modal-body[b-pf3qo4vhw4]{padding:.7rem}}
/* /Components/Pages/Inv/Common/CustomerSelector.razor.rz.scp.css */
.customer-selector[b-omxfw37zj3]{width:100%;max-width:none}.customer-picker[b-omxfw37zj3]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:start}.customer-picker-input[b-omxfw37zj3]{position:relative;min-width:0}.customer-picker-input .form-control[b-omxfw37zj3]{height:38px!important;padding-inline-start:2.25rem!important;border-radius:9px!important}.customer-picker-leading[b-omxfw37zj3]{position:absolute;inset-inline-start:.7rem;inset-block-start:0;height:38px;display:grid;place-items:center;color:#79839a;pointer-events:none;z-index:2}.customer-picker-leading svg[b-omxfw37zj3],.customer-picker-btn svg[b-omxfw37zj3],.customer-avatar svg[b-omxfw37zj3],.customer-mini-action svg[b-omxfw37zj3]{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.customer-picker-actions[b-omxfw37zj3]{display:flex;gap:.3rem}.customer-picker-btn[b-omxfw37zj3]{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;gap:.3rem;padding:0 .55rem;color:#5e6880;border:1px solid #dbe0e9;border-radius:9px;background:#fff;font-family:inherit;font-size:.68rem;font-weight:800;white-space:nowrap}.customer-picker-btn:hover[b-omxfw37zj3]{color:#554a8e;border-color:#c9c3e2;background:#f8f7fd}.customer-picker-btn.is-listening[b-omxfw37zj3]{color:#b4232e;border-color:#efc0c5;background:#fff5f6}.customer-picker-add[b-omxfw37zj3]{color:#2f715a;border-color:#bfe0d3;background:#f4fbf8}.customer-picker-add:hover[b-omxfw37zj3]{color:#fff;border-color:#3c7f68;background:#3c7f68}.customer-live-results[b-omxfw37zj3]{position:absolute;z-index:120;inset-inline:0;top:42px;overflow:hidden;border:1px solid #dde3ec;border-radius:10px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.14)}.customer-live-result[b-omxfw37zj3]{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.65rem;padding:.55rem .7rem;border:0;border-bottom:1px solid #eef1f5;background:#fff;text-align:right;font-family:inherit}.customer-live-result:hover[b-omxfw37zj3],.customer-live-result:focus[b-omxfw37zj3],.customer-live-result.active[b-omxfw37zj3]{background:#eef2ff;outline:none}.customer-live-result.active[b-omxfw37zj3]{box-shadow:inset 3px 0 0 #5a4b86}.customer-live-result>span:first-child[b-omxfw37zj3]{display:flex;min-width:0;flex-direction:column}.customer-live-result strong[b-omxfw37zj3]{overflow:hidden;color:#263047;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.customer-live-result small[b-omxfw37zj3]{margin-top:.12rem;color:#7b8496;font-size:.62rem}.customer-live-balance[b-omxfw37zj3]{color:#586174;font-size:.65rem;font-weight:800;white-space:nowrap}.customer-live-empty[b-omxfw37zj3]{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem .7rem;color:#687386;font-size:.7rem}.customer-live-empty button[b-omxfw37zj3]{border:1px solid #bfe0d3;border-radius:8px;padding:.3rem .5rem;background:#f4fbf8;color:#2f715a;font:800 .68rem inherit}.customer-info[b-omxfw37zj3]{margin:0;border:1px solid #e1e5ec;border-radius:10px;padding:.42rem .5rem;background:#fbfcfe;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.customer-info.has-note[b-omxfw37zj3]{border-color:#93c5fd;background:#f7fbff}.customer-info.has-important-note[b-omxfw37zj3]{border-color:#fdba74;background:#fffaf3;box-shadow:0 0 0 2px rgba(249,115,22,.06)}.customer-main[b-omxfw37zj3]{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:.5rem;align-items:center}.customer-avatar[b-omxfw37zj3]{display:grid;width:34px;height:34px;place-items:center;color:#625797;border-radius:9px;background:#efedf8}.customer-copy[b-omxfw37zj3]{min-width:0;cursor:pointer}.customer-line1[b-omxfw37zj3],.customer-line2[b-omxfw37zj3]{display:flex;align-items:center;gap:.45rem;min-width:0}.customer-line1[b-omxfw37zj3]{justify-content:flex-start}.customer-line2[b-omxfw37zj3]{justify-content:flex-start;margin-top:.12rem}.customer-info .name[b-omxfw37zj3]{overflow:hidden;color:#253047;font-size:.76rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.customer-info .code[b-omxfw37zj3]{color:#8a93a4;font-size:.62rem;white-space:nowrap}.customer-info .mobile[b-omxfw37zj3]{color:#657086;font-size:.64rem}.customer-info .balance[b-omxfw37zj3]{font-size:.64rem;font-weight:800}.customer-info .debtor[b-omxfw37zj3]{color:#c2414c}.customer-info .creditor[b-omxfw37zj3]{color:#2f7b61}.customer-selected-actions[b-omxfw37zj3]{display:flex;align-items:center;gap:.25rem}.customer-mini-action[b-omxfw37zj3],.crm-alert-button[b-omxfw37zj3],.crm-note-button[b-omxfw37zj3],.crm-info-button[b-omxfw37zj3]{position:relative;display:inline-grid;width:30px;height:30px;padding:0;place-items:center;border-radius:8px;cursor:pointer}.customer-mini-action[b-omxfw37zj3]{color:#667085;border:1px solid #dde2ea;background:#fff}.customer-mini-action:hover[b-omxfw37zj3]{color:#554a8e;background:#f6f4fc}.customer-mini-action.add[b-omxfw37zj3]{color:#2f715a;border-color:#c6e1d7;background:#f5fbf8}.crm-alert-button[b-omxfw37zj3]{color:#9a3412;background:#ffedd5;border:1px solid #fdba74;animation:crm-soft-pulse-b-omxfw37zj3 2.5s infinite}.crm-note-button[b-omxfw37zj3]{color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fd}.crm-info-button[b-omxfw37zj3]{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.crm-note-count[b-omxfw37zj3]{position:absolute;inset-block-start:-6px;inset-inline-start:-6px;min-width:16px;height:16px;padding:0 3px;border-radius:10px;background:#dc2626;color:#fff;font:700 10px/16px sans-serif}.crm-alert-button:hover[b-omxfw37zj3],.crm-alert-button:focus-visible[b-omxfw37zj3]{background:#fed7aa}.crm-note-button:hover[b-omxfw37zj3],.crm-note-button:focus-visible[b-omxfw37zj3]{background:#bfdbfe}.crm-info-button:hover[b-omxfw37zj3],.crm-info-button:focus-visible[b-omxfw37zj3]{background:#e2e8f0}@keyframes crm-soft-pulse-b-omxfw37zj3{50%{box-shadow:0 0 0 4px rgba(249,115,22,.12)}}@media(max-width:760px){.customer-picker[b-omxfw37zj3]{grid-template-columns:1fr}.customer-picker-actions[b-omxfw37zj3]{display:grid;grid-template-columns:44px 44px minmax(0,1fr)}.customer-picker-btn[b-omxfw37zj3]{width:100%;height:40px}.customer-main[b-omxfw37zj3]{grid-template-columns:34px minmax(0,1fr)}.customer-selected-actions[b-omxfw37zj3]{grid-column:1/-1;justify-content:flex-end;padding-top:.25rem;border-top:1px solid #edf0f4}.customer-info[b-omxfw37zj3]{padding:.5rem}.customer-line1[b-omxfw37zj3],.customer-line2[b-omxfw37zj3]{flex-wrap:wrap}.crm-alert-button[b-omxfw37zj3],.crm-note-button[b-omxfw37zj3],.crm-info-button[b-omxfw37zj3],.customer-mini-action[b-omxfw37zj3]{width:34px;height:34px}}

/* Live customer suggestions must float over adjoining fields and section cards. */
.customer-selector:has(.customer-live-results)[b-omxfw37zj3] {
    position: relative;
    z-index: 1055;
    isolation: isolate;
}
.customer-picker-input:has(.customer-live-results)[b-omxfw37zj3] { z-index: 1056; }
.customer-live-results[b-omxfw37zj3] {
    z-index: 1060;
    max-height: min(340px, 55vh);
    overflow-y: auto;
    overscroll-behavior: contain;
}
/* /Components/Pages/Inv/Common/GoodMultiSelectModal.razor.rz.scp.css */
/* Mobile-first product picker. Desktop keeps the existing Bootstrap layout. */
.modal-dialog[b-l3yqh9udkb] {
    margin-block: 1.25rem;
}

/* Product names and inventory must remain readable for cashiers on desktop and mobile. */
.modal-content[b-l3yqh9udkb] {
    overflow: hidden;
    font-size: 1rem;
}

.modal-title[b-l3yqh9udkb] {
    font-size: 1.35rem;
}

.modal-content .form-control[b-l3yqh9udkb],
.modal-content .form-select[b-l3yqh9udkb],
.modal-content .btn[b-l3yqh9udkb],
.modal-content .table[b-l3yqh9udkb],
.modal-content label[b-l3yqh9udkb],
.modal-content h6[b-l3yqh9udkb],
.modal-content .badge[b-l3yqh9udkb],
.modal-content th[b-l3yqh9udkb],
.modal-content td[b-l3yqh9udkb] {
    font-size: 1rem !important;
}

.modal-body .table[b-l3yqh9udkb] {
    margin-bottom: 0;
}

@media (max-width: 767.98px) {
    .modal-dialog[b-l3yqh9udkb] {
        width: 100vw;
        max-width: none;
        height: 100dvh;
        margin: 0;
    }

    .modal-content[b-l3yqh9udkb] {
        height: 100dvh;
        border: 0;
        border-radius: 0;
    }

    .modal-header[b-l3yqh9udkb] {
        min-height: 56px;
        flex: 0 0 auto;
        padding: .65rem .85rem;
        border-bottom: 1px solid #e6e9ef;
    }

    .modal-title[b-l3yqh9udkb] {
        display: flex;
        align-items: center;
        gap: .45rem;
        font-size: 1rem;
        font-weight: 900;
    }

    .modal-body[b-l3yqh9udkb] {
        display: flex;
        min-height: 0;
        flex: 1 1 auto;
        flex-direction: column;
        gap: .55rem;
        padding: .65rem;
        overflow: hidden;
    }

    /* Search becomes a compact sticky toolbar instead of a desktop form. */
    .modal-body > .row.mb-3[b-l3yqh9udkb] {
        display: grid;
        flex: 0 0 auto;
        grid-template-columns: minmax(0, 1fr) 118px;
        gap: .45rem;
        margin: 0 !important;
        padding: 0;
    }

    .modal-body > .row.mb-3 > .col-md-4[b-l3yqh9udkb],
    .modal-body > .row.mb-3 > .col-md-2[b-l3yqh9udkb] {
        width: auto;
        padding: 0;
    }

    .modal-body > .row.mb-3 > .col-md-4:first-child[b-l3yqh9udkb] {
        grid-column: 1 / -1;
    }

    .modal-body > .row.mb-3 label[b-l3yqh9udkb] {
        display: none;
    }

    .modal-body > .row.mb-3 .form-control[b-l3yqh9udkb],
    .modal-body > .row.mb-3 .form-select[b-l3yqh9udkb],
    .modal-body > .row.mb-3 .btn[b-l3yqh9udkb] {
        min-height: 46px;
        border-radius: 11px;
        font-size: .92rem;
    }

    .modal-body > .row.mb-3 .form-control[b-l3yqh9udkb] {
        padding-inline: .85rem;
        font-size: 1rem;
    }

    /* Results are the main mobile surface. The selected count stays in the title/footer. */
    .modal-body > .row:not(.mb-3)[b-l3yqh9udkb] {
        display: block;
        min-height: 0;
        flex: 1 1 auto;
        margin: 0;
        overflow: auto;
        overscroll-behavior: contain;
    }

    .modal-body > .row:not(.mb-3) > .col-md-5[b-l3yqh9udkb],
    .modal-body > .row:not(.mb-3) > .col-md-1[b-l3yqh9udkb] {
        width: 100%;
        padding: 0;
    }

    .modal-body > .row:not(.mb-3) > .col-md-5 > h6[b-l3yqh9udkb] {
        position: sticky;
        z-index: 4;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 38px;
        margin: 0;
        padding: .35rem .2rem .35rem .35rem;
        background: #fff;
        font-size: .83rem;
        font-weight: 900;
    }

    .modal-body > .row:not(.mb-3) > .col-md-5 > div[style*="height:420px"][b-l3yqh9udkb] {
        height: auto !important;
        overflow: visible !important;
        border: 0 !important;
    }

    /* Transform dense desktop result tables into thumb-friendly product cards. */
    .modal-body table[b-l3yqh9udkb],
    .modal-body tbody[b-l3yqh9udkb] {
        display: block;
        width: 100%;
    }

    .modal-body thead[b-l3yqh9udkb] {
        display: none;
    }

    .modal-body tbody tr[b-l3yqh9udkb] {
        position: relative;
        display: grid;
        width: 100%;
        min-height: 78px;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        gap: .2rem .6rem;
        align-items: center;
        padding: .7rem .75rem;
        margin-block-end: .45rem;
        border: 1px solid #e1e5ec;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 2px 8px rgba(35, 44, 68, .05);
    }

    .modal-body tbody tr.table-primary[b-l3yqh9udkb] {
        border-color: #7769b8;
        background: #f3f0ff;
        box-shadow: 0 0 0 2px rgba(119, 105, 184, .12);
    }

    .modal-body tbody td[b-l3yqh9udkb] {
        display: block;
        width: auto;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        text-align: right !important;
    }

    /* Search results: name + code on the right, stock on the left. */
    .modal-body > .row:not(.mb-3) > .col-md-5:first-child tbody td:nth-child(1)[b-l3yqh9udkb] {
        grid-column: 1;
        grid-row: 2;
        color: #7b8494;
        font-size: .7rem;
    }

    .modal-body > .row:not(.mb-3) > .col-md-5:first-child tbody td:nth-child(1)[b-l3yqh9udkb]::before {
        content: "کد ";
        color: #a0a7b3;
    }

    .modal-body > .row:not(.mb-3) > .col-md-5:first-child tbody td:nth-child(2)[b-l3yqh9udkb] {
        grid-column: 1;
        grid-row: 1;
        color: #202a3b;
        font-size: .94rem;
        font-weight: 850;
        line-height: 1.55;
    }

    .modal-body > .row:not(.mb-3) > .col-md-5:first-child tbody td:nth-child(3)[b-l3yqh9udkb] {
        grid-column: 2;
        grid-row: 1;
        min-width: 72px;
        font-size: .88rem;
        font-weight: 900;
        text-align: left !important;
    }

    .modal-body > .row:not(.mb-3) > .col-md-5:first-child tbody td:nth-child(3)[b-l3yqh9udkb]::before {
        content: "موجودی ";
        display: block;
        color: #9299a6;
        font-size: .58rem;
        font-weight: 700;
    }

    .modal-body > .row:not(.mb-3) > .col-md-5:first-child tbody td:nth-child(4)[b-l3yqh9udkb] {
        grid-column: 2;
        grid-row: 2;
        color: #6d7583;
        font-size: .68rem;
        text-align: left !important;
    }

    .modal-body > .row:not(.mb-3) > .col-md-5:first-child tbody td:nth-child(5)[b-l3yqh9udkb] {
        position: absolute;
        inset-inline-start: .6rem;
        inset-block-end: .5rem;
        transform: scale(.9);
        transform-origin: left bottom;
    }

    /* The desktop transfer-button column becomes a small utility strip. */
    .modal-body > .row:not(.mb-3) > .col-md-1[b-l3yqh9udkb] {
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        gap: .4rem;
        padding-block: .2rem .55rem;
    }

    .modal-body > .row:not(.mb-3) > .col-md-1 .btn[b-l3yqh9udkb] {
        min-height: 38px;
        margin: 0 !important;
        padding: .3rem .65rem;
        border-radius: 9px;
        font-size: .72rem;
    }

    /* Selected products remain reviewable below results but are much lighter. */
    .modal-body > .row:not(.mb-3) > .col-md-5:last-child[b-l3yqh9udkb] {
        padding-block-start: .35rem;
        border-block-start: 1px solid #e7eaf0;
    }

    .modal-body > .row:not(.mb-3) > .col-md-5:last-child tbody tr[b-l3yqh9udkb] {
        min-height: 60px;
    }

    .modal-body > .row:not(.mb-3) > .col-md-5:last-child tbody td:nth-child(1)[b-l3yqh9udkb] {
        grid-column: 1;
        grid-row: 2;
        color: #7b8494;
        font-size: .68rem;
    }

    .modal-body > .row:not(.mb-3) > .col-md-5:last-child tbody td:nth-child(2)[b-l3yqh9udkb] {
        grid-column: 1;
        grid-row: 1;
        font-size: .88rem;
        font-weight: 850;
    }

    .modal-body > .row:not(.mb-3) > .col-md-5:last-child tbody td:nth-child(3)[b-l3yqh9udkb],
    .modal-body > .row:not(.mb-3) > .col-md-5:last-child tbody td:nth-child(4)[b-l3yqh9udkb] {
        grid-column: 2;
    }

    .modal-body .mt-2[b-l3yqh9udkb] {
        margin-block: .35rem .6rem !important;
    }

    .modal-footer[b-l3yqh9udkb] {
        flex: 0 0 auto;
        display: grid;
        grid-template-columns: 90px minmax(0, 1fr);
        gap: .5rem;
        padding: .55rem .65rem calc(.55rem + env(safe-area-inset-bottom));
        border-top: 1px solid #e2e6ec;
        background: rgba(255, 255, 255, .98);
        box-shadow: 0 -5px 18px rgba(35, 44, 68, .08);
    }

    .modal-footer .btn[b-l3yqh9udkb] {
        min-height: 48px;
        margin: 0;
        border-radius: 11px;
        font-size: .9rem;
        font-weight: 850;
    }
}

/* Landscape phones need compact rows; a desktop two-table layout is still too tall. */
@media (max-width: 900px) and (orientation: landscape) and (max-height: 600px) {
    .modal-header[b-l3yqh9udkb] { min-height: 44px; padding-block: .35rem; }
    .modal-body[b-l3yqh9udkb] { gap: .35rem; padding: .4rem .55rem; }
    .modal-body > .row.mb-3[b-l3yqh9udkb] {
        grid-template-columns: minmax(0, 1fr) 150px 92px;
    }
    .modal-body > .row.mb-3 > .col-md-4:first-child[b-l3yqh9udkb] { grid-column: auto; }
    .modal-body > .row.mb-3 .form-control[b-l3yqh9udkb],
    .modal-body > .row.mb-3 .form-select[b-l3yqh9udkb],
    .modal-body > .row.mb-3 .btn[b-l3yqh9udkb] { min-height: 38px; }
    .modal-body tbody tr[b-l3yqh9udkb] {
        min-height: 50px;
        grid-template-columns: minmax(0, 1fr) 90px 78px;
        grid-template-rows: auto;
        padding: .4rem .6rem;
        margin-block-end: .3rem;
    }
    .modal-body > .row:not(.mb-3) > .col-md-5:first-child tbody td:nth-child(1)[b-l3yqh9udkb] { grid-column: 2; grid-row: 1; }
    .modal-body > .row:not(.mb-3) > .col-md-5:first-child tbody td:nth-child(2)[b-l3yqh9udkb] { grid-column: 1; grid-row: 1; }
    .modal-body > .row:not(.mb-3) > .col-md-5:first-child tbody td:nth-child(3)[b-l3yqh9udkb] { grid-column: 3; grid-row: 1; }
    .modal-body > .row:not(.mb-3) > .col-md-5:first-child tbody td:nth-child(4)[b-l3yqh9udkb],
    .modal-body > .row:not(.mb-3) > .col-md-5:first-child tbody td:nth-child(5)[b-l3yqh9udkb] { display: none; }
    .modal-footer[b-l3yqh9udkb] { grid-template-columns: 80px minmax(0, 1fr); padding-block: .35rem; }
    .modal-footer .btn[b-l3yqh9udkb] { min-height: 40px; }
}


/* Keep the requested ~30% font reduction on mobile too. */
@media (max-width: 767.98px) {
    .modal-content .modal-title[b-l3yqh9udkb] { font-size: 1rem !important; }
    .modal-content .form-control[b-l3yqh9udkb],
    .modal-content .form-select[b-l3yqh9udkb],
    .modal-content .btn[b-l3yqh9udkb],
    .modal-content h6[b-l3yqh9udkb],
    .modal-content th[b-l3yqh9udkb],
    .modal-content td[b-l3yqh9udkb],
    .modal-content .badge[b-l3yqh9udkb] { font-size: 1rem !important; }
}

/* Readable desktop data grid; earlier 0.7rem !important rules made goods names illegible. */
.good-picker-expanded .modal-content[b-l3yqh9udkb] { font-size: 1rem; font-weight: 500; }
.good-picker-expanded .modal-title[b-l3yqh9udkb] { font-size: 1.45rem !important; font-weight: 800; }
.good-picker-expanded .modal-body > .row.mb-3 .form-control[b-l3yqh9udkb],
.good-picker-expanded .modal-body > .row.mb-3 .form-select[b-l3yqh9udkb],
.good-picker-expanded .modal-body > .row.mb-3 .btn[b-l3yqh9udkb] { font-size: 1.02rem !important; min-height: 46px; }
.good-picker-expanded .modal-body .table thead th[b-l3yqh9udkb] { font-size: 1rem !important; font-weight: 800; padding: .7rem .65rem; vertical-align: middle; }
.good-picker-expanded .modal-body .table tbody td[b-l3yqh9udkb] { font-size: 1.04rem !important; font-weight: 600; padding: .7rem .65rem; line-height: 1.55; vertical-align: middle; }
.good-picker-expanded .modal-body .table tbody td.good-picker-name[b-l3yqh9udkb] { font-size: 1.2rem !important; font-weight: 800; line-height: 1.65; overflow-wrap: anywhere; }
.good-picker-expanded .modal-body .table tbody tr.good-picker-focused[b-l3yqh9udkb] { outline: 2px solid #7e9bcc; outline-offset: -2px; }
.good-picker-expanded .modal-body .table tbody tr.good-picker-focused td[b-l3yqh9udkb] { background-color: #dce9ff !important; color: #17263c; }
.good-picker-expanded .modal-body .good-picker-select-btn[b-l3yqh9udkb] { min-width: 44px; min-height: 44px; font-size: 1.05rem !important; }
.good-picker-expanded .good-picker-keyboard-hint[b-l3yqh9udkb] { margin-top: .55rem; color: #475569; font-size: .92rem; line-height: 1.7; }
.good-picker-expanded .modal-footer .btn[b-l3yqh9udkb] { font-size: 1rem !important; font-weight: 800; }
@media (max-width: 767.98px) {
    .good-picker-expanded .modal-content .modal-title[b-l3yqh9udkb] { font-size: 1.15rem !important; }
    .good-picker-expanded .modal-body .table tbody td.good-picker-name[b-l3yqh9udkb] { font-size: 1.1rem !important; }
    .good-picker-expanded .modal-body .table tbody td[b-l3yqh9udkb] { font-size: .98rem !important; }
    .good-picker-expanded .good-picker-keyboard-hint[b-l3yqh9udkb] { font-size: .82rem; }
}
/* /Components/Pages/Inv/Common/MainGoodTab.razor.rz.scp.css */
/* فرم یک‌صفحه‌ای تعریف کالا: بخش‌های یکدست با سربرگ خنثی */
.good-form .form-label[b-taoxar5f7s] {
    margin-bottom: .3rem;
    font-size: .8rem;
    font-weight: 700;
    color: #344054;
}

.gf-section[b-taoxar5f7s] {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem 1.1rem;
    border: 1px solid #e4e7ec;
    border-radius: .85rem;
    background: #fff;
    scroll-margin-top: 4rem;
}

.gf-section-head[b-taoxar5f7s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin: -.1rem 0 .9rem;
    padding-bottom: .6rem;
    border-bottom: 1px solid #f2f4f7;
    font-size: .9rem;
    font-weight: 800;
    color: #101828;
}

.gf-section-head > i[b-taoxar5f7s] {
    display: inline-grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: .5rem;
    background: #eef2ff;
    color: #4f46e5;
}

#gf-price[b-taoxar5f7s] { scroll-margin-top: 4rem; }

.gf-muted[b-taoxar5f7s] { color: #667085; font-weight: 500; font-size: .75rem; }
.gf-hint[b-taoxar5f7s] { font-size: .74rem; color: #667085; }
.gf-link[b-taoxar5f7s] { font-size: .74rem; font-weight: 600; text-decoration: none; }

.gf-panel[b-taoxar5f7s] {
    padding: .85rem;
    border: 1px dashed #c7d2fe;
    border-radius: .7rem;
    background: #f8f9ff;
    font-size: .82rem;
    color: #344054;
}

.gf-empty[b-taoxar5f7s] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .9rem 1rem;
    border-radius: .7rem;
    background: #f9fafb;
    font-size: .82rem;
    color: #475467;
}

.gf-empty i[b-taoxar5f7s] { font-size: 1.4rem; color: #a4bcfd; }

/* انتخاب ویژگی */
.gf-picker-title[b-taoxar5f7s] { margin: .6rem 0 .35rem; font-size: .74rem; font-weight: 700; color: #475467; }

.gf-picker[b-taoxar5f7s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
    gap: .4rem;
}

.gf-pick[b-taoxar5f7s] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .1rem;
    padding: .45rem .6rem;
    border: 1px solid #d0d5dd;
    border-radius: .6rem;
    background: #fff;
    color: #101828;
    text-align: start;
}

.gf-pick strong[b-taoxar5f7s] { font-size: .8rem; }
.gf-pick small[b-taoxar5f7s] { font-size: .68rem; color: #667085; }
.gf-pick:hover[b-taoxar5f7s] { border-color: #4f46e5; background: #eef2ff; }
.gf-pick.std[b-taoxar5f7s] { border-style: dashed; }
.gf-pick.on[b-taoxar5f7s] { border-color: #4f46e5; background: #eef2ff; }
.gf-pick strong i[b-taoxar5f7s] { color: #4f46e5; }
.gf-pick:disabled[b-taoxar5f7s] { opacity: .7; cursor: not-allowed; }

/* ردیف‌های ویژگی */
.gf-attrs[b-taoxar5f7s] { display: flex; flex-direction: column; gap: .6rem; }

.gf-attr[b-taoxar5f7s] {
    padding: .7rem .8rem;
    border: 1px solid #e4e7ec;
    border-radius: .7rem;
    background: #fcfcfd;
}

.gf-attr.variant[b-taoxar5f7s] { border-color: #c7d2fe; background: #fbfbff; }

.gf-attr-head[b-taoxar5f7s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem;
    font-size: .85rem;
    color: #101828;
}

.gf-badge[b-taoxar5f7s] {
    padding: .05rem .5rem;
    border-radius: 999px;
    background: #f2f4f7;
    color: #475467;
    font-size: .68rem;
    font-weight: 700;
}

.gf-seg[b-taoxar5f7s] {
    display: inline-flex;
    padding: .15rem;
    border: 1px solid #d0d5dd;
    border-radius: .5rem;
    background: #fff;
}

.gf-seg button[b-taoxar5f7s] {
    padding: .1rem .55rem;
    border: 0;
    border-radius: .35rem;
    background: transparent;
    color: #475467;
    font-size: .72rem;
    font-weight: 700;
}

.gf-seg button.on[b-taoxar5f7s] { background: #4f46e5; color: #fff; }
.gf-seg button:disabled:not(.on)[b-taoxar5f7s] { opacity: .45; }

.gf-icon[b-taoxar5f7s] {
    display: inline-grid;
    place-items: center;
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid #e4e7ec;
    border-radius: .45rem;
    background: #fff;
    color: #475467;
}

.gf-icon:hover:not(:disabled)[b-taoxar5f7s] { border-color: #4f46e5; color: #4f46e5; }
.gf-icon.danger:hover:not(:disabled)[b-taoxar5f7s] { border-color: #f04438; color: #b42318; }
.gf-icon:disabled[b-taoxar5f7s] { opacity: .35; }

.gf-chips[b-taoxar5f7s] { display: flex; flex-wrap: wrap; gap: .35rem; align-items: center; }

.gf-chip[b-taoxar5f7s] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-width: 2.6rem;
    justify-content: center;
    padding: .3rem .7rem;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    background: #fff;
    color: #344054;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.3;
}

.gf-chip:hover:not(:disabled)[b-taoxar5f7s] { border-color: #4f46e5; color: #4f46e5; }
.gf-chip.on[b-taoxar5f7s] { border-color: #4f46e5; background: #4f46e5; color: #fff; }
.gf-chip.locked[b-taoxar5f7s] { border-color: #a6b4fc; background: #e0e7ff; color: #3730a3; cursor: not-allowed; opacity: 1; }

.gf-dot[b-taoxar5f7s] {
    display: inline-block;
    width: .8rem;
    height: .8rem;
    border: 1px solid rgba(16, 24, 40, .2);
    border-radius: 50%;
    vertical-align: -.1rem;
}

.gf-chip-tools[b-taoxar5f7s] { display: inline-flex; gap: .6rem; margin-inline-start: .3rem; }

.gf-add-value[b-taoxar5f7s] { display: flex; gap: .3rem; max-width: 20rem; margin-top: .5rem; }

.gf-color[b-taoxar5f7s] {
    width: 2rem;
    height: 1.9rem;
    padding: 0;
    border: 1px solid #d0d5dd;
    border-radius: .4rem;
    background: none;
}

.gf-desc[b-taoxar5f7s] { max-width: 22rem; }

.gf-note[b-taoxar5f7s] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .7rem;
    padding: .55rem .75rem;
    border-radius: .6rem;
    background: #fffaeb;
    color: #7a2e0e;
    font-size: .8rem;
}

/* جدول تنوع */
.gf-variants[b-taoxar5f7s] {
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid #f2f4f7;
}

.gf-variants-head[b-taoxar5f7s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .6rem;
    margin-bottom: .6rem;
    font-size: .85rem;
    color: #101828;
}

.gf-bulk[b-taoxar5f7s] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3rem;
    margin-inline-start: auto;
}

.gf-bulk[b-taoxar5f7s]  input { width: 8.5rem; }

/* قیمت ردیف تنوع: خاکستری = قیمت همه تنوع‌ها، پررنگ = قیمت اختصاصی */
.gf-price[b-taoxar5f7s] { display: flex; align-items: center; gap: .2rem; }
.gf-price.inherited[b-taoxar5f7s]  input { color: #98a2b3; font-style: italic; background: #f9fafb; }
.gf-price.own[b-taoxar5f7s]  input { color: #101828; font-weight: 700; border-color: #4f46e5; }
.gf-reset[b-taoxar5f7s] { border: 0; background: transparent; color: #4f46e5; padding: 0 .15rem; line-height: 1; }
.gf-legend[b-taoxar5f7s] { padding: 0 .3rem; border-radius: .25rem; }
.gf-legend.inherited[b-taoxar5f7s] { color: #98a2b3; font-style: italic; background: #f9fafb; }
.gf-legend.own[b-taoxar5f7s] { color: #101828; font-weight: 700; border: 1px solid #4f46e5; }

.gf-table[b-taoxar5f7s] { margin-bottom: .4rem; font-size: .8rem; }
.gf-table th[b-taoxar5f7s] { font-size: .72rem; font-weight: 700; color: #475467; background: #f9fafb; }
.gf-table tr.off td[b-taoxar5f7s] { opacity: .5; }
.gf-table tr.new td:nth-child(2)[b-taoxar5f7s] { font-weight: 600; }

.gf-opt[b-taoxar5f7s] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    margin-inline-end: .35rem;
    padding: .05rem .45rem;
    border-radius: .35rem;
    background: #f2f4f7;
    font-weight: 600;
}

.gf-new[b-taoxar5f7s] {
    padding: .05rem .4rem;
    border-radius: 999px;
    background: #ecfdf3;
    color: #067647;
    font-size: .66rem;
    font-weight: 700;
}

.form-check[b-taoxar5f7s] { margin-bottom: .35rem; font-size: .84rem; }


/* Keep the supplier code-generation picker full-width within the goods form. */
.gf-supplier-row[b-taoxar5f7s] {
    grid-column: 1 / -1;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.gf-supplier-panel[b-taoxar5f7s], .gf-supplier-search[b-taoxar5f7s] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}
.gf-supplier-search[b-taoxar5f7s]  .customer-selector,
.gf-supplier-search[b-taoxar5f7s]  .customer-picker {
    width: 100%;
    max-width: none;
    min-width: 0;
}
.gf-supplier-search[b-taoxar5f7s]  .customer-picker {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}
.gf-supplier-search[b-taoxar5f7s]  .customer-picker-input { min-width: 0; }
@media (max-width: 600px) {
    .gf-supplier-search[b-taoxar5f7s]  .customer-picker {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Inv/LabelPrintPanel.razor.rz.scp.css */
.bl-page .card-header[b-op43zjb4qo] {
    background: #f8fafc;
}

.bl-results[b-op43zjb4qo] {
    max-height: 16rem;
    overflow-y: auto;
    border: 1px solid #e4e7ec;
    border-radius: .5rem;
}

.bl-lines td[b-op43zjb4qo],
.bl-lines th[b-op43zjb4qo] {
    white-space: nowrap;
}

.bl-lines td:nth-child(2)[b-op43zjb4qo] {
    white-space: normal;
    min-width: 10rem;
}

.bl-sticky[b-op43zjb4qo] {
    position: sticky;
    top: .75rem;
}

.bl-options .form-check[b-op43zjb4qo] {
    margin-bottom: .15rem;
}

@media (max-width: 1199.98px) {
    .bl-sticky[b-op43zjb4qo] {
        position: static;
    }
}
/* /Components/Pages/Inv/WarehouseModerate.razor.rz.scp.css */
.warehouse-page[b-daw7v1xzaa]{direction:rtl;padding-inline:0}.warehouse-page>.row[b-daw7v1xzaa]{margin-inline:0}.warehouse-page>.row>[class*=col-][b-daw7v1xzaa]{padding-inline:0}.warehouse-control-card[b-daw7v1xzaa],.warehouse-table-card[b-daw7v1xzaa]{overflow:hidden;border:1px solid #e4e7ee;border-radius:1rem;box-shadow:0 .45rem 1.4rem rgba(30,41,59,.07)}.warehouse-page-header[b-daw7v1xzaa]{min-height:4.35rem;padding:.9rem 1.25rem;border:0;color:#fff;background:linear-gradient(135deg,#4f6fe7,#6d5a9e)}.warehouse-page-header h5[b-daw7v1xzaa]{font-size:1.15rem;font-weight:850}.warehouse-page-header .btn-success[b-daw7v1xzaa]{min-height:2.75rem;padding-inline:1rem;border:0;border-radius:.72rem;background:#16856f;font-weight:800}
.warehouse-filter-wrap[b-daw7v1xzaa]{padding:1.25rem}.warehouse-filter-grid[b-daw7v1xzaa]{display:grid;grid-template-columns:minmax(18rem,1.55fr) minmax(12rem,1fr) minmax(10rem,.75fr) minmax(12rem,.9fr);gap:1rem;margin:0;align-items:end}.warehouse-filter-grid>div[b-daw7v1xzaa]{width:auto;padding:0}.warehouse-filter-grid .form-label[b-daw7v1xzaa]{margin-bottom:.45rem;color:#334155;font-size:.82rem;font-weight:800}.warehouse-filter-grid .form-control[b-daw7v1xzaa],.warehouse-filter-grid .form-select[b-daw7v1xzaa]{min-height:2.95rem;padding-inline:1rem;border:1px solid #d9dee8;border-radius:.72rem;background:#fbfcfe;box-shadow:none}.warehouse-filter-grid .btn[b-daw7v1xzaa]{min-height:2.95rem;border-radius:.72rem;font-weight:800}.warehouse-filter-grid .btn-primary[b-daw7v1xzaa]{border:0;background:linear-gradient(135deg,#62548f,#514478)}.warehouse-filter-grid .btn-outline-secondary[b-daw7v1xzaa]{width:2.95rem;min-width:2.95rem;color:#64748b;border-color:#d9dee8;background:#fff}
.warehouse-summary-wrap[b-daw7v1xzaa]{padding:1rem 1.25rem;background:#f8f9fc}.warehouse-summary-grid[b-daw7v1xzaa]{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:0}.warehouse-summary-grid>div[b-daw7v1xzaa]{display:flex;width:auto;min-height:5.5rem;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:1rem;border:1px solid #e6e8ef;border-radius:.78rem;background:#fff;text-align:center}.warehouse-summary-grid small[b-daw7v1xzaa]{color:#64748b!important;font-size:.82rem}.warehouse-summary-grid strong[b-daw7v1xzaa]{color:#27364d;font-size:1.08rem;line-height:1.6}.warehouse-table-card[b-daw7v1xzaa]{margin-top:.1rem}.warehouse-table[b-daw7v1xzaa]{min-width:1050px;vertical-align:middle}.warehouse-table thead th[b-daw7v1xzaa]{padding:1rem .95rem;color:#27364d;border-bottom:1px solid #d8dee8;background:#f7f8fb;font-size:.88rem;font-weight:850;white-space:nowrap}.warehouse-table tbody td[b-daw7v1xzaa]{padding:.9rem .95rem;color:#344054;border-color:#edf0f4;font-size:.9rem}.warehouse-table tbody tr:hover td[b-daw7v1xzaa]{background:#faf9fd}.warehouse-table code[b-daw7v1xzaa]{display:inline-block;padding:.25rem .5rem;color:#65538d;border-radius:.45rem;background:#f1eef8;font-size:.8rem;font-weight:800}.warehouse-table .badge[b-daw7v1xzaa]{padding:.35rem .55rem;border-radius:.45rem;font-size:.74rem}.warehouse-table .btn-group[b-daw7v1xzaa]{display:flex;gap:.4rem}.warehouse-table .btn-group .btn[b-daw7v1xzaa]{display:grid;width:2.4rem;height:2.4rem;place-items:center;padding:0;border:1px solid transparent;border-radius:.58rem!important}.warehouse-table .btn-warning[b-daw7v1xzaa]{color:#866620;border-color:#eadcb8!important;background:#fffaf0}.warehouse-table .btn-danger[b-daw7v1xzaa]{color:#b54b53;border-color:#efd5d8!important;background:#fff7f7}
@media(max-width:1100px){.warehouse-filter-grid[b-daw7v1xzaa]{grid-template-columns:repeat(2,minmax(0,1fr))}.warehouse-summary-grid[b-daw7v1xzaa]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.warehouse-filter-grid[b-daw7v1xzaa],.warehouse-summary-grid[b-daw7v1xzaa]{grid-template-columns:1fr}.warehouse-page-header[b-daw7v1xzaa]{align-items:flex-start!important;gap:.75rem}}
.warehouse-action-icon[b-daw7v1xzaa]{display:block;width:1.1rem;height:1.1rem}.warehouse-table .btn-danger:disabled[b-daw7v1xzaa]{color:#caa4a7;border-color:#eee5e6!important;background:#faf8f8;opacity:1}
/* /Components/Pages/Management/SalesPerformanceDashboard.razor.rz.scp.css */
.performance-dashboard .metric-card[b-ogpejmvusq] {
    height: 100%;
    min-height: 106px;
    border: 1px solid var(--bs-border-color);
    border-radius: 14px;
    background: var(--bs-body-bg);
    padding: 1rem;
    box-shadow: 0 .125rem .45rem rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
    gap: .3rem;
}
.performance-dashboard .metric-card span[b-ogpejmvusq],
.performance-dashboard .metric-card small[b-ogpejmvusq] { color: var(--bs-secondary-color); }
.performance-dashboard .metric-card strong[b-ogpejmvusq] { font-size: 1.35rem; font-variant-numeric: tabular-nums; }
.performance-dashboard .metric-card.peak[b-ogpejmvusq] { border-inline-start: 4px solid var(--bs-warning); }
.performance-dashboard .chart-scroll[b-ogpejmvusq] { max-height: 620px; overflow: auto; }
.performance-dashboard .chart-row[b-ogpejmvusq] {
    display: grid;
    grid-template-columns: 4.5rem minmax(120px,1fr) 5.2rem 5.5rem;
    gap: .55rem;
    align-items: center;
    margin-bottom: .52rem;
    min-height: 26px;
}
.performance-dashboard .chart-row.compact[b-ogpejmvusq] { grid-template-columns: 5rem minmax(100px,1fr) 5.5rem; }
.performance-dashboard .chart-label[b-ogpejmvusq],
.performance-dashboard .chart-value[b-ogpejmvusq],
.performance-dashboard .chart-count[b-ogpejmvusq] { font-size: .78rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.performance-dashboard .chart-value[b-ogpejmvusq] { text-align: left; font-weight: 700; }
.performance-dashboard .chart-count[b-ogpejmvusq] { color: var(--bs-secondary-color); }
.performance-dashboard .chart-track[b-ogpejmvusq],
.performance-dashboard .mini-track[b-ogpejmvusq] {
    overflow: hidden;
    background: var(--bs-tertiary-bg);
    border-radius: 999px;
}
.performance-dashboard .chart-track[b-ogpejmvusq] { height: 18px; }
.performance-dashboard .chart-bar[b-ogpejmvusq],
.performance-dashboard .mini-bar[b-ogpejmvusq] {
    height: 100%;
    min-width: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--bs-primary), #7c5cff);
}
.performance-dashboard .chart-bar.secondary[b-ogpejmvusq] { background: linear-gradient(90deg, #198754, #5cc98a); }
.performance-dashboard .mini-track[b-ogpejmvusq] { height: 5px; margin-top: .3rem; min-width: 110px; }
.performance-dashboard .mini-bar.visitor[b-ogpejmvusq] { background: linear-gradient(90deg, #fd7e14, #ffc107); }
.performance-dashboard .daily-chart[b-ogpejmvusq] {
    display: flex;
    align-items: end;
    gap: .42rem;
    min-height: 255px;
    overflow-x: auto;
    padding-top: 1.25rem;
}
.performance-dashboard .day-column[b-ogpejmvusq] {
    flex: 1 0 44px;
    min-width: 44px;
    display: grid;
    grid-template-rows: 1.3rem 190px 1.5rem;
    align-items: end;
    text-align: center;
}
.performance-dashboard .day-track[b-ogpejmvusq] {
    height: 180px;
    background: var(--bs-tertiary-bg);
    border-radius: 7px 7px 3px 3px;
    display: flex;
    align-items: end;
    overflow: hidden;
}
.performance-dashboard .day-bar[b-ogpejmvusq] {
    width: 100%;
    background: linear-gradient(0deg, var(--bs-primary), #7c5cff);
    border-radius: 7px 7px 0 0;
    min-height: 0;
}
.performance-dashboard .day-value[b-ogpejmvusq],
.performance-dashboard .day-label[b-ogpejmvusq] { font-size: .7rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.performance-dashboard .rank-badge[b-ogpejmvusq] {
    display: inline-grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: var(--bs-tertiary-bg);
    font-weight: 700;
}
@media (max-width: 768px) {
    .performance-dashboard .chart-row[b-ogpejmvusq] { grid-template-columns: 3.8rem minmax(90px,1fr) 4.6rem; }
    .performance-dashboard .chart-count[b-ogpejmvusq] { display: none; }
}
/* /Components/Pages/Management/StoreOperationsDashboard.razor.rz.scp.css */
.store-ops .metric[b-4jp09wdfth] {
    border: 1px solid var(--bs-border-color);
    border-radius: 14px;
    padding: 1rem;
    min-height: 92px;
    display: flex;
    flex-direction: column;
    gap: .4rem;
    background: var(--bs-body-bg);
    box-shadow: 0 .125rem .4rem rgba(0,0,0,.05);
}
.store-ops .metric span[b-4jp09wdfth] { color: var(--bs-secondary-color); }
.store-ops .metric strong[b-4jp09wdfth] { font-size: 1.55rem; font-variant-numeric: tabular-nums; }
.store-ops .metric.warn[b-4jp09wdfth] { border-inline-start: 4px solid var(--bs-warning); }
.store-ops .cashier-card[b-4jp09wdfth] {
    border: 1px solid var(--bs-border-color);
    border-radius: 14px;
    padding: 1rem;
    height: 100%;
    background: var(--bs-body-bg);
}
.store-ops .cashier-card.online[b-4jp09wdfth] { border-inline-start: 4px solid var(--bs-success); }
.store-ops .cashier-card.offline[b-4jp09wdfth] { opacity: .72; border-inline-start: 4px solid var(--bs-secondary); }
.store-ops .activity-grid[b-4jp09wdfth] {
    display: grid;
    grid-template-columns: 6.5rem 1fr;
    gap: .45rem .7rem;
    font-size: .88rem;
}
.store-ops .activity-grid span[b-4jp09wdfth] { color: var(--bs-secondary-color); }
.store-ops .activity-grid b[b-4jp09wdfth] { min-width: 0; overflow-wrap: anywhere; }


.store-ops .cashier-card.compact[b-4jp09wdfth] {
    padding: .65rem .75rem;
    border-radius: 10px;
}
.store-ops .cashier-card.compact .compact-activity[b-4jp09wdfth] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .2rem .65rem;
    font-size: .78rem;
}
.store-ops .cashier-card.compact .compact-activity span[b-4jp09wdfth] { color: var(--bs-secondary-color); }
.store-ops .cashier-card.compact .compact-activity b[b-4jp09wdfth] { font-size: .78rem; }
.store-ops .manager-requests-card[b-4jp09wdfth] { border-inline-start: 4px solid var(--bs-warning); }
.store-ops .request-context-modal[b-4jp09wdfth] { background: rgba(16,24,40,.5); z-index: 1090; }
.store-ops .context-kpi[b-4jp09wdfth] {
    height: 100%;
    border: 1px solid var(--bs-border-color);
    border-radius: 10px;
    padding: .65rem;
    display: flex;
    flex-direction: column;
    gap: .15rem;
}
.store-ops .context-kpi span[b-4jp09wdfth],
.store-ops .context-kpi small[b-4jp09wdfth] { color: var(--bs-secondary-color); font-size: .78rem; }
.store-ops .context-kpi b[b-4jp09wdfth] { overflow-wrap: anywhere; }
.store-ops .min-w-0[b-4jp09wdfth] { min-width: 0; }
/* /Components/Pages/OnlineStore/StorefrontPage.razor.rz.scp.css */
/* ---- بازار /shop -----------------------------------------------------------
   الگوی ساده بازار چندفروشنده‌ای (شبیه دیجی‌کالا): هدر ثابت با جستجو و سبد،
   دسته‌ها، بنر و فروشندگان در صفحه اصلی، پیشنهاد ویژه، شبکه کالا و سبد تفکیک‌شده. */
/* رنگ‌ها از هویت آی‌مانیتور (business-public.css / design-system-v3): بنفش برند برای عمل‌ها، قرمز ملایم فقط برای تخفیف. */
.mk[b-719dvhh5fd]{--ink:#27364d;--muted:#697586;--line:#e7e9f0;--bg:#fff;--card:#fff;--brand:var(--store-primary,#5a4b86);--brand-2:var(--store-primary,#6676df);--brand-soft:color-mix(in srgb,var(--store-primary,#5a4b86) 9%,white);--brand-line:color-mix(in srgb,var(--store-primary,#5a4b86) 22%,white);--sale:#e0435f;--theme-accent:var(--store-accent,#ef4056);--ok:#278269;--radius:14px;--shadow:0 1px 2px rgba(39,54,77,.04),0 8px 24px rgba(39,54,77,.06);
    min-height:100vh;background:var(--bg);color:var(--ink);font-family:inherit;line-height:1.7}
.mk *[b-719dvhh5fd]{box-sizing:border-box}
.mk button[b-719dvhh5fd]{font-family:inherit;cursor:pointer}
.mk-wrap[b-719dvhh5fd]{max-width:1280px;margin-inline:auto;padding-inline:16px}

/* هدر */
.mk-header[b-719dvhh5fd]{position:sticky;top:0;z-index:30;background:var(--card);box-shadow:0 1px 0 var(--line)}
.mk-topbar[b-719dvhh5fd]{max-width:1280px;margin:auto;padding:12px 16px;display:flex;align-items:center;gap:16px}
.mk-brand[b-719dvhh5fd]{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;flex:0 0 auto}
.mk-brand-mark[b-719dvhh5fd]{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);border:1px solid var(--brand-line);overflow:hidden}
.mk-brand-mark img[b-719dvhh5fd]{width:34px;height:34px;object-fit:contain}
.mk-brand b[b-719dvhh5fd]{display:block;font-size:1.05rem;font-weight:800}
.mk-brand small[b-719dvhh5fd]{display:block;color:var(--muted);font-size:.72rem}
.mk-search[b-719dvhh5fd]{flex:1;display:flex;align-items:center;gap:6px;background:#f6f7fa;border:1px solid var(--line);border-radius:12px;padding:4px 6px 4px 12px;min-width:0;transition:border-color .18s ease,box-shadow .18s ease}
.mk-search:focus-within[b-719dvhh5fd]{border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(102,118,223,.14);background:#fff}
.mk-search>i[b-719dvhh5fd]{color:var(--muted)}
.mk-search input[b-719dvhh5fd]{flex:1;min-width:0;border:0;background:transparent;outline:0;padding:9px 4px;font-family:inherit;font-size:.92rem;color:inherit}
.mk-search input[b-719dvhh5fd]::-webkit-search-cancel-button{display:none}
.mk-search-clear[b-719dvhh5fd]{border:0;background:transparent;color:var(--muted);padding:4px}
.mk-search-go[b-719dvhh5fd]{border:0;border-radius:9px;background:linear-gradient(135deg,var(--brand-2),var(--brand));color:#fff;padding:7px 18px;font-weight:700;font-size:.85rem}
.mk-cart-btn[b-719dvhh5fd]{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:8px 14px;color:inherit;font-weight:700;font-size:.9rem}
.mk-cart-btn>i[b-719dvhh5fd]{font-size:1.3rem}
.mk-cart-badge[b-719dvhh5fd]{position:absolute;top:-8px;inset-inline-start:-8px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--brand);color:#fff;font-size:.72rem;display:grid;place-items:center;border:2px solid var(--card)}
.mk-cats[b-719dvhh5fd]{max-width:1280px;margin:auto;padding:0 16px 8px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.mk-cats[b-719dvhh5fd]::-webkit-scrollbar{display:none}
.mk-cats button[b-719dvhh5fd]{flex:0 0 auto;border:0;background:transparent;color:var(--muted);border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:600;border-bottom:2px solid transparent}
.mk-cats button:hover[b-719dvhh5fd]{color:var(--brand);background:var(--brand-soft)}
.mk-cats button.active[b-719dvhh5fd]{color:var(--brand);border-bottom-color:var(--brand);border-radius:8px 8px 0 0}

.mk-demo-note[b-719dvhh5fd]{display:flex;gap:8px;align-items:flex-start;margin:12px 0 0;background:#fff8e1;border:1px solid #f5dfa0;border-radius:10px;padding:8px 12px;font-size:.82rem;color:#7a5b00}
.mk-demo-note>i[b-719dvhh5fd]{margin-top:3px}

/* صفحه اصلی */
.mk-home[b-719dvhh5fd]{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:16px}
.mk-banner[b-719dvhh5fd]{position:relative;overflow:hidden;border-radius:var(--radius);padding:32px;min-height:230px;display:flex;align-items:center;color:#fff;background:radial-gradient(120% 140% at 0% 100%,rgba(255,255,255,.14),transparent 55%),linear-gradient(125deg,var(--brand-2),var(--brand) 70%)}
.mk-banner>div[b-719dvhh5fd]{position:relative;z-index:1;max-width:520px}
.mk-banner small[b-719dvhh5fd]{display:inline-block;background:rgba(255,255,255,.18);border-radius:20px;padding:2px 12px;font-size:.78rem}
.mk-banner h1[b-719dvhh5fd]{font-size:clamp(1.5rem,3.2vw,2.3rem);font-weight:900;margin:10px 0 6px}
.mk-banner p[b-719dvhh5fd]{opacity:.92;margin:0 0 16px}
.mk-banner-cta[b-719dvhh5fd]{display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--brand);border-radius:10px;padding:8px 16px;font-weight:800;text-decoration:none}
.mk-banner-art[b-719dvhh5fd]{position:absolute;inset-inline-end:-10px;bottom:-30px;font-size:13rem;opacity:.14}
.mk-promos[b-719dvhh5fd]{display:grid;gap:14px}
.mk-promo[b-719dvhh5fd]{border-radius:var(--radius);padding:18px 20px;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,var(--seller),color-mix(in srgb,var(--seller) 55%,#000));min-height:108px;transition:transform .18s ease}
.mk-promo:hover[b-719dvhh5fd]{transform:translateY(-2px)}
.mk-promo small[b-719dvhh5fd]{opacity:.85;font-size:.78rem}
.mk-promo b[b-719dvhh5fd]{font-size:1.35rem;font-weight:900}
.mk-promo span[b-719dvhh5fd]{font-size:.82rem;color:var(--seller-2);font-weight:700}
.mk-trust[b-719dvhh5fd]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.mk-trust>div[b-719dvhh5fd]{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.mk-trust i[b-719dvhh5fd]{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--brand-soft)}
.mk-trust i[b-719dvhh5fd]{font-size:1.25rem;color:var(--brand)}
.mk-trust b[b-719dvhh5fd]{display:block;font-size:.85rem}
.mk-trust small[b-719dvhh5fd]{display:block;color:var(--muted);font-size:.72rem;line-height:1.5}
.mk-section[b-719dvhh5fd]{margin-top:22px}
.mk-section-head h2[b-719dvhh5fd],.mk-toolbar h2[b-719dvhh5fd]{font-size:1.1rem;font-weight:800;margin:0}
.mk-section-head[b-719dvhh5fd]{margin-bottom:10px}
.mk-sellers[b-719dvhh5fd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.mk-seller-card[b-719dvhh5fd]{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;color:inherit;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease}
.mk-seller-card:hover[b-719dvhh5fd]{border-color:var(--seller);box-shadow:var(--shadow)}
.mk-seller-text[b-719dvhh5fd]{flex:1;min-width:0}
.mk-seller-text b[b-719dvhh5fd]{display:block}
.mk-seller-text small[b-719dvhh5fd]{display:block;color:var(--muted);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-seller-count[b-719dvhh5fd]{font-size:.75rem;color:var(--muted);background:#f3f4f6;border-radius:20px;padding:2px 10px;white-space:nowrap}
.mk-avatar[b-719dvhh5fd]{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:var(--seller);color:#fff;font-weight:900;font-size:1.2rem}
.mk-avatar img[b-719dvhh5fd]{width:100%;height:100%;object-fit:cover;background:#fff}
.mk-avatar-lg[b-719dvhh5fd]{width:84px;height:84px;font-size:2.2rem;border:4px solid rgba(255,255,255,.35)}

/* پیشنهاد ویژه */
.mk-deals[b-719dvhh5fd]{margin-top:22px;display:flex;gap:10px;align-items:stretch;background:linear-gradient(135deg,var(--brand-soft),#eef0fd);border:1px solid var(--brand-line);border-radius:var(--radius);padding:14px;color:var(--brand);max-width:1248px}
.mk-deals-intro[b-719dvhh5fd]{flex:0 0 130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.mk-deals-intro>i[b-719dvhh5fd]{font-size:2.2rem}
.mk-deals-intro h2[b-719dvhh5fd]{font-size:1.1rem;font-weight:900;margin:4px 0 0}
.mk-deals-intro p[b-719dvhh5fd]{font-size:.78rem;opacity:.9;margin:0 0 6px}
.mk-link-btn[b-719dvhh5fd]{border:0;background:transparent;color:var(--brand);font-weight:700;font-size:.82rem}
.mk-deals-row[b-719dvhh5fd]{flex:1;display:flex;gap:8px;overflow-x:auto;border-radius:10px;scrollbar-width:thin}
.mk-deal[b-719dvhh5fd]{flex:0 0 170px;display:flex;flex-direction:column;gap:4px;text-align:start;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:10px;border-radius:12px;transition:border-color .18s ease,transform .18s ease}
.mk-deal:hover[b-719dvhh5fd]{border-color:var(--brand-line);transform:translateY(-2px)}
.mk-deal img[b-719dvhh5fd]{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.mk-deal-name[b-719dvhh5fd]{font-size:.8rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;line-height:1.4}
.mk-deal s[b-719dvhh5fd]{align-self:flex-end;color:#a0a6b0;font-size:.75rem}
.mk-price-row[b-719dvhh5fd]{display:flex;justify-content:space-between;align-items:center;gap:6px}
.mk-price-row b[b-719dvhh5fd]{font-size:.9rem}
.mk-off[b-719dvhh5fd]{background:var(--sale);color:#fff;border-radius:10px;padding:0 7px;font-size:.72rem;font-weight:800}

/* فهرست و ابزار */
.mk-listing[b-719dvhh5fd]{margin-top:22px;scroll-margin-top:130px}
.mk-toolbar[b-719dvhh5fd]{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:14px}
.mk-toolbar-title[b-719dvhh5fd]{display:flex;align-items:baseline;gap:8px}
.mk-toolbar-title small[b-719dvhh5fd]{color:var(--muted)}
.mk-sort[b-719dvhh5fd]{display:flex;align-items:center;gap:2px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}
.mk-sort>i[b-719dvhh5fd]{margin-inline-end:4px}
.mk-sort button[b-719dvhh5fd]{border:0;background:transparent;color:var(--muted);padding:4px 10px;border-radius:8px;font-size:.82rem}
.mk-sort button.active[b-719dvhh5fd]{color:var(--brand);font-weight:800;background:var(--brand-soft)}
.mk-filters[b-719dvhh5fd]{margin-inline-start:auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mk-filters select[b-719dvhh5fd]{border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-family:inherit;font-size:.82rem;background:var(--card);color:inherit}
.mk-switch[b-719dvhh5fd]{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted);cursor:pointer;margin:0}
.mk-switch input[b-719dvhh5fd]{position:absolute;opacity:0;width:1px;height:1px}
.mk-switch span[b-719dvhh5fd]{width:36px;height:20px;border-radius:10px;background:#d1d5db;position:relative;transition:background .18s ease}
.mk-switch span[b-719dvhh5fd]::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:inset-inline-start .18s ease}
.mk-switch input:checked+span[b-719dvhh5fd]{background:var(--ok)}
.mk-switch input:checked+span[b-719dvhh5fd]::after{inset-inline-start:18px}
.mk-switch input:focus-visible+span[b-719dvhh5fd]{outline:2px solid var(--ink);outline-offset:2px}

/* کارت کالا */
.mk-grid[b-719dvhh5fd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.mk-card[b-719dvhh5fd]{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s ease;position:relative}
.mk-card:hover[b-719dvhh5fd]{border-color:var(--brand-line);box-shadow:0 10px 28px rgba(90,75,134,.12);z-index:1}
.mk-card-media[b-719dvhh5fd]{position:relative;border:0;padding:12px;background:#fafafc;display:grid;place-items:center;aspect-ratio:1;color:#b6bcc6;font-size:3rem}
.mk-card-media img[b-719dvhh5fd]{width:100%;height:100%;object-fit:contain;border-radius:10px}
.mk-card.out .mk-card-media img[b-719dvhh5fd]{filter:grayscale(1);opacity:.55}
.mk-badges[b-719dvhh5fd]{position:absolute;top:10px;inset-inline-start:10px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.mk-badge[b-719dvhh5fd]{display:inline-block;border-radius:8px;padding:1px 8px;font-size:.7rem;font-weight:800;line-height:1.7}
.mk-badge.off[b-719dvhh5fd]{background:var(--sale);color:#fff}
.mk-badge.demo[b-719dvhh5fd]{background:#fff3cd;color:#8a6100;border:1px solid #f1d27a}
.mk-badge.order[b-719dvhh5fd]{background:#e0ecff;color:#1d4ed8}
.mk-card-body[b-719dvhh5fd]{padding:0 14px 14px;display:flex;flex-direction:column;flex:1}
.mk-card-seller[b-719dvhh5fd]{font-size:.74rem;color:var(--muted);text-decoration:none;display:inline-flex;gap:4px;align-items:center}
.mk-card-seller:hover[b-719dvhh5fd]{color:var(--store-primary)}
.mk-card h3[b-719dvhh5fd]{margin:4px 0;font-size:.9rem;font-weight:600}
.mk-card-title[b-719dvhh5fd]{border:0;background:transparent;padding:0;text-align:start;color:inherit;font:inherit;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.2em;line-height:1.6}
.mk-card-title:hover[b-719dvhh5fd]{color:var(--store-primary)}
.mk-stock[b-719dvhh5fd]{font-size:.74rem;color:var(--ok)}
.mk-card.out .mk-stock[b-719dvhh5fd]{color:var(--muted)}
.mk-card-foot[b-719dvhh5fd]{margin-top:auto;padding-top:8px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:52px}
.mk-price[b-719dvhh5fd]{display:flex;flex-direction:column;align-items:flex-start}
.mk-price s[b-719dvhh5fd]{color:#a0a6b0;font-size:.78rem}
.mk-price b[b-719dvhh5fd]{font-size:1rem;font-weight:800}
.mk-price small[b-719dvhh5fd]{font-size:.68rem;font-weight:500;color:var(--muted)}
.mk-add[b-719dvhh5fd]{width:42px;height:42px;border:1px solid var(--brand);border-radius:10px;background:var(--card);color:var(--brand);font-size:1.15rem;transition:background .18s ease,color .18s ease}
.mk-add:hover[b-719dvhh5fd]{background:var(--brand);color:#fff}
.mk-stepper[b-719dvhh5fd]{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:10px;padding:3px;box-shadow:var(--shadow);background:var(--card)}
.mk-stepper button[b-719dvhh5fd]{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--brand);display:grid;place-items:center}
.mk-stepper button:hover:not(:disabled)[b-719dvhh5fd]{background:var(--brand-soft)}
.mk-stepper button:disabled[b-719dvhh5fd]{color:#c7cbd1;cursor:not-allowed}
.mk-stepper b[b-719dvhh5fd]{min-width:26px;text-align:center;color:var(--brand)}
.mk-unavailable[b-719dvhh5fd]{color:var(--muted);font-weight:700;font-size:.85rem}
.mk-skeleton[b-719dvhh5fd]{min-height:330px;padding:14px;gap:10px}
.mk-skeleton div[b-719dvhh5fd],.mk-skeleton p[b-719dvhh5fd]{background:linear-gradient(90deg,#eef0f3,#f7f8fa,#eef0f3);background-size:200% 100%;animation:mk-shimmer-b-719dvhh5fd 1.2s infinite;border-radius:10px;margin:0}
.mk-skeleton div[b-719dvhh5fd]{aspect-ratio:1}.mk-skeleton p[b-719dvhh5fd]{height:14px}.mk-skeleton p:last-child[b-719dvhh5fd]{width:60%}
@keyframes mk-shimmer-b-719dvhh5fd{to{background-position:-200% 0}}
.mk-state[b-719dvhh5fd]{text-align:center;color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);padding:48px 16px}
.mk-state>i[b-719dvhh5fd]{font-size:3rem}
.mk-state h3[b-719dvhh5fd]{font-size:1.1rem;color:var(--ink);margin:8px 0 4px}
.mk-outline-btn[b-719dvhh5fd]{margin-top:10px;border:1px solid var(--brand);background:var(--card);color:var(--brand);border-radius:10px;padding:8px 18px;font-weight:700}
.mk-outline-btn:hover[b-719dvhh5fd]{background:var(--brand);color:#fff}

/* صفحه فروشنده */
.mk-seller-hero[b-719dvhh5fd]{color:#fff;background:linear-gradient(120deg,var(--seller),color-mix(in srgb,var(--seller) 50%,#000));background-size:cover;background-position:center;padding:24px 0 28px}
.mk-back[b-719dvhh5fd]{color:#fff;opacity:.85;text-decoration:none;font-size:.82rem}
.mk-back:hover[b-719dvhh5fd]{opacity:1}
.mk-seller-head[b-719dvhh5fd]{display:flex;align-items:center;gap:18px;margin-top:10px}
.mk-seller-head h1[b-719dvhh5fd]{font-size:clamp(1.4rem,3vw,2rem);font-weight:900;margin:0}
.mk-seller-head p[b-719dvhh5fd]{margin:2px 0 6px;opacity:.9;max-width:680px}
.mk-seller-meta[b-719dvhh5fd]{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.82rem;opacity:.9}
.mk-seller-hero .mk-avatar[b-719dvhh5fd]{background:rgba(255,255,255,.2)}

/* مودال‌ها و سبد */
.mk-backdrop[b-719dvhh5fd]{position:fixed;inset:0;z-index:100;background:rgba(17,24,39,.55);animation:mk-fade-b-719dvhh5fd .15s ease}
.mk-center[b-719dvhh5fd]{display:grid;place-items:center;padding:16px}
@keyframes mk-fade-b-719dvhh5fd{from{opacity:0}}
.mk-close[b-719dvhh5fd]{border:0;background:transparent;width:36px;height:36px;border-radius:10px;color:var(--muted);font-size:1rem}
.mk-close:hover[b-719dvhh5fd]{background:#f3f4f6;color:var(--ink)}
.mk-modal[b-719dvhh5fd]{position:relative;width:min(560px,100%);max-height:94vh;overflow:auto;background:var(--card);color:var(--ink);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.25)}
.mk-product[b-719dvhh5fd]{width:min(880px,100%);display:grid;grid-template-columns:1fr 1fr;gap:0}
.mk-product>.mk-close[b-719dvhh5fd]{position:absolute;top:10px;inset-inline-end:10px;z-index:2;background:var(--card)}
.mk-product-media[b-719dvhh5fd]{position:relative;background:#f7f7f8;display:grid;place-items:center;padding:24px;font-size:5rem;color:#b6bcc6}
.mk-product-media img[b-719dvhh5fd]{width:100%;max-height:420px;object-fit:contain;border-radius:12px}
.mk-product-media .mk-badge[b-719dvhh5fd]{position:absolute;top:14px;inset-inline-start:14px}
.mk-product-info[b-719dvhh5fd]{padding:28px 24px 24px;display:flex;flex-direction:column;gap:8px}
.mk-crumb[b-719dvhh5fd]{color:var(--muted);font-size:.78rem}
.mk-product-info h2[b-719dvhh5fd]{font-size:1.25rem;font-weight:800;margin:0}
.mk-product-seller[b-719dvhh5fd]{color:var(--muted);text-decoration:none;font-size:.85rem}
.mk-product-seller b[b-719dvhh5fd]{color:var(--store-primary)}
.mk-desc[b-719dvhh5fd]{color:#4b5563;font-size:.9rem;margin:4px 0}
.mk-buybox[b-719dvhh5fd]{margin-top:auto;border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;background:#fbfaff}
.mk-price-lg[b-719dvhh5fd]{align-items:flex-end}
.mk-price-lg>span[b-719dvhh5fd]{display:flex;gap:6px;align-items:center}
.mk-price-lg b[b-719dvhh5fd]{font-size:1.35rem}
.mk-stepper-lg[b-719dvhh5fd]{align-self:flex-start}
.mk-primary-btn[b-719dvhh5fd]{width:100%;border:0;border-radius:12px;background:linear-gradient(135deg,var(--brand-2),var(--brand));color:#fff;padding:12px;font-weight:800;font-size:.95rem;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:filter .18s ease}
.mk-primary-btn:hover:not(:disabled)[b-719dvhh5fd]{filter:brightness(.93)}
.mk-primary-btn:disabled[b-719dvhh5fd]{opacity:.6;cursor:wait}
.mk-drawer[b-719dvhh5fd]{position:absolute;inset-block:0;inset-inline-end:0;width:min(440px,100%);background:var(--card);color:var(--ink);display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(0,0,0,.25);animation:mk-slide-b-719dvhh5fd .2s ease}
@keyframes mk-slide-b-719dvhh5fd{from{transform:translateX(-30px);opacity:0}}
.mk-drawer>header[b-719dvhh5fd],.mk-checkout>header[b-719dvhh5fd]{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
.mk-drawer h2[b-719dvhh5fd],.mk-checkout h2[b-719dvhh5fd]{font-size:1.05rem;font-weight:800;margin:0}
.mk-drawer h2 small[b-719dvhh5fd]{color:var(--muted);font-weight:500;font-size:.8rem}
.mk-drawer-body[b-719dvhh5fd]{flex:1;overflow:auto;padding:8px 16px}
.mk-cart-group[b-719dvhh5fd]{border:1px solid var(--line);border-radius:12px;padding:4px 12px;margin:10px 0}
.mk-cart-group h3[b-719dvhh5fd]{font-size:.85rem;font-weight:800;margin:8px 0;color:var(--muted)}
.mk-cart-line[b-719dvhh5fd]{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}
.mk-cart-line img[b-719dvhh5fd],.mk-cart-noimg[b-719dvhh5fd]{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:0 0 auto;background:#f3f4f6;display:grid;place-items:center;color:#b6bcc6;font-size:1.5rem}
.mk-cart-info[b-719dvhh5fd]{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.mk-cart-info b[b-719dvhh5fd]{font-size:.85rem;font-weight:600;line-height:1.5}
.mk-cart-price[b-719dvhh5fd]{font-weight:800;font-size:.9rem}
.mk-cart-price small[b-719dvhh5fd]{font-weight:500;color:var(--muted);font-size:.7rem}
.mk-group-total[b-719dvhh5fd]{display:flex;justify-content:space-between;border-top:1px dashed var(--line);padding:8px 0;font-size:.82rem;color:var(--muted)}
.mk-group-total b[b-719dvhh5fd]{color:var(--ink)}
.mk-drawer>footer[b-719dvhh5fd]{padding:14px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.mk-total[b-719dvhh5fd],.mk-saved[b-719dvhh5fd]{display:flex;justify-content:space-between;align-items:center}
.mk-saved[b-719dvhh5fd]{color:var(--sale);font-size:.85rem}
.mk-total strong[b-719dvhh5fd]{font-size:1.1rem}
.mk-demo-warn[b-719dvhh5fd]{margin:0;font-size:.8rem;color:#8a6100}
.mk-empty-cart[b-719dvhh5fd]{margin:auto;text-align:center;color:var(--muted);padding:24px}
.mk-empty-cart>i[b-719dvhh5fd]{font-size:4rem;color:#c7cbd1}
.mk-form[b-719dvhh5fd]{padding:14px 16px 18px;display:flex;flex-direction:column;gap:12px}
.mk-form label[b-719dvhh5fd]{display:flex;flex-direction:column;gap:4px;font-size:.85rem;font-weight:700;margin:0}
.mk-form label small[b-719dvhh5fd]{color:var(--muted);font-weight:500}
.mk-form input[b-719dvhh5fd],.mk-form textarea[b-719dvhh5fd]{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;font-weight:400;color:inherit;background:var(--card)}
.mk-form input:focus[b-719dvhh5fd],.mk-form textarea:focus[b-719dvhh5fd]{outline:0;border-color:var(--store-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--store-primary) 18%,transparent)}
.mk-summary[b-719dvhh5fd]{background:var(--brand-soft);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;font-size:.85rem}
.mk-summary>div[b-719dvhh5fd]{display:flex;justify-content:space-between}
.mk-summary small[b-719dvhh5fd]{color:var(--muted)}
.mk-summary-total[b-719dvhh5fd]{border-top:1px solid var(--line);padding-top:6px;margin-top:2px;font-size:.95rem}
.mk-error[b-719dvhh5fd]{background:#fdeef1;color:#b42335;border-radius:10px;padding:8px 12px;font-size:.85rem}
.mk-safe[b-719dvhh5fd]{color:var(--muted);text-align:center;font-size:.76rem}
.mk-success[b-719dvhh5fd]{text-align:center;padding:24px}
.mk-success>i[b-719dvhh5fd]{font-size:4rem;color:var(--ok)}
.mk-toast[b-719dvhh5fd]{position:fixed;z-index:120;bottom:20px;inset-inline-start:50%;transform:translateX(50%);display:flex;align-items:center;gap:10px;background:#2c2448;color:#fff;border-radius:12px;padding:10px 14px;box-shadow:0 10px 30px rgba(0,0,0,.3);font-size:.88rem;max-width:calc(100vw - 32px);animation:mk-fade-b-719dvhh5fd .2s ease}
.mk-toast>i[b-719dvhh5fd]{color:#6ee7b7}
.mk-toast button[b-719dvhh5fd]{border:0;background:transparent;color:#c9bdf2;font-weight:800;white-space:nowrap}
.mk-footer[b-719dvhh5fd]{margin-top:24px;background:#f8f9fb;border-top:1px solid var(--line);padding:18px 0;font-size:.8rem;color:var(--muted)}
.mk-footer .mk-wrap[b-719dvhh5fd]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.mk-footer b[b-719dvhh5fd]{color:var(--ink)}

.mk :is(a,button,input,select,textarea):focus-visible[b-719dvhh5fd]{outline:2px solid var(--ink);outline-offset:2px}

@media (max-width:900px){
    .mk-home[b-719dvhh5fd]{grid-template-columns:1fr}
    .mk-promos[b-719dvhh5fd]{grid-template-columns:1fr 1fr}
    .mk-trust[b-719dvhh5fd]{grid-template-columns:1fr 1fr}
    .mk-product[b-719dvhh5fd]{grid-template-columns:1fr}
    .mk-product-media img[b-719dvhh5fd]{max-height:280px}
}
@media (max-width:640px){
    .mk-topbar[b-719dvhh5fd]{flex-wrap:wrap;gap:10px;padding:10px 12px}
    .mk-brand small[b-719dvhh5fd],.mk-cart-btn span[b-719dvhh5fd],.mk-search-go[b-719dvhh5fd]{display:none}
    .mk-search[b-719dvhh5fd]{order:3;flex-basis:100%}
    .mk-cart-btn[b-719dvhh5fd]{margin-inline-start:auto;padding:8px 10px;min-height:44px}
    .mk-cats[b-719dvhh5fd]{padding-inline:12px}
    .mk-cats button[b-719dvhh5fd]{min-height:40px}
    .mk-wrap[b-719dvhh5fd]{padding-inline:12px}
    .mk-banner[b-719dvhh5fd]{padding:22px;min-height:190px}
    .mk-promos[b-719dvhh5fd]{grid-template-columns:1fr 1fr;gap:10px}
    .mk-promo[b-719dvhh5fd]{min-height:92px;padding:14px}
    .mk-promo b[b-719dvhh5fd]{font-size:1.1rem}
    .mk-trust>div[b-719dvhh5fd]{padding:10px}
    .mk-deals[b-719dvhh5fd]{flex-direction:column;padding:12px}
    .mk-deals-intro[b-719dvhh5fd]{flex-basis:auto;flex-direction:row;gap:8px;justify-content:flex-start}
    .mk-deals-intro p[b-719dvhh5fd]{display:none}
    .mk-deals-intro .mk-link-btn[b-719dvhh5fd]{margin-inline-start:auto}
    .mk-deal[b-719dvhh5fd]{flex-basis:140px}
    .mk-toolbar[b-719dvhh5fd]{padding:10px}
    .mk-filters[b-719dvhh5fd]{margin-inline-start:0;width:100%;justify-content:space-between}
    .mk-grid[b-719dvhh5fd]{grid-template-columns:1fr 1fr;gap:8px}
    .mk-card-body[b-719dvhh5fd]{padding:0 10px 10px}
    .mk-card-media[b-719dvhh5fd]{padding:8px}
    .mk-price b[b-719dvhh5fd]{font-size:.9rem}
    .mk-add[b-719dvhh5fd]{width:44px;height:44px}
    .mk-stepper button[b-719dvhh5fd]{width:30px;height:34px}
    .mk-center[b-719dvhh5fd]{padding:0;align-items:end}
    .mk-modal[b-719dvhh5fd]{border-radius:18px 18px 0 0;max-height:92vh}
    .mk-seller-head[b-719dvhh5fd]{align-items:flex-start}
    .mk-avatar-lg[b-719dvhh5fd]{width:64px;height:64px;font-size:1.6rem}
}
@media (max-width:360px){.mk-grid[b-719dvhh5fd]{grid-template-columns:1fr}}

/* پس‌زمینه بازار عمداً همیشه سفید است (درخواست مالک)؛ حالت تیره ندارد. */
@media (prefers-reduced-motion:reduce){
    .mk *[b-719dvhh5fd],.mk *[b-719dvhh5fd]::before,.mk *[b-719dvhh5fd]::after{animation:none!important;transition:none!important}
}

/* ---- دعوت صاحبان مغازه -----------------------------------------------------
   /shop صفحه خریدار است. این تنها جایی است که فروشنده از آن به /business می‌رسد،
   پس باید دیده شود ولی خرید را قطع نکند؛ برای همین بعد از فهرست کالاها می‌آید. */
.shop-owner-cta[b-719dvhh5fd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    max-width: 1200px;
    margin: 2rem auto;
    padding: 1.4rem 1.6rem;
    border: 1px solid #e2ddf0;
    border-radius: 1rem;
    background: #f7f5fd;
}

.shop-owner-cta h2[b-719dvhh5fd] {
    margin: 0 0 .3rem;
    color: #3f3563;
    font-size: 1.05rem;
    font-weight: 800;
}

.shop-owner-cta p[b-719dvhh5fd] {
    margin: 0;
    color: #6a6382;
    font-size: .88rem;
    line-height: 1.8;
}

.shop-owner-cta a[b-719dvhh5fd] {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    flex: 0 0 auto;
    padding-inline: 1.3rem;
    border-radius: .7rem;
    background: #554477;
    color: #fff;
    font-size: .88rem;
    font-weight: 700;
    text-decoration: none;
}

.shop-owner-cta a:hover[b-719dvhh5fd] { background: #453a63; }
.shop-owner-cta a:focus-visible[b-719dvhh5fd] { outline: 2px solid #2b2145; outline-offset: 2px; }

@media (max-width: 640px) {
    .shop-owner-cta[b-719dvhh5fd] { margin-inline: .8rem; padding: 1.1rem; }
    .shop-owner-cta a[b-719dvhh5fd] { width: 100%; justify-content: center; }
}

/* حساب خریدار و راه ورود صاحب کسب‌وکار در سربرگ */
.mk-account[b-719dvhh5fd]{display:flex;align-items:center;gap:8px;flex-shrink:0}
.mk-account-btn[b-719dvhh5fd],.mk-owner-btn[b-719dvhh5fd],.mk-account-name[b-719dvhh5fd]{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 12px;border-radius:10px;font-size:.82rem;font-weight:700;text-decoration:none;white-space:nowrap}
.mk-account-btn[b-719dvhh5fd]{color:#fff;background:var(--store-primary)}
.mk-account-btn:hover[b-719dvhh5fd]{color:#fff;filter:brightness(1.08)}
.mk-owner-btn[b-719dvhh5fd]{color:var(--store-primary);border:1px solid var(--line);background:var(--card)}
.mk-owner-btn:hover[b-719dvhh5fd]{border-color:var(--store-primary)}
.mk-account-name[b-719dvhh5fd]{max-width:11rem;color:inherit;background:#f6f7fa}
.mk-account-name span[b-719dvhh5fd]{overflow:hidden;text-overflow:ellipsis}
.mk-logout[b-719dvhh5fd]{margin:0}
.mk-logout button[b-719dvhh5fd]{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--card);color:#8a93a6}
.mk-logout button:hover[b-719dvhh5fd]{color:#c9364b;border-color:#f1c2ca}
@media(max-width:900px){.mk-account-btn span[b-719dvhh5fd],.mk-owner-btn span[b-719dvhh5fd],.mk-account-name span[b-719dvhh5fd]{display:none}.mk-account-btn[b-719dvhh5fd],.mk-owner-btn[b-719dvhh5fd],.mk-account-name[b-719dvhh5fd]{padding:8px 10px}}
.mk-secondary-link[b-719dvhh5fd]{display:block;margin:.4rem 0 .8rem;color:var(--store-primary);font-weight:700;text-decoration:none}
/* The marketplace mark (crescent) is taller than wide: keep its proportions in the square slot. */
.mk-brand-mark img[b-719dvhh5fd]{object-fit:contain}


/* Distinct catalogue personalities. All retain responsive search/cart/checkout semantics. */
.mk-theme-intro[b-719dvhh5fd]{display:flex;align-items:center;gap:.6rem;padding:.55rem .85rem;margin-bottom:.8rem;background:color-mix(in srgb,var(--store-primary) 10%,white);border-radius:12px;font-weight:700}
.mk-theme-intro i[b-719dvhh5fd]{font-size:1.45rem}
.mk-template-boutique[b-719dvhh5fd]{--radius:22px;--bg:#fffbf9;--card:#fffaf7}
.mk-template-boutique .mk-seller-hero[b-719dvhh5fd]{min-height:320px;border-radius:0 0 36px 36px}
.mk-template-boutique .mk-seller-head[b-719dvhh5fd]{gap:2rem;padding-block:2.2rem}
.mk-template-boutique .mk-product-grid[b-719dvhh5fd]{gap:24px}
.mk-template-industrial[b-719dvhh5fd]{--radius:7px;--bg:#f5f7fa;--card:#fff}
.mk-template-industrial .mk-header[b-719dvhh5fd]{border-bottom:4px solid var(--store-primary)}
.mk-template-industrial .mk-seller-head[b-719dvhh5fd]{border-inline-start:5px solid var(--store-primary);padding-inline-start:1rem}
.mk-template-industrial .mk-cats[b-719dvhh5fd]{background:#eef3f7}
.mk-template-restaurant[b-719dvhh5fd]{--radius:20px;--bg:#fff9f4}
.mk-template-restaurant .mk-seller-hero[b-719dvhh5fd]{min-height:285px}
.mk-template-restaurant .mk-product-grid[b-719dvhh5fd]{gap:20px}
.mk-template-restaurant .mk-seller-head h1[b-719dvhh5fd]{font-size:clamp(2rem,4vw,3.3rem)}
.mk-template-hyper-retail .mk-cats[b-719dvhh5fd],.mk-template-digimarket .mk-cats[b-719dvhh5fd]{gap:.3rem}
.mk-template-hyper-retail .mk-product-grid[b-719dvhh5fd]{gap:10px}
.mk-template-fresh[b-719dvhh5fd]{--bg:#f7fff8;--radius:15px}
@media(max-width:768px){.mk-template-boutique .mk-seller-hero[b-719dvhh5fd],.mk-template-restaurant .mk-seller-hero[b-719dvhh5fd]{min-height:0}.mk-template-boutique .mk-seller-head[b-719dvhh5fd]{padding-block:1rem}}
/* /Components/Pages/OnlineStore/StoreManagement.razor.rz.scp.css */
.store-admin[b-2zjgj4ubg4]{padding:1rem;max-width:1300px;margin:auto}.store-admin>header[b-2zjgj4ubg4]{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem;margin-bottom:1rem}.store-admin h1[b-2zjgj4ubg4]{font-size:1.35rem}.store-admin p[b-2zjgj4ubg4]{color:#64748b;margin:0}.admin-grid[b-2zjgj4ubg4]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.card[b-2zjgj4ubg4]{border-radius:16px}.card h2[b-2zjgj4ubg4]{font-size:1.05rem}.card label[b-2zjgj4ubg4]{margin-top:.75rem}.card .form-check[b-2zjgj4ubg4]{margin:.8rem 0}.empty[b-2zjgj4ubg4]{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:4rem}.empty i[b-2zjgj4ubg4]{font-size:4rem;color:#94a3b8}.link-box[b-2zjgj4ubg4]{border:1px solid #e2e8f0;border-radius:12px;padding:.8rem;margin-bottom:.7rem}.link-box span[b-2zjgj4ubg4],.link-box code[b-2zjgj4ubg4]{display:block;margin-bottom:.5rem}.link-box div[b-2zjgj4ubg4]{display:flex;gap:.5rem}.preview-box[b-2zjgj4ubg4]{border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;margin-top:1.2rem}.preview-box>div[b-2zjgj4ubg4]{padding:.7rem;background:#fff;display:flex;align-items:center;gap:.5rem}.preview-box img[b-2zjgj4ubg4]{width:40px;height:40px;object-fit:contain}.preview-box section[b-2zjgj4ubg4]{padding:2rem;background:linear-gradient(135deg,var(--p),#0f172a);color:#fff}.preview-box button[b-2zjgj4ubg4]{border:0;border-radius:10px;padding:.6rem;background:var(--s)}@media(max-width:800px){.store-admin>header[b-2zjgj4ubg4]{align-items:stretch;flex-direction:column;gap:1rem}.admin-grid[b-2zjgj4ubg4]{grid-template-columns:1fr}}

.theme-preset-grid[b-2zjgj4ubg4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1rem}.theme-preset-card[b-2zjgj4ubg4]{border:1px solid #e2e8f0;padding:1rem;border-radius:14px;background:#fff}.theme-preset-card p[b-2zjgj4ubg4]{font-size:.88rem;min-height:2.7em;margin:.65rem 0}.theme-preset-banner[b-2zjgj4ubg4]{height:90px;border-radius:10px;padding:1rem;background:var(--theme-primary);color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.theme-preset-accent[b-2zjgj4ubg4]{height:28px;width:42px;border-radius:8px;background:var(--theme-accent);border:1px solid #ffffff66}
/* /Components/Pages/Restaurant/PublicMenu.razor.rz.scp.css */
.public-menu[b-2gfm29dylv]{min-height:100vh;background:#f8faf7;color:#183028;padding-bottom:90px;font-family:inherit}.menu-hero[b-2gfm29dylv]{background:linear-gradient(135deg,#14532d,#15803d);color:#fff;padding:1.2rem;display:flex;justify-content:space-between;align-items:center;border-radius:0 0 28px 28px}.menu-hero h1[b-2gfm29dylv]{margin:.2rem 0;font-size:1.5rem}.cart-chip[b-2gfm29dylv]{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.16);color:#fff;border-radius:16px;padding:.6rem .8rem;display:flex;gap:.45rem;align-items:center}.menu-intro[b-2gfm29dylv]{padding:1.2rem 1rem .5rem;max-width:1100px;margin:auto}.menu-intro h2[b-2gfm29dylv]{font-size:1.25rem}.menu-intro input[b-2gfm29dylv]{border-radius:14px;padding:.8rem}.menu-grid[b-2gfm29dylv]{max-width:1100px;margin:auto;padding:.7rem 1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.menu-item[b-2gfm29dylv]{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 5px 18px rgba(15,23,42,.06)}.food-image[b-2gfm29dylv]{height:150px;background:#dcfce7;display:grid;place-items:center;color:#16a34a;font-size:2.5rem}.food-image img[b-2gfm29dylv]{width:100%;height:100%;object-fit:cover}.food-body[b-2gfm29dylv]{padding:.8rem}.food-body h3[b-2gfm29dylv]{font-size:1rem}.food-body small[b-2gfm29dylv]{color:#64748b}.food-body>div[b-2gfm29dylv]{display:flex;justify-content:space-between;align-items:center;margin-top:.7rem}.add-button[b-2gfm29dylv]{width:38px;height:38px;border:0;border-radius:12px;background:#16a34a;color:#fff}.floating-cart[b-2gfm29dylv]{position:fixed;z-index:20;bottom:16px;left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 24px));background:#166534;color:#fff;border:0;border-radius:16px;padding:.9rem 1rem;display:flex;justify-content:space-between}.sheet-backdrop[b-2gfm29dylv]{position:fixed;inset:0;z-index:100;background:rgba(15,23,42,.55);display:flex;align-items:flex-end;justify-content:center}.cart-sheet[b-2gfm29dylv]{width:min(620px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:1rem;display:flex;flex-direction:column;gap:.7rem}.cart-sheet header[b-2gfm29dylv],.cart-line[b-2gfm29dylv]{display:flex;justify-content:space-between;align-items:center}.cart-line[b-2gfm29dylv]{padding:.65rem;border-bottom:1px solid #e2e8f0}.cart-line small[b-2gfm29dylv]{display:block;color:#64748b}.quantity[b-2gfm29dylv]{display:flex;align-items:center;gap:.65rem}.quantity button[b-2gfm29dylv]{width:32px;height:32px;border:0;border-radius:9px;background:#dcfce7;color:#166534}.submit-order[b-2gfm29dylv]{padding:.85rem}.menu-state[b-2gfm29dylv]{min-height:100vh;display:grid;place-content:center;text-align:center;padding:2rem}.menu-state>i[b-2gfm29dylv]{font-size:4rem;color:#64748b}.menu-state.success>i[b-2gfm29dylv]{color:#16a34a}@media(max-width:560px){.menu-grid[b-2gfm29dylv]{grid-template-columns:1fr 1fr;gap:.65rem;padding:.5rem}.food-image[b-2gfm29dylv]{height:110px}.food-body[b-2gfm29dylv]{padding:.65rem}.food-body h3[b-2gfm29dylv]{font-size:.9rem}.food-body small[b-2gfm29dylv]{font-size:.72rem}}@media(max-width:380px){.menu-grid[b-2gfm29dylv]{grid-template-columns:1fr}}
/* /Components/Pages/Restaurant/RecipeManager.razor.rz.scp.css */
.recipe-page[b-mjauyaqcj1]{padding:1rem}.recipe-page header[b-mjauyaqcj1]{margin-bottom:1rem}.recipe-page h1[b-mjauyaqcj1]{font-size:1.55rem;font-weight:850}.recipe-page h2[b-mjauyaqcj1]{font-size:1.05rem;font-weight:800}.recipe-page p[b-mjauyaqcj1],.recipe-row small[b-mjauyaqcj1]{color:#64748b}.recipe-layout[b-mjauyaqcj1]{display:grid;gap:1rem}.card[b-mjauyaqcj1]{border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 8px 24px rgba(15,23,42,.05)}.recipe-row[b-mjauyaqcj1]{display:flex;justify-content:space-between;align-items:center;padding:.85rem;border-bottom:1px solid #eef2f7}.recipe-row div[b-mjauyaqcj1]{display:flex;flex-direction:column}@media(min-width:1100px){.recipe-layout[b-mjauyaqcj1]{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}}
/* /Components/Pages/Restaurant/RestaurantPos.razor.rz.scp.css */
.restaurant-pos-banner[b-w4pq5maebr]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:1rem;padding:1rem 1.25rem;border-radius:1rem;background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1px solid #fed7aa}.restaurant-pos-banner div[b-w4pq5maebr]{display:flex;flex-direction:column}.restaurant-pos-banner strong[b-w4pq5maebr]{font-size:1.15rem}.restaurant-pos-banner span[b-w4pq5maebr]{color:#78716c}@media(max-width:600px){.restaurant-pos-banner[b-w4pq5maebr]{align-items:stretch;flex-direction:column}}
/* /Components/Pages/Restaurant/RestaurantSetup.razor.rz.scp.css */
.restaurant-admin[b-dfx533wtjs]{padding:1rem}.restaurant-admin header[b-dfx533wtjs]{margin-bottom:1rem}.restaurant-admin h1[b-dfx533wtjs]{font-size:1.55rem;font-weight:800}.restaurant-admin h2[b-dfx533wtjs]{font-size:1.05rem;font-weight:800;margin-bottom:1rem}.restaurant-admin p[b-dfx533wtjs]{color:#64748b}.admin-grid[b-dfx533wtjs]{display:grid;gap:1rem}.card[b-dfx533wtjs]{border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 8px 24px rgba(15,23,42,.05)}@media(min-width:1200px){.admin-grid[b-dfx533wtjs]{grid-template-columns:1fr 1fr}}
/* /Components/Pages/Restaurant/WaiterMenu.razor.rz.scp.css */
.waiter-page[b-jsnzrxbas1]{padding:1rem;max-width:1700px;margin:auto;color:#1e293b}.waiter-page>header[b-jsnzrxbas1]{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem}.waiter-page h1[b-jsnzrxbas1]{font-size:1.35rem}.waiter-page p[b-jsnzrxbas1]{color:#64748b;margin:0}.waiter-tabs[b-jsnzrxbas1]{display:flex;gap:.5rem;margin:1rem 0}.waiter-tabs button[b-jsnzrxbas1]{border:0;border-radius:12px;padding:.7rem 1rem;background:#e2e8f0}.waiter-tabs button.active[b-jsnzrxbas1]{background:#0f766e;color:#fff}.waiter-tabs span[b-jsnzrxbas1]{background:#fff;color:#0f766e;border-radius:20px;padding:0 .4rem}.waiter-layout[b-jsnzrxbas1]{display:grid;grid-template-columns:220px 1fr 310px;gap:1rem}.waiter-layout>aside[b-jsnzrxbas1],.waiter-layout>section[b-jsnzrxbas1],.orders-board[b-jsnzrxbas1]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem}.waiter-layout h2[b-jsnzrxbas1]{font-size:1rem}.table-grid[b-jsnzrxbas1]{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.table-button[b-jsnzrxbas1]{border:1px solid #cbd5e1;background:#f8fafc;border-radius:12px;padding:.6rem;display:flex;flex-direction:column}.table-button.selected[b-jsnzrxbas1]{background:#ccfbf1;border-color:#14b8a6}.table-button small[b-jsnzrxbas1]{color:#64748b}.menu-tools[b-jsnzrxbas1]{display:flex;justify-content:space-between;gap:1rem}.menu-tools input[b-jsnzrxbas1]{max-width:320px}.waiter-menu-grid[b-jsnzrxbas1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.7rem;margin-top:1rem}.food-key[b-jsnzrxbas1]{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:.6rem;text-align:right;display:flex;align-items:center;gap:.5rem;min-height:72px}.food-key img[b-jsnzrxbas1]{width:52px;height:52px;border-radius:10px;object-fit:cover}.food-key span[b-jsnzrxbas1]{display:flex;flex:1;flex-direction:column}.food-key small[b-jsnzrxbas1]{color:#64748b}.food-key>i[b-jsnzrxbas1]{color:#0d9488;font-size:1.3rem}.order-panel[b-jsnzrxbas1]{display:flex;flex-direction:column;gap:.6rem}.order-line[b-jsnzrxbas1]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding:.5rem 0}.order-line span[b-jsnzrxbas1],.order-line small[b-jsnzrxbas1]{display:block}.order-line small[b-jsnzrxbas1]{color:#64748b}.order-line div[b-jsnzrxbas1]{display:flex;align-items:center;gap:.5rem}.order-line button[b-jsnzrxbas1]{border:0;border-radius:7px;width:28px;height:28px}.order-total[b-jsnzrxbas1]{display:flex;justify-content:space-between;font-size:1.1rem}.submit[b-jsnzrxbas1]{padding:.75rem}.orders-board[b-jsnzrxbas1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.order-card[b-jsnzrxbas1]{border:1px solid #e2e8f0;border-top:5px solid #64748b;border-radius:14px;padding:.8rem}.order-card.status-pendingapproval[b-jsnzrxbas1]{border-top-color:#f97316}.order-card.status-preparing[b-jsnzrxbas1]{border-top-color:#eab308}.order-card.status-ready[b-jsnzrxbas1]{border-top-color:#22c55e}.order-card header[b-jsnzrxbas1],.order-card header div[b-jsnzrxbas1]{display:flex;flex-direction:column}.order-card header>span[b-jsnzrxbas1]{margin-right:auto}.order-card li[b-jsnzrxbas1]{padding:.35rem}.order-card li small[b-jsnzrxbas1]{display:block;color:#64748b}.order-card footer[b-jsnzrxbas1]{display:flex;gap:.4rem;flex-wrap:wrap}@media(max-width:1100px){.waiter-layout[b-jsnzrxbas1]{grid-template-columns:180px 1fr}.order-panel[b-jsnzrxbas1]{grid-column:1/-1}}@media(max-width:700px){.waiter-page[b-jsnzrxbas1]{padding:.5rem}.waiter-layout[b-jsnzrxbas1]{grid-template-columns:1fr}.waiter-layout>aside[b-jsnzrxbas1],.waiter-layout>section[b-jsnzrxbas1]{padding:.7rem}.order-panel[b-jsnzrxbas1]{grid-column:auto}.menu-tools[b-jsnzrxbas1]{flex-direction:column}.menu-tools input[b-jsnzrxbas1]{max-width:none}.waiter-menu-grid[b-jsnzrxbas1]{grid-template-columns:1fr 1fr}.orders-board[b-jsnzrxbas1]{grid-template-columns:1fr}.table-grid[b-jsnzrxbas1]{grid-template-columns:repeat(3,1fr)}}
/* /Components/Pages/Store/CatalogSetup.razor.rz.scp.css */
.cs-head[b-y8ce2gqovt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: 1rem;
}

.cs-head h3[b-y8ce2gqovt] { margin: 0 0 .25rem; font-size: 1.2rem; font-weight: 800; color: #101828; }
.cs-head p[b-y8ce2gqovt] { margin: 0; max-width: 48rem; font-size: .84rem; color: #667085; }

.cs-tabs[b-y8ce2gqovt] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: 1rem;
    padding: .3rem;
    border: 1px solid #e4e7ec;
    border-radius: .8rem;
    background: #fff;
}

.cs-tabs button[b-y8ce2gqovt] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .9rem;
    border: 0;
    border-radius: .55rem;
    background: transparent;
    color: #1d2939;
    font-size: .84rem;
    font-weight: 700;
}

.cs-tabs button:hover[b-y8ce2gqovt] { background: #f2f4f7; }
.cs-tabs button.on[b-y8ce2gqovt] { background: #4f46e5; color: #fff; }
.cs-tabs button span[b-y8ce2gqovt] { padding: 0 .4rem; border-radius: 999px; background: rgba(16, 24, 40, .08); font-size: .7rem; }
.cs-tabs button.on span[b-y8ce2gqovt] { background: rgba(255, 255, 255, .25); }

.cs-card[b-y8ce2gqovt] {
    margin-bottom: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid #e4e7ec;
    border-radius: .9rem;
    background: #fff;
}

.cs-card > header[b-y8ce2gqovt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin-bottom: .9rem;
    font-size: .95rem;
    font-weight: 800;
    color: #101828;
}

.cs-note[b-y8ce2gqovt] { font-size: .8rem; color: #475467; }
.cs-sub[b-y8ce2gqovt] { margin: 1.1rem 0 .5rem; font-size: .78rem; font-weight: 700; color: #475467; }

.cs-empty[b-y8ce2gqovt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    padding: 1.6rem 1rem;
    color: #667085;
    font-size: .86rem;
    text-align: center;
}

.cs-empty i[b-y8ce2gqovt] { font-size: 2rem; color: #c7d2fe; }

/* ویژگی‌ها */
.cs-attr-list[b-y8ce2gqovt] { display: flex; flex-direction: column; gap: .5rem; }

.cs-attr-card[b-y8ce2gqovt] {
    padding: .7rem .8rem;
    border: 1px solid #e4e7ec;
    border-radius: .7rem;
    background: #fcfcfd;
}

.cs-attr-card.editing[b-y8ce2gqovt] { border-color: #4f46e5; background: #fff; }

.cs-attr-top[b-y8ce2gqovt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    margin-bottom: .45rem;
    font-size: .88rem;
    color: #101828;
}

.cs-kind[b-y8ce2gqovt], .cs-variant[b-y8ce2gqovt] {
    padding: .05rem .5rem;
    border-radius: 999px;
    background: #f2f4f7;
    color: #475467;
    font-size: .68rem;
    font-weight: 700;
}

.cs-variant[b-y8ce2gqovt] { background: #eef2ff; color: #3730a3; }
.cs-usage[b-y8ce2gqovt] { font-size: .72rem; color: #98a2b3; }

.cs-values[b-y8ce2gqovt] { display: flex; flex-wrap: wrap; gap: .25rem; }

.cs-value[b-y8ce2gqovt] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .1rem .5rem;
    border: 1px solid #e4e7ec;
    border-radius: 999px;
    background: #fff;
    font-size: .74rem;
    color: #344054;
}

.cs-dot[b-y8ce2gqovt] {
    display: inline-block;
    width: .75rem;
    height: .75rem;
    border: 1px solid rgba(16, 24, 40, .2);
    border-radius: 50%;
}

.cs-more[b-y8ce2gqovt] { font-size: .72rem; color: #667085; align-self: center; }

.cs-presets[b-y8ce2gqovt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
    gap: .45rem;
}

.cs-preset[b-y8ce2gqovt] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .15rem;
    padding: .5rem .65rem;
    border: 1px dashed #c7d2fe;
    border-radius: .65rem;
    background: #f8f9ff;
    color: #101828;
    text-align: start;
}

.cs-preset strong[b-y8ce2gqovt] { font-size: .8rem; }
.cs-preset strong i[b-y8ce2gqovt] { color: #4f46e5; }
.cs-preset small[b-y8ce2gqovt] { font-size: .68rem; color: #667085; }
.cs-preset:hover:not(:disabled)[b-y8ce2gqovt] { border-style: solid; border-color: #4f46e5; }

/* گروه‌ها */
.cs-list[b-y8ce2gqovt] { border: 1px solid #f2f4f7; border-radius: .7rem; overflow: hidden; }
.cs-row + .cs-row[b-y8ce2gqovt] { border-top: 1px solid #f2f4f7; }
.cs-row.editing[b-y8ce2gqovt] { background: #fafaff; }

.cs-row-main[b-y8ce2gqovt] {
    display: grid;
    grid-template-columns: minmax(12rem, 1.1fr) 2fr auto;
    align-items: center;
    gap: .75rem;
    padding: .55rem .8rem;
}

.cs-name[b-y8ce2gqovt] { display: flex; align-items: center; gap: .4rem; font-size: .86rem; }
.cs-branch[b-y8ce2gqovt] { color: #98a2b3; }
.cs-count[b-y8ce2gqovt] { font-size: .7rem; color: #667085; }
.cs-attrs[b-y8ce2gqovt] { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; }

.cs-chip[b-y8ce2gqovt] {
    padding: .1rem .5rem;
    border-radius: 999px;
    background: #f2f4f7;
    color: #344054;
    font-size: .72rem;
    font-weight: 600;
}

.cs-chip.variant[b-y8ce2gqovt] { background: #eef2ff; color: #3730a3; }
.cs-chip.inherited[b-y8ce2gqovt] { opacity: .7; }
.cs-none[b-y8ce2gqovt] { font-size: .72rem; color: #98a2b3; }

.cs-editor[b-y8ce2gqovt] {
    margin: 0 .8rem .8rem;
    padding: .8rem;
    border: 1px dashed #c7d2fe;
    border-radius: .7rem;
    background: #fff;
    font-size: .8rem;
}

/* قالب‌ها */
.cs-templates[b-y8ce2gqovt] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: .75rem;
}

.cs-template[b-y8ce2gqovt] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .85rem;
    border: 1px solid #e4e7ec;
    border-radius: .8rem;
    background: #fcfcfd;
}

.cs-template.open[b-y8ce2gqovt] { border-color: #4f46e5; box-shadow: 0 0 0 3px rgba(79, 70, 229, .12); }
.cs-template-top[b-y8ce2gqovt] { display: flex; align-items: center; gap: .6rem; }

.cs-template-top > i[b-y8ce2gqovt] {
    display: inline-grid;
    place-items: center;
    width: 2.3rem;
    height: 2.3rem;
    border-radius: .65rem;
    background: #eef2ff;
    color: #4f46e5;
    font-size: 1.15rem;
}

.cs-template-top small[b-y8ce2gqovt] { display: block; color: #667085; font-size: .72rem; }
.cs-template p[b-y8ce2gqovt] { flex: 1; margin: 0; font-size: .76rem; color: #475467; }

.cs-preview[b-y8ce2gqovt] {
    margin-top: .9rem;
    padding: .75rem .9rem;
    border-radius: .7rem;
    background: #f9fafb;
}

.cs-preview-row[b-y8ce2gqovt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .3rem;
    padding: .2rem 0;
    font-size: .82rem;
}

@media (max-width: 768px) {
    .cs-row-main[b-y8ce2gqovt] { grid-template-columns: 1fr; gap: .4rem; }
}
/* /Components/Pages/Store/Components/InvoiceItemRow.razor.rz.scp.css */
.quick-item-search-row[b-zkfesarlvj] {
    padding: 0.85rem;
    border-block-end: 1px solid #e5e8ef;
    background: #fff;
}

.quick-item-grid[b-zkfesarlvj] {
    display: grid;
    grid-template-columns: 50px minmax(68px, 0.65fr) minmax(165px, 2fr) minmax(150px, 1.3fr) minmax(70px, 0.7fr) minmax(92px, 0.95fr) minmax(78px, 0.8fr) minmax(95px, 1fr) 78px;
    min-width: 900px;
    align-items: stretch;
    direction: rtl;
    border-block-end: 1px solid #e7e9ee;
    background: #fff;
}

.quick-item-view-row[b-zkfesarlvj] {
    min-height: 58px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.quick-item-view-row:hover[b-zkfesarlvj] { background: #fafaff; }
.quick-item-view-row.highlight[b-zkfesarlvj] { background: #fff8dd; }

.quick-item-editor-row[b-zkfesarlvj] {
    min-height: 82px;
    background: #f8faff;
    box-shadow: inset 3px 0 #4f6fe8;
}

.quick-item-cell[b-zkfesarlvj] {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    padding: 0.55rem 0.5rem;
    color: #323a4c;
    border-inline-start: 1px solid #edf0f4;
    font-size: 0.75rem;
    line-height: 1.55;
    text-align: center;
}
.quick-item-cell:first-child[b-zkfesarlvj] { border-inline-start: 0; }
.quick-item-cell > strong[b-zkfesarlvj] { overflow: hidden; font-weight: 800; text-overflow: ellipsis; }
.quick-item-cell > small[b-zkfesarlvj] { color: #7b8495; font-size: 0.62rem; }
.quick-item-index span[b-zkfesarlvj] { display: inline-grid; min-width: 26px; height: 26px; place-items: center; color: #4b5ba6; border-radius: 8px; background: #efeffa; font-weight: 900; }
.quick-item-code strong[b-zkfesarlvj] { color: #4e5da0; direction: ltr; }
.quick-item-product[b-zkfesarlvj] { align-items: flex-start; flex-direction: column; justify-content: center; text-align: right; }
.quick-item-total strong[b-zkfesarlvj] { color: #28725a; font-size: 0.82rem; }
.quick-item-editor-row .quick-item-cell[b-zkfesarlvj] { align-items: stretch; flex-direction: column; }
.quick-item-editor-row .quick-item-index[b-zkfesarlvj],
.quick-item-editor-row .quick-item-code[b-zkfesarlvj],
.quick-item-editor-row .quick-item-product[b-zkfesarlvj],
.quick-item-editor-row .quick-item-actions[b-zkfesarlvj] { align-items: center; justify-content: center; }
.quick-item-editor-row .quick-item-product[b-zkfesarlvj] { align-items: flex-start; }
.quick-item-editor-row[b-zkfesarlvj]  .form-control,
.quick-item-editor-row .form-control[b-zkfesarlvj],
.quick-item-editor-row .form-select[b-zkfesarlvj] { min-height: 38px; padding: 0.45rem 0.55rem; color: #263044; border: 1px solid #d8deea; border-radius: 7px; background-color: #fff; font-family: inherit; font-size: 0.72rem; }
.quick-item-editor-row[b-zkfesarlvj]  .form-control:focus,
.quick-item-editor-row .form-control:focus[b-zkfesarlvj],
.quick-item-editor-row .form-select:focus[b-zkfesarlvj] { border-color: #6e7fd0; box-shadow: 0 0 0 3px rgba(79, 111, 232, 0.1); }
.quick-item-discount[b-zkfesarlvj] { position: relative; }
.quick-price-history[b-zkfesarlvj] { align-self: flex-end; padding: 0; color: #6e648f; border: 0; background: transparent; font-family: inherit; font-size: 0.61rem; font-weight: 700; }
.quick-item-actions[b-zkfesarlvj] { flex-direction: row !important; }
.quick-row-action[b-zkfesarlvj] { display: inline-grid; width: 34px; height: 34px; padding: 0; place-items: center; color: #5d6678; border: 1px solid #dfe3ea; border-radius: 8px; background: #fff; transition: transform 0.15s ease, background-color 0.15s ease; }
.quick-row-action:hover[b-zkfesarlvj] { transform: translateY(-1px); }
.quick-row-action svg[b-zkfesarlvj] { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.9; }
.quick-row-save[b-zkfesarlvj] { color: #fff; border-color: #38886c; background: #38886c; }
.quick-row-cancel[b-zkfesarlvj] { color: #697386; }
.quick-row-edit[b-zkfesarlvj] { color: #8b6b22; border-color: #eadfbf; background: #fffaf0; }
.quick-row-delete[b-zkfesarlvj] { color: #b55b63; border-color: #efdadd; background: #fff9f9; }

/* Standard purchase/sales invoice rows: force the Bootstrap row into the same visual columns
   as the invoice header. This prevents col-auto + col-* widths from wrapping unpredictably. */
.card.mb-2.border-primary[b-zkfesarlvj] {
    margin: 0 0 .45rem !important;
    overflow: visible;
    border: 1px solid #dbe2ee !important;
    border-radius: 10px !important;
    background: #fbfcff;
    box-shadow: inset 3px 0 #6d68a8 !important;
}

.card.mb-2.border-primary > .card-body[b-zkfesarlvj] {
    padding: .45rem !important;
}

.card.mb-2.border-primary .row.g-2.align-items-center[b-zkfesarlvj] {
    display: grid;
    grid-template-columns: 44px minmax(240px,2fr) minmax(90px,.75fr) minmax(120px,1fr) minmax(120px,1fr) minmax(125px,1fr) minmax(140px,1.15fr) 82px;
    gap: .42rem !important;
    align-items: start !important;
    min-width: 1040px;
    margin: 0 !important;
}

.card.mb-2.border-primary .row.g-2.align-items-center > [class*="col-"][b-zkfesarlvj] {
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    padding: 0 !important;
}

.card.mb-2.border-primary .row.g-2.align-items-center > .col-auto[b-zkfesarlvj] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 38px;
}

.card.mb-2.border-primary .badge[b-zkfesarlvj] {
    display: inline-grid;
    min-width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 8px;
    background: #eeecf8 !important;
    color: #5c5590 !important;
    font-weight: 900;
}

.card.mb-2.border-primary .form-control[b-zkfesarlvj],
.card.mb-2.border-primary .form-select[b-zkfesarlvj] {
    min-height: 38px;
    border-color: #dbe1ea;
    border-radius: 8px;
    background: #fff;
    font-size: .72rem;
}

.card.mb-2.border-primary .btn[b-zkfesarlvj] {
    min-height: 36px;
    border-radius: 8px;
}

.card.mb-2.border-primary small[b-zkfesarlvj] {
    margin-top: .2rem;
    font-size: .6rem !important;
    line-height: 1.3;
}

.card.mb-2.border-primary .col-2.text-end:last-child[b-zkfesarlvj] {
    display: flex;
    gap: .3rem;
    justify-content: center;
}

.invoice-row[b-zkfesarlvj] {
    margin: 0 0 .4rem !important;
    border: 1px solid #e3e7ee !important;
    border-radius: 10px !important;
    background: #fff;
    box-shadow: none !important;
    transition: border-color .15s ease, background-color .15s ease;
}

.invoice-row:hover[b-zkfesarlvj] {
    border-color: #c8c4dc !important;
    background: #fcfbff;
}

.invoice-row > .card-body[b-zkfesarlvj] {
    padding: .45rem .5rem !important;
}

/* The row already has a page-level header; hide the repeated per-row labels. */
.invoice-row > .card-body > .row.text-muted.small.mb-1[b-zkfesarlvj] {
    display: none !important;
}

.invoice-row > .card-body > .row.align-items-center[b-zkfesarlvj] {
    display: grid;
    grid-template-columns: 44px minmax(240px,2fr) minmax(90px,.75fr) minmax(120px,1fr) minmax(120px,1fr) minmax(125px,1fr) minmax(110px,.9fr) minmax(120px,1fr) 54px;
    gap: .42rem;
    align-items: center !important;
    min-width: 1040px;
    margin: 0 !important;
}

.invoice-row > .card-body > .row.align-items-center > [class*="col-"][b-zkfesarlvj] {
    width: auto !important;
    max-width: none !important;
    min-width: 0;
    padding: .28rem .2rem !important;
    font-size: .72rem;
}

.invoice-row > .card-body > .row.align-items-center > .col-auto[b-zkfesarlvj] {
    display: flex;
    justify-content: center;
}

.invoice-row .badge[b-zkfesarlvj] {
    display: inline-grid;
    min-width: 28px;
    height: 28px;
    place-items: center;
    color: #59627a !important;
    border-radius: 8px;
    background: #f0f2f6 !important;
}

.invoice-row .fw-semibold[b-zkfesarlvj] {
    overflow: hidden;
    color: #293247;
    font-weight: 800 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-row .btn-outline-danger[b-zkfesarlvj] {
    width: 34px;
    min-height: 34px !important;
    padding: 0;
    border-radius: 8px;
    font-size: .8rem;
}

@media (max-width: 700px) {
    .quick-item-search-row[b-zkfesarlvj] { padding: 0.55rem; overflow-x: hidden; }

    .quick-item-editor-row[b-zkfesarlvj] {
        display: grid;
        width: 100%;
        min-width: 0;
        min-height: 0;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 0.45rem;
        padding: 0.55rem;
        overflow: hidden;
        border: 1px solid #dfe4ea;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 2px 8px rgba(35, 44, 68, 0.06), inset 0 3px #4f6fe8;
    }
    .quick-item-editor-row.quick-item-grid[b-zkfesarlvj] { min-width: 0; }
    .quick-item-editor-row .quick-item-cell[b-zkfesarlvj] { position: relative; min-width: 0; gap: 0.25rem; padding: 1rem 0 0; border: 0; }
    .quick-item-editor-row .quick-item-cell[b-zkfesarlvj]::before { content: attr(data-label); position: absolute; inset-block-start: 0; inset-inline-start: 0; color: #7a8496; font-size: 0.58rem; font-weight: 800; line-height: 1; }
    .quick-item-editor-row .quick-item-index[b-zkfesarlvj],
    .quick-item-editor-row .quick-item-code[b-zkfesarlvj] { min-height: 30px; align-items: center; flex-direction: row; justify-content: flex-start; padding-block-start: 0; }
    .quick-item-editor-row .quick-item-index[b-zkfesarlvj]::before,
    .quick-item-editor-row .quick-item-code[b-zkfesarlvj]::before,
    .quick-item-editor-row .quick-item-product[b-zkfesarlvj]::before { display: none; }
    .quick-item-editor-row .quick-item-index[b-zkfesarlvj] { grid-column: 1; grid-row: 1; }
    .quick-item-editor-row .quick-item-code[b-zkfesarlvj] { grid-column: 2; grid-row: 1; justify-content: flex-end; }
    .quick-item-editor-row .quick-item-product[b-zkfesarlvj] { grid-column: 1 / -1; grid-row: 2; min-height: 48px; padding: 0.4rem 0.5rem; border-radius: 9px; background: #f6f8fc; }
    .quick-item-editor-row .quick-item-product strong[b-zkfesarlvj] { white-space: normal; line-height: 1.45; }
    .quick-item-editor-row .quick-item-qty-stepper[b-zkfesarlvj] { grid-column: 1 / -1; grid-row: 3; }
    .quick-item-editor-row .quick-item-qty-stepper > .d-flex[b-zkfesarlvj] { width: 100%; }
    .quick-item-editor-row .quick-item-qty-stepper .btn[b-zkfesarlvj] { min-width: 44px; min-height: 42px; }
    .quick-item-editor-row > .quick-item-cell:nth-child(5)[b-zkfesarlvj] { grid-column: 1; grid-row: 4; }
    .quick-item-editor-row > .quick-item-cell:nth-child(6)[b-zkfesarlvj] { grid-column: 2; grid-row: 4; }
    .quick-item-editor-row .quick-item-discount[b-zkfesarlvj] { grid-column: 1; grid-row: 5; }
    .quick-item-editor-row .quick-item-total[b-zkfesarlvj] { grid-column: 2; grid-row: 5; }
    .quick-item-editor-row .quick-item-actions[b-zkfesarlvj] { grid-column: 1 / -1; grid-row: 6; flex-direction: row !important; justify-content: stretch; padding-block-start: 0.2rem; }
    .quick-item-editor-row .quick-row-action[b-zkfesarlvj] { width: auto; min-width: 0; height: 42px; flex: 1 1 0; }
    .quick-item-editor-row[b-zkfesarlvj]  .form-control,
    .quick-item-editor-row .form-control[b-zkfesarlvj],
    .quick-item-editor-row .form-select[b-zkfesarlvj] { width: 100%; min-width: 0; min-height: 42px; }
    .quick-item-editor-row .quick-item-discount > .d-flex[b-zkfesarlvj] { width: 100%; min-width: 0; }
    .quick-item-editor-row .quick-price-history[b-zkfesarlvj] { align-self: flex-start; }
}


/* Main invoice editor: keep price and total compact; give remaining width to product search/name. */
.normal-invoice-editor-grid[b-zkfesarlvj] {
    display: grid;
    grid-template-columns:
        44px
        minmax(360px, 1fr)
        90px
        140px
        140px
        150px
        140px
        82px;
    gap: .42rem;
    align-items: start;
    min-width: 1100px;
    direction: rtl;
}

.normal-invoice-editor-grid > .normal-cell[b-zkfesarlvj] {
    min-width: 0;
}

.normal-invoice-editor-grid .normal-cell-good[b-zkfesarlvj] {
    min-width: 360px;
}

.normal-invoice-editor-grid .normal-cell-price[b-zkfesarlvj],
.normal-invoice-editor-grid .normal-cell-total[b-zkfesarlvj] {
    width: 140px;
    max-width: 140px;
}

@media (max-width: 900px) {
    .normal-invoice-editor-grid[b-zkfesarlvj] {
        min-width: 1050px;
        grid-template-columns:
            44px
            minmax(300px, 1fr)
            86px
            130px
            130px
            140px
            130px
            78px;
    }

    .normal-invoice-editor-grid .normal-cell-good[b-zkfesarlvj] {
        min-width: 300px;
    }

    .normal-invoice-editor-grid .normal-cell-price[b-zkfesarlvj],
    .normal-invoice-editor-grid .normal-cell-total[b-zkfesarlvj] {
        width: 130px;
        max-width: 130px;
    }
}
/* /Components/Pages/Store/Components/InvoiceItemSearch.razor.rz.scp.css */
.quick-good-search[b-51xk71k6w7] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 40px 42px auto;
    min-height: 58px;
    align-items: center;
    overflow: hidden;
    direction: rtl;
    color: #33405a;
    border: 1px solid #9eb5ef;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(70, 111, 209, 0.06);
}

.quick-good-search:focus-within[b-51xk71k6w7] {
    border-color: #5274d5;
    box-shadow: 0 0 0 4px rgba(70, 111, 209, 0.11);
}

.quick-good-search-icon[b-51xk71k6w7] {
    display: inline-grid;
    height: 100%;
    place-items: center;
    color: #4d5b79;
    border-inline-start: 1px solid #e5e8ef;
}

.quick-good-search-icon svg[b-51xk71k6w7],
.quick-good-search-button svg[b-51xk71k6w7],
.quick-good-search-clear svg[b-51xk71k6w7] {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.8;
}

.quick-good-search-input[b-51xk71k6w7] {
    width: 100%;
    height: 100%;
    min-width: 0;
    padding: 0.75rem 0.9rem;
    color: #273147;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: inherit;
    font-size: 0.86rem;
}

.quick-good-search-input[b-51xk71k6w7]::placeholder {
    color: #a0a7b5;
}

.quick-good-search-button[b-51xk71k6w7],
.quick-good-search-clear[b-51xk71k6w7] {
    display: inline-grid;
    width: 36px;
    height: 36px;
    padding: 0;
    place-items: center;
    color: #58647a;
    border: 0;
    border-radius: 8px;
    background: transparent;
}

.quick-good-search-button:hover[b-51xk71k6w7],
.quick-good-search-clear:hover[b-51xk71k6w7] {
    color: #4262bf;
    background: #f1f4fc;
}

.quick-good-search-hint[b-51xk71k6w7] {
    margin-inline-end: 0.35rem;
    padding: 0.2rem 0.45rem;
    color: #7b8495;
    border: 1px solid #e0e4eb;
    border-radius: 6px;
    background: #f8f9fb;
    font-size: 0.6rem;
    font-weight: 700;
}

@media (max-width: 560px) {
    .quick-good-search[b-51xk71k6w7] {
        grid-template-columns: 38px minmax(0, 1fr) 36px 38px;
        min-height: 52px;
    }

    .quick-good-search-icon svg[b-51xk71k6w7],
    .quick-good-search-button svg[b-51xk71k6w7],
    .quick-good-search-clear svg[b-51xk71k6w7] {
        width: 18px;
        height: 18px;
    }

    .quick-good-search-input[b-51xk71k6w7] {
        padding: 0.6rem 0.55rem;
        font-size: 0.8rem;
    }

    .quick-good-search-hint[b-51xk71k6w7] {
        display: none;
    }
}
/* /Components/Pages/Store/Components/KioskScanBar.razor.rz.scp.css */
.kscan[b-up7onbl7nd] { display: flex; flex-direction: column; gap: .75rem; min-height: 0; }

.kscan-box[b-up7onbl7nd] {
    display: flex;
    align-items: center;
    gap: .85rem;
    margin: 0;
    padding: .55rem .65rem .55rem 1.1rem;
    border: 2px solid var(--k-accent, #1e3c72);
    border-radius: 1.15rem;
    background: #fff;
    box-shadow: 0 .6rem 1.8rem rgba(30, 60, 114, .14);
    cursor: text;
    transition: box-shadow .15s, border-color .15s;
}
.kscan-box:focus-within[b-up7onbl7nd] { box-shadow: 0 0 0 .3rem var(--k-accent-soft, rgba(30, 60, 114, .16)), 0 .6rem 1.8rem rgba(30, 60, 114, .14); }

.kscan-icon[b-up7onbl7nd] {
    display: grid;
    place-items: center;
    width: 3.4rem;
    height: 3.4rem;
    flex: 0 0 3.4rem;
    border-radius: .85rem;
    background: var(--k-accent, #1e3c72);
    color: #fff;
    font-size: 1.7rem;
}

.kscan-input[b-up7onbl7nd] {
    flex: 1 1 auto;
    min-width: 0;
    height: 3.4rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: #14213d;
    font-size: clamp(1.15rem, 1.9vw, 1.6rem);
    font-weight: 700;
}
.kscan-input[b-up7onbl7nd]::placeholder { color: #94a3b8; font-weight: 500; }

.kscan-hint[b-up7onbl7nd] {
    padding: .3rem .6rem;
    border: 1px solid #dbe3ef;
    border-radius: .5rem;
    color: #64748b;
    font-size: .8rem;
    white-space: nowrap;
}

.kscan-spinner[b-up7onbl7nd] {
    width: 1.6rem;
    height: 1.6rem;
    margin-inline: .5rem;
    border: .22rem solid #dbe3ef;
    border-top-color: var(--k-accent, #1e3c72);
    border-radius: 50%;
    animation: kscan-spin-b-up7onbl7nd .7s linear infinite;
}
@keyframes kscan-spin-b-up7onbl7nd { to { transform: rotate(360deg); } }

.kscan-status[b-up7onbl7nd] {
    padding: .65rem .95rem;
    border-radius: .8rem;
    background: #eef4ff;
    color: #1e3a8a;
    font-weight: 600;
}
.kscan-status.is-error[b-up7onbl7nd] { background: #fff1f2; color: #9f1239; }

.kscan-results[b-up7onbl7nd] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(10.5rem, 1fr));
    gap: .75rem;
    max-height: 46vh;
    overflow-y: auto;
    padding: .15rem;
}

.kscan-card[b-up7onbl7nd] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: .35rem;
    padding: .6rem;
    border: 1px solid #e2e8f0;
    border-radius: 1rem;
    background: #fff;
    color: inherit;
    text-align: center;
    cursor: pointer;
    transition: transform .12s, box-shadow .12s, border-color .12s;
}
.kscan-card:hover[b-up7onbl7nd],
.kscan-card:focus-visible[b-up7onbl7nd] { transform: translateY(-2px); border-color: var(--k-accent, #1e3c72); box-shadow: 0 .6rem 1.4rem rgba(15, 23, 42, .1); outline: none; }

.kscan-card-img[b-up7onbl7nd] {
    display: grid;
    place-items: center;
    aspect-ratio: 1 / 1;
    border-radius: .75rem;
    background: #f1f5f9;
    color: #94a3b8;
    font-size: 2.4rem;
    overflow: hidden;
}
.kscan-card-img img[b-up7onbl7nd] { width: 100%; height: 100%; object-fit: contain; }
.kscan-card-name[b-up7onbl7nd] { font-weight: 800; color: #14213d; line-height: 1.45; }
.kscan-card-opt[b-up7onbl7nd] { color: #64748b; font-size: .82rem; }
.kscan-card-price[b-up7onbl7nd] { color: var(--k-accent, #1e3c72); font-size: 1.05rem; font-weight: 900; }
.kscan-card-price small[b-up7onbl7nd] { font-weight: 600; font-size: .75rem; }
.kscan-card-add[b-up7onbl7nd] {
    margin-top: auto;
    padding: .45rem;
    border-radius: .65rem;
    background: var(--k-accent-soft, #e8eefb);
    color: var(--k-accent, #1e3c72);
    font-weight: 800;
}

@media (max-width: 720px) {
    .kscan-hint[b-up7onbl7nd] { display: none; }
    .kscan-icon[b-up7onbl7nd] { width: 2.8rem; height: 2.8rem; flex-basis: 2.8rem; font-size: 1.4rem; }
    .kscan-input[b-up7onbl7nd] { height: 2.8rem; }
    .kscan-results[b-up7onbl7nd] { grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr)); }
}
/* /Components/Pages/Store/Components/QuickInvoiceSearch.razor.rz.scp.css */
.qi-search[b-fqx2z84z9p] { position: relative; width: 100%; z-index: 30; transition: padding-top .15s ease; }
.qi-search.qi-native-scan-active[b-fqx2z84z9p] { padding-top: var(--qi-native-overlay-reserve, 0); }
.qi-search-bar[b-fqx2z84z9p] { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: .45rem; align-items: stretch; }
.qi-input-wrap[b-fqx2z84z9p] { position: relative; min-width: 0; }
.qi-input-wrap input[b-fqx2z84z9p] { width: 100%; height: 3.25rem; border: 2px solid #cbd5e1; border-radius: 1rem; padding: 0 2.45rem 0 2.25rem; font-size: 1.05rem; font-weight: 700; background: #fff; outline: none; }
.qi-input-wrap input:focus[b-fqx2z84z9p] { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37,99,235,.12); }
.qi-search-icon[b-fqx2z84z9p] { position: absolute; right: .9rem; top: 50%; transform: translateY(-50%); font-size: 1.35rem; color: #64748b; pointer-events: none; }
.qi-clear[b-fqx2z84z9p] { position: absolute; left: .55rem; top: 50%; transform: translateY(-50%); border: 0; background: transparent; font-size: 1.55rem; color: #64748b; line-height: 1; }
.qi-spinner[b-fqx2z84z9p] { position: absolute; left: .8rem; top: 1rem; width: 1rem; height: 1rem; border: 2px solid #cbd5e1; border-top-color: #2563eb; border-radius: 50%; animation: qi-spin-b-fqx2z84z9p .7s linear infinite; }
.qi-action[b-fqx2z84z9p] { min-width: 4.2rem; height: 3.25rem; border: 0; border-radius: 1rem; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .05rem; font-weight: 800; line-height: 1; }
.qi-action span[b-fqx2z84z9p] { font-size: .72rem; }
.qi-scan[b-fqx2z84z9p] { background: #0f766e; color: #fff; }
.qi-voice[b-fqx2z84z9p] { background: #7c3aed; color: #fff; }
.qi-action:disabled[b-fqx2z84z9p] { opacity: .55; }
.qi-status[b-fqx2z84z9p] { margin-top: .35rem; padding: .4rem .7rem; border-radius: .7rem; background: #eff6ff; color: #1d4ed8; font-size: .82rem; }
.qi-status.error[b-fqx2z84z9p] { background: #fef2f2; color: #b91c1c; }
.qi-results[b-fqx2z84z9p] { position: absolute; inset-inline: 0; top: calc(100% + .35rem); background: #fff; border: 1px solid #dbe4ef; border-radius: 1rem; box-shadow: 0 18px 45px rgba(15,23,42,.18); overflow: auto; max-height: min(52vh, 28rem); z-index: 80; }
.qi-result[b-fqx2z84z9p] { width: 100%; border: 0; border-bottom: 1px solid #eef2f7; background: #fff; display: grid; grid-template-columns: 2rem minmax(0,1fr) auto; gap: .6rem; align-items: center; padding: .72rem .75rem; text-align: right; }
.qi-result:nth-child(even)[b-fqx2z84z9p] { background: #f8fafc; }
.qi-result:nth-child(odd)[b-fqx2z84z9p] { background: #fff; }
.qi-result:last-child[b-fqx2z84z9p] { border-bottom: 0; }
.qi-result:hover[b-fqx2z84z9p], .qi-result.active[b-fqx2z84z9p] { background: #eaf3ff; }
.qi-rank[b-fqx2z84z9p] { width: 1.9rem; height: 1.9rem; border-radius: 50%; display: grid; place-items: center; background: #e2e8f0; font-weight: 900; }
.qi-name[b-fqx2z84z9p], .qi-meta[b-fqx2z84z9p] { min-width: 0; display: flex; flex-direction: column; }
.qi-name strong[b-fqx2z84z9p] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.qi-name small[b-fqx2z84z9p], .qi-meta small[b-fqx2z84z9p] { color: #64748b; }
.qi-meta[b-fqx2z84z9p] { text-align: left; white-space: nowrap; }
.qi-empty[b-fqx2z84z9p] { margin-top: .35rem; padding: .65rem .8rem; border: 1px dashed #cbd5e1; border-radius: .8rem; color: #64748b; background: #f8fafc; display:flex; align-items:center; justify-content:space-between; gap:.5rem; }
.qi-create-missing[b-fqx2z84z9p] { border: 1px solid #93c5fd; border-radius: .65rem; background: #eff6ff; color: #1d4ed8; padding: .35rem .65rem; font-family: inherit; font-size: .75rem; font-weight: 850; white-space: nowrap; }
@keyframes qi-spin-b-fqx2z84z9p { to { transform: rotate(360deg); } }

@media (max-width: 600px) {
    .qi-search-bar[b-fqx2z84z9p] { gap: .3rem; }
    .qi-action[b-fqx2z84z9p] { min-width: 3.55rem; height: 3rem; border-radius: .85rem; }
    .qi-input-wrap input[b-fqx2z84z9p] { height: 3rem; font-size: 1rem; padding-right: 2.2rem; }
    .qi-result[b-fqx2z84z9p] { grid-template-columns: 1.8rem minmax(0,1fr); padding: .68rem .6rem; }
    .qi-meta[b-fqx2z84z9p] { grid-column: 2; flex-direction: row; gap: .5rem; justify-content: space-between; text-align: right; }
    .qi-results[b-fqx2z84z9p] { max-height: 46vh; }
    .qi-empty[b-fqx2z84z9p] { align-items: stretch; flex-direction: column; }
    .qi-create-missing[b-fqx2z84z9p] { min-height: 38px; }
}
/* /Components/Pages/Store/Components/QuickProductPicker.razor.rz.scp.css */
.quick-product-picker[b-ltcqgymkk8]{position:relative;width:100%;font-family:Tahoma,Arial,sans-serif}.quick-product-searchbox[b-ltcqgymkk8]{position:relative;display:flex;align-items:center;min-height:48px;border:2px solid #d9e0ea;border-radius:12px;background:#fff;overflow:hidden}.quick-product-searchbox:focus-within[b-ltcqgymkk8]{border-color:#5267d8;box-shadow:0 0 0 3px rgba(82,103,216,.11)}.quick-product-searchbox input[b-ltcqgymkk8]{width:100%;height:46px;border:0;outline:0;background:transparent;padding:0 42px 0 86px;font-size:16px;font-weight:600;color:#172033}.quick-product-searchbox input[b-ltcqgymkk8]::placeholder{font-weight:400;color:#8792a5}.quick-product-search-icon[b-ltcqgymkk8]{position:absolute;right:14px;font-size:22px;color:#64748b;pointer-events:none}.quick-product-clear[b-ltcqgymkk8]{position:absolute;left:46px;width:32px;height:32px;border:0;border-radius:50%;background:#eef2f7;color:#475569;font-size:20px;line-height:1}.quick-product-loading[b-ltcqgymkk8]{position:absolute;left:53px;width:18px;height:18px;border:2px solid #d9e0ea;border-top-color:#5267d8;border-radius:50%;animation:qp-spin-b-ltcqgymkk8 .65s linear infinite}.quick-product-voice[b-ltcqgymkk8]{position:absolute;left:6px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:#eef3ff;color:#3349bd;font-size:19px;cursor:pointer}.quick-product-voice:hover[b-ltcqgymkk8]{background:#dde6ff}.quick-product-voice:disabled[b-ltcqgymkk8]{opacity:.55;cursor:wait}.quick-product-voice-status[b-ltcqgymkk8]{margin-top:5px;padding:5px 9px;border-radius:8px;background:#edf8f2;color:#176443;font-size:11px}.quick-product-voice-status.error[b-ltcqgymkk8]{background:#fff0f0;color:#9b2c2c}.quick-product-results[b-ltcqgymkk8]{position:absolute;z-index:80;top:54px;right:0;left:0;border:1px solid #dce3ed;border-radius:12px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.18);overflow:hidden}.quick-product-voice-status+.quick-product-results[b-ltcqgymkk8]{top:82px}.quick-product-result[b-ltcqgymkk8]{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:58px;padding:7px 9px;border:0;border-bottom:1px solid #edf1f6;background:#fff;text-align:right;color:#172033}.quick-product-result:hover[b-ltcqgymkk8],.quick-product-result.active[b-ltcqgymkk8]{background:#eef3ff}.quick-product-rank[b-ltcqgymkk8]{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#e8edff;color:#4256c5;font-weight:800;font-size:13px}.quick-product-main[b-ltcqgymkk8]{min-width:0;display:flex;flex-direction:column;gap:2px}.quick-product-main strong[b-ltcqgymkk8]{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-product-main small[b-ltcqgymkk8]{font-size:11px;color:#7b8799;direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-product-side[b-ltcqgymkk8]{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.quick-product-side strong[b-ltcqgymkk8]{font-size:13px}.quick-product-side small[b-ltcqgymkk8]{font-size:10px;color:#6b7280}.quick-product-voice-hint[b-ltcqgymkk8]{padding:7px 10px;background:#f8fafc;color:#64748b;font-size:10px;text-align:center}.quick-product-empty[b-ltcqgymkk8]{position:absolute;z-index:80;top:54px;right:0;left:0;padding:12px;border:1px solid #ead7a7;border-radius:10px;background:#fff9e8;color:#745b13;text-align:center;font-size:13px;box-shadow:0 10px 24px rgba(15,23,42,.1)}@keyframes qp-spin-b-ltcqgymkk8{to{transform:rotate(360deg)}}@media(max-width:700px){.quick-product-searchbox[b-ltcqgymkk8]{min-height:44px}.quick-product-searchbox input[b-ltcqgymkk8]{height:42px;font-size:15px;padding-left:82px}.quick-product-voice[b-ltcqgymkk8]{width:34px;height:34px}.quick-product-results[b-ltcqgymkk8]{top:49px;max-height:48vh;overflow:auto}.quick-product-voice-status+.quick-product-results[b-ltcqgymkk8]{top:77px}.quick-product-result[b-ltcqgymkk8]{min-height:52px;padding:6px 7px}.quick-product-side small[b-ltcqgymkk8]{display:none}.quick-product-voice-hint[b-ltcqgymkk8]{position:sticky;bottom:0}.quick-product-main strong[b-ltcqgymkk8]{font-size:13px}.quick-product-side strong[b-ltcqgymkk8]{font-size:12px}}
/* /Components/Pages/Store/Components/QuickVoiceProductPicker.razor.rz.scp.css */
.quick-voice-product-picker[b-wwwoj38xir]{width:100%}.quick-voice-search-row[b-wwwoj38xir]{display:flex;align-items:stretch;gap:8px}.quick-voice-search-main[b-wwwoj38xir]{min-width:0;flex:1}.quick-voice-button[b-wwwoj38xir]{width:74px;min-height:48px;border:1px solid #d8deea;border-radius:12px;background:#f7f9fc;color:#364152;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:19px;line-height:1}.quick-voice-button span[b-wwwoj38xir]{font-size:10px;font-weight:700}.quick-voice-button:hover:not(:disabled)[b-wwwoj38xir]{background:#eef3ff;border-color:#aebaf0;color:#4055c5}.quick-voice-button:disabled[b-wwwoj38xir]{opacity:.65}.quick-voice-status[b-wwwoj38xir]{margin-top:5px;padding:5px 8px;border-radius:7px;background:#eef7f2;color:#276147;font-size:10px}.quick-voice-status.error[b-wwwoj38xir]{background:#fff0f1;color:#8b2e39}@media(max-width:700px){.quick-voice-search-row[b-wwwoj38xir]{gap:5px}.quick-voice-button[b-wwwoj38xir]{width:58px;min-height:44px;border-radius:10px;font-size:17px}.quick-voice-button span[b-wwwoj38xir]{font-size:9px}.quick-voice-status[b-wwwoj38xir]{font-size:9px}}
/* /Components/Pages/Store/InvoiceCreate.razor.rz.scp.css */
.invoice-page[b-xp331rgjal] {
    min-height: 100vh;
    padding: .7rem;
    outline: none;
    color: #20283a;
    background: #f2f4f8;
}

.invoice-page.invoice-page-sales[b-xp331rgjal],
.invoice-page.invoice-page-sales-return[b-xp331rgjal],
.invoice-page.invoice-page-purchase[b-xp331rgjal],
.invoice-page.invoice-page-purchase-return[b-xp331rgjal] {
    background: linear-gradient(145deg, #f4f5fa 0%, #eef1f6 100%);
}

.invoice-card[b-xp331rgjal] {
    position: relative;
    margin-block-end: .65rem;
    border: 1px solid #e2e5ed;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(32, 40, 58, 0.06);
}

.invoice-header-card[b-xp331rgjal] { z-index: 4; }

.invoice-titlebar[b-xp331rgjal] {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    padding: .55rem .8rem;
    color: #fff;
    border-radius: 14px 14px 0 0;
    background: linear-gradient(135deg, #5b69da, #66548f) !important;
}

.invoice-titlebar[b-xp331rgjal],
.invoice-titlebar h1[b-xp331rgjal] { color: #fff !important; }
.invoice-titlebar.bg-primary[b-xp331rgjal],
.invoice-titlebar.bg-purple[b-xp331rgjal] { background: linear-gradient(135deg, #5969da, #66528f) !important; }
.invoice-titlebar.bg-success[b-xp331rgjal] { background: linear-gradient(135deg, #3d7c6c, #315e61) !important; }
.invoice-titlebar.bg-warning[b-xp331rgjal],
.invoice-titlebar.bg-warning.bg-gradient[b-xp331rgjal] { color:#fff !important;background:linear-gradient(135deg,#8b6d3f,#6d587c) !important; }
.invoice-title-group[b-xp331rgjal] { display:grid;gap:.08rem; }
.invoice-eyebrow[b-xp331rgjal] { color:rgba(255,255,255,.72);font-size:.66rem;font-weight:600; }
.invoice-title-group h1[b-xp331rgjal] { margin:0;color:inherit;font-size:clamp(1rem,1.35vw,1.2rem);font-weight:800; }
.invoice-mode-pill[b-xp331rgjal] { display:inline-flex;align-items:center;min-height:28px;padding:.25rem .58rem;color:#3d355f;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.88);font-size:.68rem;font-weight:800;white-space:nowrap; }

.invoice-toolbar[b-xp331rgjal] {
    display:grid;
    grid-template-columns:minmax(240px,.72fr) minmax(500px,1.8fr) auto;
    align-items:center;
    gap:.55rem;
    padding:.55rem .7rem;
    border-block-end:1px solid #edf0f5;
    background:#fbfcfe;
}
.invoice-navigation[b-xp331rgjal] { display:grid;grid-template-columns:36px minmax(150px,1fr) 36px;align-items:end;gap:.32rem; }
.invoice-number-field[b-xp331rgjal] { display:grid;gap:.16rem; }
.invoice-number-field label[b-xp331rgjal] { color:#697489;font-size:.64rem;font-weight:700; }
.invoice-icon-button[b-xp331rgjal] { width:36px;height:36px;display:inline-grid;place-items:center;padding:0;color:#625797;border:1px solid #dddbea;border-radius:9px;background:#fff; }
.invoice-icon-button:hover[b-xp331rgjal] { color:#fff;border-color:#625797;background:#625797; }
.invoice-icon-button svg[b-xp331rgjal],.invoice-action svg[b-xp331rgjal] { width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9; }
.invoice-actions[b-xp331rgjal] { display:flex;align-items:center;gap:.32rem;flex-wrap:wrap; }
.invoice-action[b-xp331rgjal] { min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:.38rem .58rem;border:1px solid transparent;border-radius:9px;font-family:inherit;font-size:.7rem;font-weight:800;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background .16s ease; }
.invoice-action:hover:not(:disabled)[b-xp331rgjal] { transform:translateY(-1px);box-shadow:0 4px 12px rgba(41,49,70,.1); }
.invoice-action:disabled[b-xp331rgjal] { cursor:not-allowed;opacity:.48; }
.invoice-action kbd[b-xp331rgjal] { padding:.08rem .22rem;color:inherit;border:1px solid currentColor;border-radius:4px;background:transparent;font-family:inherit;font-size:.55rem;opacity:.72; }
.invoice-action-new[b-xp331rgjal] { color:#fff;background:#4f7f9d; }
.invoice-action-draft[b-xp331rgjal] { color:#7a5d22;border-color:#e4d5ac;background:#fffaf0; }
.invoice-action-final[b-xp331rgjal] { color:#fff;background:#468471; }
.invoice-action-payment[b-xp331rgjal] { color:#fff;background:#625797; }
.invoice-action-print[b-xp331rgjal] { color:#3e485b;border-color:#d9dee8;background:#fff; }
.invoice-autosave[b-xp331rgjal] { display:inline-flex;align-items:center;gap:.35rem;min-height:30px;padding:0 .35rem;color:#5f697c;font-size:.68rem;font-weight:700;cursor:pointer;white-space:nowrap; }
.invoice-autosave input[b-xp331rgjal] { position:absolute;width:1px;height:1px;opacity:0; }
.invoice-autosave-track[b-xp331rgjal] { position:relative;width:32px;height:18px;flex:0 0 32px;border-radius:999px;background:#cfd5df;transition:background .18s ease; }
.invoice-autosave-track[b-xp331rgjal]::after { content:"";position:absolute;inset-block-start:3px;inset-inline-start:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(31,41,55,.22);transition:transform .18s ease; }
.invoice-autosave input:checked + .invoice-autosave-track[b-xp331rgjal] { background:#4c8b78; }
.invoice-autosave input:checked + .invoice-autosave-track[b-xp331rgjal]::after { transform:translateX(-14px); }
.invoice-autosave input:focus-visible + .invoice-autosave-track[b-xp331rgjal] { outline:3px solid rgba(98,87,151,.2);outline-offset:2px; }

.invoice-details-panel[b-xp331rgjal],.invoice-panel-body[b-xp331rgjal] { padding:.65rem .75rem .7rem; }
.invoice-details-grid[b-xp331rgjal] {
    display:grid;
    grid-template-columns:
        minmax(140px,.64fr)
        minmax(105px,.34fr)
        minmax(360px,2.02fr)
        minmax(240px,1.4fr);
    align-items:start;
    gap:.55rem;
}
.invoice-field[b-xp331rgjal] { min-width:0; }
.invoice-field-label[b-xp331rgjal] { min-height:18px;display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-block-end:.18rem; }
.invoice-field > label[b-xp331rgjal],.invoice-field-label label[b-xp331rgjal] { margin:0;color:#343d50;font-size:.72rem;font-weight:800; }
.invoice-field-label span[b-xp331rgjal],.invoice-field > small[b-xp331rgjal] { color:#8a93a6;font-size:.61rem;font-weight:500; }
.invoice-date-field > small[b-xp331rgjal] { display:block;margin-block-start:.18rem; }
.invoice-field[b-xp331rgjal]  .form-control,.invoice-field[b-xp331rgjal]  .form-select,.invoice-number-field .form-control[b-xp331rgjal] { min-height:36px;color:#20283a;border:1px solid #dbe0e9;border-radius:9px;background-color:#fff;font-size:.76rem; }
.invoice-field[b-xp331rgjal]  .form-control:focus,.invoice-field[b-xp331rgjal]  .form-select:focus,.invoice-number-field .form-control:focus[b-xp331rgjal] { border-color:#756aae;box-shadow:0 0 0 3px rgba(117,106,174,.1); }
.invoice-field[b-xp331rgjal]  .customer-selector { max-width:none; }

.invoice-section-heading[b-xp331rgjal] { min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.52rem .72rem;border-block-end:1px solid #e9ecf2;border-radius:14px 14px 0 0;background:#fafbfc; }
.invoice-section-heading h2[b-xp331rgjal] { margin:0;color:#283247;font-size:.88rem;font-weight:800; }
.invoice-section-heading p[b-xp331rgjal] { margin:.08rem 0 0;color:#818a9d;font-size:.64rem; }
.invoice-section-heading > span[b-xp331rgjal] { padding:.24rem .48rem;color:#645a91;border-radius:999px;background:#efedf8;font-size:.62rem;font-weight:700;white-space:nowrap; }

.financial-input-grid[b-xp331rgjal] { display:grid;grid-template-columns:repeat(5,minmax(145px,1fr));gap:.75rem;margin-block-end:1rem;padding-block-end:1rem;border-block-end:1px solid #edf0f4; }
.financial-input-grid .invoice-field > label[b-xp331rgjal] { display:block;min-height:24px;margin-block-end:.35rem; }
.invoice-summary-grid[b-xp331rgjal] { display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:.4rem; }
.invoice-summary-grid .summary-box[b-xp331rgjal] {
    min-width:0;
    height:52px !important;
    min-height:52px !important;
    max-height:52px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    column-gap:.4rem;
    padding:.22rem .55rem !important;
    text-align:right;
    border:1px solid #e4e7ee;
    border-block-start:2px solid #7d76a6;
    border-radius:8px;
    background:#fff;
}
.invoice-summary-grid .summary-box-count[b-xp331rgjal] { border-block-start-color:#7d8799; }
.invoice-summary-grid .summary-box-discount[b-xp331rgjal],.invoice-summary-grid .summary-box-remaining[b-xp331rgjal] { border-block-start-color:#c75b66; }
.invoice-summary-grid .summary-box-payable[b-xp331rgjal] { border-block-start-color:#4c8b78;background:#f6fbf8; }
.invoice-summary-grid .summary-box-paid[b-xp331rgjal] { border-block-start-color:#5578c6; }
.invoice-summary-grid .summary-title[b-xp331rgjal] {
    margin:0;
    color:#727c90;
    font-size:.64rem;
    font-weight:700;
    white-space:nowrap;
}
.invoice-summary-grid .summary-value[b-xp331rgjal] {
    min-width:0;
    max-width:100%;
    overflow:hidden;
    color:#232d41;
    text-align:left;
    text-overflow:ellipsis;
    font-size:.96rem;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
}
.invoice-summary-grid .summary-box small[b-xp331rgjal] {
    margin:0;
    color:#9aa2b2;
    font-size:.58rem;
    line-height:1;
    white-space:nowrap;
}
.invoice-summary-grid .summary-box-count[b-xp331rgjal] {
    grid-template-columns:auto 1fr;
}
.invoice-summary-grid .summary-box-count .summary-value[b-xp331rgjal] {
    text-align:left;
}

.invoice-items-card[b-xp331rgjal] { overflow:hidden; }
.invoice-items-heading[b-xp331rgjal] { background:linear-gradient(180deg,#fff,#fbfcfe); }
.invoice-item-count[b-xp331rgjal] { color:#39715f !important;background:#e8f4ef !important; }
.invoice-items-table-scroll[b-xp331rgjal] { overflow-x:auto;padding:.5rem .55rem .65rem;background:#fbfcfe; }
.invoice-items-table[b-xp331rgjal] { min-width:1040px; }
.invoice-items-columns[b-xp331rgjal] {
    display:grid;
    grid-template-columns:44px minmax(360px,1fr) 90px 140px 140px 150px 140px 82px;
    gap:.42rem;
    align-items:center;
    margin:0 0 .35rem!important;
    padding:.42rem .45rem;
    color:#667085;
    border:1px solid #e5e8ef;
    border-radius:9px;
    background:#f4f6f9;
    font-size:.66rem;
    font-weight:800;
}
.invoice-items-columns > [class*="col-"][b-xp331rgjal] { width:auto!important;max-width:none!important;padding:.2rem!important;text-align:center; }
.invoice-items-columns > :nth-child(2)[b-xp331rgjal] { text-align:right; }
.invoice-items-scroll[b-xp331rgjal] { max-height:430px;overflow-y:auto;padding:.05rem .05rem .15rem;scrollbar-color:#bbb6d5 transparent;scrollbar-width:thin; }
.invoice-items-scroll[b-xp331rgjal]  .card,.invoice-items-scroll[b-xp331rgjal]  .invoice-row { margin-block-end:.45rem !important;border:1px solid #e4e7ed !important;border-radius:10px !important;background:#fff;box-shadow:none !important; }
.invoice-items-scroll[b-xp331rgjal]  .card.border-primary { border-color:#9c93ce !important;box-shadow:0 0 0 2px rgba(99,87,159,.06) !important; }
.invoice-items-scroll[b-xp331rgjal]  .form-control,.invoice-items-scroll[b-xp331rgjal]  .form-select { min-height:38px;border-color:#dfe3ea;border-radius:8px;font-size:.74rem; }
.invoice-items-scroll[b-xp331rgjal]  .btn { min-height:36px;border-radius:8px;font-family:inherit; }

/* View rows contain both gross and net totals; the page header intentionally shows only net. */
.invoice-items-scroll[b-xp331rgjal]  .invoice-row > .card-body > .row.align-items-center > :nth-child(7) { display:none!important; }
.invoice-items-scroll[b-xp331rgjal]  .invoice-row > .card-body > .row.align-items-center {
    grid-template-columns:44px minmax(240px,2fr) minmax(90px,.75fr) minmax(120px,1fr) minmax(120px,1fr) minmax(125px,1fr) minmax(140px,1.15fr) 82px!important;
}

@media (max-width:1500px) {
    .invoice-toolbar[b-xp331rgjal] { grid-template-columns:minmax(230px,.7fr) minmax(460px,1.6fr); }
    .invoice-autosave[b-xp331rgjal] { grid-column:1 / -1;justify-self:end;min-height:26px; }
    .invoice-details-grid[b-xp331rgjal] {
        grid-template-columns:
            minmax(135px,.64fr)
            minmax(100px,.34fr)
            minmax(320px,2.02fr)
            minmax(220px,1.4fr);
    }
    .invoice-summary-grid[b-xp331rgjal] { grid-template-columns:repeat(3,minmax(130px,1fr)); }
}
@media (max-width:1100px) {
    .invoice-toolbar[b-xp331rgjal] { grid-template-columns:1fr;padding:.5rem .6rem; }
    .invoice-navigation[b-xp331rgjal] { max-width:380px; }
    .invoice-actions[b-xp331rgjal] { display:grid;grid-template-columns:repeat(5,minmax(0,1fr)); }
    .invoice-autosave[b-xp331rgjal] { grid-column:auto;justify-self:start; }
    .financial-input-grid[b-xp331rgjal] { grid-template-columns:repeat(3,minmax(145px,1fr)); }
}
@media (max-width:768px) {
    .invoice-page[b-xp331rgjal] { padding:.4rem; }
    .invoice-card[b-xp331rgjal] { border-radius:12px; }
    .invoice-titlebar[b-xp331rgjal] { min-height:44px;padding:.45rem .6rem;border-radius:12px 12px 0 0; }
    .invoice-title-group h1[b-xp331rgjal] { font-size:.96rem; }
    .invoice-mode-pill[b-xp331rgjal] { padding:.22rem .45rem;font-size:.62rem; }
    .invoice-toolbar[b-xp331rgjal],.invoice-details-panel[b-xp331rgjal],.invoice-panel-body[b-xp331rgjal] { padding:.5rem; }
    .invoice-navigation[b-xp331rgjal] { max-width:none; }
    .invoice-actions[b-xp331rgjal] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .invoice-action[b-xp331rgjal] { width:100%;min-height:34px;padding:.32rem .4rem;font-size:.66rem; }
    .invoice-actions .invoice-action-print:last-child:nth-child(odd)[b-xp331rgjal] { grid-column:1 / -1; }
    .invoice-details-grid[b-xp331rgjal],.financial-input-grid[b-xp331rgjal] { grid-template-columns:1fr; }
    .invoice-description-field[b-xp331rgjal] { grid-column:auto; }
    .invoice-summary-grid[b-xp331rgjal] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .invoice-section-heading[b-xp331rgjal] { align-items:flex-start;padding:.5rem .55rem; }
    .invoice-items-table-scroll[b-xp331rgjal] { padding:.4rem; }
}
@media (max-width:430px) {
    .invoice-titlebar[b-xp331rgjal] { align-items:flex-start;flex-direction:column; }
    .invoice-actions[b-xp331rgjal] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .invoice-actions .invoice-action-print:last-child:nth-child(odd)[b-xp331rgjal] { grid-column:auto; }
    .invoice-summary-grid[b-xp331rgjal] { grid-template-columns:1fr; }
    .invoice-section-heading[b-xp331rgjal] { flex-direction:column; }
}
/* /Components/Pages/Store/KioskCheckout.razor.rz.scp.css */
/* Self-service kiosk. Large touch targets, one accent colour from the brand
   (--k-accent, set inline from Branding.PrimaryColor), picture-first product display. */

.kiosk[b-dfp6i6j653] {
    --k-ink: #14213d;
    --k-muted: #64748b;
    --k-line: #e2e8f0;
    --k-accent-soft: color-mix(in srgb, var(--k-accent) 12%, #fff);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: clamp(.6rem, 1.4vw, 1.1rem);
    height: 100dvh;
    padding: clamp(.6rem, 1.6vw, 1.4rem);
    overflow: hidden;
    background:
        radial-gradient(60rem 30rem at 100% -10%, var(--k-accent-soft), transparent 70%),
        linear-gradient(180deg, #f8fafc, #eef2f7);
    color: var(--k-ink);
}

/* Header */
.k-header[b-dfp6i6j653] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .65rem 1rem;
    border: 1px solid var(--k-line);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 .4rem 1.4rem rgba(15, 23, 42, .06);
}
.k-brand[b-dfp6i6j653] { display: flex; align-items: center; gap: .85rem; min-width: 0; }
.k-logo[b-dfp6i6j653] { height: clamp(2.6rem, 4.5vw, 3.6rem); width: auto; max-width: 11rem; object-fit: contain; }
.k-brand strong[b-dfp6i6j653] { display: block; font-size: clamp(1.1rem, 2vw, 1.55rem); font-weight: 900; }
.k-brand small[b-dfp6i6j653] { color: var(--k-muted); }
.k-nav[b-dfp6i6j653] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.k-nav a[b-dfp6i6j653],
.k-reset[b-dfp6i6j653] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.8rem;
    padding: .45rem .95rem;
    border: 1px solid var(--k-line);
    border-radius: .85rem;
    background: #fff;
    color: var(--k-ink);
    font-weight: 700;
    text-decoration: none;
}
.k-nav a:hover[b-dfp6i6j653] { border-color: var(--k-accent); color: var(--k-accent); }
.k-reset[b-dfp6i6j653] { color: #b42318; border-color: #fecdca; background: #fff8f7; }

/* Main area: shopping column + basket */
.k-main[b-dfp6i6j653] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 27rem);
    gap: clamp(.6rem, 1.4vw, 1.1rem);
    min-height: 0;
}
.k-shop[b-dfp6i6j653] { display: flex; flex-direction: column; gap: .9rem; min-height: 0; overflow-y: auto; padding: .1rem; }

.k-steps[b-dfp6i6j653] { display: flex; gap: .5rem; }
.k-steps span[b-dfp6i6j653] {
    flex: 1;
    padding: .45rem .7rem;
    border-radius: .75rem;
    background: rgba(255, 255, 255, .7);
    color: var(--k-muted);
    font-size: .85rem;
    text-align: center;
}
.k-steps span.is-on[b-dfp6i6j653] { background: var(--k-accent); color: #fff; }

/* The product just added: picture first */
.k-hero[b-dfp6i6j653] {
    display: grid;
    grid-template-columns: minmax(12rem, 40%) minmax(0, 1fr);
    gap: 1.3rem;
    align-items: center;
    padding: 1.1rem;
    border: 1px solid var(--k-line);
    border-radius: 1.4rem;
    background: #fff;
    box-shadow: 0 1rem 2.6rem rgba(15, 23, 42, .08);
    transition: box-shadow .25s, transform .25s;
}
.k-hero.is-flash[b-dfp6i6j653] { transform: scale(1.01); box-shadow: 0 0 0 .35rem var(--k-accent-soft), 0 1rem 2.6rem rgba(15, 23, 42, .12); }
.k-hero-img[b-dfp6i6j653] {
    display: grid;
    place-items: center;
    aspect-ratio: 1 / 1;
    max-height: 46vh;
    border-radius: 1.1rem;
    background: #f1f5f9;
    color: #94a3b8;
    font-size: 5rem;
    overflow: hidden;
}
.k-hero-img img[b-dfp6i6j653] { width: 100%; height: 100%; object-fit: contain; }
.k-hero-body[b-dfp6i6j653] { display: flex; flex-direction: column; gap: .45rem; min-width: 0; }
.k-added[b-dfp6i6j653] { align-self: flex-start; padding: .3rem .7rem; border-radius: 999px; background: #ecfdf3; color: #067647; font-weight: 800; }
.k-hero-body h2[b-dfp6i6j653] { margin: 0; font-size: clamp(1.4rem, 2.6vw, 2.2rem); font-weight: 900; line-height: 1.4; }
.k-opt[b-dfp6i6j653] { margin: 0; color: var(--k-accent); font-weight: 700; }
.k-code[b-dfp6i6j653] { margin: 0; color: var(--k-muted); }
.k-hero-price[b-dfp6i6j653] { font-size: clamp(1.8rem, 3.6vw, 3rem); font-weight: 900; color: var(--k-accent); }
.k-hero-price small[b-dfp6i6j653] { font-size: 1rem; font-weight: 700; }

.k-welcome[b-dfp6i6j653] {
    display: grid;
    justify-items: center;
    gap: .6rem;
    padding: clamp(1.5rem, 4vw, 3rem) 1rem;
    border: 2px dashed color-mix(in srgb, var(--k-accent) 35%, #fff);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, .75);
    text-align: center;
}
.k-welcome-art[b-dfp6i6j653] {
    display: grid;
    place-items: center;
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 1.6rem;
    background: var(--k-accent);
    color: #fff;
    font-size: 3.3rem;
    animation: k-pulse-b-dfp6i6j653 2.4s ease-in-out infinite;
}
@keyframes k-pulse-b-dfp6i6j653 { 50% { transform: translateY(-.35rem); box-shadow: 0 1rem 2rem color-mix(in srgb, var(--k-accent) 30%, transparent); } }
.k-welcome h1[b-dfp6i6j653] { margin: .4rem 0 0; font-size: clamp(1.6rem, 3vw, 2.4rem); font-weight: 900; }
.k-welcome p[b-dfp6i6j653] { margin: 0; max-width: 34rem; color: var(--k-muted); font-size: 1.05rem; }
.k-welcome ul[b-dfp6i6j653] { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; margin: .5rem 0 0; padding: 0; list-style: none; }
.k-welcome li[b-dfp6i6j653] { padding: .5rem .9rem; border-radius: .8rem; background: #fff; border: 1px solid var(--k-line); font-weight: 700; }

/* Quantity stepper */
.k-qty[b-dfp6i6j653] { display: inline-flex; align-items: center; gap: .45rem; }
.k-qty button[b-dfp6i6j653] {
    width: 2.6rem;
    height: 2.6rem;
    border: 1px solid var(--k-line);
    border-radius: .8rem;
    background: #fff;
    color: var(--k-ink);
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1;
}
.k-qty button:hover[b-dfp6i6j653] { border-color: var(--k-accent); color: var(--k-accent); }
.k-qty span[b-dfp6i6j653] { min-width: 2rem; text-align: center; font-size: 1.15rem; font-weight: 900; }
.k-qty-lg button[b-dfp6i6j653] { width: 3.3rem; height: 3.3rem; font-size: 1.6rem; }
.k-qty-lg span[b-dfp6i6j653] { min-width: 2.6rem; font-size: 1.5rem; }

/* Basket */
.k-cart[b-dfp6i6j653] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
    border: 1px solid var(--k-line);
    border-radius: 1.3rem;
    background: #fff;
    box-shadow: 0 .8rem 2.2rem rgba(15, 23, 42, .07);
    overflow: hidden;
}
.k-cart-head[b-dfp6i6j653] { display: flex; align-items: center; justify-content: space-between; padding: .85rem 1rem; border-bottom: 1px solid var(--k-line); }
.k-cart-head h3[b-dfp6i6j653] { margin: 0; font-size: 1.15rem; font-weight: 900; }
.k-badge[b-dfp6i6j653] { padding: .25rem .65rem; border-radius: 999px; background: var(--k-accent-soft); color: var(--k-accent); font-weight: 800; }
.k-lines[b-dfp6i6j653] { overflow-y: auto; padding: .5rem; display: flex; flex-direction: column; gap: .45rem; }
.k-empty[b-dfp6i6j653] { display: grid; justify-items: center; align-content: center; gap: .3rem; height: 100%; min-height: 10rem; color: var(--k-muted); }
.k-empty i[b-dfp6i6j653] { font-size: 2.6rem; }
.k-line[b-dfp6i6j653] {
    display: grid;
    grid-template-columns: 3.4rem minmax(0, 1fr) auto;
    grid-template-areas: "img info remove" "img qty total";
    gap: .25rem .6rem;
    align-items: center;
    padding: .55rem;
    border: 1px solid var(--k-line);
    border-radius: .95rem;
    transition: border-color .2s, background-color .2s;
}
.k-line.is-last[b-dfp6i6j653] { border-color: var(--k-accent); background: var(--k-accent-soft); }
.k-thumb[b-dfp6i6j653] { grid-area: img; display: grid; place-items: center; width: 3.4rem; height: 3.4rem; border-radius: .7rem; background: #f1f5f9; color: #94a3b8; overflow: hidden; font-size: 1.4rem; }
.k-thumb img[b-dfp6i6j653] { width: 100%; height: 100%; object-fit: cover; }
.k-line-info[b-dfp6i6j653] { grid-area: info; display: flex; flex-direction: column; min-width: 0; }
.k-line-info b[b-dfp6i6j653] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.k-line-info small[b-dfp6i6j653] { color: var(--k-muted); }
.k-line .k-qty[b-dfp6i6j653] { grid-area: qty; }
.k-line .k-qty button[b-dfp6i6j653] { width: 2.2rem; height: 2.2rem; font-size: 1.15rem; }
.k-line-total[b-dfp6i6j653] { grid-area: total; justify-self: end; font-weight: 900; }
.k-remove[b-dfp6i6j653] { grid-area: remove; justify-self: end; width: 2rem; height: 2rem; border: 0; border-radius: .6rem; background: transparent; color: #98a2b3; }
.k-remove:hover[b-dfp6i6j653] { background: #fff1f2; color: #b42318; }

.k-total[b-dfp6i6j653] { display: grid; gap: .7rem; padding: .9rem 1rem 1rem; border-top: 1px solid var(--k-line); background: #fbfcfe; }
.k-total > div[b-dfp6i6j653] { display: flex; flex-direction: column; }
.k-total small[b-dfp6i6j653] { color: var(--k-muted); }
.k-total strong[b-dfp6i6j653] { font-size: clamp(1.5rem, 2.6vw, 2.1rem); font-weight: 900; }
.k-total strong small[b-dfp6i6j653] { font-size: .95rem; }
.k-total span[b-dfp6i6j653] { color: var(--k-muted); }

.k-pay[b-dfp6i6j653] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 3.8rem;
    padding: .6rem 1.4rem;
    border: 0;
    border-radius: 1rem;
    background: var(--k-accent);
    color: #fff;
    font-size: clamp(1.05rem, 1.8vw, 1.3rem);
    font-weight: 900;
    box-shadow: 0 .7rem 1.6rem color-mix(in srgb, var(--k-accent) 35%, transparent);
}
.k-pay:disabled[b-dfp6i6j653] { opacity: .45; box-shadow: none; }

.k-toast[b-dfp6i6j653] {
    position: fixed;
    inset-inline: 50%;
    bottom: 1.2rem;
    transform: translateX(50%);
    width: min(92vw, 40rem);
    padding: 1rem 1.2rem;
    border-radius: 1rem;
    background: var(--k-ink);
    color: #fff;
    text-align: center;
    box-shadow: 0 1rem 2.4rem rgba(15, 23, 42, .3);
    z-index: 30;
    cursor: pointer;
}

/* Dialogs (checkout, reset) */
.kiosk-dialog-backdrop[b-dfp6i6j653] {
    position: fixed;
    inset: 0;
    z-index: 40;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(15, 23, 42, .5);
}
.k-dialog[b-dfp6i6j653] {
    width: min(96vw, 40rem);
    max-height: 94dvh;
    overflow: auto;
    border-radius: 1.3rem;
    background: #fff;
    box-shadow: 0 1.5rem 4rem rgba(15, 23, 42, .3);
}
.k-dialog-sm[b-dfp6i6j653] { width: min(94vw, 26rem); }
.k-dialog header[b-dfp6i6j653] { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.2rem; border-bottom: 1px solid var(--k-line); }
.k-dialog h3[b-dfp6i6j653] { margin: 0; font-size: 1.2rem; font-weight: 900; }
.k-close[b-dfp6i6j653] { width: 2.6rem; height: 2.6rem; border: 0; border-radius: .8rem; background: #f1f5f9; font-size: 1.5rem; }
.k-dialog-text[b-dfp6i6j653] { margin: 0; padding: 1rem 1.2rem; color: var(--k-muted); }
.k-form[b-dfp6i6j653] { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; padding: 1.1rem 1.2rem; }
.k-form label[b-dfp6i6j653],
.k-photo[b-dfp6i6j653] { display: flex; flex-direction: column; gap: .3rem; margin: 0; }
.k-form span[b-dfp6i6j653] { font-weight: 800; }
.k-form span small[b-dfp6i6j653] { color: var(--k-muted); font-weight: 500; }
.k-form input:not([type=file])[b-dfp6i6j653] {
    min-height: 3.2rem;
    padding: .5rem .85rem;
    border: 1px solid #cbd5e1;
    border-radius: .8rem;
    font-size: 1.1rem;
}
.k-form input:focus[b-dfp6i6j653] { border-color: var(--k-accent); outline: 3px solid var(--k-accent-soft); }
.k-wide[b-dfp6i6j653] { grid-column: 1 / -1; }
.k-photo > div[b-dfp6i6j653] { display: flex; align-items: center; gap: .8rem; }
.k-photo img[b-dfp6i6j653] { width: 4.5rem; height: 4.5rem; border-radius: 50%; object-fit: cover; border: 2px solid var(--k-line); }
.k-dialog footer[b-dfp6i6j653] { display: flex; align-items: center; justify-content: flex-end; gap: .6rem; padding: .9rem 1.2rem; border-top: 1px solid var(--k-line); }
.k-dialog-total[b-dfp6i6j653] { margin-inline-end: auto; font-size: 1.35rem; font-weight: 900; }
.k-dialog-total small[b-dfp6i6j653] { font-size: .85rem; }
.k-ghost[b-dfp6i6j653],
.k-danger[b-dfp6i6j653] { min-height: 3.2rem; padding: .5rem 1.1rem; border-radius: .9rem; font-weight: 800; }
.k-ghost[b-dfp6i6j653] { border: 1px solid var(--k-line); background: #fff; }
.k-danger[b-dfp6i6j653] { border: 0; background: #b42318; color: #fff; }

@media (max-width: 1000px) {
    .kiosk[b-dfp6i6j653] { height: auto; min-height: 100dvh; overflow: visible; }
    .k-main[b-dfp6i6j653] { grid-template-columns: 1fr; }
    .k-cart[b-dfp6i6j653] { max-height: none; }
    .k-hero[b-dfp6i6j653] { grid-template-columns: 1fr; }
    .k-hero-img[b-dfp6i6j653] { max-height: 38vh; }
}
@media (max-width: 560px) {
    .k-header[b-dfp6i6j653] { flex-direction: column; align-items: stretch; }
    .k-steps[b-dfp6i6j653] { display: none; }
    .k-form[b-dfp6i6j653] { grid-template-columns: 1fr; }
    .k-dialog footer[b-dfp6i6j653] { flex-wrap: wrap; }
    .k-dialog footer .k-pay[b-dfp6i6j653] { flex: 1 1 100%; }
}

.k-offline[b-dfp6i6j653] { display: flex; align-items: center; gap: .8rem; padding: .85rem 1rem; border: 1px solid #fecdca; border-radius: 1rem; background: #fff8f7; color: #912018; }
.k-offline i[b-dfp6i6j653] { font-size: 1.8rem; }
.k-offline div[b-dfp6i6j653] { display: flex; flex-direction: column; }
.k-offline span[b-dfp6i6j653] { color: #b42318; }
.k-form-error[b-dfp6i6j653] { margin: 1rem 1.2rem 0; padding: .7rem .9rem; border-radius: .8rem; background: #fff1f2; color: #9f1239; font-weight: 700; }

/* Payment in progress and the outcome */
.k-paying[b-dfp6i6j653], .k-result[b-dfp6i6j653] { width: min(94vw, 30rem); padding: 1.6rem 1.4rem; text-align: center; }
.k-pos-art[b-dfp6i6j653] { display: grid; place-items: center; width: 6rem; height: 6rem; margin: 0 auto 1rem; border-radius: 1.6rem; background: var(--k-accent); color: #fff; font-size: 3rem; animation: k-pulse-b-dfp6i6j653 1.6s ease-in-out infinite; }
.k-paying h3[b-dfp6i6j653] { margin: 0 0 .5rem; font-size: 1.3rem; font-weight: 900; }
.k-paying-amount[b-dfp6i6j653] { font-size: 2.2rem; font-weight: 900; color: var(--k-accent); }
.k-paying-amount small[b-dfp6i6j653] { font-size: 1rem; }
.k-paying p[b-dfp6i6j653], .k-result p[b-dfp6i6j653] { color: var(--k-muted); margin: .6rem 0 0; }
.k-result-icon[b-dfp6i6j653] { font-size: 4.2rem; line-height: 1; }
.k-result.is-ok .k-result-icon[b-dfp6i6j653] { color: #067647; }
.k-result.is-warn .k-result-icon[b-dfp6i6j653] { color: #b54708; }
.k-result h3[b-dfp6i6j653] { margin: .6rem 0 0; font-size: 1.5rem; font-weight: 900; }
.k-result dl[b-dfp6i6j653] { display: grid; grid-template-columns: auto 1fr; gap: .35rem 1rem; margin: 1rem 0 0; padding: .8rem 1rem; border-radius: .9rem; background: #f8fafc; text-align: start; }
.k-result dt[b-dfp6i6j653] { color: var(--k-muted); font-weight: 600; }
.k-result dd[b-dfp6i6j653] { margin: 0; font-weight: 800; }
.k-result footer[b-dfp6i6j653] { flex-direction: column; gap: .6rem; border-top: 0; padding: 1rem 0 0; }
.k-result footer .k-pay[b-dfp6i6j653] { width: 100%; }
.k-countdown[b-dfp6i6j653] { color: var(--k-muted); }
/* /Components/Pages/Store/KioskPriceCheck.razor.rz.scp.css */
.price-kiosk[b-c4bi5tnwg7] {
    --k-accent-soft: color-mix(in srgb, var(--k-accent) 12%, #fff);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-height: 100dvh;
    padding: clamp(.7rem, 2vw, 1.6rem);
    background: radial-gradient(60rem 30rem at 100% -10%, var(--k-accent-soft), transparent 70%), linear-gradient(180deg, #f8fafc, #eef2f7);
    color: #14213d;
}
.price-kiosk header[b-c4bi5tnwg7] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .65rem 1rem; border: 1px solid #e2e8f0; border-radius: 1.1rem; background: #fff; }
.pk-brand[b-c4bi5tnwg7] { display: flex; align-items: center; gap: .8rem; }
.pk-brand img[b-c4bi5tnwg7] { height: 3rem; width: auto; max-width: 10rem; object-fit: contain; }
.pk-brand strong[b-c4bi5tnwg7] { font-size: 1.4rem; font-weight: 900; }
.price-kiosk nav[b-c4bi5tnwg7] { display: flex; gap: .5rem; flex-wrap: wrap; }
.price-kiosk nav a[b-c4bi5tnwg7] { display: inline-flex; align-items: center; gap: .4rem; min-height: 2.8rem; padding: .45rem .95rem; border: 1px solid #e2e8f0; border-radius: .85rem; background: #fff; color: #14213d; font-weight: 700; text-decoration: none; }
.price-kiosk nav a:hover[b-c4bi5tnwg7] { border-color: var(--k-accent); color: var(--k-accent); }

.pk-card[b-c4bi5tnwg7] { display: grid; grid-template-columns: minmax(14rem, 42%) minmax(0, 1fr); gap: 1.5rem; align-items: center; padding: 1.3rem; border-radius: 1.5rem; background: #fff; box-shadow: 0 1rem 2.6rem rgba(15, 23, 42, .08); }
.pk-img[b-c4bi5tnwg7] { display: grid; place-items: center; aspect-ratio: 1 / 1; max-height: 58vh; border-radius: 1.2rem; background: #f1f5f9; color: #94a3b8; font-size: 6rem; overflow: hidden; }
.pk-img img[b-c4bi5tnwg7] { width: 100%; height: 100%; object-fit: contain; }
.pk-body h2[b-c4bi5tnwg7] { margin: 0; font-size: clamp(1.6rem, 3vw, 2.6rem); font-weight: 900; line-height: 1.4; }
.pk-opt[b-c4bi5tnwg7] { margin: .3rem 0 0; color: var(--k-accent); font-weight: 700; font-size: 1.1rem; }
.pk-code[b-c4bi5tnwg7] { margin: .3rem 0 0; color: #64748b; }
.pk-price[b-c4bi5tnwg7] { margin-top: 1rem; font-size: clamp(2.4rem, 5vw, 4rem); font-weight: 900; color: var(--k-accent); }
.pk-price small[b-c4bi5tnwg7] { font-size: 1.1rem; }
.pk-toman[b-c4bi5tnwg7] { color: #64748b; font-size: 1.15rem; }
.pk-empty[b-c4bi5tnwg7] { display: grid; justify-items: center; gap: .6rem; padding: 3rem 1rem; border: 2px dashed color-mix(in srgb, var(--k-accent) 35%, #fff); border-radius: 1.4rem; background: rgba(255, 255, 255, .75); color: #64748b; text-align: center; }
.pk-empty i[b-c4bi5tnwg7] { font-size: 4rem; color: var(--k-accent); }

@media (max-width: 800px) {
    .pk-card[b-c4bi5tnwg7] { grid-template-columns: 1fr; }
    .price-kiosk header[b-c4bi5tnwg7] { flex-direction: column; align-items: stretch; }
}

.pk-offline[b-c4bi5tnwg7] { display: flex; align-items: center; gap: .8rem; padding: .85rem 1rem; border: 1px solid #fecdca; border-radius: 1rem; background: #fff8f7; color: #912018; }
.pk-offline i[b-c4bi5tnwg7] { font-size: 1.8rem; }
.pk-offline div[b-c4bi5tnwg7] { display: flex; flex-direction: column; }
.pk-offline span[b-c4bi5tnwg7] { color: #b42318; }
/* /Components/Pages/Store/QuickInvoice.razor.rz.scp.css */
/* This screen stays in normal document flow and never locks application scrolling.
   It used to be `position: fixed`, which fought the shell's own scrolling and forced a
   global !important override to undo it. The shell-level part of that escape now lives in
   wwwroot/css/quick-invoice-shell.css; everything below owns this component's own layout. */
.quick-invoice-page[b-e7drhse86o] {
    position: relative;
    display: flex;
    width: 100%;
    min-height: calc(100dvh - var(--header-height, 4rem));
    flex-direction: column;
    padding: .45rem;
    overflow: visible;
    color: #20283a;
    background: #f3f5f8;
    outline: none;
}

.quick-topbar[b-e7drhse86o],
.quick-more-panel[b-e7drhse86o],
.quick-sale-panel[b-e7drhse86o],
.quick-shortcuts-panel[b-e7drhse86o],
.quick-checkout-bar[b-e7drhse86o] {
    border: 1px solid #e0e4eb;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(35, 44, 68, .05);
}

.quick-topbar[b-e7drhse86o] {
    display: flex;
    min-height: 46px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    padding: .35rem .65rem;
    margin-block-end: .4rem;
}

.quick-topbar h1[b-e7drhse86o] { margin: 0; font-size: 1.05rem; font-weight: 900; }
.quick-topbar span[b-e7drhse86o],
.quick-scan-head small[b-e7drhse86o],
.quick-shortcuts-head small[b-e7drhse86o] { display: block; margin-block-start: .1rem; color: #7a8496; font-size: .65rem; }
.quick-top-actions[b-e7drhse86o] { display: flex; min-width: 0; align-items: center; gap: .3rem; }
.quick-top-actions .btn[b-e7drhse86o] { min-height: 34px; padding: .28rem .55rem; font-size: .72rem; white-space: nowrap; }
.quick-customer-chip[b-e7drhse86o] { display: grid; min-width: 110px; min-height: 34px; align-content: center; padding: .25rem .55rem; color: #3b4560; border: 1px solid #dce1e9; border-radius: 9px; background: #fff; font-family: inherit; text-align: right; }
.quick-customer-chip small[b-e7drhse86o] { color: #7c8698; font-size: .55rem; }
.quick-customer-chip strong[b-e7drhse86o] { overflow: hidden; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.quick-top-actions kbd[b-e7drhse86o],
.quick-checkout-actions kbd[b-e7drhse86o] { color: inherit; border: 1px solid currentColor; background: transparent; font-family: inherit; font-size: .62rem; opacity: .65; }

.quick-customer-lookup[b-e7drhse86o] { display: flex; flex: 0 0 auto; align-items: end; gap: .5rem; padding: .6rem; margin-block-end: .4rem; border: 1px solid #d8dcef; border-radius: 10px; background: #f8f7ff; }
.quick-customer-lookup > div[b-e7drhse86o] { display: grid; flex: 1; gap: .2rem; }
.quick-customer-lookup label[b-e7drhse86o] { color: #4c5570; font-size: .68rem; font-weight: 800; }
.quick-customer-lookup small[b-e7drhse86o] { color: #7e8798; font-size: .6rem; }
.quick-customer-lookup .form-control[b-e7drhse86o] { min-height: 40px; direction: ltr; text-align: left; }

/* ---- شماره پیدا نشد: ساختن مشتری بدون ترک فاکتور ------------------------
   رنگ سبز عمدی است: این پیشنهاد است نه خطا. قبلاً اینجا فقط یک هشدار قرمز
   می‌آمد و کار کاربر همان‌جا می‌ماند. */
.quick-customer-new[b-e7drhse86o] {
    display: flex;
    flex: 0 0 auto;
    align-items: end;
    gap: .5rem;
    padding: .6rem;
    margin-block-end: .4rem;
    border: 1px solid #bfe3cd;
    border-radius: 10px;
    background: #f4fbf6;
}
.quick-customer-new > div[b-e7drhse86o] { display: grid; flex: 1; gap: .2rem; }
.quick-customer-new label[b-e7drhse86o] { color: #2f5c44; font-size: .68rem; font-weight: 800; }
.quick-customer-new .form-control[b-e7drhse86o] { min-height: 40px; }
.quick-customer-new-lead[b-e7drhse86o] { flex: 0 0 100%; margin: 0 0 .15rem; color: #2f5c44; font-size: .74rem; }
.quick-customer-new-lead strong[b-e7drhse86o] { direction: ltr; unicode-bidi: embed; }
.quick-customer-new .btn[b-e7drhse86o] { min-height: 40px; white-space: nowrap; }

@media (max-width: 640px) {
    .quick-customer-new[b-e7drhse86o] { flex-wrap: wrap; }
    .quick-customer-new .btn[b-e7drhse86o] { min-height: 44px; flex: 1; }
}

.quick-more-panel[b-e7drhse86o] {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: 1.4fr 1fr 1fr .8fr;
    gap: .6rem;
    padding: .65rem;
    margin-block-end: .4rem;
}
.quick-more-panel > div[b-e7drhse86o] { display: grid; min-width: 0; align-content: start; gap: .25rem; }
.quick-more-panel label[b-e7drhse86o] { color: #5d6678; font-size: .68rem; font-weight: 800; }
.quick-more-panel .form-control[b-e7drhse86o],
.quick-more-panel .form-select[b-e7drhse86o] { min-height: 38px; border-radius: 8px; font-size: .76rem; }
.quick-more-notes[b-e7drhse86o] { grid-column: 1 / -1; }

.quick-workspace[b-e7drhse86o] {
    display: grid;
    min-height: 0;
    flex: 0 0 auto;
    /* حدود یک‌چهارم باریک‌تر از قبل (۲۶۰px/۳۰vw). فهرست فاکتور همان اندازه پهن‌تر
       می‌شود، که کاری است که صندوق‌دار بیشتر وقت‌ها به آن نگاه می‌کند. */
    grid-template-columns: minmax(195px, 22vw) minmax(0, 1fr);
    /* Must stay `stretch`. With `start` the panels size to their content instead of the
       column, and the shortcut strip - which is a horizontally scrolling row of fixed-width
       tiles - drags the page ~1070px wide inside a 430px phone viewport. */
    align-items: stretch;
    gap: .45rem;
    overflow: visible;
}

.quick-sale-panel[b-e7drhse86o] {
    display: flex;
    min-width: 0;
    grid-column: 2;
    flex-direction: column;
    overflow: visible;
}

.quick-shortcuts-panel[b-e7drhse86o] {
    display: flex;
    min-width: 0;
    grid-column: 1;
    grid-row: 1;
    flex-direction: column;
    overflow: visible;
}

.quick-scan-head[b-e7drhse86o],
.quick-shortcuts-head[b-e7drhse86o] {
    display: flex;
    min-height: 42px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: space-between;
    gap: .55rem;
    padding: .35rem .55rem;
    border-block-end: 1px solid #e8ebf0;
}
.quick-scan-head strong[b-e7drhse86o],
.quick-shortcuts-head strong[b-e7drhse86o] { font-size: .78rem; }
.quick-scan-head .btn[b-e7drhse86o] { min-height: 34px; padding: .25rem .55rem; font-size: .72rem; }
.quick-entry[b-e7drhse86o] { max-height: 66px; flex: 0 0 auto; overflow: hidden; border-block-end: 1px solid #e8ebf0; }

.quick-items-heading[b-e7drhse86o],
.quick-receipt-row:not(:has(.quick-item-grid))[b-e7drhse86o] {
    display: grid;
    grid-template-columns: 38px minmax(150px, 1fr) 86px 105px 82px 112px 34px 34px;
    align-items: center;
    gap: .35rem;
}
.quick-items-heading[b-e7drhse86o] { min-height: 36px; flex: 0 0 auto; padding: 0 .65rem; color: #526078; border-block: 1px solid #e5e9ef; background: #f5f7fa; font-size: .72rem; font-weight: 900; text-align: center; }
.quick-items-heading span:nth-child(2)[b-e7drhse86o] { text-align: right; }

/* Newest invoice line is visually first. */
.quick-items-list[b-e7drhse86o] {
    display: flex;
    min-height: 120px;
    max-height: min(46dvh, 460px);
    flex: 0 0 auto;
    flex-direction: column-reverse;
    justify-content: flex-end;
    overflow-x: hidden;
    overflow-y: auto;
    /* عمداً y روی auto است. قبلاً overscroll-behavior: contain بود که زنجیره
       اسکرول را قطع می‌کرد: وقتی نشانگر روی فهرست کالاها بود، رسیدن فهرست به
       انتها به صفحه سرایت نمی‌کرد و صفحه قفل به نظر می‌رسید — هم روی گوشی هم
       روی لپ‌تاپ. x همچنان contain می‌ماند تا کشیدن افقی صفحه را نلرزاند. */
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    scrollbar-gutter: stable;
    background: #fff;
}
.quick-receipt-row[b-e7drhse86o] { position: relative; min-height: 58px; flex: 0 0 auto; padding: .38rem .65rem; border-block-end: 1px solid #e8ecf2; cursor: pointer; text-align: center; font-size: .8rem; }
.quick-receipt-row:nth-child(even)[b-e7drhse86o] { background: #fbfcfe; }
.quick-receipt-row:hover[b-e7drhse86o],
.quick-receipt-row.highlight[b-e7drhse86o] { background: #fff8d9; }
.quick-receipt-row.highlight[b-e7drhse86o] { box-shadow: inset 4px 0 #e5b419; }
.quick-receipt-row.is-selected[b-e7drhse86o] { outline: 2px solid #6d62a4; background: #f0edf7; }
.quick-row-index[b-e7drhse86o] { display: grid; width: 27px; height: 27px; place-items: center; color: #5a60a8; border-radius: 8px; background: #f0effa; font-weight: 900; }
.quick-row-good[b-e7drhse86o] { min-width: 0; text-align: right; }
.quick-row-good strong[b-e7drhse86o],
.quick-row-good small[b-e7drhse86o] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.quick-row-good strong[b-e7drhse86o] { color: #25324a; font-size: .86rem; }
.quick-row-good small[b-e7drhse86o] { margin-block-start: .12rem; color: #7d8797; font-size: .68rem; }
.quick-row-qty-stepper[b-e7drhse86o] { display: flex; align-items: center; justify-content: center; gap: .25rem; }
.quick-row-qty-stepper button[b-e7drhse86o] { width: 28px; height: 28px; flex: 0 0 auto; color: #554477; border: 1px solid #d9d6e6; border-radius: 7px; background: #f8f7fc; font-size: 1rem; line-height: 1; }
.quick-row-qty-stepper strong[b-e7drhse86o] { min-width: 1.5rem; text-align: center; }
.quick-row-total[b-e7drhse86o] { color: #167254; font-size: .9rem; }
.quick-edit[b-e7drhse86o],
.quick-delete[b-e7drhse86o] { width: 30px; height: 30px; border-radius: 8px; font-size: 1rem; line-height: 1; }
.quick-edit[b-e7drhse86o] { color: #554477; border: 1px solid #ddd9e9; background: #f8f7fc; }
.quick-delete[b-e7drhse86o] { color: #aa4d59; border: 1px solid #eed9dd; background: #fff8f8; font-size: 1.15rem; }
.quick-empty-state[b-e7drhse86o] { display: grid; min-height: 160px; place-items: center; color: #929bab; font-size: .78rem; }

/* The checkout bar reacts to the real sale-panel width, not the browser width, so the action
   buttons re-flow while the application menu is still animating closed. */
.quick-checkout-bar[b-e7drhse86o] {
    position: relative;
    z-index: 8;
    top: auto;
    display: grid;
    grid-template-columns: minmax(145px, 185px) minmax(118px, 145px) minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
    flex: 0 0 auto;
    align-items: center;
    gap: .5rem;
    padding: .45rem .55rem;
    border: 0;
    border-block-end: 1px solid #dfe4eb;
    border-radius: 0;
    background: #fbfcff;
    box-shadow: none;
    overflow: visible;
}
.quick-total-block[b-e7drhse86o] { display: grid; min-width: 0; width: 100%; grid-template-columns: auto auto; align-items: baseline; column-gap: .4rem; }
.quick-total-block > span[b-e7drhse86o] { grid-row: 1 / 3; align-self: center; padding: .22rem .4rem; color: #596277; border-radius: 7px; background: #f1f3f6; font-size: .67rem; }
.quick-total-block small[b-e7drhse86o] { color: #697487; font-size: .64rem; }
.quick-total-block strong[b-e7drhse86o] { color: #176c50; font-size: 1.06rem; font-weight: 950; }
.quick-total-block em[b-e7drhse86o] { font-size: .62rem; font-style: normal; }
.quick-invoice-discount[b-e7drhse86o] { width: 100%; min-width: 0; flex: none; }
.quick-invoice-discount label[b-e7drhse86o] { font-size: .62rem; }
.quick-invoice-discount .form-control[b-e7drhse86o] { min-height: 34px; }
/* auto-fit lets the buttons wrap on their own container width instead of the viewport, and
   they stay compact before any narrow-screen breakpoint is reached. */
.quick-checkout-actions[b-e7drhse86o] { display: grid; grid-template-columns: repeat(auto-fit, minmax(86px, 1fr)); min-width: 0; width: 100%; gap: .28rem; overflow: visible; }
.quick-checkout-actions .btn[b-e7drhse86o] { display: inline-flex; width: 100%; min-width: 0; min-height: 34px; align-items: center; justify-content: center; gap: .25rem; padding: .22rem .32rem; border-radius: 7px; font-size: .67rem; font-weight: 850; line-height: 1.1; white-space: nowrap; overflow: visible; }
.quick-checkout-actions kbd[b-e7drhse86o] { flex: 0 0 auto; margin: 0; padding: .06rem .16rem; font-size: .52rem; }
.qa-btn[b-e7drhse86o] { color: #fff; border: 1px solid transparent; }
.qa-btn:disabled[b-e7drhse86o] { opacity: .55; }
.qa-draft[b-e7drhse86o] { color: #6b5a12; background: #ffe9a8; }
.qa-credit[b-e7drhse86o] { background: #e8792b; }
.qa-cash[b-e7drhse86o] { background: #1f9d63; }
.qa-pos[b-e7drhse86o] { background: #3457d5; }
.qa-mixed[b-e7drhse86o] { background: #7a3fc4; }
.qa-print[b-e7drhse86o] { color: #0b5b63; background: #b9ecef; }

.quick-shortcuts-head button[b-e7drhse86o] { width: 30px; height: 30px; color: #5d548f; border: 0; border-radius: 8px; background: #f0eef8; font-size: 1rem; }
.quick-shortcuts-tools[b-e7drhse86o] { display: flex; gap: .3rem; }
.quick-tab-strip[b-e7drhse86o] { display: flex; min-height: 38px; flex: 0 0 auto; gap: .25rem; padding: .32rem .4rem; overflow-x: auto; border-block-end: 1px solid #e8ebf0; background: #f8f9fc; }
.quick-tab[b-e7drhse86o] { display: flex; min-height: 30px; flex: 0 0 auto; align-items: center; gap: .3rem; padding: .2rem .48rem; color: #59657a; border: 1px solid #dfe4ec; border-radius: 8px; background: #fff; font-family: inherit; font-size: .66rem; font-weight: 850; }
.quick-tab small[b-e7drhse86o] { display: grid; min-width: 18px; height: 18px; place-items: center; color: #727c8f; border-radius: 5px; background: #eef1f5; font-size: .54rem; }
.quick-tab.active[b-e7drhse86o] { color: #fff; border-color: var(--tab-color); background: var(--tab-color); }
.quick-tab.active small[b-e7drhse86o] { color: var(--tab-color); background: #fff; }
/* No max-height here: as a full-height side column the grid should fill the panel. The narrow
   blocks below turn it into a short horizontal strip and cap it there instead. */
.quick-shortcuts-grid[b-e7drhse86o] { display: grid; min-height: 0; flex: 1 1 auto; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .38rem; padding: .42rem; overflow-y: auto; background: #f3f5f8; }
.quick-shortcut[b-e7drhse86o] { position: relative; display: grid; min-height: 64px; align-content: space-between; gap: .15rem; padding: .38rem; color: #263249; border: 1px solid #d8dee8; border-block-end: 3px solid #6558a7; border-radius: 10px; background: #fff; box-shadow: 0 2px 7px rgba(38, 48, 72, .06); font-family: inherit; text-align: right; }
.quick-shortcut.is-in-invoice[b-e7drhse86o] { color: #153d31; border-color: #63b899; border-block-end-color: #16865f; background: #eaf9f2; }
.quick-shortcut strong[b-e7drhse86o] { display: -webkit-box; overflow: hidden; min-height: 27px; font-size: .62rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.quick-key-number[b-e7drhse86o] { position: absolute; inset-block-start: .22rem; inset-inline-end: .22rem; display: grid; width: 16px; height: 16px; place-items: center; color: #62579e; border-radius: 6px; background: #eeebfb; font-size: .55rem; font-weight: 950; }
.quick-shortcut.is-in-invoice .quick-key-number[b-e7drhse86o] { color: #fff; background: #16865f; }
.quick-key-price[b-e7drhse86o] { color: #176d51; font-size: .62rem; font-weight: 950; }
.quick-shortcut small[b-e7drhse86o] { color: #818a99; font-size: .56rem; }
.quick-shortcuts-empty[b-e7drhse86o] { display: grid; grid-column: 1 / -1; min-height: 120px; place-content: center; color: #8992a2; font-size: .7rem; text-align: center; }
.quick-shortcut-settings[b-e7drhse86o] { max-height: min(300px, 42vh); flex: 0 1 auto; padding: .55rem; overflow: auto; border-block-end: 1px solid #dddff0; background: #fbfaff; }
.quick-new-tab[b-e7drhse86o] { display: grid; grid-template-columns: 1fr auto; gap: .35rem; margin-block-end: .55rem; }
.quick-setting-tab[b-e7drhse86o],
.quick-setting-item[b-e7drhse86o] { display: flex; min-height: 36px; align-items: center; gap: .3rem; padding: .3rem .35rem; border-block-end: 1px solid #ececf3; }
.quick-setting-tab strong[b-e7drhse86o],
.quick-setting-item span[b-e7drhse86o] { flex: 1; overflow: hidden; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }
.quick-setting-item[b-e7drhse86o] { padding-inline-start: .8rem; background: #fff; }
.quick-setting-item button[b-e7drhse86o] { width: 26px; height: 26px; color: #514989; border: 1px solid #dedbed; border-radius: 7px; background: #f8f7fc; }
.quick-setting-item button.danger[b-e7drhse86o] { color: #b74350; }

.quick-print-modal[b-e7drhse86o] { display: none; position: fixed; z-index: 9999; inset: 0; padding: 2rem; background: rgba(18, 24, 36, .58); }
.quick-print-modal > div[b-e7drhse86o] { width: min(94vw, 1200px); height: 90vh; margin: auto; padding: .75rem; border-radius: 12px; background: #fff; }
.quick-print-modal iframe[b-e7drhse86o] { width: 100%; height: calc(100% - 44px); margin-block-start: .5rem; border: 0; }

/* Below this the sale area is no longer wide enough for summary + discount + actions on one
   row, so the actions take a full row of their own. */
@media (max-width: 1450px) {
    .quick-checkout-bar[b-e7drhse86o] { grid-template-columns: minmax(165px, 1fr) minmax(120px, 155px); }
    .quick-checkout-actions[b-e7drhse86o] { grid-column: 1 / -1; }
}

@media (max-width: 1050px) {
    .quick-workspace[b-e7drhse86o] { grid-template-columns: 1fr; grid-template-rows: minmax(0, 1fr) auto; }
    .quick-sale-panel[b-e7drhse86o] { grid-column: 1; grid-row: 1; }
    .quick-shortcuts-panel[b-e7drhse86o] { position: static; grid-column: 1; grid-row: 2; max-height: 150px; }
    .quick-shortcuts-head[b-e7drhse86o] { display: none; }
    .quick-shortcuts-grid[b-e7drhse86o] { display: flex; max-height: 96px; flex: 0 0 auto; overflow-x: auto; overflow-y: hidden; }
    .quick-shortcut[b-e7drhse86o] { min-width: 130px; min-height: 78px; }
}

/* Landscape side-column range: the shortcut strip becomes a real side column and the sale
   panel's children are hoisted into the workspace grid with `display: contents`.
   `min-height: 601px` keeps this out of the short-viewport block further down, which tunes the
   same elements for phone landscape and must not be mixed with this grid. `min-width: 901px`
   keeps it clear of the stacked block below, which owns everything narrower. */
@media (max-width: 1050px) and (min-width: 901px) and (orientation: landscape) and (min-height: 601px) {
    .quick-workspace[b-e7drhse86o] {
        display: grid;
        grid-template-columns: minmax(170px, .58fr) minmax(0, 2.5fr);
        grid-template-rows: auto auto minmax(120px, 1fr) auto;
        gap: 7px;
        overflow: visible;
    }
    .quick-sale-panel[b-e7drhse86o] { display: contents; }
    .quick-scan-head[b-e7drhse86o] { grid-column: 2; grid-row: 1; }
    .quick-entry[b-e7drhse86o] { grid-column: 2; grid-row: 2; }
    .quick-items-heading[b-e7drhse86o] { display: none; }
    .quick-items-list[b-e7drhse86o] { grid-column: 2; grid-row: 3; max-height: min(48dvh, 420px); }
    .quick-shortcuts-panel[b-e7drhse86o] { grid-column: 1; grid-row: 1 / span 4; max-height: none; overflow: hidden; }
    /* Undo the horizontal strip from the <=1050px block: as a real side column the grid is
       vertical again and fills the panel, otherwise it sits as a 96px band above ~500px of
       empty panel. */
    .quick-shortcuts-head[b-e7drhse86o] { display: flex; }
    .quick-shortcuts-grid[b-e7drhse86o] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: none; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; }
    .quick-shortcut[b-e7drhse86o] { min-width: 0; min-height: 70px; }
    .quick-checkout-bar[b-e7drhse86o] { grid-column: 2; grid-row: 4; }
}

/* Tablets and phones: cashier work comes first - search, invoice lines, then payment. Quick
   goods stay available but no longer consume the primary viewport. */
@media (max-width: 900px) {
    .quick-invoice-page[b-e7drhse86o] { min-height: calc(100dvh - var(--header-height, 3.65rem)); padding: .25rem; }

    .quick-topbar[b-e7drhse86o] { flex-wrap: wrap; gap: .3rem; padding: .3rem .4rem; }
    .quick-top-actions[b-e7drhse86o] { width: 100%; flex-wrap: wrap; }
    .quick-top-actions .btn[b-e7drhse86o],
    .quick-customer-chip[b-e7drhse86o] { min-height: 32px; }

    .quick-workspace[b-e7drhse86o] {
        display: flex;
        flex-direction: column;
        /* `stretch` is load-bearing here: see the base rule. */
        align-items: stretch;
        gap: .35rem;
        overflow: visible;
    }
    .quick-sale-panel[b-e7drhse86o] { display: flex; width: 100%; flex-direction: column; }

    .quick-scan-head[b-e7drhse86o] { order: 1; }
    .quick-entry[b-e7drhse86o] { order: 2; max-height: none; overflow: visible; }
    .quick-items-heading[b-e7drhse86o] { order: 3; }
    .quick-items-list[b-e7drhse86o] { order: 4; min-height: 190px; max-height: 48dvh; }
    .quick-checkout-bar[b-e7drhse86o] {
        order: 5;
        position: relative;
        grid-template-columns: minmax(0, 1fr) minmax(105px, 140px);
        gap: .35rem;
        padding: .35rem;
    }
    .quick-checkout-actions[b-e7drhse86o] { grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); }

    .quick-shortcuts-panel[b-e7drhse86o] { order: 6; width: 100%; min-width: 0; max-height: 150px; overflow: hidden; }
    .quick-shortcuts-grid[b-e7drhse86o] { display: flex; min-height: 78px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
    .quick-shortcut[b-e7drhse86o] { width: 118px; min-width: 118px; min-height: 72px; }
}

/* Narrow viewport: cart-first POS workflow. Search -> cart cards -> compact checkout -> shortcuts.
   Keyed on width, not orientation: a shrunk desktop window is usually still "landscape" but is just
   as narrow as a phone, and the desktop receipt grid needs ~720px before its columns get clipped, so 760px stays the cutoff.
   `min-height: 601px` keeps this block mutually exclusive with the short-viewport block below. */
/* Narrow phones: the receipt table becomes a stack of cards, because the eight-column grid
   cannot stay legible here. Sizing and ordering of the surrounding panels is owned by the
   <=900px block above; this block only adds what that one does not cover. */
@media (max-width: 760px) and (min-height: 601px) {
    .quick-topbar > div:first-child[b-e7drhse86o] { display: none; }
    .quick-top-actions .btn-outline-primary[b-e7drhse86o] { display: none; }
    .quick-customer-chip[b-e7drhse86o] { min-width: 96px; }

    .quick-customer-lookup[b-e7drhse86o] { align-items: stretch; flex-direction: column; max-height: 45dvh; overflow: auto; }
    .quick-more-panel[b-e7drhse86o] { grid-template-columns: 1fr; max-height: 45dvh; overflow: auto; }
    .quick-more-notes[b-e7drhse86o] { grid-column: auto; }

    .quick-tab-strip[b-e7drhse86o] { min-height: 30px; padding: .18rem .3rem; }
    .quick-tab[b-e7drhse86o] { min-height: 25px; padding: .12rem .38rem; }

    .quick-scan-head[b-e7drhse86o] { min-height: 38px; padding: .28rem .4rem; }
    .quick-scan-head strong[b-e7drhse86o] { font-size: .72rem; }
    .quick-scan-head .btn[b-e7drhse86o] { min-height: 32px; }
    .quick-items-heading[b-e7drhse86o] { display: none; }
    .quick-items-list[b-e7drhse86o] { padding: .3rem; gap: .38rem; background: #f3f5f8; scrollbar-gutter: stable; }

    .quick-receipt-row:not(:has(.quick-item-grid))[b-e7drhse86o] {
        position: relative;
        display: grid;
        min-height: 104px;
        grid-template-columns: 32px minmax(0, 1fr) auto auto;
        grid-template-rows: auto auto auto;
        gap: .28rem .45rem;
        align-items: center;
        padding: .55rem .6rem;
        border: 1px solid #dfe4ea;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 2px 8px rgba(35, 44, 68, .05);
        text-align: right;
    }
    .quick-receipt-row:nth-child(even)[b-e7drhse86o] { background: #fff; }
    .quick-receipt-row.highlight[b-e7drhse86o] { border-color: #e2bc42; background: #fffbed; box-shadow: 0 0 0 2px rgba(226, 188, 66, .14); }
    .quick-receipt-row.highlight[b-e7drhse86o]::before { content: "آخرین افزوده"; position: absolute; inset-block-start: -8px; inset-inline-start: 12px; padding: .08rem .38rem; color: #725b09; border-radius: 999px; background: #ffe993; font-size: .54rem; font-weight: 900; }
    .quick-row-index[b-e7drhse86o] { grid-column: 1; grid-row: 1; width: 27px; height: 27px; }
    .quick-row-good[b-e7drhse86o] { grid-column: 2 / 4; grid-row: 1; }
    .quick-row-good strong[b-e7drhse86o] { font-size: .86rem; white-space: normal; line-height: 1.45; }
    .quick-row-good small[b-e7drhse86o] { font-size: .64rem; }
    .quick-row-qty-stepper[b-e7drhse86o] { grid-column: 1 / 3; grid-row: 2; justify-content: flex-start; }
    .quick-row-qty-stepper button[b-e7drhse86o] { width: 36px; height: 36px; font-size: 1.1rem; }
    .quick-row-qty-stepper strong[b-e7drhse86o] { min-width: 2rem; font-size: .9rem; }
    .quick-receipt-row:not(:has(.quick-item-grid)) > span:nth-of-type(2)[b-e7drhse86o] { grid-column: 3; grid-row: 2; color: #687284; font-size: .7rem; text-align: left; }
    .quick-receipt-row:not(:has(.quick-item-grid)) > span:nth-of-type(2)[b-e7drhse86o]::before { content: "واحد "; color: #9aa1ad; font-size: .58rem; }
    .quick-receipt-row:not(:has(.quick-item-grid)) > span:nth-of-type(3)[b-e7drhse86o] { display: none; }
    .quick-row-total[b-e7drhse86o] { grid-column: 2 / 4; grid-row: 3; color: #137052; font-size: .9rem; }
    .quick-row-total[b-e7drhse86o]::before { content: "جمع "; color: #8a929f; font-size: .6rem; font-weight: 700; }
    .quick-edit[b-e7drhse86o] { grid-column: 4; grid-row: 2; width: 36px; height: 36px; }
    .quick-delete[b-e7drhse86o] { grid-column: 4; grid-row: 1; width: 34px; height: 34px; }

    .quick-total-block[b-e7drhse86o] { min-width: 0; }
    .quick-total-block > span[b-e7drhse86o] { padding: .18rem .3rem; }
    .quick-total-block strong[b-e7drhse86o] { font-size: 1rem; }
    .quick-invoice-discount label[b-e7drhse86o] { display: none; }
    .quick-invoice-discount .form-control[b-e7drhse86o] { min-height: 34px; padding-inline: .3rem; }
}

/* Short viewport (phone landscape, or any small window under ~600px tall): compact receipt rows,
   with the invoice taking priority over shortcuts. Width raised to 1050px so wide-but-short phones
   such as 932x430 are covered: previously they matched no block and the item list collapsed to 0px. */
@media (max-width: 1050px) and (min-width: 901px) and (max-height: 600px) {
    .quick-invoice-page[b-e7drhse86o] { inset-block-start: var(--topbar-height, 54px); padding: .25rem; }
    .quick-topbar[b-e7drhse86o] { display: none; }
    .quick-workspace[b-e7drhse86o] { grid-template-columns: minmax(180px, 28vw) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); gap: .3rem; }
    .quick-sale-panel[b-e7drhse86o] { grid-column: 2; grid-row: 1; }
    .quick-shortcuts-panel[b-e7drhse86o] { display: flex; grid-column: 1; grid-row: 1; max-height: none; }
    .quick-shortcuts-head[b-e7drhse86o] { display: none; }
    .quick-tab-strip[b-e7drhse86o] { min-height: 29px; padding: .15rem .25rem; }
    .quick-tab[b-e7drhse86o] { min-height: 24px; padding: .1rem .3rem; }
    .quick-shortcuts-grid[b-e7drhse86o] { display: grid; max-height: none; flex: 1 1 auto; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: auto; }
    .quick-shortcut[b-e7drhse86o] { min-width: 0; min-height: 64px; }

    .quick-scan-head[b-e7drhse86o] { order: 1; min-height: 34px; padding: .2rem .4rem; }
    .quick-scan-head small[b-e7drhse86o] { display: none; }
    .quick-entry[b-e7drhse86o] { order: 2; max-height: 52px; }
    .quick-items-heading[b-e7drhse86o] { display: none; }
    /* Same reasoning as the narrow-viewport block: leave the sizing to the global override. */
    .quick-items-list[b-e7drhse86o] { order: 3; min-height: 104px; overflow-x: hidden; overflow-y: auto; }
    .quick-checkout-bar[b-e7drhse86o] { order: 4; min-height: 58px; flex-wrap: nowrap; padding: .25rem .35rem; }

    .quick-receipt-row:not(:has(.quick-item-grid))[b-e7drhse86o] {
        display: grid;
        min-height: 48px;
        grid-template-columns: 28px minmax(130px, 1fr) 78px 90px 105px 30px 30px;
        gap: .3rem;
        padding: .25rem .4rem;
        font-size: .72rem;
    }
    .quick-receipt-row:not(:has(.quick-item-grid)) > span:nth-of-type(3)[b-e7drhse86o] { display: none; }
    .quick-row-good strong[b-e7drhse86o] { font-size: .76rem; }
    .quick-row-good small[b-e7drhse86o] { font-size: .6rem; }
    .quick-row-qty-stepper button[b-e7drhse86o] { width: 26px; height: 26px; }
    .quick-total-block[b-e7drhse86o] { min-width: 160px; }
    .quick-total-block small[b-e7drhse86o] { display: none; }
    .quick-invoice-discount[b-e7drhse86o] { width: 95px; flex-basis: 95px; }
    .quick-invoice-discount label[b-e7drhse86o] { display: none; }
    .quick-checkout-actions[b-e7drhse86o] { max-width: none; }
    .quick-checkout-actions .btn[b-e7drhse86o] { min-height: 34px; padding: .22rem .42rem; font-size: .66rem; }
    .quick-checkout-actions kbd[b-e7drhse86o] { display: none; }
}

/* Landscape windows up to 1050px: the side-column block above puts the shortcut panel in a
   ~170px column, so the receipt column is far narrower than the viewport and the wide desktop
   grid gets clipped. Use the compact row grid for that range. Measured clipping before this
   rule: 800x650 and 900x700. */
@media (max-width: 1050px) and (min-width: 901px) and (orientation: landscape) and (min-height: 601px) {
    .quick-items-heading[b-e7drhse86o] { display: none; }
    .quick-receipt-row:not(:has(.quick-item-grid))[b-e7drhse86o] {
        grid-template-columns: 28px minmax(120px, 1fr) 78px 90px 100px 30px 30px;
        gap: .3rem;
        padding: .3rem .45rem;
        font-size: .74rem;
    }
    .quick-receipt-row:not(:has(.quick-item-grid)) > span:nth-of-type(3)[b-e7drhse86o] { display: none; }
    .quick-row-good strong[b-e7drhse86o] { font-size: .78rem; }
    .quick-row-good small[b-e7drhse86o] { font-size: .62rem; }
    .quick-row-qty-stepper button[b-e7drhse86o] { width: 26px; height: 26px; }
    .quick-edit[b-e7drhse86o],
    .quick-delete[b-e7drhse86o] { width: 28px; height: 28px; }
}

@media (prefers-reduced-motion: reduce) {
    .quick-shortcut[b-e7drhse86o] { transition: none; }
}


/* Overflow guards for the stacked layout: keep the checkout row inside the viewport. */
@media (max-width: 900px) {
    .quick-invoice-page[b-e7drhse86o] { max-width: 100vw; overflow-x: hidden; }
    .quick-sale-panel[b-e7drhse86o],
    .quick-checkout-bar[b-e7drhse86o],
    .quick-checkout-actions[b-e7drhse86o] { min-width: 0; max-width: 100%; box-sizing: border-box; }
    .quick-total-block[b-e7drhse86o] { width: 100%; min-width: 0; max-width: 100%; }
    .quick-invoice-discount[b-e7drhse86o] { width: 100%; min-width: 0; flex: none; }
    .quick-checkout-actions .btn[b-e7drhse86o] { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
}

/* Small phones: drop to one summary column and trim the chrome further. */
@media (max-width: 560px) {
    .quick-topbar h1[b-e7drhse86o] { font-size: .88rem; }
    .quick-topbar > div:first-child span[b-e7drhse86o] { font-size: .58rem; }

    .quick-customer-chip[b-e7drhse86o] { flex: 1 1 100%; width: 100%; }
    .quick-top-actions .btn[b-e7drhse86o] { flex: 1 1 calc(33.333% - .3rem); padding-inline: .3rem; font-size: .64rem; }

    .quick-scan-head[b-e7drhse86o] { align-items: flex-start; flex-wrap: wrap; }
    .quick-scan-head small[b-e7drhse86o] { display: none; }

    .quick-items-heading[b-e7drhse86o] { display: none; }
    .quick-items-list[b-e7drhse86o] { min-height: 220px; max-height: 52dvh; }

    .quick-checkout-bar[b-e7drhse86o] { grid-template-columns: minmax(0, 1fr); }
    .quick-invoice-discount[b-e7drhse86o] { display: none; }
    .quick-checkout-actions[b-e7drhse86o] { grid-column: 1; grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .quick-checkout-actions .btn[b-e7drhse86o] { min-height: 32px; padding: .18rem .2rem; font-size: .62rem; }

    .quick-shortcuts-panel[b-e7drhse86o] { max-height: 128px; }
}

@media (max-width: 1050px) and (min-width: 901px) and (max-height: 600px) {
    .quick-invoice-page[b-e7drhse86o],
    .quick-sale-panel[b-e7drhse86o],
    .quick-checkout-bar[b-e7drhse86o],
    .quick-checkout-actions[b-e7drhse86o] {
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .quick-checkout-bar[b-e7drhse86o] {
        display: grid;
        grid-template-columns: minmax(125px, .8fr) minmax(78px, 94px) minmax(0, 2.2fr);
        width: 100%;
        gap: .25rem;
        overflow: hidden;
    }

    .quick-total-block[b-e7drhse86o],
    .quick-invoice-discount[b-e7drhse86o] {
        min-width: 0;
        max-width: 100%;
    }

    .quick-invoice-discount[b-e7drhse86o] {
        width: 100%;
        flex: none;
    }

    /* Deliberately no fixed column count: vertical space is the scarce resource here, so the
       base auto-fit is left to put all six actions on one row while the bar is wide enough. */
    .quick-checkout-actions[b-e7drhse86o] {
        width: 100%;
        min-width: 0;
        gap: .2rem;
        overflow: visible;
    }

    .quick-checkout-actions .btn[b-e7drhse86o] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        min-height: 32px;
        padding: .18rem .15rem;
        overflow: hidden;
        font-size: .61rem;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}



/* ---- ردیفی که تعدادش صفر شده و در مهلت برگرداندن است ---------------------
   کالا دیده می‌شود و یک نوار رنگی از عرض ردیف پر می‌شود. این تنها نشانه زمان است؛
   عمداً هیچ چرخنده یا علامت لودی نیست، چون کاربر باید «برگردان» را ببیند نه
   حسِ اینکه برنامه مشغول است.

   مدت انیمیشن با PendingRowRemovals.Grace یکی است. اگر یکی را عوض کردید آن یکی
   را هم عوض کنید. نوار با CSS پر می‌شود نه با tick سمت سرور، تا ده ثانیه انتظار
   برای هر ردیف ده‌ها رفت‌وبرگشت SignalR نسازد. */
.quick-receipt-row.is-removing[b-e7drhse86o] { background: #fff7f7; }

.quick-row-sweep[b-e7drhse86o] {
    position: absolute;
    z-index: 0;
    background: #f6dde1;
    inset: 0;
    transform-origin: right center;
    animation: quick-row-sweep-b-e7drhse86o 10s linear forwards;
    pointer-events: none;
}

/* محتوای ردیف باید روی نوار بماند. */
.quick-receipt-row.is-removing > *:not(.quick-row-sweep)[b-e7drhse86o] { position: relative; z-index: 1; }

/* لبه‌ی جلوی نوار، تا حرکتش دیده شود. */
.quick-receipt-row.is-removing[b-e7drhse86o]::after {
    position: absolute;
    z-index: 1;
    height: 3px;
    background: #c9576a;
    content: "";
    inset-block-end: 0;
    inset-inline: 0;
    transform-origin: right center;
    animation: quick-row-sweep-b-e7drhse86o 10s linear forwards;
    pointer-events: none;
}

/* دکمه برگردان جای دو دکمه ویرایش و حذف را می‌گیرد، پس هر دو ستون را می‌پوشاند.
   در جریان عادی گرید است نه absolute، تا در RTL هم سر جایش بنشیند. */
.quick-row-undo[b-e7drhse86o] {
    grid-column: span 2;
    min-height: 30px;
    padding-inline: .5rem;
    color: #fff;
    border: 0;
    border-radius: 8px;
    background: #c9576a;
    font-size: .74rem;
    font-weight: 800;
    white-space: nowrap;
}

.quick-row-undo:hover[b-e7drhse86o] { background: #b34558; }
.quick-row-undo:focus-visible[b-e7drhse86o] { outline: 2px solid #7a2634; outline-offset: 2px; }

@keyframes quick-row-sweep-b-e7drhse86o { from { transform: scaleX(1); } to { transform: scaleX(0); } }

@media (max-width: 640px) {
    .quick-row-undo[b-e7drhse86o] { min-height: 44px; }
}

/* اگر کاربر انیمیشن کم خواسته، نوار بی‌حرکت می‌ماند ولی مهلت سر جایش است. */
@media (prefers-reduced-motion: reduce) {
    .quick-row-sweep[b-e7drhse86o],
    .quick-receipt-row.is-removing[b-e7drhse86o]::after { animation: none; opacity: .5; }
}

.quick-total-toman[b-e7drhse86o] { color: #7d8797; font-size: .72rem; font-weight: 700; }


/* ---- جمع و باز کردن کلیدهای سریع -------------------------------------------
   صندوق‌داری که میان‌برها را حفظ است، این ستون را نمی‌خواهد و ترجیح می‌دهد
   فهرست فاکتور پهن‌تر باشد. با یک کلیک جمع می‌شود و فقط یک نوار باریک می‌ماند
   که دوباره بازش می‌کند. حالتش در همان مرورگر ذخیره می‌شود. */
.quick-workspace.shortcuts-collapsed[b-e7drhse86o] {
    grid-template-columns: 34px minmax(0, 1fr);
}

.quick-workspace.shortcuts-collapsed .quick-shortcuts-panel > *:not(.quick-shortcuts-toggle)[b-e7drhse86o] {
    display: none;
}

.quick-shortcuts-toggle[b-e7drhse86o] {
    display: flex;
    width: 100%;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    padding: .2rem;
    border: 1px solid #d8d6e8;
    border-radius: 8px;
    background: #f6f5fb;
    color: #554477;
    font-size: .68rem;
    font-weight: 800;
    cursor: pointer;
}

.quick-shortcuts-toggle:hover[b-e7drhse86o] { background: #ece9f6; }
.quick-shortcuts-toggle:focus-visible[b-e7drhse86o] { outline: 2px solid #554477; outline-offset: 2px; }

/* وقتی جمع است، عنوان عمودی می‌شود تا در نوار باریک جا شود. */
.quick-workspace.shortcuts-collapsed .quick-shortcuts-toggle[b-e7drhse86o] {
    height: 100%;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

@media (max-width: 900px) {
    /* روی گوشی ستون کناری نیست و جمع کردن معنایی ندارد. */
    .quick-shortcuts-toggle[b-e7drhse86o] { display: none; }
    .quick-workspace.shortcuts-collapsed[b-e7drhse86o] { grid-template-columns: minmax(0, 1fr); }
    .quick-workspace.shortcuts-collapsed .quick-shortcuts-panel > *[b-e7drhse86o] { display: revert; }
}

/* Checkout visual hierarchy: distinct payment methods, softer surfaces, clear focus. */
.quick-invoice-page .quick-topbar[b-e7drhse86o],
.quick-invoice-page .quick-sale-panel[b-e7drhse86o],
.quick-invoice-page .quick-checkout-bar[b-e7drhse86o],
.quick-invoice-page .quick-shortcuts-panel[b-e7drhse86o] { border-radius: 16px; }
.quick-invoice-page .quick-top-actions .btn[b-e7drhse86o] { border-radius: 11px; }
.quick-invoice-page .quick-checkout-actions .btn[b-e7drhse86o] { border-radius: 11px; border-width: 1px; transition: filter .15s ease, box-shadow .15s ease; }
.quick-invoice-page .quick-checkout-actions .btn:not(:disabled):hover[b-e7drhse86o] { filter: brightness(.94); box-shadow: 0 3px 9px rgba(29,39,65,.14); }
.quick-invoice-page .qa-credit[b-e7drhse86o] { background: #c93648; border-color: #ac283a; color: #fff; }
.quick-invoice-page .qa-cash[b-e7drhse86o] { background: #168553; border-color: #117047; color: #fff; }
.quick-invoice-page .qa-pos[b-e7drhse86o] { background: #2856c7; border-color: #2149a9; color: #fff; }
.quick-invoice-page .qa-mixed[b-e7drhse86o] { background: #7744ac; border-color: #633591; color: #fff; }
.quick-invoice-page .qa-draft[b-e7drhse86o] { background: #fff0bd; border-color: #dfbd58; color: #705411; }
.quick-invoice-page .qa-print[b-e7drhse86o] { background: #d8f2f3; border-color: #89ced1; color: #145b60; }
.quick-invoice-page input:focus-visible[b-e7drhse86o],
.quick-invoice-page button:focus-visible[b-e7drhse86o] { outline: 3px solid rgba(36,101,211,.32); outline-offset: 2px; }
/* /Components/Pages/Store/RetailInvoice.razor.rz.scp.css */
/* Till screen for the retail counter.

   What this file owns is the ARRANGEMENT: four columns that put the actions,
   the product keys, the invoice and the day's sales on one screen so the
   cashier never navigates mid-sale.

   Colour and type come from the ERP design system (--ecom-*), not from the
   layout sketch this was modelled on. Font size is inherited on purpose: a
   till is read at arm's length from a wall-mounted screen, so shrinking the
   text to fit more rows trades the one thing the cashier actually needs. */

.pos-shell[b-i5py60kha9] {
    --pos-primary: var(--ecom-primary, #5a4b86);
    --pos-primary-soft: var(--ecom-primary-soft, #f1eef8);
    --pos-ink: var(--ecom-ink, #27364d);
    --pos-muted: var(--ecom-muted, #697586);
    --pos-line: var(--ecom-line, #e1e5ec);
    --pos-surface: var(--ecom-surface, #fff);
    --pos-bg: var(--ecom-bg, #f4f6f9);
    --pos-success: var(--ecom-success, #278269);
    --pos-danger: var(--ecom-danger, #bd4a55);
    --pos-warning: var(--ecom-warning, #b77b24);

    display: flex;
    flex-direction: column;
    height: var(--retail-height, calc(100dvh - 2.6rem));
    min-height: 0;
    overflow: hidden;
    background: var(--pos-bg);
    color: var(--pos-ink);
}

.pos-shell :is(input, select, button, table)[b-i5py60kha9] {
    font-family: inherit;
    font-size: inherit;
}

/* هدر */
.pos-header[b-i5py60kha9] {
    min-height: 2.6rem;
    background: var(--pos-primary);
    color: #fff;
    padding: .35rem .9rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
    border-radius: .5rem .5rem 0 0;
}

.pos-header-title[b-i5py60kha9] { font-size: 1.02rem; font-weight: 800; }
.pos-header-info[b-i5py60kha9] { display: flex; gap: 1.1rem; font-size: .82rem; opacity: .92; }

/* چهار ستون. ستون عملیات به اندازه min-width دکمه‌ها (9.5rem) است؛ ستون باریک‌تر
   باعث می‌شد پنل عملیات از ستونش بیرون بزند و کلیدهای سریع کالا روی دکمه‌ها بیفتند. */
.pos-workspace[b-i5py60kha9] {
    display: grid;
    grid-template-columns: 9.5rem var(--goods-width, 21rem) minmax(0, 1fr) var(--side-width, 19rem);
    grid-template-rows: minmax(0, 1fr);
    gap: .5rem;
    padding: .5rem;
    flex: 1;
    min-height: 0;
}

.panel-box[b-i5py60kha9] {
    background: var(--pos-surface);
    border: 1px solid var(--pos-line);
    border-radius: .5rem;
    display: flex;
    flex-direction: column;
    min-height: 0;
    box-shadow: var(--ecom-shadow, 0 .55rem 1.6rem rgba(30, 41, 59, .075));
    overflow: hidden;
}

/* ۱. عملیات */
.action-panel[b-i5py60kha9] {
    padding: .5rem;
    gap: .45rem;
    background: var(--pos-surface);
    overflow-y: auto;
    min-width: 9.5rem;
}

.btn-act[b-i5py60kha9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .15rem;
    min-height: 4.35rem;
    padding: .55rem .4rem;
    background: var(--pos-surface);
    border: 1px solid var(--pos-line);
    border-radius: .45rem;
    color: var(--pos-ink);
    cursor: pointer;
    font-weight: 700;
    font-size: .96rem;
    text-decoration: none;
    transition: background-color .12s, border-color .12s;
}

.btn-act:hover:not(:disabled)[b-i5py60kha9] { background: var(--pos-primary-soft); border-color: var(--pos-primary); }
.btn-act:disabled[b-i5py60kha9] { opacity: .45; cursor: not-allowed; }
.btn-act .act-title[b-i5py60kha9] {
    display: block;
    width: 100%;
    line-height: 1.55;
    text-align: center;
    white-space: normal;
    overflow-wrap: normal;
    word-break: keep-all;
}
.btn-act kbd[b-i5py60kha9] {
    background: var(--pos-bg);
    border: 1px solid var(--pos-line);
    border-radius: .25rem;
    padding: 0 .25rem;
    font-size: .78rem;
    color: var(--pos-muted);
}
.btn-act small[b-i5py60kha9] { font-size: .7rem; color: var(--pos-muted); }
.btn-act.act-settle[b-i5py60kha9] { border-color: var(--pos-success); color: var(--pos-success); }
.btn-act.act-settle:hover:not(:disabled)[b-i5py60kha9] { background: #f2faf6; }
.btn-act.danger[b-i5py60kha9] { border-color: var(--pos-danger); color: var(--pos-danger); }
.btn-act.danger:hover[b-i5py60kha9] { background: #fff5f6; }
.btn-act.act-exit[b-i5py60kha9] { margin-top: auto; }

/* ۲. کلیدهای سریع کالا */
.group-selector-bar[b-i5py60kha9] {
    padding: .4rem;
    background: var(--pos-bg);
    border-bottom: 1px solid var(--pos-line);
    display: flex;
    gap: .3rem;
}

.group-selector-bar select[b-i5py60kha9] {
    flex: 1;
    min-width: 0;
    height: 2.1rem;
    padding: 0 .4rem;
    border: 1px solid var(--pos-line);
    border-radius: .35rem;
    font-weight: 700;
    color: var(--pos-ink);
    background: var(--pos-surface);
}

.group-selector-bar button[b-i5py60kha9] {
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid var(--pos-line);
    border-radius: .35rem;
    background: var(--pos-surface);
    cursor: pointer;
    color: var(--pos-ink);
}

.group-selector-bar button:hover[b-i5py60kha9] { background: var(--pos-primary-soft); border-color: var(--pos-primary); }

.hot-items-grid[b-i5py60kha9] {
    flex: 1;
    overflow-y: auto;
    padding: .45rem;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(6rem, 1fr));
    grid-auto-rows: 5.2rem;
    gap: .4rem;
    align-content: start;
}

.hot-card[b-i5py60kha9] {
    background: var(--pos-surface);
    border: 1px solid var(--pos-line);
    border-radius: .45rem;
    padding: .35rem .25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    cursor: pointer;
    text-align: center;
    transition: background-color .1s, border-color .1s, transform .1s;
}

.hot-card:hover[b-i5py60kha9] { background: var(--pos-primary-soft); border-color: var(--pos-primary); transform: translateY(-1px); }
.hot-card.is-in-invoice[b-i5py60kha9] { border-color: var(--pos-success); background: #f2faf6; }
.hot-card-title[b-i5py60kha9] { font-weight: 700; font-size: .84rem; line-height: 1.35; }
.hot-card-price[b-i5py60kha9] { color: var(--pos-success); font-weight: 800; font-size: .82rem; }
.hot-card-stock[b-i5py60kha9] { font-size: .72rem; color: var(--pos-muted); }
.hot-card-inbasket[b-i5py60kha9] { font-size: .72rem; color: var(--pos-success); font-weight: 700; }

.hot-empty[b-i5py60kha9] {
    grid-column: 1 / -1;
    padding: 1rem .5rem;
    text-align: center;
    color: var(--pos-muted);
    display: flex;
    flex-direction: column;
    gap: .3rem;
    font-size: .85rem;
}

.shortcut-settings[b-i5py60kha9] {
    padding: .45rem;
    background: var(--pos-bg);
    border-bottom: 1px solid var(--pos-line);
    max-height: 14rem;
    overflow-y: auto;
    font-size: .85rem;
}

.shortcut-new-tab[b-i5py60kha9] { display: flex; gap: .3rem; margin-bottom: .45rem; }
.shortcut-new-tab input[b-i5py60kha9] { flex: 1; min-width: 0; }
.shortcut-settings :is(input, button)[b-i5py60kha9] {
    height: 1.9rem;
    padding: 0 .45rem;
    border: 1px solid var(--pos-line);
    border-radius: .35rem;
    background: var(--pos-surface);
}
.shortcut-settings button[b-i5py60kha9] { cursor: pointer; }
.shortcut-settings button.danger[b-i5py60kha9] { border-color: var(--pos-danger); color: var(--pos-danger); }
.shortcut-setting-tab[b-i5py60kha9],
.shortcut-setting-item[b-i5py60kha9] { display: flex; align-items: center; gap: .3rem; padding: .2rem 0; }
.shortcut-setting-tab strong[b-i5py60kha9],
.shortcut-setting-item span[b-i5py60kha9] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ۳. فاکتور جاری */
.invoice-center[b-i5py60kha9] { min-width: 0; }

.invoice-header-info[b-i5py60kha9] {
    padding: .45rem .6rem;
    background: var(--pos-bg);
    border-bottom: 1px solid var(--pos-line);
    display: grid;
    grid-template-columns: minmax(9rem, .65fr) minmax(20rem, 2.35fr);
    gap: .45rem;
}

.input-block[b-i5py60kha9] { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
.input-block label[b-i5py60kha9] { font-size: .76rem; color: var(--pos-muted); font-weight: 700; }
.input-block :is(input, select, .customer-picker)[b-i5py60kha9] {
    height: 2.1rem;
    padding: 0 .45rem;
    border: 1px solid var(--pos-line);
    border-radius: .35rem;
    background: var(--pos-surface);
    color: inherit;
    min-width: 0;
}
.input-block input.is-readonly[b-i5py60kha9] { background: var(--pos-bg); font-weight: 800; }
.customer-picker[b-i5py60kha9] {
    text-align: start;
    cursor: pointer;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.customer-picker:hover[b-i5py60kha9] { background: var(--pos-primary-soft); border-color: var(--pos-primary); }

.customer-lookup[b-i5py60kha9],
.more-options[b-i5py60kha9] {
    padding: .45rem .6rem;
    background: var(--pos-bg);
    border-bottom: 1px solid var(--pos-line);
    display: flex;
    gap: .35rem;
    align-items: end;
    flex-wrap: wrap;
}
.customer-lookup input[b-i5py60kha9] { flex: 1; min-width: 10rem; height: 2.1rem; padding: 0 .45rem; border: 1px solid var(--pos-line); border-radius: .35rem; }
.customer-lookup button[b-i5py60kha9],
.more-options button[b-i5py60kha9] {
    height: 2.1rem;
    padding: 0 .6rem;
    border: 1px solid var(--pos-line);
    border-radius: .35rem;
    background: var(--pos-surface);
    cursor: pointer;
}
.customer-lookup button:hover[b-i5py60kha9],
.more-options button:hover[b-i5py60kha9] { background: var(--pos-primary-soft); border-color: var(--pos-primary); }
.more-options[b-i5py60kha9] { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); }
.more-options .more-notes[b-i5py60kha9] { grid-column: 1 / -1; }
.discount-row[b-i5py60kha9] { display: flex; gap: .25rem; }

.main-table-wrap[b-i5py60kha9] { flex: 1 1 0; min-height: 0; overflow: auto; overscroll-behavior: contain; border-bottom: 1px solid var(--pos-line); }

.items-table[b-i5py60kha9] { width: 100%; border-collapse: collapse; text-align: center; font-size: .9rem; }
.items-table th[b-i5py60kha9] {
    background: var(--pos-primary);
    color: #fff;
    padding: .45rem .3rem;
    position: sticky;
    top: 0;
    font-weight: 700;
    font-size: .82rem;
    z-index: 2;
}
.items-table td[b-i5py60kha9] { padding: .4rem .3rem; border-bottom: 1px solid var(--pos-line); }
.items-table tbody tr:hover[b-i5py60kha9] { background: var(--pos-primary-soft); }
.items-table tr.is-selected[b-i5py60kha9] { background: var(--pos-primary-soft); box-shadow: inset 0 0 0 2px var(--pos-primary); }
.items-table tr.highlight[b-i5py60kha9] { animation: row-flash-b-i5py60kha9 .9s ease-out; }
.items-table tr.is-removing[b-i5py60kha9] {
    position: relative;
    opacity: .55;
    background: color-mix(in srgb, var(--pos-danger) 8%, var(--pos-surface));
}
.items-table tr.is-removing[b-i5py60kha9]::after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block-end: 0;
    width: 100%;
    height: 3px;
    background: color-mix(in srgb, var(--pos-danger) 42%, transparent);
    transform-origin: right center;
    animation: pending-remove-bar-b-i5py60kha9 5s linear forwards;
    pointer-events: none;
}
@keyframes pending-remove-bar-b-i5py60kha9 {
    from { transform: scaleX(1); opacity: .65; }
    to { transform: scaleX(0); opacity: .18; }
}
.items-table .empty-row td[b-i5py60kha9] { padding: 1.5rem .5rem; color: var(--pos-muted); }

@keyframes row-flash-b-i5py60kha9 {
    from { background: #fff7d6; }
    to { background: transparent; }
}

.col-num[b-i5py60kha9] { width: 2.2rem; }
.col-code[b-i5py60kha9] { width: 4.5rem; }
.col-name[b-i5py60kha9] { text-align: start; padding-inline-start: .5rem !important; }
.col-name strong[b-i5py60kha9] { display: block; font-weight: 700; }
.col-name small[b-i5py60kha9] { color: var(--pos-muted); font-size: .74rem; }
.col-qty[b-i5py60kha9] { width: 6.5rem; }
.col-price[b-i5py60kha9] { width: 6.5rem; }
.col-discount[b-i5py60kha9] { width: 5.5rem; }
.col-total[b-i5py60kha9] { width: 7.5rem; font-weight: 800; }
.col-tools[b-i5py60kha9] { width: 4rem; white-space: nowrap; }

.row-unit[b-i5py60kha9] {
    max-width: 7rem;
    padding: 0 .2rem;
    border: 1px solid var(--pos-line);
    border-radius: .3rem;
    background: var(--pos-bg);
    font-size: .74rem;
    font-weight: 700;
}

.qty-stepper[b-i5py60kha9] { display: inline-flex; align-items: center; gap: .2rem; }
.qty-stepper button[b-i5py60kha9],
.col-tools button[b-i5py60kha9] {
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid var(--pos-line);
    border-radius: .3rem;
    background: var(--pos-surface);
    cursor: pointer;
    line-height: 1;
}
.qty-stepper button:hover[b-i5py60kha9],
.col-tools button:hover[b-i5py60kha9] { background: var(--pos-primary-soft); border-color: var(--pos-primary); }
.qty-stepper strong[b-i5py60kha9] { min-width: 2rem; }
.col-tools .row-delete[b-i5py60kha9] { color: var(--pos-danger); border-color: var(--pos-danger); }
.col-tools .row-undo[b-i5py60kha9] { width: auto; padding: 0 .4rem; color: var(--pos-success); font-size: .78rem; }

.barcode-input-bar[b-i5py60kha9] {
    display: flex;
    gap: .35rem;
    padding: .45rem .6rem;
    background: var(--pos-bg);
    border-top: 1px solid var(--pos-line);
    align-items: center;
}
.barcode-picker[b-i5py60kha9] { flex: 1; min-width: 0; }
.barcode-btn[b-i5py60kha9] {
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid var(--pos-success);
    border-radius: .35rem;
    cursor: pointer;
    background: var(--pos-success);
    color: #fff;
    font-weight: 800;
}
.barcode-hint[b-i5py60kha9] { color: var(--pos-muted); white-space: nowrap; font-size: .8rem; }

.calculation-panel[b-i5py60kha9] {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: .5rem;
    padding: .5rem .6rem;
    background: var(--pos-bg);
    border-top: 1px solid var(--pos-line);
}

.calc-details[b-i5py60kha9] { display: flex; flex-direction: column; gap: .15rem; font-size: .88rem; }
.calc-row[b-i5py60kha9] { display: flex; justify-content: space-between; gap: .6rem; }
.calc-row.is-discount[b-i5py60kha9] { color: var(--pos-danger); }
.calc-row.is-tax[b-i5py60kha9] { color: var(--ecom-info, #347e9b); }
.calc-row.is-profit[b-i5py60kha9] { color: var(--pos-success); }

.total-banner[b-i5py60kha9] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .1rem;
    padding: .5rem .6rem;
    background: var(--pos-primary);
    color: #fff;
    border-radius: .45rem;
    text-align: center;
}
.total-banner span[b-i5py60kha9] { font-size: .8rem; opacity: .85; }
.total-banner b[b-i5py60kha9] { font-size: 1.35rem; font-weight: 800; }
.total-banner small[b-i5py60kha9] { font-size: .76rem; opacity: .8; }

/* ۴. فاکتورهای امروز */
.side-panel[b-i5py60kha9] { min-width: 0; }

.recent-search-bar[b-i5py60kha9] {
    display: flex;
    gap: .3rem;
    padding: .45rem;
    background: var(--pos-bg);
    border-bottom: 1px solid var(--pos-line);
}
.recent-search-bar input[b-i5py60kha9] {
    flex: 1;
    min-width: 0;
    height: 2.1rem;
    padding: 0 .45rem;
    border: 1px solid var(--pos-line);
    border-radius: .35rem;
}
.recent-search-bar button[b-i5py60kha9] {
    width: 2.1rem;
    border: 1px solid var(--pos-line);
    border-radius: .35rem;
    background: var(--pos-surface);
    cursor: pointer;
}
.recent-search-bar button:hover[b-i5py60kha9] { background: var(--pos-primary-soft); border-color: var(--pos-primary); }

.side-table-wrap[b-i5py60kha9] { flex: 1; min-height: 0; overflow: auto; }
.side-table[b-i5py60kha9] { width: 100%; border-collapse: collapse; text-align: center; font-size: .85rem; table-layout: auto; }
.side-table th[b-i5py60kha9] {
    background: var(--pos-primary-soft);
    color: var(--pos-primary);
    border-bottom: 1px solid var(--pos-line);
    padding: .4rem .3rem;
    position: sticky;
    top: 0;
    font-weight: 700;
    font-size: .78rem;
    z-index: 2;
}
.side-table td[b-i5py60kha9] { padding: .35rem .3rem; border-bottom: 1px solid var(--pos-line); }
.side-table .col-buyer[b-i5py60kha9] { width: 45%; min-width: 7.5rem; }
.side-table .col-amount[b-i5py60kha9] { width: 1%; white-space: nowrap; }
.side-table .col-state[b-i5py60kha9] { width: 1%; min-width: 4.2rem; white-space: normal; }
.side-buyer[b-i5py60kha9] {
    text-align: start;
    min-width: 7.5rem;
    max-width: none;
    white-space: normal;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: normal;
}
.side-empty[b-i5py60kha9] { padding: 1.2rem .5rem; color: var(--pos-muted); }

/* وضعیت تسویه با رنگ‌های وضعیتی همین دیزاین‌سیستم، نه رنگ دلخواه. */
.row-cash[b-i5py60kha9] { background-color: #f2faf6; }
.row-credit[b-i5py60kha9] { background-color: #fffaf0; }
.row-draft[b-i5py60kha9] { background-color: #fff5f6; }
.row-cancelled[b-i5py60kha9] { background-color: var(--pos-bg); color: var(--pos-muted); text-decoration: line-through; }

.summary-footer[b-i5py60kha9] {
    padding: .4rem;
    background: var(--pos-bg);
    border-top: 1px solid var(--pos-line);
    text-align: center;
}
.summary-link[b-i5py60kha9] { color: var(--pos-primary); font-weight: 700; text-decoration: none; font-size: .85rem; }
.summary-link:hover[b-i5py60kha9] { text-decoration: underline; }

/* صفحه‌های باریک‌تر: ستون‌های کناری زیر فاکتور می‌روند تا جدول اقلام باریک نشود. */
@media (max-width: 1500px) {
    .pos-workspace[b-i5py60kha9] { grid-template-columns: 9.5rem var(--goods-width, 16rem) minmax(0, 1fr) var(--side-width, 15rem); }
}

@media (max-width: 1200px) {
    .pos-workspace[b-i5py60kha9] { grid-template-columns: 9.5rem 14rem minmax(0, 1fr); }
    .side-panel[b-i5py60kha9] { grid-column: 2 / -1; max-height: 18rem; }
}

@media (max-width: 860px) {
    .pos-shell[b-i5py60kha9] { min-height: 0; }
    .pos-workspace[b-i5py60kha9] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; }
    .action-panel[b-i5py60kha9] { flex-direction: row; flex-wrap: wrap; }
    .action-panel .btn-act[b-i5py60kha9] { flex: 1 1 6rem; }
    .btn-act.act-exit[b-i5py60kha9] { margin-top: 0; }
    .invoice-header-info[b-i5py60kha9] { grid-template-columns: 1fr; }
    .calculation-panel[b-i5py60kha9] { grid-template-columns: 1fr; }
    .side-panel[b-i5py60kha9] { grid-column: auto; }
}

@media print {
    .action-panel[b-i5py60kha9],
    .side-panel[b-i5py60kha9],
    .barcode-input-bar[b-i5py60kha9],
    .pos-footer[b-i5py60kha9] { display: none !important; }
}

/* Keep cashier controls visible while only the item list scrolls. */
.pos-header[b-i5py60kha9], .invoice-center > :not(.main-table-wrap)[b-i5py60kha9],
.recent-search-bar[b-i5py60kha9], .summary-footer[b-i5py60kha9], .group-selector-bar[b-i5py60kha9] { flex-shrink: 0; }
.recent-search-bar[b-i5py60kha9] { flex: 0 0 auto; align-items: center; }
.recent-search-bar button[b-i5py60kha9] { height: 2.1rem; }
.more-options[b-i5py60kha9] { max-height: 25vh; overflow-y: auto; }
@media (min-width: 861px) and (max-width: 1200px) {
    .pos-workspace[b-i5py60kha9] { grid-template-rows: minmax(0, 1fr) minmax(0, 10rem); }
}
@media (max-width: 860px) {
    .pos-shell[b-i5py60kha9] { height: auto; overflow: visible; }
    .invoice-center[b-i5py60kha9] { grid-row: 2; height: 75dvh; min-height: 32rem; }
    .main-table-wrap[b-i5py60kha9] { min-height: 6rem; }
    .hot-items-grid[b-i5py60kha9] { max-height: 16rem; }
    .barcode-input-bar[b-i5py60kha9] { flex-wrap: wrap; }
    .barcode-hint[b-i5py60kha9] { width: 100%; text-align: center; }
    .invoice-header-info[b-i5py60kha9] { grid-template-columns: minmax(10.5rem, 1fr) 1fr; }
    .calculation-panel[b-i5py60kha9] { grid-template-columns: 1fr 1fr; }
}


/* Retail till: keep search/result areas compact and preserve the invoice controls. */
.side-panel[b-i5py60kha9] { align-self: stretch; }
.side-table-wrap[b-i5py60kha9] { flex: 1 1 auto; min-height: 0; }
.recent-search-bar[b-i5py60kha9] { flex: 0 0 auto; }
.main-table-wrap[b-i5py60kha9] { flex: 1 1 auto; min-height: 9rem; max-height: none; overflow-y: auto; scroll-behavior: smooth; }

/* Customer lookup must consume only its controls, never a tall empty panel. */
.customer-lookup[b-i5py60kha9] { flex: 0 0 auto; min-height: 0; }

/* The footer/branding area is intentionally absent on the kiosk invoice screen. */
.pos-shell .pos-footer[b-i5py60kha9] { display: none !important; }


/* Collapsed quick-goods mode: give the reclaimed width to operations, invoice lines
   and recent invoices instead of leaving an empty grid track. */
.pos-workspace.shortcuts-collapsed[b-i5py60kha9] {
    grid-template-columns: minmax(10.5rem, 12rem) 3rem minmax(0, 1fr) var(--side-width, 22rem);
}
.pos-workspace.shortcuts-collapsed .action-panel[b-i5py60kha9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(2.35rem, auto);
    align-content: start;
    gap: .3rem;
}
.pos-workspace.shortcuts-collapsed .action-panel .btn-act[b-i5py60kha9] {
    min-height: 4.1rem;
    padding: .45rem .35rem;
    gap: .12rem;
}
.pos-workspace.shortcuts-collapsed .action-panel .act-exit[b-i5py60kha9] { margin-top: 0; }
.shortcut-restore[b-i5py60kha9] {
    position: static;
    align-self: stretch;
    justify-self: stretch;
    min-width: 2.75rem;
    writing-mode: vertical-rl;
    transform: none;
    padding: .6rem .35rem;
    border: 1px solid var(--pos-primary);
    border-radius: .4rem;
    background: var(--pos-surface);
    color: var(--pos-primary);
    font-weight: 800;
    cursor: pointer;
    box-shadow: var(--ecom-shadow, 0 .3rem 1rem rgba(30,41,59,.12));
}
.col-actions[b-i5py60kha9] {
    width: 1%;
    min-width: 4.8rem;
    white-space: normal;
}
.col-actions .recent-action[b-i5py60kha9] {
    white-space: normal;
    line-height: 1.2;
}
.recent-action[b-i5py60kha9] {
    border: 1px solid var(--pos-line);
    border-radius: .3rem;
    background: var(--pos-surface);
    padding: .15rem .3rem;
    margin: .05rem;
    cursor: pointer;
    font-size: .72rem;
}
.recent-action.edit[b-i5py60kha9] { color: var(--pos-primary); border-color: var(--pos-primary); }
.recent-action.danger[b-i5py60kha9] { color: var(--pos-danger); border-color: var(--pos-danger); }
.recent-locked[b-i5py60kha9] { opacity: .55; font-size: .8rem; }

@media (max-width: 1500px) and (min-width: 1201px) {
    .pos-workspace.shortcuts-collapsed[b-i5py60kha9] { grid-template-columns: minmax(10rem, 11.5rem) 3rem minmax(0, 1fr) var(--side-width, 19rem); }
}

/* In-place cashier return/exchange. It stays above the till but inside the page
   workflow, so the cashier never leaves the active register. */
.btn-act.act-return[b-i5py60kha9] { border-color: var(--pos-warning); color: var(--pos-warning); }
.btn-act.act-return:hover[b-i5py60kha9] { background: #fffaf0; }
.retail-return-backdrop[b-i5py60kha9] {
    position: fixed; inset: 0; z-index: 1050;
    background: rgba(24, 31, 45, .38);
    display: grid; place-items: center;
    padding: 1rem;
}
.retail-return-dialog[b-i5py60kha9] {
    width: min(96vw, 1180px); height: min(92dvh, 900px);
    background: var(--pos-surface); border: 1px solid var(--pos-line);
    border-radius: .75rem; box-shadow: 0 1rem 3rem rgba(20,30,50,.22);
    display: flex; flex-direction: column; overflow: hidden;
}
.retail-return-header[b-i5py60kha9] {
    flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between;
    gap: .75rem; padding: .65rem .9rem; background: var(--pos-primary); color: #fff;
}
.retail-return-header div[b-i5py60kha9] { display: flex; flex-direction: column; gap: .1rem; }
.retail-return-header strong[b-i5py60kha9] { font-size: 1.05rem; }
.retail-return-header small[b-i5py60kha9] { opacity: .86; font-size: .78rem; }
.retail-return-header button[b-i5py60kha9] {
    width: 2.2rem; height: 2.2rem; border: 1px solid rgba(255,255,255,.55);
    border-radius: .4rem; background: transparent; color: #fff; font-size: 1.35rem;
}
.retail-return-body[b-i5py60kha9] { flex: 1; min-height: 0; overflow: auto; padding: .65rem; }
@media (max-width: 860px) {
    .retail-return-backdrop[b-i5py60kha9] { padding: .25rem; }
    .retail-return-dialog[b-i5py60kha9] { width: 100%; height: 96dvh; }
}

/* 2026-10-02 cashier polish: keep quick-goods panel visually as strong as the action panel. */
.shortcut-panel[b-i5py60kha9] { border: 1px solid var(--pos-line); border-radius: .65rem; padding: .28rem; background: var(--pos-surface); }
.shortcut-panel .group-selector-bar[b-i5py60kha9] { margin: -.28rem -.28rem .15rem; border-radius: .65rem .65rem 0 0; }
.shortcut-panel .hot-items-grid[b-i5py60kha9] { margin: 0; border-radius: 0 0 .55rem .55rem; }
.hot-card[b-i5py60kha9] { border-width: 1px; border-radius: .6rem; box-shadow: 0 1px 3px rgba(30,41,59,.05); }

/* Product search is an overlay inside the fixed till. Never grow/scroll the document body when it receives focus. */
.pos-shell[b-i5py60kha9] { max-height: calc(100dvh - 2.6rem); overscroll-behavior: none; contain: layout paint; }
.invoice-center[b-i5py60kha9] { overflow: hidden; }
.invoice-center .qi-search[b-i5py60kha9] { flex: 0 0 auto; min-height: 0; }
/* Search lives near the bottom of the till: open suggestions upward so they never create a blank document tail. */
.barcode-picker .qi-results[b-i5py60kha9] { top:auto; bottom:calc(100% + .35rem); max-height:min(46vh,24rem); }

.recent-stats[b-i5py60kha9] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.25rem; padding:.38rem; background:var(--pos-surface); border-bottom:1px solid var(--pos-line); }
.recent-stat[b-i5py60kha9] { min-width:0; border:1px solid var(--pos-line); border-radius:.45rem; background:var(--pos-bg); padding:.28rem .15rem; display:flex; flex-direction:column; align-items:center; cursor:pointer; line-height:1.15; }
.recent-stat strong[b-i5py60kha9] { font-size:.92rem; }
.recent-stat span[b-i5py60kha9] { font-size:.65rem; white-space:nowrap; }
.recent-stat.cash[b-i5py60kha9] { color:var(--pos-success); }
.recent-stat.credit[b-i5py60kha9] { color:var(--pos-danger); }
.recent-stat.org[b-i5py60kha9] { color:var(--pos-primary); }
.recent-stat.active[b-i5py60kha9] { border-color:currentColor; box-shadow:inset 0 0 0 1px currentColor; background:#fff; }


/* Compact cashier shortcut rail: ~20% smaller while preserving touch/click usability. */
.action-panel .btn-act[b-i5py60kha9] {
    min-height: 3.48rem;
    padding: .44rem .32rem;
    font-size: .77rem;
}
.action-panel .btn-act kbd[b-i5py60kha9] { font-size: .62rem; padding: 0 .2rem; }
.action-panel .btn-act small[b-i5py60kha9] { font-size: .56rem; }

/* The product picker is at the bottom of the invoice; results must always overlay upward. */
.barcode-picker[b-i5py60kha9] { position: relative; overflow: visible; }
.barcode-picker .qi-search[b-i5py60kha9] { position: relative; overflow: visible; }
.barcode-picker .qi-results[b-i5py60kha9] {
    position: absolute !important;
    top: auto !important;
    bottom: calc(100% + .35rem) !important;
    left: 0;
    right: 0;
    z-index: 1080;
    max-height: min(46vh, 24rem);
    overflow-y: auto;
}


/* 2026-10-02 retail UX: customer gets the header width formerly used by settlement type. */
.customer-header-row[b-i5py60kha9] { display:flex; align-items:center; gap:.35rem; min-width:0; }
.customer-selector-grow[b-i5py60kha9] { flex:1 1 auto; min-width:0; }
.customer-selector-grow > *[b-i5py60kha9] { width:100%; }
.customer-f10[b-i5py60kha9] {
    flex:0 0 auto;
    min-height:2.1rem;
    padding:0 .55rem;
    border:1px solid var(--pos-primary);
    border-radius:.35rem;
    background:var(--pos-surface);
    color:var(--pos-primary);
    font-weight:700;
    white-space:nowrap;
}
.customer-f10 kbd[b-i5py60kha9] { font-size:.68rem; }

/* Numeric columns only need compact cashier-sized widths; give description more room. */
/* Cashier table: quantity needs very little space; monetary discount must fit grouped amounts. */
.col-qty[b-i5py60kha9] { width:3.4rem; }
.col-price[b-i5py60kha9] { width:5.4rem; }
.col-discount[b-i5py60kha9] { width:7.2rem; min-width:7.2rem; }
.col-total[b-i5py60kha9] { width:6.2rem; }
.items-table .col-qty[b-i5py60kha9] { max-width:3.4rem; }
.items-table .col-price[b-i5py60kha9] { max-width:5.4rem; }
.items-table .col-discount[b-i5py60kha9] { max-width:7.2rem; }
.items-table .col-total[b-i5py60kha9] { max-width:6.2rem; }

/* Quick invoice-level discount is always reachable beside product search. */
.invoice-discount-btn[b-i5py60kha9] { background:var(--pos-surface); color:var(--pos-primary); border-color:var(--pos-primary); font-size:1rem; }
.invoice-discount-btn:hover[b-i5py60kha9] { background:var(--pos-primary-soft); }

/* Keep picker suggestions above the search input, regardless of component defaults. */
.invoice-center .barcode-picker .qi-results[b-i5py60kha9] {
    top:auto !important;
    bottom:calc(100% + .35rem) !important;
    transform:none !important;
}


/* 2026-10-02 invoice line readability: never let quantity controls or grouped amounts overlap.
   The table keeps description flexible and reserves deterministic space for numeric/actions cells. */
.items-table[b-i5py60kha9] {
    table-layout: fixed;
    min-width: 56rem;
}
.items-table :is(th, td)[b-i5py60kha9] {
    box-sizing: border-box;
    vertical-align: middle;
}
.items-table .col-num[b-i5py60kha9] { width: 2.5rem; }
.items-table .col-code[b-i5py60kha9] { width: 5rem; }
.items-table .col-name[b-i5py60kha9] { width: auto; min-width: 12rem; }
.items-table .col-qty[b-i5py60kha9] { width: 7.25rem; min-width: 7.25rem; max-width: 7.25rem; padding-inline: .4rem; }
.items-table .col-price[b-i5py60kha9] { width: 8.25rem; min-width: 8.25rem; max-width: 8.25rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.items-table .col-discount[b-i5py60kha9] { width: 7.5rem; min-width: 7.5rem; max-width: 7.5rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.items-table .col-total[b-i5py60kha9] { width: 8.75rem; min-width: 8.75rem; max-width: 8.75rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
.items-table .col-tools[b-i5py60kha9] { width: 4.75rem; min-width: 4.75rem; max-width: 4.75rem; }

.items-table .qty-stepper[b-i5py60kha9] {
    width: 100%;
    display: grid;
    grid-template-columns: 1.75rem minmax(2.25rem, 1fr) 1.75rem;
    align-items: center;
    justify-items: center;
    gap: .25rem;
    direction: rtl;
}
.items-table .qty-stepper button[b-i5py60kha9] {
    width: 1.75rem;
    min-width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    display: inline-grid;
    place-items: center;
}
.items-table .qty-stepper strong[b-i5py60kha9] {
    min-width: 0;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-variant-numeric: tabular-nums;
}
.items-table .col-tools[b-i5py60kha9] {
    display: table-cell;
    white-space: nowrap;
}
.items-table .col-tools button + button[b-i5py60kha9] { margin-inline-start: .2rem; }

/* On narrower cashier screens preserve legibility via horizontal table scrolling,
   rather than squeezing numeric cells until their contents collide. */
.main-table-wrap[b-i5py60kha9] { overflow-x: auto; }

/* Column resize handles (js/retailSplitter.js). The width lives in --side-width and
   --goods-width on .pos-workspace and is remembered per browser. Below 1201px the
   invoice list moves under the invoice, so the handles are hidden there. */
.shortcut-panel[b-i5py60kha9],
.side-panel[b-i5py60kha9] { position: relative; }
.pos-resize-handle[b-i5py60kha9] {
    position: absolute;
    inset-block: 0;
    width: .55rem;
    z-index: 5;
    cursor: col-resize;
    touch-action: none;
    background: transparent;
    transition: background-color .12s;
}
.side-panel > .pos-resize-handle[b-i5py60kha9] { inset-inline-start: 0; }
.shortcut-panel > .pos-resize-handle[b-i5py60kha9] { inset-inline-end: 0; }
.pos-resize-handle[b-i5py60kha9]::after {
    content: "";
    position: absolute;
    inset-block: 35%;
    inset-inline-start: calc(50% - 1px);
    width: 2px;
    border-radius: 2px;
    background: var(--pos-line);
}
.pos-resize-handle:hover[b-i5py60kha9],
.pos-resize-handle:focus-visible[b-i5py60kha9],
.pos-resize-handle.is-dragging[b-i5py60kha9] { background: var(--pos-primary-soft); outline: none; }
.pos-resize-handle:hover[b-i5py60kha9]::after,
.pos-resize-handle.is-dragging[b-i5py60kha9]::after { background: var(--pos-primary); }
@media (max-width: 1200px) {
    .pos-resize-handle[b-i5py60kha9] { display: none; }
}


/* Invoice preview window (opened by js/invoice-report-bridge.js, which sets display:block).
   Its rules lived only in QuickInvoice.razor.css, which is scoped and never reaches the
   till, so on the till this "hidden" window sat as a plain box under the page with its
   «بستن» button; Ctrl's old scroll brought it into view. */
.quick-print-modal[b-i5py60kha9] { display: none; position: fixed; z-index: 9999; inset: 0; padding: 2rem; background: rgba(18, 24, 36, .58); }
.quick-print-modal > div[b-i5py60kha9] { width: min(94vw, 1200px); height: 90vh; margin: auto; padding: .75rem; border-radius: 12px; background: #fff; }
.quick-print-modal iframe[b-i5py60kha9] { width: 100%; height: calc(100% - 44px); margin-block-start: .5rem; border: 0; }
/* /Components/Pages/Tools/VoiceLab.razor.rz.scp.css */
.voice-lab[b-q81n65pqg0],
.voice-lab .card[b-q81n65pqg0],
.voice-lab .form-control[b-q81n65pqg0],
.voice-lab .form-select[b-q81n65pqg0],
.voice-lab .command-preview[b-q81n65pqg0] {
    direction: rtl;
    text-align: right;
}

.voice-lab .voice-rtl[b-q81n65pqg0],
.voice-lab .command-text[b-q81n65pqg0] {
    direction: rtl;
    text-align: right;
    unicode-bidi: plaintext;
}

.voice-lab textarea[b-q81n65pqg0] {
    line-height: 1.9;
}

.voice-lab .command-text[b-q81n65pqg0] {
    display: inline-block;
    white-space: normal;
    font-family: inherit;
    background: transparent;
    color: inherit;
}