/* /Components/Account/Pages/Login.razor.rz.scp.css */
/* Login screen.

   Two rules this file now keeps:
   1. No text lives in CSS. The previous version hid the real markup with
      font-size:0 and painted its own `content:`, which froze the brand panel on
      one product regardless of what the install was configured as.
   2. Colour comes from --brand-primary / --brand-secondary, which Login.razor
      sets from BrandOptions. The fallbacks below are the iMonitor palette, so a
      config without colours still renders exactly as before. */

.login-page-shell[b-ouy4399jmm] {
    --brand-primary: #1e3c72;
    --brand-secondary: #2a5298;
    --ink: #10275a;
    --ink-soft: #71809b;
    --line: #dce4f2;
    --field: #fbfdff;

    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: clamp(.8rem, 2.2vw, 2rem);
    direction: rtl;
    overflow: hidden;
    color: var(--ink);
    /* Plain declaration first: browsers without color-mix() keep the flat
       gradient instead of dropping the background entirely. */
    background: linear-gradient(135deg, #f9fbff 0%, #f5f8ff 48%, #eef3fb 100%);
    background:
        radial-gradient(circle at 82% 34%, color-mix(in srgb, var(--brand-primary) 14%, transparent), transparent 26rem),
        radial-gradient(circle at 14% 88%, color-mix(in srgb, var(--brand-secondary) 13%, transparent), transparent 24rem),
        linear-gradient(135deg, #f9fbff 0%, #f5f8ff 48%, #eef3fb 100%);
    font-family: Vazirmatn, "Segoe UI", Tahoma, sans-serif;
}

.login-page-shell[b-ouy4399jmm]::before {
    content: "";
    position: fixed;
    pointer-events: none;
    z-index: 0;
    width: 54rem;
    height: 54rem;
    inset-inline-end: -18rem;
    inset-block-start: 16%;
    border-radius: 50%;
    background: repeating-radial-gradient(circle at center,
        transparent 0 1.4rem,
        color-mix(in srgb, var(--brand-primary) 7%, transparent) 1.45rem 1.5rem);
    opacity: .7;
}

.login-surface[b-ouy4399jmm] {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(74rem, 100%);
    max-height: 94dvh;
    grid-template-columns: minmax(23rem, .85fr) minmax(0, 1.3fr);
    overflow: hidden;
    border: 1px solid rgba(126, 148, 202, .18);
    border: 1px solid color-mix(in srgb, var(--brand-primary) 14%, transparent);
    border-radius: 1.6rem;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 2rem 5rem rgba(31, 61, 126, .12);
    box-shadow: 0 2rem 5rem color-mix(in srgb, var(--brand-primary) 16%, transparent);
    backdrop-filter: blur(20px);
}

/* پنل فرم */
.login-form-panel[b-ouy4399jmm] {
    order: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: clamp(1.6rem, 3vw, 2.8rem);
    background: rgba(255, 255, 255, .95);
    border-inline-end: 1px solid color-mix(in srgb, var(--brand-primary) 10%, transparent);
    scrollbar-width: thin;
}

/* The mark sits on its own plate so logos with a coloured field (the Posiran
   one is a red tile) read as a deliberate badge instead of a stray image. */
.login-lock-mark[b-ouy4399jmm] {
    display: block;
    width: 4.4rem;
    height: 4.4rem;
    object-fit: contain;
    margin: 0 auto .9rem;
    padding: .5rem;
    border-radius: 1.1rem;
    background: #fff;
    border: 1px solid rgba(126, 148, 202, .22);
    box-shadow: 0 .7rem 1.6rem rgba(31, 61, 126, .14);
    box-shadow: 0 .7rem 1.6rem color-mix(in srgb, var(--brand-primary) 18%, transparent);
}

.login-form-panel h1[b-ouy4399jmm] {
    margin: 0;
    text-align: center;
    color: var(--ink);
    font-size: 1.55rem;
    font-weight: 900;
}

.login-intro[b-ouy4399jmm] {
    max-width: 31rem;
    margin: .5rem auto 1.4rem;
    color: var(--ink-soft);
    font-size: .88rem;
    line-height: 1.9;
    text-align: center;
}

.login-form[b-ouy4399jmm] { display: grid; gap: .95rem; }
.login-field[b-ouy4399jmm] { display: grid; gap: .45rem; }

.login-field .form-label[b-ouy4399jmm] {
    margin: 0;
    color: var(--ink);
    font-size: .84rem;
    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 var(--line);
    border-radius: .85rem;
    background: var(--field);
    color: var(--ink);
    outline: 0;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.login-control[b-ouy4399jmm]::placeholder { color: #9aa8c1; }

/* Autofill paints its own yellow ground, which fought the card and made the
   two fields the loudest thing on the page. Firefox honours the plain rule;
   WebKit only lets go of it through an inset shadow the size of the field. */
.login-control:autofill[b-ouy4399jmm],
.login-control:-webkit-autofill[b-ouy4399jmm],
.login-control:-webkit-autofill:hover[b-ouy4399jmm],
.login-control:-webkit-autofill:focus[b-ouy4399jmm] {
    background: var(--field) !important;
    -webkit-text-fill-color: var(--ink);
    box-shadow: 0 0 0 100vw var(--field) inset;
    transition: background-color 9999s ease-in-out 0s;
}

.login-control:-webkit-autofill:focus[b-ouy4399jmm] {
    box-shadow: 0 0 0 100vw #fff inset, 0 0 0 .22rem color-mix(in srgb, var(--brand-primary) 18%, transparent);
}

.login-control:focus[b-ouy4399jmm] {
    border-color: var(--brand-primary);
    background: #fff;
    box-shadow: 0 0 0 .22rem rgba(57, 101, 232, .14);
    box-shadow: 0 0 0 .22rem color-mix(in srgb, var(--brand-primary) 18%, 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; cursor: pointer; }
.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); }

.login-remember[b-ouy4399jmm] { display: flex; align-items: center; gap: .55rem; color: var(--ink-soft); font-size: .82rem; }
.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) 0%, var(--brand-secondary) 100%);
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 .75rem 1.55rem color-mix(in srgb, var(--brand-primary) 26%, transparent);
    transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.login-submit:hover[b-ouy4399jmm] {
    transform: translateY(-1px);
    filter: brightness(1.05);
    box-shadow: 0 .9rem 1.8rem color-mix(in srgb, var(--brand-primary) 32%, transparent);
}

.login-footer[b-ouy4399jmm] {
    margin-top: 1.1rem;
    padding-top: .9rem;
    border-top: 1px solid #edf1f7;
    text-align: center;
}

.login-footer p[b-ouy4399jmm] { margin: 0 0 .4rem; color: var(--ink-soft); font-size: .84rem; }
.login-footer a[b-ouy4399jmm] { color: var(--brand-primary); font-weight: 750; text-decoration: none; }
.login-footer a:hover[b-ouy4399jmm] { text-decoration: underline; }
.forgot-link[b-ouy4399jmm] { font-size: .8rem; }

.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: var(--ink); font-size: .92rem; font-weight: 850; }
.login-otp-panel .small[b-ouy4399jmm] { font-size: .78rem !important; }
.alert[b-ouy4399jmm] { border-radius: .8rem; font-size: .84rem; }

/* پنل برند */
/* The panel paints its own dark ground and its own light text. Brand themes
   override this background with !important (posiran/theme.css does), so the
   contrast here can never be left to whatever lands underneath - that is what
   made the copy unreadable when a dark theme met the light ink tokens. */
.login-brand-panel[b-ouy4399jmm] {
    --panel-ink: #ffffff;
    --panel-ink-soft: rgba(255, 255, 255, .78);
    --panel-rule: rgba(255, 255, 255, .22);

    position: relative;
    order: 2;
    display: flex;
    min-height: 40rem;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: clamp(2.2rem, 5vw, 4.4rem);
    color: var(--panel-ink);
    background: linear-gradient(145deg, #16305f 0%, var(--brand-primary) 70%, var(--brand-secondary) 190%);
}

.login-brand-panel[b-ouy4399jmm]::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 27rem;
    height: 27rem;
    inset-inline-end: -4rem;
    inset-block-start: 18%;
    border-radius: 50%;
    background: repeating-radial-gradient(circle,
        transparent 0 1.2rem,
        rgba(255, 255, 255, .06) 1.24rem 1.3rem);
}

.login-orbit[b-ouy4399jmm] {
    position: absolute;
    z-index: 0;
    inset-inline-end: -4rem;
    inset-block-start: 18%;
    width: 27rem;
    height: 27rem;
    pointer-events: none;
}

.login-orbit span[b-ouy4399jmm] {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    width: .5rem;
    height: .5rem;
    margin: -.25rem 0 0 -.25rem;
    border-radius: 50%;
    background: radial-gradient(circle, #fff, var(--brand-secondary));
    box-shadow: 0 0 .55rem rgba(255, 255, 255, .5);
    animation: login-orbit-spin-b-ouy4399jmm linear infinite;
}

.login-orbit span:nth-child(1)[b-ouy4399jmm] { animation-duration: 34s; --r: 6.6rem; }
.login-orbit span:nth-child(2)[b-ouy4399jmm] { animation-duration: 46s; animation-delay: -12s; --r: 6.6rem; }
.login-orbit span:nth-child(3)[b-ouy4399jmm] { animation-duration: 58s; animation-delay: -30s; --r: 10.4rem; opacity: .75; }
.login-orbit span:nth-child(4)[b-ouy4399jmm] { animation-duration: 72s; animation-delay: -51s; --r: 10.4rem; opacity: .6; }

@keyframes login-orbit-spin-b-ouy4399jmm {
    from { transform: rotate(0deg) translateX(var(--r)) rotate(0deg); }
    to { transform: rotate(360deg) translateX(var(--r)) rotate(-360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .login-orbit span[b-ouy4399jmm] { animation: none; }
    .login-submit[b-ouy4399jmm] { transition: none; }
}

.brand-message[b-ouy4399jmm] {
    position: relative;
    z-index: 1;
    width: min(36rem, 78%);
    margin-inline-end: auto;
}

/* نام برند تیتر اصلی پنل است، نه یک برچسب کنارش. زیرش یک خط کوتاه به رنگ
   ثانویه برند می‌نشیند تا بدون شلوغی، نشانِ برند را هم داشته باشد. */
.brand-name[b-ouy4399jmm] {
    display: block;
    color: var(--panel-ink);
    font-size: clamp(2.1rem, 4vw, 3.6rem);
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: -.02em;
}

.brand-name[b-ouy4399jmm]::after {
    content: "";
    display: block;
    width: 3.2rem;
    height: .22rem;
    margin-top: .7rem;
    border-radius: 999px;
    background: var(--brand-secondary);
}

.brand-message h2[b-ouy4399jmm] {
    margin: 1.1rem 0 .9rem;
    color: var(--panel-ink);
    font-size: clamp(1.35rem, 2.3vw, 2rem);
    font-weight: 800;
    line-height: 1.7;
    text-wrap: balance;
}

.brand-message p[b-ouy4399jmm] {
    margin: 0;
    max-width: 31rem;
    color: var(--panel-ink-soft);
    font-size: 1rem;
    line-height: 2;
}

.brand-features[b-ouy4399jmm] {
    position: absolute;
    z-index: 1;
    inset-inline: clamp(1.4rem, 5vw, 4rem);
    inset-block-end: 2.5rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 1.1rem 0 0;
    list-style: none;
    border-top: 1px solid var(--panel-rule);
}

.brand-features li[b-ouy4399jmm] {
    display: grid;
    place-items: center;
    gap: .2rem;
    padding: .4rem 1rem;
    text-align: center;
    border-inline-start: 1px solid var(--panel-rule);
}

.brand-features li:last-child[b-ouy4399jmm] { border-inline-start: 0; }

.feature-mark[b-ouy4399jmm] {
    display: grid;
    width: 2.7rem;
    height: 2.7rem;
    place-items: center;
    margin-bottom: .35rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    border: 1px solid var(--panel-rule);
    color: var(--brand-secondary);
    font-family: Arial, sans-serif;
    font-size: 1.25rem;
    font-weight: 900;
}

.brand-features strong[b-ouy4399jmm] { color: var(--panel-ink); font-size: .9rem; font-weight: 800; }
.brand-features small[b-ouy4399jmm] { color: var(--panel-ink-soft); font-size: .8rem; line-height: 1.75; }

/* Keyboard users get a visible ring everywhere, not just on the text fields. */
.login-page-shell :is(a, button, input):focus-visible[b-ouy4399jmm] {
    outline: 2px solid var(--brand-primary);
    outline-offset: 2px;
    border-radius: .45rem;
}

.login-brand-panel :focus-visible[b-ouy4399jmm] { outline-color: var(--brand-secondary); }

.invalid-feedback[b-ouy4399jmm] { display: block; font-size: .74rem; 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); border-color: var(--brand-primary); }

@media (max-width: 900px) {
    .login-page-shell[b-ouy4399jmm] { overflow: auto; }
    .login-surface[b-ouy4399jmm] { max-width: 34rem; max-height: none; grid-template-columns: 1fr; }
    .login-brand-panel[b-ouy4399jmm], .login-orbit[b-ouy4399jmm] { display: none; }
    .login-form-panel[b-ouy4399jmm] { padding: 1.6rem 1.25rem; }
    .login-lock-mark[b-ouy4399jmm] { width: 4.4rem; }
}

@media (max-width: 420px) {
    .login-page-shell[b-ouy4399jmm] { padding: .55rem; }
    .login-surface[b-ouy4399jmm] { min-height: calc(100dvh - 1.1rem); border-radius: 1.1rem; }
    .login-form-panel[b-ouy4399jmm] { padding: 1.25rem .95rem; }
    .login-form-panel h1[b-ouy4399jmm] { font-size: 1.35rem; }
    .login-intro[b-ouy4399jmm] { font-size: .82rem; }
}
/* /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;
    overflow: hidden;
    font-size: .92rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 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-copilot[b-87t7mfmzxq] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1rem;
}

.ai-copilot-header[b-87t7mfmzxq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.ai-copilot-header h1[b-87t7mfmzxq] {
    margin: .2rem 0 .35rem;
    font-size: clamp(1.35rem, 3vw, 2rem);
}

.ai-copilot-header p[b-87t7mfmzxq] {
    margin: 0;
    max-width: 48rem;
    color: var(--bs-secondary-color);
}

.ai-eyebrow[b-87t7mfmzxq] {
    display: inline-block;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .04em;
    color: var(--bs-primary);
}

.ai-safety-badge[b-87t7mfmzxq] {
    flex: 0 0 auto;
    border: 1px solid var(--bs-border-color);
    border-radius: 999px;
    padding: .4rem .7rem;
    font-size: .78rem;
    font-weight: 700;
    background: var(--bs-body-bg);
}

.ai-copilot-grid[b-87t7mfmzxq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
    gap: 1rem;
    align-items: start;
}

.ai-chat-card[b-87t7mfmzxq],
.ai-info-card[b-87t7mfmzxq] {
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    background: var(--bs-body-bg);
    box-shadow: 0 .4rem 1.4rem rgba(0, 0, 0, .05);
}

.ai-chat-card[b-87t7mfmzxq] {
    overflow: hidden;
}

.ai-answer[b-87t7mfmzxq] {
    min-height: 360px;
    padding: 1rem;
}

.ai-answer-text[b-87t7mfmzxq] {
    white-space: pre-wrap;
    line-height: 1.9;
}

.ai-state[b-87t7mfmzxq],
.ai-empty[b-87t7mfmzxq] {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    text-align: center;
    color: var(--bs-secondary-color);
}

.ai-empty strong[b-87t7mfmzxq] {
    color: var(--bs-body-color);
    font-size: 1.05rem;
}

.ai-warnings[b-87t7mfmzxq] {
    display: grid;
    gap: .35rem;
    margin-top: .8rem;
    padding: .65rem .75rem;
    border-radius: .65rem;
    background: var(--bs-tertiary-bg);
}

.ai-section[b-87t7mfmzxq] {
    margin-top: 1.2rem;
    padding-top: 1rem;
    border-top: 1px solid var(--bs-border-color);
}

.ai-chips[b-87t7mfmzxq],
.ai-actions[b-87t7mfmzxq] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .65rem;
}

.ai-chip[b-87t7mfmzxq] {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: .3rem .65rem;
    border: 1px solid var(--bs-border-color);
    border-radius: 999px;
    background: var(--bs-tertiary-bg);
    font-size: .78rem;
}

.ai-chip-link[b-87t7mfmzxq] {
    cursor: pointer;
    color: var(--bs-primary);
}

.ai-composer[b-87t7mfmzxq] {
    padding: .85rem;
    border-top: 1px solid var(--bs-border-color);
    background: var(--bs-tertiary-bg);
}

.ai-composer textarea[b-87t7mfmzxq] {
    resize: vertical;
    min-height: 86px;
}

.ai-composer-footer[b-87t7mfmzxq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-top: .6rem;
}

.ai-info-card[b-87t7mfmzxq] {
    padding: 1rem;
}

.ai-info-card h2[b-87t7mfmzxq] {
    font-size: 1rem;
    margin-bottom: .75rem;
}

.ai-info-card ul[b-87t7mfmzxq] {
    margin: 0;
    padding-inline-start: 1.2rem;
    line-height: 1.9;
    font-size: .85rem;
}

.ai-meta[b-87t7mfmzxq] {
    display: grid;
    gap: .35rem;
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid var(--bs-border-color);
    font-size: .76rem;
}

.ai-meta code[b-87t7mfmzxq] {
    overflow-wrap: anywhere;
}

@media (max-width: 900px) {
    .ai-copilot-grid[b-87t7mfmzxq] {
        grid-template-columns: 1fr;
    }

    .ai-info-card[b-87t7mfmzxq] {
        order: -1;
    }
}

@media (max-width: 575.98px) {
    .ai-copilot[b-87t7mfmzxq] {
        padding: .6rem;
    }

    .ai-copilot-header[b-87t7mfmzxq] {
        align-items: stretch;
        flex-direction: column;
    }

    .ai-safety-badge[b-87t7mfmzxq] {
        align-self: flex-start;
    }

    .ai-answer[b-87t7mfmzxq] {
        min-height: 300px;
        padding: .8rem;
    }

    .ai-actions .btn[b-87t7mfmzxq] {
        flex: 1 1 100%;
    }
}
/* /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}
}
/* /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/Inv/BaseInfo/GoodBarcodePrintModal.razor.rz.scp.css */
.modal[b-iwnxi3w0ox]{background:rgba(15,23,42,.25)}
.modal-content[b-iwnxi3w0ox]{border:0;border-radius:1rem;box-shadow:0 1rem 3rem rgba(15,23,42,.25)}
dt[b-iwnxi3w0ox]{color:#64748b;font-weight:500}dd[b-iwnxi3w0ox]{font-weight:600}
/* /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/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}}
/* /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]{background:#f7f8fc}.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}}
/* /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;
}

.modal-content[b-l3yqh9udkb] {
    overflow: hidden;
}

.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; }
}
/* /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/OnlineStore/StorefrontPage.razor.rz.scp.css */
.store-page[b-719dvhh5fd]{--store-ink:#27364d;--store-muted:#697586;--store-line:#e1e5ec;--store-bg:#f4f6f9;--store-shadow:0 .55rem 1.6rem rgba(30,41,59,.08);min-height:100vh;background:var(--store-bg);color:var(--store-ink);font-family:inherit;padding-bottom:3rem}.store-header[b-719dvhh5fd]{height:76px;padding:0 clamp(1rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--store-line);position:sticky;top:0;z-index:20}.brand[b-719dvhh5fd]{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:inherit}.brand img[b-719dvhh5fd]{width:48px;height:48px;object-fit:contain;border-radius:12px}.brand span[b-719dvhh5fd],.brand small[b-719dvhh5fd]{display:block}.brand b[b-719dvhh5fd]{font-weight:850}.brand small[b-719dvhh5fd]{color:var(--store-muted)}.cart-button[b-719dvhh5fd]{display:flex;align-items:center;gap:.5rem;border:0;border-radius:14px;padding:.65rem .9rem;background:linear-gradient(135deg,var(--store-primary-2,var(--store-primary)),var(--store-primary));color:#fff;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}.cart-button:hover[b-719dvhh5fd]{transform:translateY(-1px);box-shadow:0 .55rem 1.1rem rgba(15,23,42,.16)}.cart-button b[b-719dvhh5fd]{background:#fff;color:var(--store-primary);min-width:22px;border-radius:12px}.store-hero[b-719dvhh5fd]{min-height:clamp(190px,26vh,260px);padding:clamp(1.4rem,4vw,3rem) clamp(1.4rem,5vw,4rem);display:flex;align-items:center;background:linear-gradient(135deg,var(--store-primary-2,var(--store-primary)),var(--store-primary));background-size:cover;background-position:center;color:#fff}.store-hero div[b-719dvhh5fd]{max-width:680px}.store-hero h1[b-719dvhh5fd]{font-size:clamp(1.8rem,4vw,3.2rem);margin:.5rem 0;font-weight:850;letter-spacing:-.012em}.store-hero p[b-719dvhh5fd]{font-size:1.05rem;line-height:2}.search-panel[b-719dvhh5fd]{max-width:1300px;margin:-28px auto 1rem;padding:0 1rem;position:relative}.search-box[b-719dvhh5fd]{display:flex;align-items:center;background:#fff;border-radius:1rem;padding:.5rem .7rem;box-shadow:var(--store-shadow)}.search-box input[b-719dvhh5fd]{flex:1;border:0;outline:0;padding:.8rem;font-family:inherit}.search-box button[b-719dvhh5fd]{border:0;background:linear-gradient(135deg,var(--store-primary-2,var(--store-primary)),var(--store-primary));color:#fff;border-radius:.7rem;padding:.7rem 1.4rem;font-weight:800}.categories[b-719dvhh5fd]{display:flex;gap:.5rem;overflow:auto;padding:.9rem 0}.categories button[b-719dvhh5fd]{white-space:nowrap;border:1px solid var(--store-line);background:#fff;border-radius:20px;padding:.45rem .9rem;font-weight:700;color:var(--store-ink)}.categories button.active[b-719dvhh5fd]{background:var(--store-primary);color:#fff;border-color:var(--store-primary)}.product-grid[b-719dvhh5fd]{max-width:1300px;margin:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}.product-card[b-719dvhh5fd]{background:#fff;border:1px solid var(--store-line);border-radius:1rem;overflow:hidden;box-shadow:var(--store-shadow);transition:.2s}.product-card:hover[b-719dvhh5fd]{transform:translateY(-4px);box-shadow:0 .9rem 2rem rgba(15,23,42,.11)}.product-image[b-719dvhh5fd]{height:190px;background:#f1f5f9;display:grid;place-items:center;position:relative;color:#94a3b8;font-size:2.7rem}.product-image img[b-719dvhh5fd]{width:100%;height:100%;object-fit:cover}.product-image span[b-719dvhh5fd]{position:absolute;top:.6rem;right:.6rem;background:#fef3c7;color:#92400e;border-radius:12px;padding:.25rem .5rem;font-size:.72rem;font-weight:800}.product-body[b-719dvhh5fd]{padding:.85rem}.seller[b-719dvhh5fd]{font-size:.72rem;color:var(--store-primary);text-decoration:none;font-weight:700}.product-body h2[b-719dvhh5fd]{display:-webkit-box;overflow:hidden;min-height:2.6em;margin:.4rem 0;font-size:1rem;font-weight:800;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-body p[b-719dvhh5fd]{display:-webkit-box;overflow:hidden;min-height:2.8em;color:var(--store-muted);font-size:.8rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.product-footer[b-719dvhh5fd]{display:flex;justify-content:space-between;align-items:center}.product-footer strong[b-719dvhh5fd]{color:var(--store-ink)}.product-footer small[b-719dvhh5fd]{font-size:.65rem}.product-footer button[b-719dvhh5fd]{width:40px;height:40px;border:0;border-radius:.7rem;background:linear-gradient(135deg,var(--store-primary-2,var(--store-primary)),var(--store-primary));color:#fff;transition:transform .18s ease}.product-footer button:hover[b-719dvhh5fd]{transform:translateY(-1px)}.product-footer button:disabled[b-719dvhh5fd]{background:#cbd5e1;transform:none}.store-state[b-719dvhh5fd]{min-height:300px;display:grid;place-content:center;text-align:center;color:var(--store-muted)}.store-state>i[b-719dvhh5fd]{font-size:3rem}.drawer-backdrop[b-719dvhh5fd],.checkout-backdrop[b-719dvhh5fd]{position:fixed;inset:0;z-index:100;background:rgba(15,23,42,.55)}.cart-drawer[b-719dvhh5fd]{position:absolute;inset-block:0;inset-inline-end:0;width:min(430px,92vw);background:#fff;display:flex;flex-direction:column;box-shadow:-20px 0 60px rgba(15,23,42,.25)}.cart-drawer>header[b-719dvhh5fd],.checkout-card>header[b-719dvhh5fd]{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--store-line)}.cart-line[b-719dvhh5fd]{display:flex;align-items:center;gap:.6rem;padding:.7rem;border-bottom:1px solid var(--store-line)}.cart-line img[b-719dvhh5fd]{width:55px;height:55px;border-radius:10px;object-fit:cover}.cart-line>span[b-719dvhh5fd]{flex:1}.cart-line small[b-719dvhh5fd]{display:block;color:var(--store-muted)}.cart-line>div[b-719dvhh5fd]{display:flex;align-items:center;gap:.5rem}.cart-line button[b-719dvhh5fd]{width:30px;height:30px;border:0;border-radius:8px}.cart-drawer footer[b-719dvhh5fd]{margin-top:auto;padding:1rem;border-top:1px solid var(--store-line)}.cart-drawer footer>div[b-719dvhh5fd]{display:flex;justify-content:space-between;margin-bottom:.7rem}.checkout-button[b-719dvhh5fd]{width:100%;border:0;border-radius:.85rem;background:linear-gradient(135deg,var(--store-primary-2,var(--store-primary)),var(--store-primary));color:#fff;padding:.8rem;font-weight:800;transition:transform .18s ease}.checkout-button:hover[b-719dvhh5fd]{transform:translateY(-1px)}.empty-cart[b-719dvhh5fd]{margin:auto;text-align:center;color:#94a3b8}.empty-cart i[b-719dvhh5fd]{font-size:4rem}.checkout-backdrop[b-719dvhh5fd]{display:grid;place-items:center;padding:1rem}.checkout-card[b-719dvhh5fd]{width:min(520px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:1.2rem;padding-bottom:1rem}.checkout-card>input[b-719dvhh5fd],.checkout-card>textarea[b-719dvhh5fd],.checkout-card>.alert[b-719dvhh5fd],.checkout-card>.checkout-button[b-719dvhh5fd],.checkout-card>.safe-note[b-719dvhh5fd],.checkout-total[b-719dvhh5fd]{width:calc(100% - 2rem);margin:.7rem 1rem 0}.checkout-card>input[b-719dvhh5fd],.checkout-card>textarea[b-719dvhh5fd]{border:1px solid var(--store-line);border-radius:.68rem;padding:.6rem .9rem;font-family:inherit}.checkout-total[b-719dvhh5fd]{display:flex;justify-content:space-between}.safe-note[b-719dvhh5fd]{display:block;color:var(--store-muted);text-align:center}.order-success[b-719dvhh5fd]{text-align:center;padding:2rem}.order-success>i[b-719dvhh5fd]{font-size:4rem;color:#278269}@media(max-width:600px){.product-footer button[b-719dvhh5fd]{width:44px;height:44px}.cart-button[b-719dvhh5fd]{min-height:44px}.search-box button[b-719dvhh5fd]{min-height:44px}.search-box input[b-719dvhh5fd]{min-height:44px}.categories button[b-719dvhh5fd]{min-height:44px}.store-header[b-719dvhh5fd]{height:64px}.brand small[b-719dvhh5fd],.cart-button span[b-719dvhh5fd]{display:none}.store-hero[b-719dvhh5fd]{min-height:230px}.search-panel[b-719dvhh5fd]{margin:-18px auto 0}.product-grid[b-719dvhh5fd]{grid-template-columns:1fr 1fr;gap:.6rem;padding:.6rem}.product-image[b-719dvhh5fd]{height:130px}.product-body[b-719dvhh5fd]{padding:.65rem}.product-body p[b-719dvhh5fd]{display:none}.product-body h2[b-719dvhh5fd]{font-size:.88rem}.cart-drawer[b-719dvhh5fd]{width:100%}.drawer-backdrop .cart-drawer[b-719dvhh5fd],.checkout-backdrop .checkout-card[b-719dvhh5fd]{width:100%}.checkout-backdrop[b-719dvhh5fd]{padding:0;align-items:flex-end}.checkout-card[b-719dvhh5fd]{width:100%;max-height:96vh;border-radius:1.2rem 1.2rem 0 0}.cart-button[b-719dvhh5fd]{position:sticky}}@media(max-width:370px){.product-grid[b-719dvhh5fd]{grid-template-columns:1fr}}.store-page :is(a,button,input):focus-visible[b-719dvhh5fd]{outline:2px solid var(--store-primary);outline-offset:2px;border-radius:.5rem}@media(prefers-reduced-motion:reduce){.store-page *[b-719dvhh5fd]{transition:none!important}.product-card:hover[b-719dvhh5fd],.cart-button:hover[b-719dvhh5fd],.checkout-button:hover[b-719dvhh5fd],.product-footer button:hover[b-719dvhh5fd]{transform:none}}.store-reset[b-719dvhh5fd]{margin-block-start:.9rem;min-height:2.6rem;padding:0 1.2rem;border:1px solid var(--store-line);border-radius:.66rem;background:#fff;color:var(--store-primary);font-family:inherit;font-size:.85rem;font-weight:800;cursor:pointer}.store-reset:hover[b-719dvhh5fd]{border-color:var(--store-primary);background:var(--store-primary);color:#fff}

/* ---- دعوت صاحبان مغازه -----------------------------------------------------
   /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; }
}
/* /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}}
/* /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/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; }
}
/* /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/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(170px,.8fr) minmax(180px,1fr) minmax(220px,1.2fr) 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:.65rem; }
.invoice-summary-grid .summary-box[b-xp331rgjal] { min-width:0;min-height:88px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:.8rem .9rem;text-align:right;border:1px solid #e4e7ee;border-block-start:3px solid #7d76a6;border-radius:12px;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-block-end:.3rem;color:#727c90;font-size:.72rem; }
.invoice-summary-grid .summary-value[b-xp331rgjal] { max-width:100%;overflow:hidden;color:#232d41;text-overflow:ellipsis;font-size:1.05rem;font-weight:900;white-space:nowrap; }
.invoice-summary-grid .summary-box small[b-xp331rgjal] { margin-block-start:.12rem;color:#9aa2b2;font-size:.62rem; }

.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(240px,2fr) minmax(90px,.75fr) minmax(120px,1fr) minmax(120px,1fr) minmax(125px,1fr) minmax(140px,1.15fr) 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:repeat(2,minmax(0,1fr)); }
    .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/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; }
}
/* /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;
    min-height: calc(100vh - 7.5rem);
    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; }

/* چهار ستون */
.pos-workspace[b-i5py60kha9] {
    display: grid;
    grid-template-columns: 7.5rem 21rem minmax(0, 1fr) 19rem;
    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: .4rem;
    gap: .4rem;
    background: var(--pos-surface);
    overflow-y: auto;
}

.btn-act[b-i5py60kha9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .15rem;
    padding: .5rem .25rem;
    background: var(--pos-surface);
    border: 1px solid var(--pos-line);
    border-radius: .45rem;
    color: var(--pos-ink);
    cursor: pointer;
    font-weight: 700;
    font-size: .84rem;
    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 kbd[b-i5py60kha9] {
    background: var(--pos-bg);
    border: 1px solid var(--pos-line);
    border-radius: .25rem;
    padding: 0 .25rem;
    font-size: .68rem;
    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: 7rem 1.5fr 1.1fr;
    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; min-height: 0; overflow-y: auto; }

.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] { opacity: .55; }
.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; }

.search-bar[b-i5py60kha9] {
    display: flex;
    gap: .3rem;
    padding: .45rem;
    background: var(--pos-bg);
    border-bottom: 1px solid var(--pos-line);
}
.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;
}
.search-bar button[b-i5py60kha9] {
    width: 2.1rem;
    border: 1px solid var(--pos-line);
    border-radius: .35rem;
    background: var(--pos-surface);
    cursor: pointer;
}
.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-y: auto; }
.side-table[b-i5py60kha9] { width: 100%; border-collapse: collapse; text-align: center; font-size: .85rem; }
.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-state[b-i5py60kha9] { width: 3.4rem; }
.side-buyer[b-i5py60kha9] { text-align: start; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 0; }
.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; }

/* فوتر */
.pos-footer[b-i5py60kha9] {
    min-height: 1.9rem;
    background: var(--pos-surface);
    border-top: 1px solid var(--pos-line);
    color: var(--pos-muted);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .9rem;
    font-size: .78rem;
    border-radius: 0 0 .5rem .5rem;
}

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

@media (max-width: 1200px) {
    .pos-workspace[b-i5py60kha9] { grid-template-columns: 7rem 15rem 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); }
    .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; }
}
/* /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;
}