/* /Components/Account/Pages/Login.razor.rz.scp.css */
/* Stocklify login — match reference split layout (form left, hero right) */



.stocklify-login-page.login-wrapper .login-content[b-gl9r07bvv7] {

    align-items: center;

    justify-content: center;

    padding: 48px 56px;

}



.stocklify-login-page.login-wrapper .login-content form[b-gl9r07bvv7] {

    width: 100%;

    max-width: 400px;

    margin: 0;

}



.stocklify-login-page .login-userset[b-gl9r07bvv7] {

    width: 100%;

    text-align: left;

}



.stocklify-login-page .login-logo.logo-normal[b-gl9r07bvv7] {

    display: block;

    margin: 0 0 28px !important;

    max-width: 160px;

    text-align: left;

}



.stocklify-login-page .login-logo img[b-gl9r07bvv7] {

    max-height: 48px;

    width: auto;

    object-fit: contain;

    margin-bottom: 0 !important;

}



.stocklify-login-page .login-userheading[b-gl9r07bvv7] {

    text-align: left;

    margin-bottom: 28px;

}



.stocklify-login-page .login-userheading h3[b-gl9r07bvv7] {

    font-size: 1.65rem;

    font-weight: 800;

    color: #092c4c;

    margin-bottom: 10px;

}



.stocklify-login-page .login-userheading h4[b-gl9r07bvv7] {

    font-size: 0.9rem;

    line-height: 1.55;

    color: #6b7280;

    font-weight: 400;

    max-width: 100%;

    margin: 0;

}



.stocklify-login-page .form-label[b-gl9r07bvv7] {

    font-weight: 600;

    color: #374151;

    font-size: 0.875rem;

}



.stocklify-login-page .input-group .form-control[b-gl9r07bvv7],

.stocklify-login-page .pass-group .form-control[b-gl9r07bvv7] {

    min-height: 44px;

    border-radius: 8px 0 0 8px;

    border-color: #e5e7eb;

    font-size: 0.9rem;

}



.stocklify-login-page .input-group .input-group-text[b-gl9r07bvv7] {

    border-radius: 0 8px 8px 0;

    background: #fff;

    border-color: #e5e7eb;

    color: #9ca3af;

}



.stocklify-login-page .pass-group .pass-input[b-gl9r07bvv7] {

    border-radius: 8px;

    padding-right: 42px;

}



.stocklify-login-page .stocklify-demo-credentials[b-gl9r07bvv7] {

    padding: 0.85rem 1rem;

    border-radius: 10px;

    border: 1px solid #bae6fd;

    background: linear-gradient(180deg, #f0f9ff 0%, #ecfeff 100%);

}



.stocklify-login-page .stocklify-demo-credentials__title[b-gl9r07bvv7] {

    font-size: 0.8rem;

    font-weight: 700;

    color: #0e7490;

    margin-bottom: 0.55rem;

    text-transform: uppercase;

    letter-spacing: 0.03em;

}



.stocklify-login-page .stocklify-demo-credentials__row[b-gl9r07bvv7] {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 0.75rem;

    font-size: 0.82rem;

    margin-bottom: 0.35rem;

}



.stocklify-login-page .stocklify-demo-credentials__label[b-gl9r07bvv7] {

    color: #64748b;

    font-weight: 600;

    flex-shrink: 0;

}



.stocklify-login-page .stocklify-demo-credentials code[b-gl9r07bvv7] {

    font-size: 0.78rem;

    color: #0f172a;

    background: rgba(255, 255, 255, 0.85);

    padding: 0.15rem 0.45rem;

    border-radius: 6px;

    border: 1px solid #e2e8f0;

    word-break: break-all;

    text-align: right;

}



.stocklify-login-page .stocklify-demo-credentials__btn[b-gl9r07bvv7] {

    background: #fff;

    border: 1px solid #7dd3fc;

    color: #0369a1;

    font-weight: 600;

    border-radius: 8px;

}



.stocklify-login-page .stocklify-demo-credentials__btn:hover[b-gl9r07bvv7] {

    background: #e0f2fe;

    border-color: #38bdf8;

    color: #0c4a6e;

}



.stocklify-login-page .authentication-check[b-gl9r07bvv7] {

    margin-bottom: 20px;

}



.stocklify-login-page .authentication-check .custom-checkbox[b-gl9r07bvv7] {

    justify-content: flex-start !important;

    margin-bottom: 10px;

}



.stocklify-login-page .stocklify-forgot-link[b-gl9r07bvv7] {

    display: inline-block;

    color: #0d9488 !important;

    font-size: 0.9rem;

    font-weight: 600;

    text-decoration: underline;

    text-underline-offset: 2px;

}



.stocklify-login-page .stocklify-forgot-link:hover[b-gl9r07bvv7] {

    color: #0f766e !important;

}



.stocklify-login-page .stocklify-login-btn.btn-login[b-gl9r07bvv7] {

    width: 100%;

    background: linear-gradient(90deg, #1eb8c9 0%, #0b6fa8 100%) !important;

    border: 0 !important;

    color: #fff !important;

    font-weight: 700 !important;

    min-height: 46px;

    border-radius: 8px !important;

    box-shadow: 0 8px 20px rgba(14, 130, 160, 0.25);

    margin-top: 8px;

}



.stocklify-login-page .form-login .stocklify-login-btn.btn-login:hover[b-gl9r07bvv7],
.stocklify-login-page .form-login .stocklify-login-btn.btn-login:focus[b-gl9r07bvv7],
.stocklify-login-page .form-login .stocklify-login-btn.btn-login:active[b-gl9r07bvv7],
.stocklify-login-page .stocklify-login-btn.btn-login:hover[b-gl9r07bvv7],
.stocklify-login-page .stocklify-login-btn.btn-login:focus[b-gl9r07bvv7],
.stocklify-login-page .stocklify-login-btn.btn-login:active[b-gl9r07bvv7] {

    color: #fff !important;

    background: linear-gradient(90deg, #18a8b8 0%, #095f94 100%) !important;

    box-shadow: 0 6px 16px rgba(14, 130, 160, 0.3) !important;

    -webkit-box-shadow: 0 6px 16px rgba(14, 130, 160, 0.3) !important;

}



.stocklify-login-page .form-setlogin.or-text[b-gl9r07bvv7] {

    margin-top: 24px;

    margin-bottom: 16px;

}



.stocklify-login-page .form-setlogin.or-text h4[b-gl9r07bvv7] {

    color: #9ca3af;

    font-size: 0.8rem;

    font-weight: 500;

}



.stocklify-login-page .form-sociallink .btn[b-gl9r07bvv7] {

    min-height: 46px;

    border-radius: 8px;

    font-weight: 600;

    border-color: #e5e7eb !important;

    color: #374151;

}



.stocklify-login-page .form-sociallink .btn img[b-gl9r07bvv7] {

    width: 20px;

    height: 20px;

}



/* Right hero panel */

.stocklify-login-hero[b-gl9r07bvv7] {

    position: relative;

    min-height: 100vh;

    background:

        radial-gradient(ellipse 70% 55% at 50% 42%, rgba(32, 140, 130, 0.55) 0%, transparent 62%),

        radial-gradient(ellipse 100% 35% at 50% 88%, rgba(60, 200, 120, 0.28) 0%, transparent 55%),

        linear-gradient(165deg, #0c6b78 0%, #06424e 48%, #031f26 100%);

    overflow: hidden;

}



.stocklify-login-hero[b-gl9r07bvv7]::before,

.stocklify-login-hero[b-gl9r07bvv7]::after {

    content: "";

    position: absolute;

    left: -12%;

    right: -12%;

    height: 90px;

    pointer-events: none;

    z-index: 1;

    background: linear-gradient(

        90deg,

        transparent 0%,

        rgba(100, 255, 150, 0.35) 35%,

        rgba(120, 255, 160, 0.55) 50%,

        rgba(100, 255, 150, 0.35) 65%,

        transparent 100%

    );

    filter: blur(1px);

}



.stocklify-login-hero[b-gl9r07bvv7]::before {

    top: 28%;

    transform: rotate(-3deg);

    opacity: 0.85;

}



.stocklify-login-hero[b-gl9r07bvv7]::after {

    bottom: 18%;

    transform: rotate(2deg);

    opacity: 0.7;

    height: 70px;

}



.stocklify-login-hero__content[b-gl9r07bvv7] {

    position: relative;

    z-index: 2;

    height: 100vh;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 2.5rem;

    color: #fff;

}



.stocklify-login-hero__inner[b-gl9r07bvv7] {

    position: relative;

    z-index: 2;

    min-height: 100vh;

    max-height: 100vh;

    overflow-y: auto;

    padding: 2.25rem 2rem 2.5rem;

    display: flex;

    flex-direction: column;

    gap: 1.35rem;

    color: #fff;

    scrollbar-width: thin;

    scrollbar-color: rgba(255, 255, 255, 0.35) transparent;

}



.stocklify-login-hero__intro[b-gl9r07bvv7] {

    text-align: center;

    padding-top: 0.5rem;

}



.stocklify-login-hero__intro h3[b-gl9r07bvv7] {

    font-size: clamp(1.45rem, 2vw, 1.85rem);

    font-weight: 800;

    margin-bottom: 0.65rem;

    line-height: 1.25;

}



.stocklify-login-hero__intro p[b-gl9r07bvv7] {

    margin: 0 auto;

    max-width: 28rem;

    font-size: 0.9rem;

    line-height: 1.55;

    color: rgba(255, 255, 255, 0.88);

}



.stocklify-login-hero__grid[b-gl9r07bvv7] {

    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 0.75rem;

    flex: 1;

    align-content: start;

}



.stocklify-industry-card[b-gl9r07bvv7] {

    display: flex;

    align-items: flex-start;

    gap: 0.65rem;

    padding: 0.8rem 0.85rem;

    border-radius: 14px;

    border: 1px solid rgba(255, 255, 255, 0.55);

    background: rgba(255, 255, 255, 0.94);

    text-align: left;

    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);

    transition: transform 0.15s ease, box-shadow 0.15s ease;

}



.stocklify-industry-card:hover[b-gl9r07bvv7] {

    transform: translateY(-2px);

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);

}



.stocklify-industry-card__icon[b-gl9r07bvv7] {

    font-size: 1.35rem;

    line-height: 1;

    flex-shrink: 0;

    margin-top: 0.1rem;

}



.stocklify-industry-card__body h4[b-gl9r07bvv7] {

    margin: 0 0 0.2rem;

    font-size: 0.82rem;

    font-weight: 700;

    line-height: 1.25;

}



.stocklify-industry-card__body p[b-gl9r07bvv7] {

    margin: 0;

    font-size: 0.72rem;

    line-height: 1.45;

    color: #5b6472;

}



.stocklify-industry-card--pharmacy[b-gl9r07bvv7] { background: #ecfdf3; border-color: #bbf7d0; }
.stocklify-industry-card--pharmacy h4[b-gl9r07bvv7] { color: #15803d; }

.stocklify-industry-card--supermarket[b-gl9r07bvv7] { background: #eff6ff; border-color: #bfdbfe; }
.stocklify-industry-card--supermarket h4[b-gl9r07bvv7] { color: #1d4ed8; }

.stocklify-industry-card--retail[b-gl9r07bvv7] { background: #eef2ff; border-color: #c7d2fe; }
.stocklify-industry-card--retail h4[b-gl9r07bvv7] { color: #4338ca; }

.stocklify-industry-card--wholesale[b-gl9r07bvv7] { background: #fff7ed; border-color: #fed7aa; }
.stocklify-industry-card--wholesale h4[b-gl9r07bvv7] { color: #c2410c; }

.stocklify-industry-card--grocery[b-gl9r07bvv7] { background: #f0fdf4; border-color: #bbf7d0; }
.stocklify-industry-card--grocery h4[b-gl9r07bvv7] { color: #166534; }

.stocklify-industry-card--footwear[b-gl9r07bvv7] { background: #fdf2f8; border-color: #fbcfe8; }
.stocklify-industry-card--footwear h4[b-gl9r07bvv7] { color: #be185d; }

.stocklify-industry-card--hardware[b-gl9r07bvv7] { background: #f8fafc; border-color: #e2e8f0; }
.stocklify-industry-card--hardware h4[b-gl9r07bvv7] { color: #334155; }

.stocklify-industry-card--mobile[b-gl9r07bvv7] { background: #ecfeff; border-color: #a5f3fc; }
.stocklify-industry-card--mobile h4[b-gl9r07bvv7] { color: #0e7490; }

.stocklify-industry-card--electronics[b-gl9r07bvv7] { background: #fefce8; border-color: #fde68a; }
.stocklify-industry-card--electronics h4[b-gl9r07bvv7] { color: #a16207; }

.stocklify-industry-card--erp[b-gl9r07bvv7] { background: #f5f3ff; border-color: #ddd6fe; }
.stocklify-industry-card--erp h4[b-gl9r07bvv7] { color: #6d28d9; }

.stocklify-industry-card--erp[b-gl9r07bvv7] {

    grid-column: 1 / -1;

}



@media (max-width: 991.98px) {

    .stocklify-login-page.login-wrapper .login-content[b-gl9r07bvv7] {

        padding: 32px 24px;

    }

}

/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* /Components/Layout/PosLayout.razor.rz.scp.css */
.pos-layout[b-acrem33vhg] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #f4f6f9;
}

.pos-layout__header[b-acrem33vhg] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem 1rem;
    padding: 0.7rem 1rem 0.75rem;
    background: linear-gradient(135deg, #062b2b 0%, #0a5c58 42%, #0f8b86 100%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 18px rgba(6, 43, 43, 0.28);
    position: sticky;
    top: 0;
    z-index: 1040;
    overflow: visible;
}

.pos-layout__header[b-acrem33vhg]::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 80% 120% at 100% -20%, rgba(244, 161, 29, 0.22) 0%, transparent 55%),
        radial-gradient(ellipse 60% 80% at 0% 100%, rgba(255, 255, 255, 0.06) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

.pos-layout__header > *[b-acrem33vhg] {
    position: relative;
    z-index: 1;
}

.pos-layout__header-left[b-acrem33vhg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
    align-self: center;
    margin-right: 0.25rem;
}

.pos-layout__logo[b-acrem33vhg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.85rem;
    border-radius: 0.55rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.14);
    text-decoration: none;
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.pos-layout__logo:hover[b-acrem33vhg] {
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}

.pos-layout__logo img[b-acrem33vhg] {
    height: 34px;
    width: auto;
    max-width: 148px;
    object-fit: contain;
    display: block;
}

.pos-layout__title[b-acrem33vhg] {
    font-weight: 800;
    font-size: 1rem;
    color: #212529;
    letter-spacing: -0.02em;
}

.pos-layout__header-center[b-acrem33vhg] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.5rem 0.65rem;
    flex: 1 1 280px;
    justify-content: flex-start;
}

.pos-layout__header-right[b-acrem33vhg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.65rem;
    margin-left: auto;
    justify-content: flex-end;
    position: relative;
    z-index: 1050;
}

.pos-layout__header-right .profile-nav[b-acrem33vhg],
.pos-layout__header-right .pos-layout__mobile-user[b-acrem33vhg] {
    position: relative;
    z-index: 1060;
}

/* Match MainLayout Header profile + FY pill (scoped so theme .stock-header height does not break POS header) */
.pos-layout__user-nav[b-acrem33vhg] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pos-layout__header .profile-nav .userset[b-acrem33vhg] {
    border: 0 !important;
    background: transparent !important;
    width: 42px;
    height: 42px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.pos-layout__header .user-letter[b-acrem33vhg] {
    width: 38px !important;
    height: 38px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(255, 255, 255, 0.45);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    font-size: 1rem;
}

.pos-layout__header .user-letter i[b-acrem33vhg] {
    line-height: 1;
}

.pos-layout__header .menu-drop-user .user-img[b-acrem33vhg] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: linear-gradient(135deg, var(--stock-teal, #0f8b86), var(--stock-teal-dark, #09615e));
    color: #fff;
    font-size: 1rem;
}

.pos-layout__header .menu-drop-user[b-acrem33vhg] {
    z-index: 1070 !important;
    margin-top: 0.35rem !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18) !important;
}

.pos-layout__mobile-user .dropdown-menu[b-acrem33vhg] {
    z-index: 1070 !important;
    margin-top: 0.35rem !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.18) !important;
}

.pos-layout__header .menu-drop-user .dropdown-item[b-acrem33vhg] {
    display: flex;
    align-items: center;
}

.pos-layout__header .menu-drop-user .dropdown-item.logout[b-acrem33vhg] {
    color: #ff0000;
}

.pos-layout__header .menu-drop-user .dropdown-item.logout:hover[b-acrem33vhg] {
    color: #cc0000;
}

.pos-layout__mobile-user[b-acrem33vhg] {
    display: none;
}

.pos-layout__mobile-user .nav-link[b-acrem33vhg] {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(255, 255, 255, 0.12);
    padding: 0;
    backdrop-filter: blur(6px);
}

.pos-layout__mobile-user .nav-link:hover[b-acrem33vhg] {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

@media (max-width: 991.98px) {
    .pos-layout__profile-desktop[b-acrem33vhg] {
        display: none !important;
    }

    .pos-layout__mobile-user[b-acrem33vhg] {
        display: block;
    }
}

.pos-layout__field[b-acrem33vhg] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 5.5rem;
}

.pos-layout__field--wide[b-acrem33vhg] {
    min-width: 9rem;
    flex: 1 1 10rem;
    max-width: 14rem;
}

.pos-layout__field label[b-acrem33vhg] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: rgba(255, 255, 255, 0.78);
    font-weight: 600;
    margin: 0;
}

.pos-layout__header .form-select[b-acrem33vhg],
.pos-layout__header .form-control[b-acrem33vhg] {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(255, 255, 255, 0.45);
    color: var(--stock-text, #111827);
    box-shadow: 0 2px 8px rgba(6, 43, 43, 0.12);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.pos-layout__header .form-select:focus[b-acrem33vhg],
.pos-layout__header .form-control:focus[b-acrem33vhg] {
    border-color: rgba(244, 161, 29, 0.85);
    box-shadow: 0 0 0 3px rgba(244, 161, 29, 0.22);
}

.pos-layout__header .stock-top-pill[b-acrem33vhg] {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.28);
    color: #fff;
    backdrop-filter: blur(8px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

.pos-layout__header .text-muted[b-acrem33vhg] {
    color: rgba(255, 255, 255, 0.72) !important;
}

.pos-layout__header .btn-outline-success[b-acrem33vhg] {
    --bs-btn-color: #fff;
    --bs-btn-border-color: rgba(255, 255, 255, 0.55);
    --bs-btn-hover-bg: rgba(25, 135, 84, 0.9);
    --bs-btn-hover-border-color: #198754;
    --bs-btn-hover-color: #fff;
    background: rgba(255, 255, 255, 0.08);
}

.pos-layout__header .btn-outline-danger[b-acrem33vhg] {
    --bs-btn-color: #fff;
    --bs-btn-border-color: rgba(255, 255, 255, 0.45);
    --bs-btn-hover-bg: rgba(220, 53, 69, 0.92);
    --bs-btn-hover-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    background: rgba(255, 255, 255, 0.06);
}

.pos-layout__body[b-acrem33vhg] {
    flex: 1;
    min-height: 0;
    overflow: auto;
    position: relative;
    z-index: 1;
}

.pos-layout__shift[b-acrem33vhg] {
    display: flex;
    flex-wrap: wrap;
}

.pos-layout__shift-stats[b-acrem33vhg] {
    white-space: nowrap;
}

@media (max-width: 575.98px) {
    .pos-layout__shift .btn[b-acrem33vhg] {
        padding: 0.2rem 0.45rem;
        font-size: 0.75rem;
    }

    .pos-layout__shift .badge[b-acrem33vhg] {
        font-size: 0.7rem;
    }
}

@media (max-width: 991.98px) {
    .pos-layout__header[b-acrem33vhg] {
        align-items: stretch;
    }

    .pos-layout__header-right[b-acrem33vhg] {
        width: 100%;
        margin-left: 0;
        justify-content: flex-start;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-s6ze3z6vtv],
.components-reconnect-repeated-attempt-visible[b-s6ze3z6vtv],
.components-reconnect-failed-visible[b-s6ze3z6vtv],
.components-pause-visible[b-s6ze3z6vtv],
.components-resume-failed-visible[b-s6ze3z6vtv],
.components-rejoining-animation[b-s6ze3z6vtv] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Account/AccountGroupTreeSelect.razor.rz.scp.css */
.account-group-tree-select__listbox[b-6x6vvrvuk4] {
    font-family: inherit;
    font-size: 0.875rem;
    line-height: 1.45;
}

.account-group-tree-select__listbox option[b-6x6vvrvuk4] {
    padding: 0.25rem 0.35rem;
}
/* /Components/Pages/Account/LedgerListTreeNode.razor.rz.scp.css */
.ledger-list-tree__node[b-0prmnzu9f2] {
    list-style: none;
}

.ledger-list-tree__details[b-0prmnzu9f2] {
    border-radius: 0.35rem;
}

.ledger-list-tree__summary[b-0prmnzu9f2] {
    cursor: pointer;
    list-style: none;
    padding: 0.35rem 0.4rem;
    border-radius: 0.35rem;
    user-select: none;
}

.ledger-list-tree__summary[b-0prmnzu9f2]::-webkit-details-marker {
    display: none;
}

.ledger-list-tree__summary:hover[b-0prmnzu9f2] {
    background: #f1f3f5;
}

.ledger-list-tree__chev[b-0prmnzu9f2] {
    display: inline-block;
    transition: transform 0.15s ease;
    font-size: 0.85rem;
    vertical-align: middle;
}

.ledger-list-tree__details[open] > .ledger-list-tree__summary .ledger-list-tree__chev[b-0prmnzu9f2] {
    transform: rotate(90deg);
}

.ledger-list-tree__body[b-0prmnzu9f2] {
    padding: 0.15rem 0 0.25rem 0.85rem;
    margin-left: 0.35rem;
    border-left: 1px solid #dee2e6;
}

.ledger-list-tree__nested[b-0prmnzu9f2] {
    padding-left: 0;
}

.ledger-list-tree__ledgers[b-0prmnzu9f2] {
    padding-left: 0;
}

.btn-icon-xs[b-0prmnzu9f2] {
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.35rem;
}
/* /Components/Pages/Ai/AiAssistant.razor.rz.scp.css */
/* Custom styles moved to bootstrap utility classes and inline styles */
/* /Components/Pages/Sales/PosTerminal.razor.rz.scp.css */
/* Light POS shell — reference: catalog left, checkout right */
.pos-shell[b-ckmcj8kduw] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 7.5rem);
    background: #f4f6f9;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.08);
}

.pos-shell__loading[b-ckmcj8kduw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 20rem;
    background: #fff;
    border-radius: 1rem;
}

.pos-shell__stack[b-ckmcj8kduw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    position: relative;
    background: #fff;
    padding-bottom: calc(14rem + env(safe-area-inset-bottom, 0px));
}

/* Blocks POS + fixed footer while save/post runs (z above .pos-shell__footer--fixed 1025) */
.pos-save-overlay[b-ckmcj8kduw] {
    position: fixed;
    inset: 0;
    z-index: 1070;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.48);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.pos-save-overlay__card[b-ckmcj8kduw] {
    text-align: center;
    background: #fff;
    border-radius: 0.75rem;
    padding: 1.35rem 1.75rem;
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.18);
    max-width: 20rem;
}

/* ERP-style layout: main + right rail */
.pos-erp[b-ckmcj8kduw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 13.5rem;
    gap: 0;
    flex: 1;
    min-height: 0;
    background: #fff;
    border: 1px solid #dee2e6;
}

.pos-erp__main[b-ckmcj8kduw] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    border-right: 1px solid #dee2e6;
}

.pos-erp__topbar[b-ckmcj8kduw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem 1rem;
    padding: 0.65rem 0.85rem;
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
    align-items: flex-end;
}

.pos-erp__topbar-item[b-ckmcj8kduw] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 10rem;
}

.pos-erp__topbar-item--grow[b-ckmcj8kduw] {
    flex: 1 1 14rem;
}

.pos-erp__topbar-item--invoice[b-ckmcj8kduw] {
    flex: 0 1 12rem;
}

.pos-erp__topbar-item--customer[b-ckmcj8kduw] {
    flex: 1 1 18rem;
    min-width: 16rem;
    max-width: 24rem;
}

.pos-erp__customer-wrap[b-ckmcj8kduw] {
    display: flex;
    align-items: stretch;
    gap: 0.35rem;
}

.pos-erp__customer-search[b-ckmcj8kduw] {
    flex: 1 1 auto;
    min-width: 0;
}

.pos-erp__customer-add[b-ckmcj8kduw] {
    flex: 0 0 auto;
    padding-inline: 0.65rem;
}

.pos-erp__customer-search .product-search-picker__control[b-ckmcj8kduw] {
    position: relative;
}

.pos-erp__customer-search .product-search-picker__clear[b-ckmcj8kduw] {
    position: absolute;
    right: 0.35rem;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #868e96;
    padding: 0.15rem 0.25rem;
    line-height: 1;
}

.pos-erp__customer-search .product-search-picker__input[b-ckmcj8kduw] {
    padding-right: 1.75rem;
}

.pos-erp__shift-alert[b-ckmcj8kduw] {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}

.pos-erp__field-label[b-ckmcj8kduw] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #868e96;
    font-weight: 700;
    margin: 0;
}

.pos-erp__input-wrap[b-ckmcj8kduw] {
    position: relative;
}

.pos-erp__input-wrap > i[b-ckmcj8kduw] {
    position: absolute;
    left: 0.65rem;
    top: 50%;
    transform: translateY(-50%);
    color: #868e96;
    font-size: 1.1rem;
    pointer-events: none;
    z-index: 1;
}

.pos-erp__input-wrap .form-control[b-ckmcj8kduw] {
    padding-left: 2.35rem;
}

.pos-erp__toolbar[b-ckmcj8kduw] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.45rem 0.85rem;
    border-bottom: 1px solid #e9ecef;
}

.pos-erp__toolbar-label[b-ckmcj8kduw] {
    font-size: 0.7rem;
    text-transform: uppercase;
    color: #868e96;
    font-weight: 700;
    margin-right: 0.25rem;
}

.pos-erp__order-no[b-ckmcj8kduw] {
    font-weight: 800;
    font-size: 1rem;
    margin-right: 0.35rem;
}

.pos-erp__toolbar-right[b-ckmcj8kduw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: center;
}

.pos-erp__sort[b-ckmcj8kduw] {
    max-width: 9rem;
}

.pos-erp__table-wrap[b-ckmcj8kduw] {
    flex: 1;
    min-height: 14rem;
    overflow: auto;
    background: #fff;
}

.pos-bill-table[b-ckmcj8kduw] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
}

.pos-bill-table thead th[b-ckmcj8kduw] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #212529;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.68rem;
    letter-spacing: 0.04em;
    padding: 0.5rem 0.4rem;
    border-bottom: 2px solid #000;
    white-space: nowrap;
}

.pos-bill-table tbody td[b-ckmcj8kduw] {
    padding: 0.35rem 0.4rem;
    border-bottom: 1px solid #e9ecef;
    vertical-align: middle;
}

.pos-bill-table__sub td[b-ckmcj8kduw] {
    background: #fafbfc;
    border-bottom: 1px solid #dee2e6;
}

.pos-bill-table__empty[b-ckmcj8kduw] {
    text-align: center;
    color: #adb5bd;
    padding: 2rem 1rem !important;
}

.pos-bill-table__col-num[b-ckmcj8kduw] {
    width: 2rem;
}

.pos-bill-table__col-code[b-ckmcj8kduw] {
    width: 6.5rem;
}

.pos-bill-table__col-qty[b-ckmcj8kduw] {
    width: 7.5rem;
}

.pos-bill-table__col-rate[b-ckmcj8kduw],
.pos-bill-table__col-disc[b-ckmcj8kduw] {
    width: 5rem;
}

.pos-bill-table__col-unit[b-ckmcj8kduw] {
    width: 5.5rem;
}

.pos-bill-table__col-batch[b-ckmcj8kduw] {
    width: 7rem;
}

.pos-bill-table__col-tax[b-ckmcj8kduw] {
    min-width: 7.5rem;
}

.pos-bill-table__select-tight[b-ckmcj8kduw] {
    min-width: 4.5rem;
    max-width: 8rem;
    padding-left: 0.25rem;
    padding-right: 1.5rem;
    font-size: 0.75rem;
}

.pos-bill-table__select-tax[b-ckmcj8kduw] {
    max-width: 9.5rem;
}

.pos-bill-table__col-net[b-ckmcj8kduw] {
    width: 6rem;
}

.pos-bill-table__col-x[b-ckmcj8kduw] {
    width: 2rem;
}

.pos-bill-table__prod-name[b-ckmcj8kduw] {
    font-weight: 600;
    color: #212529;
}

.pos-bill-table__qty[b-ckmcj8kduw] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.pos-bill-table__qty .form-control[b-ckmcj8kduw] {
    max-width: 4rem;
    padding: 0.15rem 0.25rem;
}

.pos-erp__product-search .product-search-picker__input[b-ckmcj8kduw] {
    min-height: 2.65rem;
    font-size: 0.95rem;
    border-radius: 0.65rem !important;
    border: 1px solid #dee2e6 !important;
    background: #fff;
}

.pos-erp__product-search .product-search-picker__panel[b-ckmcj8kduw] {
    min-width: min(100%, 36rem);
}

.pos-erp__rail[b-ckmcj8kduw] {
    display: flex;
    flex-direction: column;
    background: #fff;
    padding: 0.5rem 0.45rem;
    min-height: 0;
    overflow-y: auto;
}

.pos-erp__bill-card[b-ckmcj8kduw] {
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    padding: 0.5rem 0.45rem 0.55rem;
    margin-bottom: 0.55rem;
    background: #f8f9fa;
    text-align: right;
}

.pos-erp__bill-card__label[b-ckmcj8kduw] {
    font-size: 0.62rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #868e96;
    font-weight: 700;
}

.pos-erp__bill-card__no[b-ckmcj8kduw] {
    font-weight: 800;
    font-size: 1.05rem;
    color: #212529;
    line-height: 1.2;
    margin: 0.1rem 0 0.25rem;
}

.pos-erp__bill-card .badge[b-ckmcj8kduw] {
    font-size: 0.62rem;
    font-weight: 600;
}

.pos-erp__bill-card__when[b-ckmcj8kduw] {
    font-size: 0.72rem;
    margin-top: 0.35rem;
}

.pos-erp__actions[b-ckmcj8kduw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem;
    margin-bottom: 0.65rem;
}

.pos-erp__action[b-ckmcj8kduw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    min-height: 3.35rem;
    padding: 0.25rem 0.15rem;
    border: 1px solid #dee2e6;
    border-radius: 0.45rem;
    background: #fff;
    color: #212529;
    text-decoration: none;
    font-size: 0.62rem;
    font-weight: 700;
    text-align: center;
    line-height: 1.1;
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease;
}

.pos-erp__action:hover[b-ckmcj8kduw] {
    background: #f1f3f5;
    border-color: #adb5bd;
    color: #212529;
}

.pos-erp__action i[b-ckmcj8kduw] {
    font-size: 1.25rem;
    opacity: 0.85;
}

.pos-erp__cust-panel[b-ckmcj8kduw] {
    border: 1px solid #e9ecef;
    border-radius: 0.45rem;
    padding: 0.45rem;
    background: #fafbfc;
    font-size: 0.78rem;
}

.pos-erp__cust-title[b-ckmcj8kduw] {
    font-weight: 800;
    font-size: 0.72rem;
    text-transform: uppercase;
    color: #868e96;
    margin-bottom: 0.35rem;
}

.pos-erp__cust-lines > div[b-ckmcj8kduw] {
    margin-bottom: 0.15rem;
}

.pos-erp__last-print[b-ckmcj8kduw] {
    font-size: 0.78rem;
    font-weight: 700;
    border-radius: 0.45rem;
}

/* Fixed footer (viewport) — Pay now + holds + totals */
.pos-shell__footer[b-ckmcj8kduw] {
    flex-shrink: 0;
    padding: 0;
    background: #fff;
    border-top: 1px solid #dee2e6;
    box-shadow: 0 -6px 18px rgba(15, 23, 42, 0.06);
}

.pos-shell__footer--fixed[b-ckmcj8kduw] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1025;
    padding-bottom: env(safe-area-inset-bottom, 0px);
    border-radius: 0;
    box-shadow: 0 -4px 20px rgba(15, 23, 42, 0.12);
}

.pos-shell__footer-inner[b-ckmcj8kduw] {
    max-width: 100%;
    margin: 0 auto;
    padding: 0.65rem 1rem 0.75rem;
}

.pos-shell__footer-toprow[b-ckmcj8kduw] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
}

.pos-shell__footer-toprow .pos-shell__footer-remarks[b-ckmcj8kduw] {
    flex: 1 1 12rem;
    min-width: 0;
    margin-bottom: 0;
}

.pos-shell__footer-actions--inline[b-ckmcj8kduw] {
    flex: 0 0 auto;
    margin-bottom: 0;
    align-items: center;
}

.pos-print-preview-dialog[b-ckmcj8kduw] {
    max-width: min(100vw - 1rem, 56rem);
}

.pos-print-preview-frame[b-ckmcj8kduw] {
    min-height: min(72vh, 640px);
    background: #fff;
}

.pos-shell__footer-stats[b-ckmcj8kduw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1.25rem;
    font-size: 0.8rem;
    margin-bottom: 0.55rem;
}

.pos-shell__footer-stat[b-ckmcj8kduw] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
}

.pos-shell__footer-stat strong[b-ckmcj8kduw] {
    font-weight: 800;
    color: #212529;
}

.pos-shell__footer-stat--total[b-ckmcj8kduw] {
    margin-left: auto;
    font-size: 0.95rem;
}

.pos-shell__footer-stat--total strong[b-ckmcj8kduw] {
    color: #1864ab;
    font-size: 1.15rem;
}

.pos-shell__footer-stat--edit[b-ckmcj8kduw] {
    align-items: center;
    gap: 0.35rem;
}

.pos-shell__footer-stat--edit .form-control[b-ckmcj8kduw] {
    min-width: 0;
}

.pos-shell__footer-payrows[b-ckmcj8kduw] {
    margin-bottom: 0.5rem;
}

.pos-shell__footer-payrow[b-ckmcj8kduw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.35rem;
}

.pos-shell__footer-payrow--compact[b-ckmcj8kduw] {
    justify-content: flex-end;
    margin-bottom: 0;
}

.pos-shell__footer-btn[b-ckmcj8kduw] {
    min-width: 7rem;
    font-weight: 700;
}

.pos-shell__footer-btn--pay[b-ckmcj8kduw] {
    min-width: 10rem;
}

.pos-pay-tile[b-ckmcj8kduw] {
    flex: 1 1 7rem;
    min-height: 2.35rem;
    padding: 0.35rem 0.5rem;
    border: none;
    border-radius: 0.35rem;
    background: #212529;
    color: #fff;
    font-size: 0.72rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    cursor: pointer;
    line-height: 1.1;
}

.pos-pay-tile:hover[b-ckmcj8kduw] {
    background: #343a40;
    color: #fff;
}

.pos-pay-tile__key[b-ckmcj8kduw] {
    font-size: 0.6rem;
    opacity: 0.75;
    font-weight: 600;
}

.pos-payment-modal .modal-body[b-ckmcj8kduw] {
    padding: 1rem 1rem 1.25rem;
}

.pos-payment-layout[b-ckmcj8kduw] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 1rem;
}

.pos-payment-left[b-ckmcj8kduw],
.pos-payment-right[b-ckmcj8kduw] {
    border: 1px solid #e9ecef;
    border-radius: 0.75rem;
    padding: 0.85rem;
    background: #fff;
}

.pos-payment-total-label[b-ckmcj8kduw] {
    font-size: 0.9rem;
}

.pos-payment-total[b-ckmcj8kduw] {
    font-size: 2rem;
    font-weight: 800;
    color: #212529;
    line-height: 1.1;
}

.pos-payment-summary[b-ckmcj8kduw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.pos-payment-summary > div[b-ckmcj8kduw] {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 0.55rem;
    padding: 0.45rem 0.55rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.pos-payment-summary span[b-ckmcj8kduw] {
    color: #6c757d;
    font-size: 0.78rem;
}

.pos-payment-summary strong[b-ckmcj8kduw] {
    font-size: 1rem;
}

.pos-payment-input[b-ckmcj8kduw] {
    font-size: 1.8rem;
    font-weight: 700;
}

.pos-keypad[b-ckmcj8kduw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
}

.pos-keypad .btn[b-ckmcj8kduw] {
    min-height: 2.9rem;
    font-weight: 700;
}

.pos-payment-method-title[b-ckmcj8kduw] {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.65rem;
}

.pos-payment-method-grid[b-ckmcj8kduw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.pos-payment-method[b-ckmcj8kduw] {
    border: 1px solid #dee2e6;
    background: #fff;
    border-radius: 0.6rem;
    min-height: 4.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    font-weight: 700;
    color: #495057;
}

.pos-payment-method i[b-ckmcj8kduw] {
    font-size: 1.3rem;
}

.pos-payment-method.active[b-ckmcj8kduw] {
    border-color: #0d6efd;
    color: #0d6efd;
    background: #eef4ff;
}

.pos-payment-complete[b-ckmcj8kduw] {
    width: 100%;
    min-height: 3.1rem;
    font-size: 1.02rem;
    font-weight: 800;
}

@media (max-width: 1199.98px) {
    .pos-erp[b-ckmcj8kduw] {
        grid-template-columns: 1fr;
    }

    .pos-erp__main[b-ckmcj8kduw] {
        border-right: none;
    }

    .pos-erp__rail[b-ckmcj8kduw] {
        border-top: 1px solid #dee2e6;
    }

    .pos-shell__stack[b-ckmcj8kduw] {
        padding-bottom: calc(17rem + env(safe-area-inset-bottom, 0px));
    }

    .pos-payment-layout[b-ckmcj8kduw] {
        grid-template-columns: 1fr;
    }
}

.pos-shell__footer-actions[b-ckmcj8kduw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.pos-shell__footer-bar[b-ckmcj8kduw] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem 1rem;
}

.pos-shell__footer-pay[b-ckmcj8kduw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.pos-shell__footer-pay-row[b-ckmcj8kduw] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.pos-shell__footer-pay-select[b-ckmcj8kduw] {
    min-width: 6.5rem;
    max-width: 10rem;
    border-radius: 0.5rem;
}

.pos-shell__footer-pay-btn[b-ckmcj8kduw] {
    font-weight: 800;
    padding: 0.55rem 1.15rem;
    border-radius: 0.65rem;
}

.pos-checkout[b-ckmcj8kduw] {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-left: 1px solid #e9ecef;
    padding: 1.25rem 1.25rem 1rem;
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
}

.pos-checkout__head[b-ckmcj8kduw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 1rem;
}

.pos-checkout__order-label[b-ckmcj8kduw] {
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #868e96;
    font-weight: 600;
}

.pos-checkout__order-no[b-ckmcj8kduw] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #212529;
}

.pos-checkout__badge[b-ckmcj8kduw] {
    display: inline-block;
    margin-top: 0.25rem;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: #fff3bf;
    color: #946c00;
}

.pos-checkout__datetime[b-ckmcj8kduw] {
    font-size: 0.8rem;
    color: #868e96;
}

.pos-checkout__customer[b-ckmcj8kduw] {
    margin-bottom: 1rem;
}

.pos-checkout__cart-head[b-ckmcj8kduw] {
    margin-bottom: 0.5rem;
}

.pos-checkout__cart[b-ckmcj8kduw] {
    flex: 1;
    overflow-y: auto;
    min-height: 6rem;
    margin-bottom: 1rem;
    padding-right: 0.25rem;
}

.pos-checkout__empty[b-ckmcj8kduw] {
    text-align: center;
    padding: 2rem 0.5rem;
    color: #adb5bd;
}

.pos-checkout__empty i[b-ckmcj8kduw] {
    font-size: 2.5rem;
    display: block;
    margin-bottom: 0.5rem;
    opacity: 0.6;
}

.pos-checkout__empty p[b-ckmcj8kduw] {
    margin: 0;
    font-size: 0.85rem;
}

.pos-checkout__line[b-ckmcj8kduw] {
    border: 1px solid #e9ecef;
    border-radius: 0.65rem;
    padding: 0.6rem 0.65rem;
    margin-bottom: 0.5rem;
    background: #fafbfc;
}

.pos-checkout__line-main[b-ckmcj8kduw] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.35rem;
    margin-bottom: 0.35rem;
}

.pos-checkout__line-name[b-ckmcj8kduw] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #212529;
    line-height: 1.25;
}

.pos-checkout__line-qty[b-ckmcj8kduw] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.pos-checkout__line-amt[b-ckmcj8kduw] {
    font-weight: 800;
    font-size: 0.85rem;
    color: #212529;
    white-space: nowrap;
}

.pos-checkout__summary[b-ckmcj8kduw] {
    margin-top: auto;
    border-top: 1px solid #e9ecef;
    padding-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.pos-checkout__row[b-ckmcj8kduw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
    margin-bottom: 0.4rem;
    color: #495057;
}

.pos-checkout__row--edit[b-ckmcj8kduw] {
    gap: 0.5rem;
}

.pos-checkout__pay-label[b-ckmcj8kduw] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #868e96;
    font-weight: 600;
    margin-bottom: 0.15rem;
}

.pos-checkout__pay-total[b-ckmcj8kduw] {
    font-size: 1.85rem;
    font-weight: 800;
    color: #212529;
    margin-bottom: 1rem;
}

.pos-checkout__footer[b-ckmcj8kduw] {
    margin-top: auto;
    padding-top: 0.5rem;
    border-top: 1px solid #e9ecef;
}

.pos-checkout__footer-row[b-ckmcj8kduw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.65rem;
}

.pos-checkout__pay-select[b-ckmcj8kduw] {
    max-width: 10rem;
    border-radius: 0.5rem;
}

.pos-checkout__pay-btn[b-ckmcj8kduw] {
    width: 100%;
    border-radius: 0.75rem;
    padding: 0.85rem 1rem;
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: 0.02em;
}

.pos-checkout__pay-btn:disabled[b-ckmcj8kduw] {
    opacity: 0.65;
}

/* On-page thermal slip preview (~80mm) */
.pos-thermal-wrap[b-ckmcj8kduw] {
    margin-top: 0.45rem;
    margin-bottom: 0.35rem;
}

.pos-thermal-wrap__head[b-ckmcj8kduw] {
    margin-bottom: 0.25rem;
}

.pos-thermal-wrap__label[b-ckmcj8kduw] {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #868e96;
}

.pos-thermal-scroll[b-ckmcj8kduw] {
    max-height: 14rem;
    overflow: auto;
    border: 1px solid #dee2e6;
    border-radius: 0.4rem;
    background: #fff;
}

.pos-thermal-slip[b-ckmcj8kduw] {
    max-width: 80mm;
    margin: 0 auto;
    padding: 0.35rem 0.4rem 0.5rem;
    box-sizing: border-box;
    font-family: Consolas, "Courier New", ui-monospace, monospace;
    font-size: 0.68rem;
    line-height: 1.25;
    color: #212529;
}

.pos-thermal-slip__title[b-ckmcj8kduw] {
    text-align: center;
    font-weight: 800;
    font-size: 0.78rem;
    margin: 0 0 0.35rem;
}

.pos-thermal-slip__meta[b-ckmcj8kduw],
.pos-thermal-slip__row[b-ckmcj8kduw] {
    display: flex;
    justify-content: space-between;
    gap: 0.25rem;
    font-size: 0.62rem;
    margin: 1px 0;
}

.pos-thermal-slip__meta span:last-child[b-ckmcj8kduw],
.pos-thermal-slip__row span:last-child[b-ckmcj8kduw] {
    text-align: right;
    word-break: break-word;
}

.pos-thermal-slip__hr[b-ckmcj8kduw] {
    border: none;
    border-top: 1px dashed #adb5bd;
    margin: 0.3rem 0;
}

.pos-thermal-slip__item[b-ckmcj8kduw] {
    margin: 0.35rem 0 0.15rem;
}

.pos-thermal-slip__name[b-ckmcj8kduw] {
    font-size: 0.62rem;
    font-weight: 600;
    word-break: break-word;
}

.pos-thermal-slip__tot[b-ckmcj8kduw] {
    font-weight: 700;
}

.pos-thermal-slip__tot--grand[b-ckmcj8kduw] {
    margin-top: 0.25rem;
    padding-top: 0.25rem;
    border-top: 1px solid #212529;
    font-size: 0.75rem;
}

.pos-thermal-slip__muted[b-ckmcj8kduw] {
    opacity: 0.65;
}

/* Post-save thermal receipt modal (same page) */
.pos-receipt-modal-backdrop .modal-dialog[b-ckmcj8kduw] {
    margin: 0.75rem auto;
}

.pos-receipt-modal-dialog[b-ckmcj8kduw] {
    max-width: 22rem;
    width: calc(100% - 1rem);
}

.pos-receipt-modal-card[b-ckmcj8kduw] {
    border-radius: 0.65rem;
    overflow: hidden;
}

.pos-receipt-modal-header[b-ckmcj8kduw] {
    background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
    color: #fff;
    border-bottom: none;
}

.pos-receipt-modal-header .text-muted[b-ckmcj8kduw] {
    color: rgba(255, 255, 255, 0.85) !important;
}

.pos-receipt-modal-header .btn-close[b-ckmcj8kduw] {
    filter: invert(1) grayscale(100%);
    opacity: 0.85;
}

.pos-receipt-modal-body[b-ckmcj8kduw] {
    background: linear-gradient(180deg, #e9ecef 0%, #f8f9fa 40%, #fff 100%);
}

.pos-receipt-print-root[b-ckmcj8kduw] {
    max-width: 80mm;
    padding: 0.45rem 0.55rem !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #111;
    font-family: "Courier New", Consolas, ui-monospace, monospace;
    font-size: 0.64rem;
    line-height: 1.2;
}

.pos-receipt-print-root .pos-thermal-slip__title[b-ckmcj8kduw] {
    font-size: 0.9rem;
    letter-spacing: 0.01em;
    margin-bottom: 0.08rem;
}

.pos-recv-sub[b-ckmcj8kduw] {
    text-align: center;
    font-size: 0.57rem;
    line-height: 1.15;
    margin: 0;
}

.pos-recv-inv[b-ckmcj8kduw] {
    text-align: center;
    font-size: 0.9rem;
    font-weight: 900;
    margin: 0.15rem 0 0.05rem;
    text-decoration: underline;
}

.pos-recv-logo-wrap[b-ckmcj8kduw] {
    display: flex;
    justify-content: center;
    margin-bottom: 0.12rem;
}

.pos-recv-logo[b-ckmcj8kduw] {
    max-width: 38mm;
    max-height: 14mm;
    object-fit: contain;
}

.pos-recv-kv[b-ckmcj8kduw] {
    display: flex;
    justify-content: space-between;
    gap: 0.3rem;
    font-size: 0.58rem;
    margin: 1px 0;
}

.pos-recv-kv span:first-child[b-ckmcj8kduw] {
    font-weight: 700;
}

.pos-recv-kv span:last-child[b-ckmcj8kduw] {
    text-align: right;
}

.pos-recv-item-head[b-ckmcj8kduw] {
    margin: 0.12rem 0 0.08rem;
    font-weight: 800;
    font-size: 0.6rem;
}

.pos-recv-item-name[b-ckmcj8kduw] {
    font-size: 0.64rem;
    font-weight: 700;
    margin-top: 0.1rem;
    line-height: 1.15;
}

.pos-recv-item-head--cols[b-ckmcj8kduw],
.pos-recv-item-grid[b-ckmcj8kduw] {
    display: grid;
    grid-template-columns: 1.15fr 0.42fr 0.72fr 0.72fr;
    gap: 0.2rem 0.35rem;
    font-size: 0.62rem;
    align-items: baseline;
}

.pos-recv-item-head--cols span[b-ckmcj8kduw],
.pos-recv-item-grid span[b-ckmcj8kduw] {
    text-align: right;
}

.pos-recv-item-head--cols span:first-child[b-ckmcj8kduw],
.pos-recv-item-grid span:first-child[b-ckmcj8kduw] {
    text-align: left;
}

.pos-recv-item-grid[b-ckmcj8kduw] {
    margin-bottom: 0.08rem;
}

.pos-recv-foot[b-ckmcj8kduw] {
    text-align: center;
    font-size: 0.6rem;
    line-height: 1.2;
    margin-top: 0.08rem;
}

.pos-recv-italic[b-ckmcj8kduw] {
    font-style: italic;
}

.pos-receipt-print-root .pos-thermal-slip__hr[b-ckmcj8kduw] {
    margin: 0.22rem 0;
    border-top-color: #666;
}

.pos-receipt-print-root .pos-thermal-slip__row[b-ckmcj8kduw] {
    font-size: 0.6rem;
}
/* /Components/Shared/LedgerSearch.razor.rz.scp.css */
.ledger-search[b-ua06soegxj] {
    position: relative;
    width: 100%;
}

.ledger-search__control[b-ua06soegxj] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.ledger-search__icon[b-ua06soegxj] {
    position: absolute;
    left: 0.55rem;
    z-index: 1;
    color: #868e96;
    font-size: 1rem;
    pointer-events: none;
}

.ledger-search__control--with-icon .ledger-search__input[b-ua06soegxj] {
    padding-left: 2.1rem;
}

.ledger-search__input[b-ua06soegxj] {
    width: 100%;
}

.ledger-search__panel[b-ua06soegxj] {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 2px);
    z-index: 1080;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.12);
    min-width: min(100%, 22rem);
    max-height: min(22rem, 55vh);
    display: flex;
    flex-direction: column;
}

.ledger-search__panel-head[b-ua06soegxj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.35rem 0.5rem;
    border-bottom: 1px solid #e9ecef;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #868e96;
}

.ledger-search__panel-meta[b-ua06soegxj] {
    font-weight: 600;
    color: #495057;
}

.ledger-search__panel-body[b-ua06soegxj] {
    overflow-y: auto;
    flex: 1;
}

.ledger-search__empty[b-ua06soegxj] {
    padding: 0.75rem 0.85rem;
    font-size: 0.8rem;
    color: #868e96;
}

.ledger-search__item[b-ua06soegxj] {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #f1f3f5;
    background: #fff;
    padding: 0.45rem 0.65rem;
    cursor: pointer;
    font-size: 0.85rem;
    line-height: 1.25;
}

.ledger-search__item:last-child[b-ua06soegxj] {
    border-bottom: none;
}

.ledger-search__item:hover[b-ua06soegxj],
.ledger-search__item.is-active[b-ua06soegxj] {
    background: #f8f9fa;
}

.ledger-search__item.is-active[b-ua06soegxj] {
    outline: 1px solid rgba(13, 110, 253, 0.35);
}

.ledger-search__item.is-selected:not(.is-active)[b-ua06soegxj] {
    background: rgba(13, 110, 253, 0.06);
}

.ledger-search__item--none[b-ua06soegxj] {
    font-size: 0.8rem;
}

.ledger-search__item-title[b-ua06soegxj] {
    font-weight: 600;
    color: #212529;
}

.ledger-search__item-sub[b-ua06soegxj] {
    font-size: 0.72rem;
    margin-top: 0.1rem;
}
/* /Components/Shared/PosShiftPanel.razor.rz.scp.css */
.pos-shift-modal[b-vamw2ley84] {
    background: rgba(0, 0, 0, 0.45);
    z-index: 1110;
}