/* _content/POS.Shared/Components/Dialogs/AboutZippiBillDialog.razor.rz.scp.css */
.about-zippibill-shell[b-ln3ft6fcsf] {
    overflow: hidden;
    border-radius: 24px;
    color: #0f172a;
    background: #fff;
    border: 1px solid rgba(15, 118, 110, .14);
    box-shadow: 0 30px 80px rgba(15, 23, 42, .18);
}

.about-zippibill-hero[b-ln3ft6fcsf] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 22px 28px;
    padding: 26px 28px 28px;
    color: #fff;
    background:
        radial-gradient(circle at 86% 8%, rgba(45, 212, 191, .3), transparent 34%),
        linear-gradient(135deg, #052e2b 0%, #075a52 52%, #0f766e 100%);
}

.about-zippibill-hero[b-ln3ft6fcsf]::after {
    content: "";
    position: absolute;
    inset: auto -60px -95px auto;
    width: 240px;
    height: 240px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 50%;
    box-shadow: 0 0 0 34px rgba(255,255,255,.035), 0 0 0 68px rgba(255,255,255,.025);
    pointer-events: none;
}

.about-zippibill-close[b-ln3ft6fcsf] {
    position: absolute;
    z-index: 2;
    top: 16px;
    right: 16px;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.22);
    border-radius: 12px;
    color: #fff;
    background: rgba(255,255,255,.09);
    cursor: pointer;
}

.about-zippibill-close:hover[b-ln3ft6fcsf] { background: rgba(255,255,255,.17); }

.about-zippibill-close[b-ln3ft6fcsf]  .mud-icon-root { font-size: 20px; }

.about-zippibill-brand[b-ln3ft6fcsf] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 14px;
    padding-right: 44px;
}

.about-zippibill-brand img[b-ln3ft6fcsf] {
    width: 152px;
    height: 40px;
    object-fit: contain;
}

.about-zippibill-brand span[b-ln3ft6fcsf] {
    padding: 7px 11px;
    border: 1px solid rgba(153, 246, 228, .32);
    border-radius: 999px;
    color: #ccfbf1;
    background: rgba(15, 118, 110, .34);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.about-zippibill-title[b-ln3ft6fcsf] { min-width: 0; }

.about-zippibill-kicker[b-ln3ft6fcsf] {
    color: #99f6e4;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.about-zippibill-title h2[b-ln3ft6fcsf] {
    margin: 5px 0 6px;
    color: #fff;
    font-size: 29px;
    line-height: 1.1;
}

.about-zippibill-title p[b-ln3ft6fcsf] {
    max-width: 450px;
    margin: 0;
    color: rgba(240, 253, 250, .76);
    font-size: 13px;
    line-height: 1.55;
}

.about-zippibill-version[b-ln3ft6fcsf] {
    position: relative;
    z-index: 1;
    min-width: 132px;
    align-self: end;
    padding: 14px 16px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 18px;
    background: rgba(255,255,255,.1);
    backdrop-filter: blur(8px);
}

.about-zippibill-version span[b-ln3ft6fcsf],
.about-zippibill-version small[b-ln3ft6fcsf] {
    display: block;
    color: rgba(240,253,250,.68);
    font-size: 10px;
    font-weight: 700;
}

.about-zippibill-version strong[b-ln3ft6fcsf] {
    display: block;
    margin: 3px 0;
    color: #fff;
    font-size: 22px;
}

.about-zippibill-body[b-ln3ft6fcsf] {
    display: grid;
    gap: 18px;
    padding: 22px 28px 24px;
}

.about-zippibill-owner[b-ln3ft6fcsf] {
    display: flex;
    gap: 14px;
    padding: 16px;
    border: 1px solid #d6ebe6;
    border-radius: 18px;
    background: linear-gradient(135deg, #f0fdfa, #fff);
}

.about-zippibill-owner-icon[b-ln3ft6fcsf] {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(145deg, #0f766e, #16a085);
    box-shadow: 0 9px 20px rgba(15,118,110,.2);
}

.about-zippibill-owner small[b-ln3ft6fcsf],
.about-zippibill-owner strong[b-ln3ft6fcsf] {
    display: block;
}

.about-zippibill-owner small[b-ln3ft6fcsf] {
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.about-zippibill-owner strong[b-ln3ft6fcsf] {
    margin-top: 2px;
    font-size: 16px;
}

.about-zippibill-owner p[b-ln3ft6fcsf] {
    margin: 4px 0 0;
    color: #526274;
    font-size: 12px;
    line-height: 1.5;
}

.about-zippibill-links[b-ln3ft6fcsf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.about-zippibill-links > a[b-ln3ft6fcsf] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px;
    color: #0f172a;
    text-decoration: none;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.about-zippibill-links > a:hover[b-ln3ft6fcsf] {
    transform: translateY(-2px);
    border-color: #8dd9ce;
    box-shadow: 0 10px 24px rgba(15,23,42,.08);
}

.about-zippibill-links > a > span[b-ln3ft6fcsf] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #0f766e;
    background: #e7f8f4;
}

.about-zippibill-links > a > span[b-ln3ft6fcsf]  .mud-icon-root { font-size: 19px; }

.about-zippibill-links div[b-ln3ft6fcsf] { min-width: 0; }

.about-zippibill-links small[b-ln3ft6fcsf],
.about-zippibill-links strong[b-ln3ft6fcsf] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.about-zippibill-links small[b-ln3ft6fcsf] {
    color: #64748b;
    font-size: 9px;
    font-weight: 700;
}

.about-zippibill-links strong[b-ln3ft6fcsf] { font-size: 11px; }

.about-link-arrow[b-ln3ft6fcsf] {
    margin-left: auto;
    color: #94a3b8 !important;
    font-size: 16px !important;
}

.about-zippibill-trust[b-ln3ft6fcsf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #0f766e;
    font-size: 11px;
    font-weight: 800;
}

.about-zippibill-trust[b-ln3ft6fcsf]  .mud-icon-root { font-size: 17px; }

.about-zippibill-footer[b-ln3ft6fcsf] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 0 12px 0 6px;
}

.about-zippibill-footer > span[b-ln3ft6fcsf] {
    color: #64748b;
    font-size: 10px;
}

@media (max-width: 700px) {
    .about-zippibill-hero[b-ln3ft6fcsf] {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 22px 20px 24px;
    }

    .about-zippibill-brand[b-ln3ft6fcsf] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .about-zippibill-title h2[b-ln3ft6fcsf] { font-size: 25px; }

    .about-zippibill-version[b-ln3ft6fcsf] {
        width: 100%;
        box-sizing: border-box;
    }

    .about-zippibill-body[b-ln3ft6fcsf] { padding: 18px; }

    .about-zippibill-links[b-ln3ft6fcsf] { grid-template-columns: 1fr; }

    .about-zippibill-footer[b-ln3ft6fcsf] {
        align-items: flex-start;
        flex-direction: column;
        padding: 0 4px;
    }

    .about-zippibill-footer[b-ln3ft6fcsf]  .mud-button-root { width: 100%; }
}
/* _content/POS.Shared/Components/Dialogs/AssignToDialog.razor.rz.scp.css */
.assign-dialog[b-gisd0whhe5] {
    display: flex;
    width: clamp(320px, 38vw, 460px);
    max-height: min(620px, 74dvh);
    flex-direction: column;
    gap: 0.62rem;
}

.assign-current[b-gisd0whhe5],
.assign-empty[b-gisd0whhe5] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid rgba(15, 118, 110, 0.14);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.98), rgba(255, 255, 255, 0.98));
}

.assign-current[b-gisd0whhe5] {
    justify-content: space-between;
}

.assign-current .mud-icon-root[b-gisd0whhe5] {
    flex: 0 0 auto;
    color: #94a3b8;
    font-size: 1rem !important;
}

.assign-owner-block[b-gisd0whhe5] {
    display: flex;
    min-width: 0;
    flex: 1 1 0;
    flex-direction: column;
    gap: 0.1rem;
}

.assign-owner-next[b-gisd0whhe5] {
    align-items: flex-end;
    text-align: right;
}

.assign-current span[b-gisd0whhe5],
.assign-owner-block small[b-gisd0whhe5],
.assign-section-title[b-gisd0whhe5],
.assign-section-head span[b-gisd0whhe5] {
    color: #64748b;
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.assign-current strong[b-gisd0whhe5] {
    overflow: hidden;
    color: #0f766e;
    font-size: 0.86rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.assign-owner-next strong[b-gisd0whhe5] {
    color: #0f172a;
}

.assign-role-head[b-gisd0whhe5] {
    margin-top: 0.08rem;
}

.assign-role-grid[b-gisd0whhe5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.42rem;
}

.assign-role-option[b-gisd0whhe5],
.assign-staff-row[b-gisd0whhe5] {
    position: relative;
    display: grid;
    align-items: center;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: linear-gradient(180deg, #fff, #f8fafc);
    color: #334155;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.12s ease, box-shadow 0.12s ease, transform 0.12s ease;
}

.assign-role-option[b-gisd0whhe5] {
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 0.42rem;
    min-height: 42px;
    padding: 0.42rem 0.46rem;
}

.assign-staff-row[b-gisd0whhe5] {
    grid-template-columns: 32px minmax(0, 1fr) auto;
    gap: 0.58rem;
    min-height: 50px;
    padding: 0.52rem 0.62rem;
}

.assign-role-option:hover[b-gisd0whhe5],
.assign-staff-row:hover[b-gisd0whhe5] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.22);
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
}

.assign-role-option.active[b-gisd0whhe5],
.assign-staff-row.active[b-gisd0whhe5] {
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.96), rgba(255, 255, 255, 0.98));
    border-color: rgba(15, 118, 110, 0.3);
    box-shadow: 0 10px 18px rgba(15, 118, 110, 0.08);
}

.assign-option-icon[b-gisd0whhe5],
.assign-staff-avatar[b-gisd0whhe5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 10px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
    font-weight: 900;
}

.assign-staff-avatar[b-gisd0whhe5] {
    width: 32px;
    height: 32px;
}

.assign-role-option.active .assign-option-icon[b-gisd0whhe5],
.assign-staff-row.active .assign-staff-avatar[b-gisd0whhe5] {
    background: linear-gradient(135deg, #14532d, #0f766e);
    color: #fff;
}

.assign-option-copy[b-gisd0whhe5],
.assign-staff-copy[b-gisd0whhe5] {
    min-width: 0;
}

.assign-option-copy strong[b-gisd0whhe5],
.assign-staff-copy strong[b-gisd0whhe5],
.assign-staff-copy small[b-gisd0whhe5] {
    display: block;
}

.assign-option-copy strong[b-gisd0whhe5],
.assign-staff-copy strong[b-gisd0whhe5] {
    overflow: hidden;
    color: #0f172a;
    font-size: 0.78rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.assign-staff-copy small[b-gisd0whhe5] {
    margin-top: 0.05rem;
    overflow: hidden;
    color: #64748b;
    font-size: 0.63rem;
    line-height: 0.82rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.assign-section-head[b-gisd0whhe5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}

.assign-section-head small[b-gisd0whhe5] {
    color: #0f766e;
    font-size: 0.7rem;
    font-weight: 850;
}

.assign-search[b-gisd0whhe5] {
    margin-top: -0.14rem;
}

.assign-search :deep(.mud-input-control)[b-gisd0whhe5] {
    margin-top: 0;
}

.assign-staff-list[b-gisd0whhe5] {
    display: flex;
    overflow-y: auto;
    max-height: 210px;
    flex-direction: column;
    gap: 0.42rem;
    padding-right: 0.12rem;
}

.assign-option-check[b-gisd0whhe5],
.assign-person-action[b-gisd0whhe5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.assign-option-check[b-gisd0whhe5] {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #22c55e;
    color: #fff;
}

.assign-person-action[b-gisd0whhe5] {
    min-width: 64px;
    height: 28px;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
    font-size: 0.68rem;
    font-weight: 900;
}

.assign-person-action.active[b-gisd0whhe5] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
}

.assign-role-check[b-gisd0whhe5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    background: #22c55e;
    color: #fff;
}

.assign-role-check .mud-icon-root[b-gisd0whhe5] {
    font-size: 0.7rem !important;
}

.assign-clear-person[b-gisd0whhe5] {
    border: 0;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
    cursor: pointer;
    font-size: 0.7rem;
    font-weight: 900;
    padding: 0.28rem 0.58rem;
}

.assign-clear-person:hover[b-gisd0whhe5] {
    background: rgba(15, 118, 110, 0.14);
}

.assign-option-check .mud-icon-root[b-gisd0whhe5] {
    font-size: 0.82rem !important;
}

.assign-empty[b-gisd0whhe5] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 750;
    line-height: 1.05rem;
}

.assign-empty .mud-icon-root[b-gisd0whhe5] {
    color: #0f766e;
}

@media (max-width: 560px) {
    .assign-dialog[b-gisd0whhe5] {
        width: min(420px, calc(100vw - 2rem));
        min-width: 0;
        max-height: 68dvh;
        gap: 0.54rem;
    }

    .assign-role-grid[b-gisd0whhe5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .assign-role-option[b-gisd0whhe5] {
        min-height: 40px;
    }

    .assign-staff-list[b-gisd0whhe5] {
        max-height: min(190px, 25dvh);
    }
}

@media (min-width: 561px) and (max-width: 1024px) {
    .assign-dialog[b-gisd0whhe5] {
        width: min(460px, 72vw);
        max-height: 70dvh;
    }

    .assign-staff-list[b-gisd0whhe5] {
        max-height: min(240px, 28dvh);
    }
}

@media (min-width: 1025px) {
    .assign-staff-list[b-gisd0whhe5] {
        max-height: 260px;
    }
}
/* _content/POS.Shared/Components/Dialogs/BillOptionsDialog.razor.rz.scp.css */
.bill-options-dialog[b-9chzh1ffr6] {
    display: flex;
    width: min(430px, 92vw);
    max-height: min(560px, 72dvh);
    flex-direction: column;
    gap: 0.52rem;
}

.bill-options-hero[b-9chzh1ffr6] {
    display: flex;
    align-items: center;
    gap: 0.58rem;
    padding: 0.56rem 0.64rem;
    border: 1px solid rgba(13, 148, 136, 0.16);
    border-radius: 13px;
    background: linear-gradient(135deg, #f0fdfa, #fff);
}

.bill-options-hero-icon[b-9chzh1ffr6],
.bill-option-icon[b-9chzh1ffr6] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #0f766e;
    color: #fff;
}

.bill-options-hero span[b-9chzh1ffr6],
.bill-options-section-title[b-9chzh1ffr6] {
    color: #64748b;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bill-options-hero strong[b-9chzh1ffr6] {
    display: block;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.bill-options-section[b-9chzh1ffr6] {
    display: grid;
    gap: 0.34rem;
}

.bill-option-row[b-9chzh1ffr6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 0.5rem;
    align-items: center;
    width: 100%;
    padding: 0.46rem 0.54rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: #fff;
    color: #0f172a;
    cursor: pointer;
    text-align: left;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.bill-option-row.active[b-9chzh1ffr6] {
    border-color: rgba(13, 148, 136, 0.28);
    background: linear-gradient(135deg, #f0fdfa, #fff);
}

.bill-option-copy[b-9chzh1ffr6] {
    display: grid;
    min-width: 0;
    gap: 0.08rem;
}

.bill-option-copy strong[b-9chzh1ffr6] {
    overflow: hidden;
    font-size: 0.84rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-option-copy small[b-9chzh1ffr6],
.bill-option-state[b-9chzh1ffr6] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 800;
}

.bill-option-state[b-9chzh1ffr6] {
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: #f1f5f9;
}

.bill-option-row.active .bill-option-state[b-9chzh1ffr6] {
    background: #ccfbf1;
    color: #0f766e;
}

.bill-option-row > .mud-icon-root:last-child[b-9chzh1ffr6] {
    color: #22c55e;
}

.bill-option-icon.quick[b-9chzh1ffr6] {
    background: #0f766e;
}

.bill-option-icon.print[b-9chzh1ffr6] {
    background: #2563eb;
}

.bill-option-icon.loyalty[b-9chzh1ffr6] {
    background: #b45309;
}

.bill-option-grid[b-9chzh1ffr6] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.34rem;
}

.bill-option-grid button[b-9chzh1ffr6] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.34rem;
    border: 1px dashed rgba(15, 23, 42, 0.12);
    border-radius: 11px;
    background: #f8fafc;
    color: #475569;
    cursor: pointer;
    font-size: 0.68rem;
    font-weight: 900;
}

.bill-option-grid button.active[b-9chzh1ffr6] {
    border-color: rgba(13, 148, 136, 0.24);
    background: #f0fdfa;
    color: #0f766e;
}

.bill-option-grid button:disabled[b-9chzh1ffr6] {
    opacity: 0.48;
    cursor: not-allowed;
}

.bill-option-grid .mud-icon-root[b-9chzh1ffr6] {
    color: #0f766e;
}

@media (max-width: 420px) {
    .bill-options-dialog[b-9chzh1ffr6] {
        width: 91vw;
        max-height: 70dvh;
    }

    .bill-option-row[b-9chzh1ffr6] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .bill-option-state[b-9chzh1ffr6] {
        display: none;
    }

    .bill-option-copy small[b-9chzh1ffr6] {
        display: none;
    }

    .bill-option-grid[b-9chzh1ffr6] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* _content/POS.Shared/Components/Dialogs/ConfirmActionDialog.razor.rz.scp.css */
.billing-confirm-shell[b-70wf5ml2ok] {
    min-width: min(430px, 82vw);
    color: #10243e;
}

.billing-confirm-hero[b-70wf5ml2ok] { display: flex; align-items: center; gap: 1rem; }
.billing-confirm-icon[b-70wf5ml2ok] { width: 54px; height: 54px; border-radius: 17px; display: grid; place-items: center; flex: 0 0 auto; color: #fff; background: linear-gradient(145deg, #0d6b55, #119879); box-shadow: 0 12px 28px rgba(13,107,85,.24); }
.billing-confirm-icon[b-70wf5ml2ok]  .mud-icon-root { font-size: 1.65rem; }
.billing-confirm-eyebrow[b-70wf5ml2ok] { color: #0e8069; font-size: .7rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.billing-confirm-hero h2[b-70wf5ml2ok] { margin: .14rem 0; font-size: 1.35rem; line-height: 1.15; }
.billing-confirm-hero p[b-70wf5ml2ok] { margin: 0; color: #64748b; font-size: .84rem; }
.billing-confirm-total[b-70wf5ml2ok] { margin: 1.1rem 0 .72rem; padding: 1rem 1.1rem; border-radius: 18px; color: #fff; background: linear-gradient(120deg, #073d45, #08775f); box-shadow: inset 0 1px rgba(255,255,255,.14); }
.billing-confirm-total span[b-70wf5ml2ok], .billing-confirm-total small[b-70wf5ml2ok] { display: block; color: rgba(255,255,255,.78); font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
.billing-confirm-total strong[b-70wf5ml2ok] { display: block; margin: .18rem 0; font-size: 1.65rem; line-height: 1.1; }
.billing-confirm-total small[b-70wf5ml2ok] { text-transform: none; letter-spacing: 0; }
.billing-confirm-facts[b-70wf5ml2ok] { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.billing-confirm-facts div[b-70wf5ml2ok] { padding: .72rem .85rem; border: 1px solid #dce8e5; border-radius: 14px; background: #f7fbfa; }
.billing-confirm-facts span[b-70wf5ml2ok], .billing-confirm-facts strong[b-70wf5ml2ok] { display: block; }
.billing-confirm-facts span[b-70wf5ml2ok] { color: #718096; font-size: .66rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.billing-confirm-facts strong[b-70wf5ml2ok] { margin-top: .16rem; color: #11243b; font-size: .95rem; }
.billing-confirm-note[b-70wf5ml2ok] { display: flex; align-items: center; gap: .45rem; margin-top: .75rem; color: #527068; font-size: .73rem; }
[b-70wf5ml2ok] .billing-confirm-actions { padding: .7rem 1.5rem 1.25rem; gap: .55rem; }
[b-70wf5ml2ok] .billing-confirm-submit { min-width: 148px; border-radius: 13px; font-weight: 800; box-shadow: 0 8px 18px rgba(9,94,68,.2); }
[b-70wf5ml2ok] .billing-confirm-cancel { border-radius: 13px; }

@media (max-width: 520px) { .billing-confirm-shell[b-70wf5ml2ok] { min-width: 0; } .billing-confirm-facts[b-70wf5ml2ok] { grid-template-columns: 1fr; } }
/* _content/POS.Shared/Components/Dialogs/CreditApprovalReasonDialog.razor.rz.scp.css */
.credit-reason-dialog[b-ixm7wtpaxk] {
    width: min(420px, 86vw);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.credit-reason-summary[b-ixm7wtpaxk] {
    display: grid;
    gap: 0.18rem;
    padding: 0.9rem 1rem;
    border: 1px solid rgba(13, 148, 136, 0.18);
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.98), rgba(255, 255, 255, 0.98));
}

.credit-reason-summary span[b-ixm7wtpaxk] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.credit-reason-summary strong[b-ixm7wtpaxk] {
    color: #0f766e;
    font-size: 1.35rem;
    font-weight: 900;
}

.credit-reason-summary small[b-ixm7wtpaxk] {
    color: #334155;
    font-weight: 700;
}
/* _content/POS.Shared/Components/Dialogs/CreditOtpApprovalDialog.razor.rz.scp.css */
.credit-otp-dialog[b-hl3pgkfewm] {
    display: flex;
    width: min(420px, 86vw);
    flex-direction: column;
    gap: 0.9rem;
}

.credit-otp-head[b-hl3pgkfewm],
.credit-otp-route[b-hl3pgkfewm] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid rgba(13, 148, 136, 0.18);
    border-radius: 14px;
    background: linear-gradient(135deg, #f0fdfa, #fff);
}

.credit-otp-head > .mud-icon-root[b-hl3pgkfewm] {
    color: #0f766e;
}

.credit-otp-head span[b-hl3pgkfewm],
.credit-otp-route span[b-hl3pgkfewm] {
    display: block;
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.credit-otp-head strong[b-hl3pgkfewm],
.credit-otp-route strong[b-hl3pgkfewm] {
    display: block;
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 900;
}

.credit-otp-head small[b-hl3pgkfewm],
.credit-otp-route small[b-hl3pgkfewm] {
    color: #64748b;
    font-weight: 700;
}

.credit-otp-route[b-hl3pgkfewm] {
    display: grid;
    gap: 0.12rem;
}

.credit-otp-test[b-hl3pgkfewm] {
    display: grid;
    gap: 0.12rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid rgba(37, 99, 235, 0.2);
    border-radius: 12px;
    background: #eff6ff;
}

.credit-otp-test span[b-hl3pgkfewm] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.credit-otp-test strong[b-hl3pgkfewm] {
    color: #1d4ed8;
    font-size: 1.45rem;
    font-weight: 900;
    letter-spacing: 0.12em;
}

.credit-otp-note[b-hl3pgkfewm] {
    display: flex;
    gap: 0.4rem;
    align-items: flex-start;
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}
/* _content/POS.Shared/Components/Dialogs/InvoiceSuccessDialog.razor.rz.scp.css */
.invoice-success-dialog[b-grth627tpl] {
    min-width: min(390px, 80vw);
    text-align: center;
    color: #10243e;
}

.invoice-success-hero[b-grth627tpl] { display: flex; flex-direction: column; align-items: center; }
.invoice-success-check[b-grth627tpl] { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: .6rem; border-radius: 20px; color: #fff; background: linear-gradient(145deg, #17a36f, #08775e); box-shadow: 0 14px 30px rgba(8,119,94,.25); }
.invoice-success-check[b-grth627tpl]  .mud-icon-root { font-size: 2rem; }
.invoice-success-hero > span[b-grth627tpl] { color: #0c8168; font-size: .68rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.invoice-success-hero h2[b-grth627tpl] { margin: .18rem 0 .25rem; font-size: 1.45rem; }
.invoice-success-number[b-grth627tpl] { color: #334155; font-size: 1rem; letter-spacing: .05em; }
.invoice-success-hero p[b-grth627tpl] { margin: .35rem 0 0; color: #64748b; font-size: .8rem; }
.invoice-success-total[b-grth627tpl] { position: relative; margin: 1rem 0 .7rem; padding: .9rem 1rem; border-radius: 18px; color: #fff; background: linear-gradient(120deg, #073d45, #08775f); text-align: left; }
.invoice-success-total span[b-grth627tpl], .invoice-success-total strong[b-grth627tpl] { display: block; }
.invoice-success-total span[b-grth627tpl] { color: rgba(255,255,255,.75); font-size: .67rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.invoice-success-total strong[b-grth627tpl] { margin-top: .12rem; font-size: 1.55rem; }
.invoice-success-total small[b-grth627tpl] { position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); padding: .3rem .6rem; border-radius: 999px; font-size: .7rem; font-weight: 900; background: rgba(255,255,255,.16); }
.invoice-success-total small.paid[b-grth627tpl] { background: #d8fae8; color: #087044; }
.invoice-success-total small.pending[b-grth627tpl] { background: #fff0c7; color: #8a5700; }
.invoice-success-assurance[b-grth627tpl] { display: flex; justify-content: center; align-items: center; gap: .4rem; margin-top: .75rem; color: #5b746d; font-size: .72rem; }
.status-paid[b-grth627tpl] { color: #08775e !important; }
.status-pending[b-grth627tpl] { color: #a16207 !important; }
[b-grth627tpl] .invoice-success-new, [b-grth627tpl] .invoice-success-print { border-radius: 13px; font-weight: 800; }
[b-grth627tpl] .invoice-success-print { min-width: 150px; box-shadow: 0 8px 18px rgba(9,94,68,.2); }
[b-grth627tpl] .mud-dialog-actions { padding: .65rem 1.5rem 1.25rem; }

.invoice-success-summary[b-grth627tpl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 0.5rem;
    margin-top: 0;
}

.invoice-success-summary div[b-grth627tpl] {
    padding: 0.62rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: #f7fafb;
}

@media (max-width: 480px) { .invoice-success-dialog[b-grth627tpl] { min-width: 0; } }

.invoice-success-summary span[b-grth627tpl],
.invoice-success-summary strong[b-grth627tpl] {
    display: block;
}

.invoice-success-summary span[b-grth627tpl] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.invoice-success-summary strong[b-grth627tpl] {
    color: #0f172a;
    font-size: 0.9rem;
    margin-top: 0.15rem;
}
/* _content/POS.Shared/Components/Dialogs/ProductVariantSelectDialog.razor.rz.scp.css */
.variant-picker[b-ohesh4mk3z] {
    width: min(460px, 88vw);
    max-width: 100%;
}

.variant-picker-head[b-ohesh4mk3z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.1rem 0 0.65rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.variant-picker-brand[b-ohesh4mk3z] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.variant-picker-brand span[b-ohesh4mk3z] {
    color: #0f766e;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.variant-picker-brand strong[b-ohesh4mk3z] {
    color: #0f172a;
    font-size: 1rem;
    line-height: 1.18rem;
    font-weight: 900;
}

.variant-count[b-ohesh4mk3z] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 0.5rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
    font-size: 0.68rem;
    font-weight: 900;
    white-space: nowrap;
}

.variant-list[b-ohesh4mk3z] {
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
    max-height: min(52vh, 390px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.62rem 0.12rem 0.2rem 0;
}

.variant-search[b-ohesh4mk3z] {
    margin-top: 0.55rem;
}

.variant-list[b-ohesh4mk3z]::-webkit-scrollbar {
    width: 6px;
}

.variant-list[b-ohesh4mk3z]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.24);
}

.variant-row[b-ohesh4mk3z] {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 34px;
    align-items: center;
    gap: 0.55rem;
    min-height: 64px;
    padding: 0.55rem 0.52rem 0.55rem 0.66rem;
    border: 1px solid rgba(15, 118, 110, 0.12);
    border-radius: 12px;
    background: linear-gradient(180deg, #ffffff, #f8fbfd);
    color: #0f172a;
    text-align: left;
    box-shadow: 0 7px 16px rgba(15, 23, 42, 0.045);
    cursor: pointer;
    overflow: hidden;
    transition: transform 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}

.variant-row[b-ohesh4mk3z]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #0f766e, #2563eb);
}

.variant-row:hover[b-ohesh4mk3z] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.32);
    box-shadow: 0 12px 22px rgba(15, 23, 42, 0.08);
}

.variant-row.disabled[b-ohesh4mk3z] {
    cursor: not-allowed;
    opacity: 0.56;
}

.variant-row-main[b-ohesh4mk3z],
.variant-row-side[b-ohesh4mk3z] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.variant-row-main[b-ohesh4mk3z] {
    gap: 0.18rem;
}

.variant-row-side[b-ohesh4mk3z] {
    align-items: flex-end;
    gap: 0.22rem;
}

.variant-name[b-ohesh4mk3z] {
    color: #0f172a;
    font-size: 0.92rem;
    line-height: 1rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.variant-barcode[b-ohesh4mk3z] {
    display: inline-flex;
    align-items: center;
    gap: 0.22rem;
    min-width: 0;
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 700;
}

.variant-barcode .mud-icon-root[b-ohesh4mk3z] {
    font-size: 0.9rem !important;
}

.variant-row-side strong[b-ohesh4mk3z] {
    color: #0f766e;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 900;
    white-space: nowrap;
}

.stock-ok[b-ohesh4mk3z],
.stock-out[b-ohesh4mk3z] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 0.42rem;
    border-radius: 999px;
    font-size: 0.64rem;
    font-weight: 900;
    white-space: nowrap;
}

.stock-ok[b-ohesh4mk3z] {
    background: rgba(20, 184, 166, 0.1);
    color: #0f766e;
}

.stock-out[b-ohesh4mk3z] {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
}

.variant-add[b-ohesh4mk3z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0f766e, #0d9488);
    color: #fff;
    box-shadow: 0 8px 14px rgba(15, 118, 110, 0.2);
}

.variant-scroll-hint[b-ohesh4mk3z] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    padding-top: 0.35rem;
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 800;
}

.variant-empty[b-ohesh4mk3z] {
    min-height: 96px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

@media (max-width: 600px) {
    .variant-picker[b-ohesh4mk3z] {
        width: min(420px, 90vw);
    }

    .variant-list[b-ohesh4mk3z] {
        max-height: min(48vh, 330px);
        gap: 0.34rem;
    }

    .variant-row[b-ohesh4mk3z] {
        grid-template-columns: minmax(0, 1fr) auto 30px;
        min-height: 58px;
        gap: 0.4rem;
        padding: 0.48rem 0.42rem 0.48rem 0.58rem;
        border-radius: 11px;
    }

    .variant-picker-brand strong[b-ohesh4mk3z] {
        font-size: 0.95rem;
        line-height: 1.08rem;
    }

    .variant-name[b-ohesh4mk3z] {
        font-size: 0.82rem;
    }

    .variant-row-side strong[b-ohesh4mk3z] {
        font-size: 0.9rem;
    }

    .variant-barcode[b-ohesh4mk3z],
    .stock-ok[b-ohesh4mk3z],
    .stock-out[b-ohesh4mk3z] {
        font-size: 0.6rem;
    }

    .variant-add[b-ohesh4mk3z] {
        width: 28px;
        height: 28px;
    }
}
/* _content/POS.Shared/Components/Dialogs/SplitPaymentDialog.razor.rz.scp.css */
.split-payment-dialog[b-9cpnm0chk3] {
    display: flex;
    width: min(720px, 92vw);
    max-height: min(640px, 76dvh);
    flex-direction: column;
    gap: 0.8rem;
}

.split-payment-title[b-9cpnm0chk3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.split-payment-title span[b-9cpnm0chk3],
.split-payment-head span[b-9cpnm0chk3] {
    display: block;
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.split-payment-title strong[b-9cpnm0chk3] {
    display: block;
    color: #0f172a;
    font-size: 1.2rem;
    font-weight: 900;
}

.split-payment-title .mud-icon-root[b-9cpnm0chk3] {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #ecfdf5;
    color: #047857;
}

.split-payment-head[b-9cpnm0chk3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.split-payment-head > div[b-9cpnm0chk3] {
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: linear-gradient(180deg, #fff, #f8fafc);
}

.split-payment-head strong[b-9cpnm0chk3] {
    display: block;
    margin-top: 0.12rem;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.15;
}

.split-payment-balance.settled[b-9cpnm0chk3] {
    border-color: rgba(13, 148, 136, 0.28);
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.98), rgba(255, 255, 255, 0.98));
}

.split-payment-balance.settled strong[b-9cpnm0chk3] {
    color: #0f766e;
}

.split-payment-balance.over[b-9cpnm0chk3] {
    border-color: rgba(217, 119, 6, 0.3);
    background: linear-gradient(135deg, rgba(255, 251, 235, 0.98), rgba(255, 255, 255, 0.98));
}

.split-payment-balance.over strong[b-9cpnm0chk3] {
    color: #b45309;
}

.split-payment-list[b-9cpnm0chk3] {
    display: flex;
    overflow: auto;
    max-height: min(330px, 40dvh);
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.08rem 0.18rem 0.08rem 0;
}

.split-payment-row[b-9cpnm0chk3] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(118px, 0.38fr) minmax(0, 1fr) 34px;
    grid-template-areas:
        "method methods remove"
        "fields fields fields";
    gap: 0.55rem;
    align-items: center;
    padding: 0.58rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-left: 4px solid #0f766e;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
}

.split-payment-row.method-card[b-9cpnm0chk3] {
    border-left-color: #2563eb;
}

.split-payment-row.method-upi[b-9cpnm0chk3] {
    border-left-color: #7c3aed;
}

.split-payment-row.method-credit[b-9cpnm0chk3] {
    border-left-color: #d97706;
}

.split-payment-method[b-9cpnm0chk3] {
    grid-area: method;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.45rem;
}

.split-payment-method strong[b-9cpnm0chk3] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 900;
}

.split-payment-method-icon[b-9cpnm0chk3] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #ecfdf5;
    color: #047857;
}

.method-card .split-payment-method-icon[b-9cpnm0chk3] {
    background: #eff6ff;
    color: #2563eb;
}

.method-upi .split-payment-method-icon[b-9cpnm0chk3] {
    background: #f5f3ff;
    color: #7c3aed;
}

.method-credit .split-payment-method-icon[b-9cpnm0chk3] {
    background: #fffbeb;
    color: #b45309;
}

.split-payment-fields[b-9cpnm0chk3] {
    grid-area: fields;
    display: grid;
    grid-template-columns: minmax(132px, 0.42fr) minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
}

.split-payment-fields label[b-9cpnm0chk3] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.split-payment-fields label > span[b-9cpnm0chk3] {
    color: #64748b;
    font-size: 0.66rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.split-payment-methods[b-9cpnm0chk3] {
    grid-area: methods;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.35rem;
}

.split-payment-methods button[b-9cpnm0chk3] {
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-height: 34px;
    padding: 0 0.42rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 900;
    white-space: nowrap;
}

.split-payment-methods button.active[b-9cpnm0chk3] {
    border-color: rgba(15, 118, 110, 0.28);
    background: #0f766e;
    color: #fff;
}

.method-card .split-payment-methods button.active[b-9cpnm0chk3] {
    border-color: #2563eb;
    background: #2563eb;
}

.method-upi .split-payment-methods button.active[b-9cpnm0chk3] {
    border-color: #7c3aed;
    background: #7c3aed;
}

.method-credit .split-payment-methods button.active[b-9cpnm0chk3] {
    border-color: #b45309;
    background: #b45309;
}

.split-payment-note[b-9cpnm0chk3] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    border: 1px dashed rgba(15, 118, 110, 0.24);
    border-radius: 12px;
    background: #f0fdfa;
    color: #0f766e;
    font-size: 0.78rem;
    font-weight: 800;
}

.split-payment-remove[b-9cpnm0chk3] {
    grid-area: remove;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
    cursor: pointer;
}

.split-payment-actions[b-9cpnm0chk3] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.split-payment-actions button[b-9cpnm0chk3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 38px;
    padding: 0 0.82rem;
    border: 1px solid rgba(15, 118, 110, 0.22);
    border-radius: 999px;
    background: #fff;
    color: #0f766e;
    font-weight: 800;
    cursor: pointer;
}

@media (max-width: 640px) {
    .split-payment-dialog[b-9cpnm0chk3] {
        width: min(92vw, 460px);
        max-height: 78dvh;
    }

    .split-payment-head[b-9cpnm0chk3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .split-payment-head > div[b-9cpnm0chk3] {
        padding: 0.52rem 0.46rem;
    }

    .split-payment-head span[b-9cpnm0chk3] {
        font-size: 0.58rem;
    }

    .split-payment-head strong[b-9cpnm0chk3] {
        font-size: 0.82rem;
    }

    .split-payment-row[b-9cpnm0chk3] {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "method remove"
            "methods methods"
            "fields fields";
        padding: 0.58rem 0.55rem;
    }

    .split-payment-method[b-9cpnm0chk3],
    .split-payment-methods[b-9cpnm0chk3],
    .split-payment-fields[b-9cpnm0chk3] {
        grid-column: 1 / -1;
    }

    .split-payment-fields[b-9cpnm0chk3] {
        grid-template-columns: minmax(92px, 0.44fr) minmax(0, 1fr);
    }

    .split-payment-methods[b-9cpnm0chk3] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .split-payment-methods button[b-9cpnm0chk3] {
        min-height: 32px;
        padding: 0;
    }

    .split-payment-methods button span[b-9cpnm0chk3] {
        display: none;
    }

    .split-payment-remove[b-9cpnm0chk3] {
        position: absolute;
        right: 0.6rem;
        margin-top: 0.2rem;
    }
}

@media (max-width: 900px) and (orientation: landscape), (max-height: 620px) {
    .split-payment-dialog[b-9cpnm0chk3] {
        width: min(720px, 88vw);
        max-height: 72dvh;
        gap: 0.58rem;
    }

    .split-payment-title strong[b-9cpnm0chk3] {
        font-size: 1.05rem;
    }

    .split-payment-title .mud-icon-root[b-9cpnm0chk3] {
        width: 34px;
        height: 34px;
        border-radius: 10px;
    }

    .split-payment-head[b-9cpnm0chk3] {
        gap: 0.45rem;
    }

    .split-payment-head > div[b-9cpnm0chk3] {
        padding: 0.5rem 0.6rem;
        border-radius: 10px;
    }

    .split-payment-head span[b-9cpnm0chk3] {
        font-size: 0.6rem;
    }

    .split-payment-head strong[b-9cpnm0chk3] {
        font-size: 0.86rem;
    }

    .split-payment-list[b-9cpnm0chk3] {
        max-height: min(250px, 34dvh);
        gap: 0.45rem;
    }

    .split-payment-row[b-9cpnm0chk3] {
        grid-template-columns: minmax(104px, 0.3fr) minmax(0, 1fr) 32px;
        grid-template-areas:
            "method methods remove"
            "fields fields fields";
        gap: 0.42rem;
        padding: 0.48rem;
        border-radius: 12px;
    }

    .split-payment-method-icon[b-9cpnm0chk3] {
        width: 30px;
        height: 30px;
        border-radius: 9px;
    }

    .split-payment-method strong[b-9cpnm0chk3] {
        font-size: 0.85rem;
    }

    .split-payment-methods[b-9cpnm0chk3] {
        gap: 0.28rem;
    }

    .split-payment-methods button[b-9cpnm0chk3] {
        min-height: 30px;
        padding: 0 0.28rem;
        font-size: 0.7rem;
    }

    .split-payment-methods button span[b-9cpnm0chk3] {
        display: none;
    }

    .split-payment-fields[b-9cpnm0chk3] {
        grid-template-columns: minmax(116px, 0.34fr) minmax(0, 1fr);
        gap: 0.45rem;
    }

    .split-payment-fields label > span[b-9cpnm0chk3] {
        font-size: 0.58rem;
    }

    .split-payment-note[b-9cpnm0chk3] {
        min-height: 34px;
        font-size: 0.72rem;
    }

    .split-payment-remove[b-9cpnm0chk3] {
        width: 32px;
        height: 32px;
    }

    .split-payment-actions[b-9cpnm0chk3] {
        gap: 0.42rem;
    }

    .split-payment-actions button[b-9cpnm0chk3] {
        min-height: 34px;
        padding: 0 0.68rem;
        font-size: 0.78rem;
    }
}

@media (max-width: 1100px) and (max-height: 820px) {
    .split-payment-dialog[b-9cpnm0chk3] {
        width: min(760px, 86vw);
        max-height: 72dvh;
        gap: 0.52rem;
    }

    .split-payment-title[b-9cpnm0chk3] {
        align-items: center;
    }

    .split-payment-title strong[b-9cpnm0chk3] {
        font-size: 1rem;
    }

    .split-payment-head[b-9cpnm0chk3] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.4rem;
    }

    .split-payment-head > div[b-9cpnm0chk3] {
        padding: 0.48rem 0.55rem;
    }

    .split-payment-list[b-9cpnm0chk3] {
        max-height: min(260px, 34dvh);
    }

    .split-payment-row[b-9cpnm0chk3] {
        grid-template-columns: minmax(0, 1fr) 34px;
        grid-template-areas:
            "method remove"
            "methods methods"
            "fields fields";
        gap: 0.42rem;
        padding: 0.5rem;
    }

    .split-payment-methods[b-9cpnm0chk3] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .split-payment-methods button[b-9cpnm0chk3] {
        min-height: 31px;
        padding: 0;
    }

    .split-payment-methods button span[b-9cpnm0chk3] {
        display: none;
    }

    .split-payment-fields[b-9cpnm0chk3] {
        grid-template-columns: minmax(120px, 0.4fr) minmax(0, 1fr);
        align-items: end;
    }

    .split-payment-note[b-9cpnm0chk3] {
        min-height: 36px;
    }

    .split-payment-actions[b-9cpnm0chk3] {
        gap: 0.4rem;
    }
}
/* _content/POS.Shared/Components/Dialogs/TicketInfoDialog.razor.rz.scp.css */
.ticket-dialog[b-jiynu9pzuk] {
    display: flex;
    width: min(460px, 92vw);
    max-height: min(560px, 72dvh);
    flex-direction: column;
    gap: 0.52rem;
}

.ticket-hero[b-jiynu9pzuk] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.58rem;
    align-items: center;
    padding: 0.58rem 0.64rem;
    border: 1px solid rgba(13, 148, 136, 0.16);
    border-radius: 14px;
    background: linear-gradient(135deg, #ecfdf5, #fff);
}

.ticket-token-icon[b-jiynu9pzuk] {
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #0f766e;
    color: #fff;
}

.ticket-hero span:not(.ticket-token-icon):not(.ticket-status)[b-jiynu9pzuk],
.ticket-dialog-grid span[b-jiynu9pzuk],
.ticket-metrics span[b-jiynu9pzuk] {
    display: block;
    color: #64748b;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ticket-hero strong[b-jiynu9pzuk] {
    display: block;
    overflow: hidden;
    color: #0f172a;
    font-size: 1.02rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-hero small[b-jiynu9pzuk] {
    color: #0f766e;
    font-size: 0.72rem;
    font-weight: 900;
}

.ticket-status[b-jiynu9pzuk] {
    padding: 0.24rem 0.48rem;
    border-radius: 999px;
    background: #ccfbf1;
    color: #0f766e;
    font-size: 0.68rem;
    font-weight: 900;
    white-space: nowrap;
}

.ticket-metrics[b-jiynu9pzuk] {
    display: grid;
    grid-template-columns: 1.25fr repeat(2, 0.75fr);
    gap: 0.42rem;
}

.ticket-metrics div[b-jiynu9pzuk],
.ticket-dialog-grid div[b-jiynu9pzuk] {
    min-width: 0;
    padding: 0.48rem 0.56rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: linear-gradient(180deg, #fff, #f8fafc);
}

.ticket-metrics strong[b-jiynu9pzuk],
.ticket-dialog-grid strong[b-jiynu9pzuk] {
    display: block;
    overflow: hidden;
    margin-top: 0.12rem;
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 900;
    text-overflow: ellipsis;
}

.ticket-dialog-grid[b-jiynu9pzuk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.42rem;
}

.ticket-flow[b-jiynu9pzuk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.28rem;
    padding: 0.28rem;
    border: 1px dashed rgba(13, 148, 136, 0.18);
    border-radius: 13px;
    background: #f8fafc;
}

.ticket-flow div[b-jiynu9pzuk] {
    display: inline-flex;
    min-width: 0;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 0.22rem;
    padding: 0.26rem 0.34rem;
    border-radius: 10px;
    background: transparent;
    color: #64748b;
    font-size: 0.66rem;
    font-weight: 900;
    text-align: center;
}

.ticket-flow div.active[b-jiynu9pzuk] {
    border-color: rgba(13, 148, 136, 0.24);
    background: #f0fdfa;
    color: #0f766e;
}

.ticket-flow div.warn[b-jiynu9pzuk] {
    border-color: rgba(217, 119, 6, 0.24);
    background: #fffbeb;
    color: #b45309;
}

    @media (max-width: 430px) {
    .ticket-dialog[b-jiynu9pzuk] {
        width: 91vw;
        max-height: 70dvh;
    }

    .ticket-hero[b-jiynu9pzuk] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .ticket-metrics[b-jiynu9pzuk],
    .ticket-dialog-grid[b-jiynu9pzuk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ticket-metrics div:first-child[b-jiynu9pzuk] {
        grid-column: 1 / -1;
    }

    .ticket-flow[b-jiynu9pzuk] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ticket-flow div[b-jiynu9pzuk] {
        font-size: 0.6rem;
    }

    .ticket-flow .mud-icon-root[b-jiynu9pzuk] {
        display: none;
    }
}
/* _content/POS.Shared/Components/Layout/PosMainLayout.razor.rz.scp.css */
.pos-appbar[b-jwkqkgvntw] {
    background:
        linear-gradient(135deg, rgba(20, 184, 166, 0.08), rgba(255, 255, 255, 0) 46%),
        rgba(255, 255, 255, 0.96);
    color: #0f172a;
    min-height: 96px;
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 1200;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.74) inset,
        0 12px 30px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(14px);
}

[b-jwkqkgvntw] .pos-appbar .mud-toolbar {
    min-height: 96px !important;
    align-items: center !important;
    padding: 14px 34px 10px 28px !important;
    box-sizing: border-box;
}

.pos-appbar-brand[b-jwkqkgvntw] {
    min-width: 0;
    margin-left: 0;
    gap: 20px;
}

.pos-appbar-logo[b-jwkqkgvntw] {
    display: block;
    object-fit: contain;
    flex: 0 0 auto;
    opacity: 0.94;
}

.pos-appbar-logo-full[b-jwkqkgvntw] {
    width: 220px;
    height: 54px;
    filter: drop-shadow(0 6px 12px rgba(2, 8, 23, 0.06));
}

.pos-appbar-logo-dark-theme[b-jwkqkgvntw] {
    display: none;
}

.pos-appbar-logo-mark[b-jwkqkgvntw] {
    display: none;
    width: 36px;
    height: 36px;
    padding: 6px;
    border-radius: 12px;
    background: rgba(15, 118, 110, 0.06);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 6px 14px rgba(15, 23, 42, 0.08);
}

.pos-appbar-toggle[b-jwkqkgvntw] {
    width: 40px;
    height: 40px;
}

.pos-appbar-action-button[b-jwkqkgvntw] {
    min-width: 40px;
    height: 40px;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 12px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f172a;
    font: inherit;
    font-size: 15px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.pos-appbar-action-button:hover[b-jwkqkgvntw] {
    background: rgba(15, 118, 110, 0.14);
}

.pos-appbar-action-button .mud-icon-root[b-jwkqkgvntw] {
    color: currentColor;
    font-size: 23px;
}

.pos-cloud-sync-pill[b-jwkqkgvntw] {
    min-height: 40px;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 0.48rem;
    padding: 0 0.86rem;
    background:
        linear-gradient(135deg, rgba(236, 253, 245, 0.96), rgba(255, 255, 255, 0.94));
    color: #0f766e;
    font-size: 0.86rem;
    font-weight: 900;
    white-space: nowrap;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
}

.pos-cloud-sync-pill .mud-icon-root[b-jwkqkgvntw] {
    color: #0f766e;
    font-size: 1.18rem;
}

.pos-workspace-badge[b-jwkqkgvntw] {
    min-width: 0;
    max-width: min(34vw, 380px);
    min-height: 46px;
    margin-left: 18px;
    padding: 0.4rem 0.84rem 0.42rem 0.48rem;
    border: 1px solid rgba(15, 118, 110, 0.14);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 0.58rem;
    background:
        linear-gradient(135deg, rgba(236, 253, 245, 0.86), rgba(255, 255, 255, 0.9));
    color: #0f172a;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 12px 24px rgba(15, 23, 42, 0.06);
}

.pos-workspace-badge-icon[b-jwkqkgvntw] {
    width: 32px;
    height: 32px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 118, 110, 0.1);
    color: #0f766e;
    flex: 0 0 auto;
}

.pos-workspace-badge-text[b-jwkqkgvntw] {
    min-width: 0;
    display: grid;
    gap: 0.1rem;
    line-height: 1.05;
}

.pos-workspace-badge strong[b-jwkqkgvntw],
.pos-workspace-badge small[b-jwkqkgvntw] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-workspace-badge strong[b-jwkqkgvntw] {
    font-size: 0.88rem;
    font-weight: 950;
}

.pos-workspace-badge small[b-jwkqkgvntw] {
    color: #0f766e;
    font-size: 0.68rem;
    font-weight: 850;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.pos-cloud-sync-pill.compact[b-jwkqkgvntw] {
    min-height: 34px;
    padding-inline: 0.62rem;
    font-size: 0.74rem;
}

.pos-user-menu-button[b-jwkqkgvntw] {
    min-width: 168px;
    max-width: 260px;
    min-height: 48px;
    height: 48px;
    justify-content: flex-start;
    gap: 10px;
    padding: 5px 10px 5px 6px;
    border-color: rgba(15, 118, 110, 0.18);
    background:
        linear-gradient(135deg, rgba(236, 253, 245, 0.96), rgba(255, 255, 255, 0.92)),
        rgba(255, 255, 255, 0.95);
    color: #0f172a;
    box-shadow: 0 8px 22px rgba(15, 118, 110, 0.08);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}

.pos-user-menu-button:hover[b-jwkqkgvntw],
.pos-user-menu-button.active[b-jwkqkgvntw] {
    border-color: rgba(15, 118, 110, 0.34);
    background: linear-gradient(135deg, #ecfdf5, #ffffff);
    box-shadow: 0 10px 26px rgba(15, 118, 110, 0.14);
    transform: translateY(-1px);
}

.pos-user-menu-avatar[b-jwkqkgvntw] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(145deg, #0f766e, #14b8a6);
    box-shadow: 0 5px 12px rgba(15, 118, 110, 0.22);
}

.pos-user-menu-avatar .mud-icon-root[b-jwkqkgvntw] {
    color: inherit;
    font-size: 20px;
}

.pos-user-menu-copy[b-jwkqkgvntw] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    line-height: 1.05;
    text-align: left;
}

.pos-user-menu-copy small[b-jwkqkgvntw] {
    color: #0f766e;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.pos-user-menu-copy strong[b-jwkqkgvntw] {
    width: 100%;
    font-size: 14px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-user-menu-chevron[b-jwkqkgvntw] {
    flex: 0 0 auto;
    color: #64748b !important;
    font-size: 19px !important;
    transition: transform .18s ease;
}

.pos-user-menu-button.active .pos-user-menu-chevron[b-jwkqkgvntw] {
    transform: rotate(180deg);
}

.pos-user-menu-button-icon[b-jwkqkgvntw] {
    width: 44px;
    min-width: 44px;
    padding: 0;
}

.pos-user-menu-trigger[b-jwkqkgvntw] {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: rgba(15, 118, 110, 0.08);
    color: #0f172a;
    font-weight: 800;
}

.pos-user-menu-trigger-icon[b-jwkqkgvntw] {
    min-width: 40px;
    width: 40px;
    padding: 0;
}

.pos-mobile-menu-button[b-jwkqkgvntw] {
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(135deg, rgba(236, 253, 245, 0.98), rgba(255, 255, 255, 0.92));
    color: #0f172a;
    flex: 0 0 auto;
    border: 1px solid rgba(15, 118, 110, 0.14);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
}

.pos-appbar-menu-button[b-jwkqkgvntw] {
    margin-right: 12px;
}

.pos-mobile-menu-button .mud-icon-root[b-jwkqkgvntw] {
    font-size: 24px;
}

.phone-shell .pos-appbar-brand[b-jwkqkgvntw] {
    margin-left: 6px;
}

.phone-shell .pos-appbar-logo-full[b-jwkqkgvntw] {
    display: none;
}

.phone-shell .pos-appbar-logo-mark[b-jwkqkgvntw] {
    display: block;
}

.tablet-shell .pos-appbar-logo-full[b-jwkqkgvntw] {
    width: 170px;
}

.tablet-shell .pos-workspace-badge[b-jwkqkgvntw] {
    max-width: 220px;
    min-height: 40px;
    margin-left: 10px;
    padding-inline: 0.42rem 0.62rem;
}

.tablet-shell .pos-workspace-badge-icon[b-jwkqkgvntw] {
    width: 28px;
    height: 28px;
}

.tablet-shell .pos-workspace-badge strong[b-jwkqkgvntw] {
    font-size: 0.76rem;
}

.tablet-shell .pos-workspace-badge small[b-jwkqkgvntw] {
    font-size: 0.6rem;
}

.pos-mobile-account-button[b-jwkqkgvntw] {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 118, 110, 0.08);
    color: #0f172a;
    flex: 0 0 auto;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
}

.pos-mobile-account-button .mud-icon-root[b-jwkqkgvntw] {
    font-size: 26px;
}

.pos-user-menu[b-jwkqkgvntw] {
    margin-left: 8px;
}

.pos-theme-mode-button[b-jwkqkgvntw] {
    width: 40px;
    height: 40px;
    margin-left: 8px;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f172a;
}

.pos-theme-mode-button:hover[b-jwkqkgvntw] {
    background: rgba(15, 118, 110, 0.14);
}

.pos-mobile-account-zone[b-jwkqkgvntw] {
    flex: 0 0 auto;
}

.pos-user-menu-mobile[b-jwkqkgvntw] {
    margin-left: 0;
}

.pos-drawer-backdrop[b-jwkqkgvntw] {
    position: fixed;
    inset: 0;
    z-index: 1250;
    background: rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(2px);
}

.pos-drawer-panel[b-jwkqkgvntw] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1260;
    width: min(320px, 88vw);
    height: 100vh;
    overflow: auto;
    background: rgba(255, 255, 255, 0.98);
    border-right: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.16);
}

.pos-account-sheet-backdrop[b-jwkqkgvntw] {
    position: fixed;
    inset: 0;
    z-index: 1270;
    background: rgba(15, 23, 42, 0.12);
    backdrop-filter: blur(2px);
}

.pos-account-sheet[b-jwkqkgvntw] {
    position: fixed;
    top: 64px;
    right: 12px;
    z-index: 1280;
    width: min(300px, calc(100vw - 24px));
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18);
}

.pos-account-menu-backdrop[b-jwkqkgvntw] {
    position: fixed;
    inset: 0;
    z-index: 1270;
    background: transparent;
}

.pos-account-menu[b-jwkqkgvntw] {
    position: fixed;
    top: 74px;
    right: 28px;
    z-index: 1280;
    width: min(336px, calc(100vw - 32px));
    max-height: min(620px, calc(100vh - 92px));
    overflow: auto;
    padding: 0.65rem;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(236, 253, 245, 0.72), rgba(255, 255, 255, 0.98) 34%),
        rgba(255, 255, 255, 0.98);
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.20);
    backdrop-filter: blur(16px);
}

.pos-account-menu-head[b-jwkqkgvntw] {
    position: relative;
    padding: 0.9rem 0.85rem 0.75rem 3.25rem;
    border-bottom: 1px solid rgba(15, 118, 110, 0.12);
    margin-bottom: 0.45rem;
}

.pos-account-menu-head[b-jwkqkgvntw]::before {
    content: "";
    position: absolute;
    left: 0.85rem;
    top: 0.82rem;
    width: 34px;
    height: 34px;
    border-radius: 13px;
    background:
        url("/branding/zippibill-icon.svg") center / 22px 22px no-repeat,
        linear-gradient(135deg, rgba(15, 118, 110, 0.12), rgba(20, 184, 166, 0.08));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 8px 18px rgba(15, 118, 110, 0.12);
}

.pos-account-menu-head strong[b-jwkqkgvntw],
.pos-account-menu-head span[b-jwkqkgvntw],
.pos-account-menu-head small[b-jwkqkgvntw] {
    display: block;
}

.pos-account-menu-head small[b-jwkqkgvntw] {
    margin-bottom: 2px;
    color: #0f766e;
    font-size: 0.62rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pos-account-menu-head strong[b-jwkqkgvntw] {
    color: #0f172a;
    font-size: 0.95rem;
    font-weight: 900;
}

.pos-account-menu-head span[b-jwkqkgvntw] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
}

.pos-account-menu-section[b-jwkqkgvntw] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0.62rem 0.55rem 0.25rem;
    color: #64748b;
    font-size: 0.62rem;
    font-weight: 950;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.pos-account-menu-section[b-jwkqkgvntw]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, rgba(15, 118, 110, 0.2), transparent);
}

.pos-account-menu-item[b-jwkqkgvntw] {
    width: 100%;
    min-height: 46px;
    border: 0;
    border-radius: 13px;
    display: flex;
    align-items: center;
    gap: 0.68rem;
    padding: 0.25rem 0.55rem;
    background: transparent;
    color: #243042;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.pos-account-menu-item:hover[b-jwkqkgvntw] {
    background: linear-gradient(135deg, rgba(236, 253, 245, 0.92), rgba(255, 255, 255, 0.86));
    color: #0f766e;
    box-shadow: inset 3px 0 0 #14b8a6, 0 8px 18px rgba(15, 118, 110, 0.08);
    transform: translateX(2px);
}

.pos-account-menu-item.danger[b-jwkqkgvntw] {
    color: #b91c1c;
}

.pos-account-menu-item:disabled[b-jwkqkgvntw] {
    cursor: wait;
    opacity: 0.68;
}

.pos-account-menu-item .mud-icon-root[b-jwkqkgvntw] {
    color: currentColor;
    width: 32px;
    height: 32px;
    padding: 7px;
    border-radius: 10px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
    transition: background 0.18s ease, color 0.18s ease;
}

.pos-account-menu-item:hover .mud-icon-root[b-jwkqkgvntw] {
    background: linear-gradient(135deg, #0f766e, #14b8a6);
    color: #ffffff;
}

.pos-account-menu-item > span:last-child[b-jwkqkgvntw] { flex: 1; }

.pos-account-menu-item:not(.danger)[b-jwkqkgvntw]::after {
    content: "›";
    color: #94a3b8;
    font-size: 1.1rem;
    font-weight: 900;
}

.pos-account-menu-footer[b-jwkqkgvntw] {
    margin-top: 0.65rem;
    padding-top: 0.55rem;
    border-top: 1px solid rgba(15, 118, 110, 0.12);
}

.pos-account-menu-item.danger .mud-icon-root[b-jwkqkgvntw] {
    background: rgba(239, 68, 68, 0.09);
    color: #dc2626;
}

.pos-main[b-jwkqkgvntw] {
    min-height: 0;
    margin-top: 0 !important;
    padding-top: 18px !important;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    background:
        radial-gradient(circle at top right, rgba(20, 83, 45, 0.08), transparent 30%),
        linear-gradient(180deg, #fafaf9 0%, #f5f5f4 100%);
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.dark-theme .pos-appbar[b-jwkqkgvntw] {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0)),
        linear-gradient(135deg, #111827 0%, #12333d 58%, #0f4a43 100%);
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.08);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.08) inset,
        0 14px 32px rgba(0, 0, 0, 0.22);
}

.dark-theme .pos-appbar-logo-light-theme[b-jwkqkgvntw] {
    display: none;
}

.dark-theme .pos-appbar-logo-dark-theme[b-jwkqkgvntw] {
    display: block;
    filter: drop-shadow(0 5px 12px rgba(2, 8, 23, 0.12));
}

.dark-theme .pos-appbar-logo-mark[b-jwkqkgvntw],
.dark-theme .pos-mobile-menu-button[b-jwkqkgvntw],
.dark-theme .pos-mobile-account-button[b-jwkqkgvntw],
.dark-theme .pos-theme-mode-button[b-jwkqkgvntw] {
    background: rgba(255, 255, 255, 0.10);
    color: #fff;
}

.dark-theme .pos-appbar-action-button[b-jwkqkgvntw] {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.10);
    color: #fff;
    box-shadow: 0 8px 18px rgba(2, 8, 23, 0.16);
}

.dark-theme .pos-cloud-sync-pill[b-jwkqkgvntw] {
    border-color: rgba(45, 212, 191, 0.22);
    background:
        linear-gradient(135deg, rgba(20, 184, 166, 0.18), rgba(15, 23, 42, 0.66));
    color: #99f6e4;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.2);
}

.dark-theme .pos-cloud-sync-pill .mud-icon-root[b-jwkqkgvntw] {
    color: #5eead4;
}

.dark-theme .pos-workspace-badge[b-jwkqkgvntw] {
    border-color: rgba(45, 212, 191, 0.2);
    background:
        linear-gradient(135deg, rgba(15, 118, 110, 0.18), rgba(15, 23, 42, 0.74));
    color: #f8fafc;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 14px 28px rgba(0, 0, 0, 0.2);
}

.dark-theme .pos-workspace-badge-icon[b-jwkqkgvntw] {
    background: rgba(45, 212, 191, 0.14);
    color: #99f6e4;
}

.dark-theme .pos-workspace-badge small[b-jwkqkgvntw] {
    color: #99f6e4;
}

.dark-theme .pos-user-menu-button[b-jwkqkgvntw] {
    border-color: rgba(45, 212, 191, 0.18);
    background:
        linear-gradient(135deg, rgba(45, 212, 191, 0.14), rgba(255, 255, 255, 0.06)),
        rgba(15, 23, 42, 0.68);
}

.dark-theme .pos-user-menu-button:hover[b-jwkqkgvntw],
.dark-theme .pos-user-menu-button.active[b-jwkqkgvntw] {
    border-color: rgba(45, 212, 191, 0.34);
    background: linear-gradient(135deg, rgba(15, 118, 110, .34), rgba(15, 23, 42, .88));
}

.dark-theme .pos-user-menu-copy small[b-jwkqkgvntw],
.dark-theme .pos-user-menu-chevron[b-jwkqkgvntw] {
    color: #99f6e4 !important;
}

.dark-theme .pos-appbar-action-button:hover[b-jwkqkgvntw] {
    background: rgba(255, 255, 255, 0.16);
}

.dark-theme .pos-theme-mode-button:hover[b-jwkqkgvntw] {
    background: rgba(255, 255, 255, 0.16);
}

.dark-theme .pos-main[b-jwkqkgvntw] {
    background:
        radial-gradient(circle at top right, rgba(34, 197, 94, 0.10), transparent 30%),
        linear-gradient(180deg, #0b1120 0%, #111827 100%);
    color: #f8fafc;
}

.dark-theme .pos-drawer-panel[b-jwkqkgvntw],
.dark-theme .pos-account-sheet[b-jwkqkgvntw],
.dark-theme .pos-account-menu[b-jwkqkgvntw],
.dark-theme[b-jwkqkgvntw]  .mud-paper,
.dark-theme[b-jwkqkgvntw]  .mud-popover,
.dark-theme[b-jwkqkgvntw]  .mud-dialog,
.dark-theme[b-jwkqkgvntw]  .mud-table-container {
    background-color: #111827;
    color: #f8fafc;
    border-color: rgba(226, 232, 240, 0.12);
}

.dark-theme .pos-account-menu-head[b-jwkqkgvntw] {
    border-bottom-color: rgba(226, 232, 240, 0.12);
}

.dark-theme .pos-account-menu-head[b-jwkqkgvntw]::before {
    background:
        url("/branding/zippibill-icon.svg") center / 22px 22px no-repeat,
        linear-gradient(135deg, rgba(45, 212, 191, 0.16), rgba(255, 255, 255, 0.06));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 8px 18px rgba(0, 0, 0, 0.28);
}

.dark-theme .pos-account-menu-head strong[b-jwkqkgvntw] {
    color: #f8fafc;
}

.dark-theme .pos-account-menu-head span[b-jwkqkgvntw] {
    color: #94a3b8;
}

.dark-theme .pos-account-menu-head small[b-jwkqkgvntw] { color: #5eead4; }
.dark-theme .pos-account-menu-section[b-jwkqkgvntw] { color: #94a3b8; }
.dark-theme .pos-account-menu-section[b-jwkqkgvntw]::after { background: linear-gradient(90deg, rgba(45, 212, 191, 0.22), transparent); }

.dark-theme .pos-account-menu-item[b-jwkqkgvntw] {
    color: #cbd5e1;
}

.dark-theme .pos-account-menu-item:hover[b-jwkqkgvntw] {
    background: rgba(45, 212, 191, 0.12);
    color: #99f6e4;
}

.dark-theme .pos-account-menu-item .mud-icon-root[b-jwkqkgvntw] {
    background: rgba(45, 212, 191, 0.1);
    color: #5eead4;
}

.dark-theme .pos-account-menu-footer[b-jwkqkgvntw] { border-top-color: rgba(148, 163, 184, 0.14); }

.dark-theme .pos-account-menu-item.danger[b-jwkqkgvntw] {
    color: #fca5a5;
}

.dark-theme[b-jwkqkgvntw]  .mud-table-head th,
.dark-theme[b-jwkqkgvntw]  .mud-table-cell {
    border-color: rgba(226, 232, 240, 0.12);
}

.dark-theme[b-jwkqkgvntw]  .mud-table-head th {
    background: #0f172a;
    color: #cbd5e1;
}

.dark-theme[b-jwkqkgvntw]  .mud-input,
.dark-theme[b-jwkqkgvntw]  .mud-input-control,
.dark-theme[b-jwkqkgvntw]  .mud-select,
.dark-theme[b-jwkqkgvntw]  .mud-picker,
.dark-theme[b-jwkqkgvntw]  .mud-button-outlined {
    color: #f8fafc;
}

.dark-theme[b-jwkqkgvntw]  .mud-input-outlined-border,
.dark-theme[b-jwkqkgvntw]  .mud-button-outlined {
    border-color: rgba(226, 232, 240, 0.20);
}

.dark-theme[b-jwkqkgvntw]  .mud-button-filled-primary {
    background: #15803d;
}

.dark-theme[b-jwkqkgvntw]  .mud-chip-filled-success {
    background: #15803d;
}

.dark-theme .app-route-loader[b-jwkqkgvntw] {
    background: rgba(2, 6, 23, .72);
}

.dark-theme .app-route-loader-card[b-jwkqkgvntw] {
    border-color: rgba(34, 197, 94, .22);
    background: #111827;
    color: #86efac;
}

.phone-shell .pos-appbar[b-jwkqkgvntw] {
    min-height: 82px;
    padding: 0;
}

.phone-shell[b-jwkqkgvntw]  .pos-appbar .mud-toolbar {
    min-height: 82px !important;
    padding: calc(env(safe-area-inset-top, 0px) + 12px) 12px 10px !important;
}

.phone-shell .pos-main[b-jwkqkgvntw] {
    height: calc(100vh - 82px);
    min-height: 0;
    padding-top: 12px !important;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
}

.phone-shell .pos-appbar-brand[b-jwkqkgvntw] {
    max-width: calc(100vw - 138px);
    overflow: hidden;
}

.phone-shell .pos-user-menu .mud-button-label[b-jwkqkgvntw] {
    display: none;
}

.phone-shell .pos-user-menu .mud-button-root[b-jwkqkgvntw] {
    min-width: 42px;
    padding-inline: 8px;
}

.pos-phone-user-button[b-jwkqkgvntw] {
    width: 38px;
    height: 38px;
}

.phone-shell .pos-drawer-panel[b-jwkqkgvntw] {
    width: min(320px, 86vw);
    top: calc(env(safe-area-inset-top, 0px) + 8px);
    height: calc(100vh - env(safe-area-inset-top, 0px) - 8px);
    border-top-right-radius: 22px;
}

.phone-shell .pos-mobile-menu-button[b-jwkqkgvntw],
.phone-shell .pos-mobile-account-button[b-jwkqkgvntw] {
    position: relative;
    z-index: 2;
}

.pos-mobile-nav .mud-nav-link[b-jwkqkgvntw] {
    justify-content: flex-start;
    min-height: 46px;
    padding-inline: 12px;
    border-radius: 14px;
    font-weight: 800;
}

.tablet-shell .pos-appbar[b-jwkqkgvntw] {
    min-height: 78px;
    padding: 0;
}

.tablet-shell[b-jwkqkgvntw]  .pos-appbar .mud-toolbar {
    min-height: 78px !important;
    padding: 11px 22px 9px !important;
}

.tablet-shell .pos-main[b-jwkqkgvntw] {
    height: calc(100dvh - 78px);
    min-height: 0;
    margin-top: 0 !important;
    padding-top: 14px !important;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
}

.tablet-shell .pos-appbar-brand[b-jwkqkgvntw] {
    max-width: calc(100vw - 220px);
    overflow: hidden;
}

.tablet-shell .pos-account-menu[b-jwkqkgvntw] {
    top: 70px;
    right: 18px;
}

.tablet-shell .pos-drawer-panel[b-jwkqkgvntw] {
    width: min(360px, 70vw);
}

.tablet-shell .pos-user-menu .mud-button-label[b-jwkqkgvntw] {
    display: none;
}

.tablet-shell .pos-user-menu .mud-button-root[b-jwkqkgvntw] {
    min-width: 42px;
    padding-inline: 8px;
}

.tablet-shell .pos-mobile-account-zone[b-jwkqkgvntw] {
    gap: .5rem;
}

.tablet-shell .pos-mobile-account-zone .mud-chip[b-jwkqkgvntw] {
    font-weight: 800;
}

.tablet-shell[b-jwkqkgvntw]  .mud-table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.tablet-shell[b-jwkqkgvntw]  .mud-dialog {
    max-width: calc(100vw - 32px);
    max-height: calc(100dvh - 32px);
}

.tablet-shell[b-jwkqkgvntw]  .mud-dialog-content {
    max-height: calc(100dvh - 132px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 768px) and (max-width: 1180px) {
    .desktop-shell .pos-main[b-jwkqkgvntw] {
        min-height: calc(100dvh - 96px);
        padding-top: 16px !important;
        overflow-x: hidden;
    }

    .pos-drawer-panel[b-jwkqkgvntw] {
        width: min(360px, 72vw);
    }
}

.app-route-loader[b-jwkqkgvntw] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: grid;
    place-items: center;
    background: rgba(248, 250, 252, .58);
    backdrop-filter: blur(4px);
}

.app-route-loader-card[b-jwkqkgvntw] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 220px;
    padding: 16px 18px;
    border: 1px solid rgba(20, 83, 45, .16);
    border-radius: 16px;
    background: #ffffff;
    color: #14532d;
    font-weight: 900;
    box-shadow: 0 20px 60px rgba(15, 23, 42, .18);
}

.app-route-transition-loader[b-jwkqkgvntw] {
    background: rgba(245, 245, 244, .48);
}

.app-route-transition-loader .app-route-loader-card[b-jwkqkgvntw] {
    border-color: rgba(15, 118, 110, .2);
    background:
        linear-gradient(135deg, rgba(240, 253, 250, .96), #fff);
    color: #0f766e;
}

.stat-card[b-jwkqkgvntw] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(180deg, #ffffff 0%, #fafaf9 100%);
}

/* Final dark-mode normalization for custom page surfaces.
   This lives in the shared layout bundle so it wins after page-scoped styles. */

/* Scoped dark theme guards. Avoid wildcard class selectors so page components keep their own design. */
.dark-theme[b-jwkqkgvntw]  .pos-main {
    background: #0b1120;
    color: #f8fafc;
}

.dark-theme[b-jwkqkgvntw]  .mud-dialog,
.dark-theme[b-jwkqkgvntw]  .mud-popover,
.dark-theme[b-jwkqkgvntw]  .mud-picker,
.dark-theme[b-jwkqkgvntw]  .mud-picker-content,
.dark-theme[b-jwkqkgvntw]  .mud-list {
    background: #111827;
    color: #f8fafc;
    border-color: rgba(148, 163, 184, .24);
}

.dark-theme[b-jwkqkgvntw]  input,
.dark-theme[b-jwkqkgvntw]  textarea,
.dark-theme[b-jwkqkgvntw]  select,
.dark-theme[b-jwkqkgvntw]  .mud-input,
.dark-theme[b-jwkqkgvntw]  .mud-input-root,
.dark-theme[b-jwkqkgvntw]  .mud-select {
    background-color: #0f172a;
    color: #f8fafc;
}

.dark-theme[b-jwkqkgvntw]  .mud-input-label,
.dark-theme[b-jwkqkgvntw]  .mud-input-adornment {
    color: #94a3b8;
}

.dark-theme[b-jwkqkgvntw]  .mud-input-outlined-border,
.dark-theme[b-jwkqkgvntw]  fieldset {
    border-color: rgba(148, 163, 184, .34);
}

.dark-theme[b-jwkqkgvntw]  .mud-table,
.dark-theme[b-jwkqkgvntw]  .mud-table-container {
    background: #111827;
    color: #f8fafc;
}

.dark-theme[b-jwkqkgvntw]  .mud-table-head th,
.dark-theme[b-jwkqkgvntw]  thead th {
    background: #0f172a;
    color: #f8fafc;
}

.dark-theme[b-jwkqkgvntw]  .mud-table-cell,
.dark-theme[b-jwkqkgvntw]  tbody td {
    color: #f8fafc;
    border-color: rgba(148, 163, 184, .22);
}

.dark-theme[b-jwkqkgvntw]  .pos-screen .pos-workspace,
.dark-theme[b-jwkqkgvntw]  .pos-screen .category-rail,
.dark-theme[b-jwkqkgvntw]  .pos-screen .catalog-panel {
    background: #0f172a;
    color: #f8fafc;
}

.dark-theme[b-jwkqkgvntw]  .pos-screen .product-tile {
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%);
    color: #f8fafc;
    border-color: rgba(148, 163, 184, .28);
}

.dark-theme[b-jwkqkgvntw]  .pos-screen .product-name,
.dark-theme[b-jwkqkgvntw]  .pos-screen .product-price,
.dark-theme[b-jwkqkgvntw]  .pos-screen .bill-line-name,
.dark-theme[b-jwkqkgvntw]  .pos-screen .bill-line-price {
    color: #f8fafc;
}

.dark-theme[b-jwkqkgvntw]  .pos-screen .product-meta,
.dark-theme[b-jwkqkgvntw]  .pos-screen .product-barcode,
.dark-theme[b-jwkqkgvntw]  .pos-screen .bill-line-sub {
    color: #cbd5e1;
}

[b-jwkqkgvntw] .pos-appbar {
    background:
        linear-gradient(135deg, rgba(20, 184, 166, 0.08), rgba(255, 255, 255, 0) 46%),
        rgba(255, 255, 255, 0.96) !important;
    color: #0f172a !important;
    min-height: 96px;
    padding: 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.74) inset,
        0 12px 30px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(14px);
}

[b-jwkqkgvntw] .pos-appbar-logo-light-theme {
    display: block;
}

[b-jwkqkgvntw] .pos-appbar-logo-dark-theme {
    display: none;
}

[b-jwkqkgvntw] .pos-mobile-menu-button,
[b-jwkqkgvntw] .pos-mobile-account-button,
[b-jwkqkgvntw] .pos-theme-mode-button,
[b-jwkqkgvntw] .pos-user-menu-trigger {
    background: rgba(15, 118, 110, 0.08);
    color: #0f172a;
}

[b-jwkqkgvntw] .pos-appbar-toggle,
[b-jwkqkgvntw] .pos-theme-mode-button,
[b-jwkqkgvntw] .pos-user-menu-trigger {
    color: #0f172a !important;
    background: rgba(15, 118, 110, 0.08);
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-radius: 999px;
}

[b-jwkqkgvntw] .pos-appbar-toggle .mud-icon-root,
[b-jwkqkgvntw] .pos-theme-mode-button .mud-icon-root,
[b-jwkqkgvntw] .pos-user-menu-trigger .mud-icon-root,
[b-jwkqkgvntw] .pos-user-menu-trigger .mud-button-label {
    color: #0f172a !important;
    opacity: 1;
}

[b-jwkqkgvntw] .pos-user-menu-trigger {
    min-height: 40px;
    padding-inline: 12px;
    font-weight: 800;
}

[b-jwkqkgvntw] .pos-appbar-toggle:hover,
[b-jwkqkgvntw] .pos-theme-mode-button:hover,
[b-jwkqkgvntw] .pos-user-menu-trigger:hover {
    background: rgba(15, 118, 110, 0.14);
}

[b-jwkqkgvntw] .pos-theme-mode-button:hover {
    background: rgba(15, 118, 110, 0.14);
}

[b-jwkqkgvntw] .pos-appbar .mud-icon-button,
[b-jwkqkgvntw] .pos-appbar .mud-button-root {
    color: #0f172a !important;
    background: rgba(15, 118, 110, 0.08) !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    border-radius: 999px !important;
    min-height: 40px;
}

[b-jwkqkgvntw] .pos-appbar .mud-icon-button {
    width: 40px;
    height: 40px;
}

[b-jwkqkgvntw] .pos-appbar .mud-button-root {
    padding-inline: 12px !important;
    font-weight: 800 !important;
}

[b-jwkqkgvntw] .pos-appbar .mud-icon-root,
[b-jwkqkgvntw] .pos-appbar .mud-button-label,
[b-jwkqkgvntw] .pos-appbar .mud-button-start-icon {
    color: #0f172a !important;
    opacity: 1 !important;
}

[b-jwkqkgvntw] .pos-appbar .mud-icon-button:hover,
[b-jwkqkgvntw] .pos-appbar .mud-button-root:hover {
    background: rgba(15, 118, 110, 0.14) !important;
}

.dark-theme[b-jwkqkgvntw]  .pos-appbar {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0)),
        linear-gradient(135deg, #111827 0%, #12333d 58%, #0f4a43 100%) !important;
    color: #fff !important;
    border-bottom-color: rgba(255, 255, 255, 0.08);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.08) inset,
        0 14px 32px rgba(0, 0, 0, 0.22);
}

.dark-theme[b-jwkqkgvntw]  .pos-appbar-logo-light-theme {
    display: none;
}

.dark-theme[b-jwkqkgvntw]  .pos-appbar-logo-dark-theme {
    display: block;
    filter: drop-shadow(0 5px 12px rgba(2, 8, 23, 0.12));
}

.dark-theme[b-jwkqkgvntw]  .pos-appbar-logo-mark,
.dark-theme[b-jwkqkgvntw]  .pos-mobile-menu-button,
.dark-theme[b-jwkqkgvntw]  .pos-mobile-account-button,
.dark-theme[b-jwkqkgvntw]  .pos-theme-mode-button,
.dark-theme[b-jwkqkgvntw]  .pos-appbar-toggle,
.dark-theme[b-jwkqkgvntw]  .pos-user-menu-trigger {
    background: rgba(255, 255, 255, 0.10);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.12);
}

.dark-theme[b-jwkqkgvntw]  .pos-appbar-toggle .mud-icon-root,
.dark-theme[b-jwkqkgvntw]  .pos-theme-mode-button .mud-icon-root,
.dark-theme[b-jwkqkgvntw]  .pos-user-menu-trigger .mud-icon-root,
.dark-theme[b-jwkqkgvntw]  .pos-user-menu-trigger .mud-button-label {
    color: #fff !important;
}

.dark-theme[b-jwkqkgvntw]  .pos-theme-mode-button:hover,
.dark-theme[b-jwkqkgvntw]  .pos-appbar-toggle:hover,
.dark-theme[b-jwkqkgvntw]  .pos-user-menu-trigger:hover {
    background: rgba(255, 255, 255, 0.16);
}

.dark-theme[b-jwkqkgvntw]  .pos-appbar .mud-icon-button,
.dark-theme[b-jwkqkgvntw]  .pos-appbar .mud-button-root {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.10) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

.dark-theme[b-jwkqkgvntw]  .pos-appbar .mud-icon-root,
.dark-theme[b-jwkqkgvntw]  .pos-appbar .mud-button-label,
.dark-theme[b-jwkqkgvntw]  .pos-appbar .mud-button-start-icon {
    color: #fff !important;
}

.dark-theme[b-jwkqkgvntw]  .pos-appbar .mud-icon-button:hover,
.dark-theme[b-jwkqkgvntw]  .pos-appbar .mud-button-root:hover {
    background: rgba(255, 255, 255, 0.16) !important;
}

/* _content/POS.Shared/Components/Layout/PosNavMenu.razor.rz.scp.css */
.pos-nav-loading[b-y8w2cgaeey] {
    min-height: 100%;
    padding: 1rem .9rem;
    color: #0f172a;
    background: linear-gradient(180deg, rgba(240,253,250,.78), #fff 28%);
}

.pos-nav-loading-head[b-y8w2cgaeey] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-bottom: 1.25rem;
    padding: .75rem;
    border: 1px solid rgba(13,148,136,.15);
    border-radius: 14px;
    background: rgba(255,255,255,.88);
}

.pos-nav-loading-head strong[b-y8w2cgaeey],
.pos-nav-loading-head small[b-y8w2cgaeey] { display: block; }
.pos-nav-loading-head strong[b-y8w2cgaeey] { font-size: .9rem; font-weight: 900; }
.pos-nav-loading-head small[b-y8w2cgaeey] { margin-top: .12rem; color: #64748b; font-size: .72rem; font-weight: 700; }

.pos-nav-spinner[b-y8w2cgaeey] {
    width: 28px;
    height: 28px;
    flex: 0 0 auto;
    border: 3px solid #ccfbf1;
    border-top-color: #0f766e;
    border-radius: 50%;
    animation: pos-nav-spin-b-y8w2cgaeey .75s linear infinite;
}

.pos-nav-loading-section[b-y8w2cgaeey] {
    margin: .6rem .6rem .45rem;
    color: #0f766e;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pos-nav-skeleton[b-y8w2cgaeey] { display: flex; align-items: center; gap: .75rem; min-height: 42px; padding: .45rem .6rem; }
.pos-nav-skeleton span[b-y8w2cgaeey],
.pos-nav-skeleton i[b-y8w2cgaeey] {
    display: block;
    background: linear-gradient(90deg,#e2e8f0 25%,#f8fafc 50%,#e2e8f0 75%);
    background-size: 220% 100%;
    animation: pos-nav-shimmer-b-y8w2cgaeey 1.15s ease-in-out infinite;
}
.pos-nav-skeleton span[b-y8w2cgaeey] { width: 25px; height: 25px; border-radius: 8px; }
.pos-nav-skeleton i[b-y8w2cgaeey] { width: 58%; height: 10px; border-radius: 999px; }
.pos-nav-loading-divider[b-y8w2cgaeey] { height: 1px; margin: .65rem .45rem; background: #e2e8f0; }

@keyframes pos-nav-spin-b-y8w2cgaeey { to { transform: rotate(360deg); } }
@keyframes pos-nav-shimmer-b-y8w2cgaeey { 0% { background-position: 100% 0; } 100% { background-position: -100% 0; } }

@media (prefers-reduced-motion: reduce) {
    .pos-nav-spinner[b-y8w2cgaeey],
    .pos-nav-skeleton span[b-y8w2cgaeey],
    .pos-nav-skeleton i[b-y8w2cgaeey] { animation: none; }
}
/* _content/POS.Shared/Components/Pages/BillingPage.razor.rz.scp.css */
.pos-screen[b-3bp2fq8t4e] {
    min-height: calc(100vh - 4rem);
}

.pos-screen.app-desktop[b-3bp2fq8t4e] {
    min-height: calc(100vh - 3rem);
    gap: 0.28rem !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.pos-screen.app-desktop .pos-order-header[b-3bp2fq8t4e] {
    margin: 0 1rem 0 !important;
}

.retail-pos[b-3bp2fq8t4e] {
    --retail-ink: #0b1220;
    --retail-primary: #6d28d9;
    --retail-accent: #0ea5e9;
    background: radial-gradient(circle at 12% 0%, rgba(124, 58, 237, .08), transparent 26%), #f5f7fb;
}

.retail-pos .pos-order-header[b-3bp2fq8t4e],
.retail-pos .bill-service-tabs[b-3bp2fq8t4e],
.retail-pos .service-context-card[b-3bp2fq8t4e],
.retail-pos .counter-kot-button[b-3bp2fq8t4e] { display: none !important; }

.retail-command-header[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: minmax(220px, .8fr) minmax(300px, 1.35fr) auto auto;
    gap: 12px;
    align-items: center;
    margin: 0 1rem;
    padding: 11px 14px;
    border-radius: 18px;
    color: #fff;
    background:
        radial-gradient(circle at 78% -40%, rgba(56, 189, 248, .5), transparent 34%),
        linear-gradient(125deg, #111827 0%, #312e81 52%, #6d28d9 100%);
    box-shadow: 0 14px 36px rgba(49, 46, 129, .2);
}

.retail-command-brand[b-3bp2fq8t4e] { display: flex; align-items: center; gap: 10px; min-width: 0; }
.retail-command-icon[b-3bp2fq8t4e] { width: 42px; height: 42px; display: grid; flex: 0 0 42px; place-items: center; border-radius: 13px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.2); }
.retail-command-brand small[b-3bp2fq8t4e] { color: #c4b5fd; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.retail-command-brand h1[b-3bp2fq8t4e] { margin: 0; font-size: 19px; line-height: 22px; }
.retail-command-brand p[b-3bp2fq8t4e] { margin: 0; overflow: hidden; color: #dbeafe; font-size: 10px; text-overflow: ellipsis; text-transform: capitalize; white-space: nowrap; }
.retail-command-search[b-3bp2fq8t4e] { position: relative; min-width: 0; }
.retail-command-search-input[b-3bp2fq8t4e] { width: 100%; }
.retail-command-search[b-3bp2fq8t4e]  .mud-input-control { margin-top: 0; }
.retail-command-search[b-3bp2fq8t4e]  input { padding-left: 48px !important; }
.retail-command-search[b-3bp2fq8t4e]  .mud-input-outlined-border { border-color: rgba(255,255,255,.34); border-radius: 13px; }
.retail-command-search[b-3bp2fq8t4e]  .mud-input-root,
.retail-command-search[b-3bp2fq8t4e]  .mud-input-adornment { color: #fff; }
.retail-command-search[b-3bp2fq8t4e]  input { color: #fff; font-weight: 700; }
.retail-command-search[b-3bp2fq8t4e]  input::placeholder { color: rgba(255,255,255,.7); opacity: 1; }
.retail-barcode-icon[b-3bp2fq8t4e] {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 8px;
    display: grid;
    width: 31px;
    height: 29px;
    place-items: center;
    transform: translateY(-50%);
    border: 1px solid rgba(255,255,255,.45);
    border-radius: 8px;
    background: rgba(255,255,255,.96);
    box-shadow: 0 5px 14px rgba(15,23,42,.18);
    pointer-events: none;
}
.retail-barcode-icon span[b-3bp2fq8t4e] {
    width: 19px;
    height: 15px;
    border-radius: 1px;
    background: repeating-linear-gradient(90deg, #172554 0 2px, transparent 2px 4px, #172554 4px 5px, transparent 5px 7px);
}
.retail-command-shortcut[b-3bp2fq8t4e] { position: absolute; top: 50%; right: 11px; transform: translateY(-50%); color: rgba(255,255,255,.72); font-size: 10px; pointer-events: none; }
.retail-command-shortcut kbd[b-3bp2fq8t4e] { margin-right: 3px; padding: 3px 5px; border: 1px solid rgba(255,255,255,.26); border-radius: 5px; background: rgba(255,255,255,.12); color: #fff; font: 800 9px/1 sans-serif; }
.retail-command-metrics[b-3bp2fq8t4e] { display: flex; gap: 8px; }
.retail-command-metrics > div[b-3bp2fq8t4e] { min-width: 74px; padding: 7px 10px; border-radius: 12px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.12); }
.retail-command-metrics > .retail-metric-compact[b-3bp2fq8t4e] { min-width: 56px; }
.retail-command-metrics span[b-3bp2fq8t4e], .retail-command-metrics strong[b-3bp2fq8t4e] { display: block; }
.retail-command-metrics span[b-3bp2fq8t4e] { color: #cbd5e1; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.retail-command-metrics strong[b-3bp2fq8t4e] { margin-top: 1px; font-size: 15px; white-space: nowrap; }
.retail-command-metrics .retail-metric-total[b-3bp2fq8t4e] { background: #fff; color: #312e81; }
.retail-command-metrics .retail-metric-total span[b-3bp2fq8t4e] { color: #64748b; }
.retail-command-actions[b-3bp2fq8t4e] { display: flex; gap: 8px; }
.retail-command-actions .mud-button-root[b-3bp2fq8t4e] { border-radius: 12px; }

.retail-scan-ribbon[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 8px 1rem 0;
    padding: 10px 14px;
    border: 1px solid rgba(109, 40, 217, .14);
    border-radius: 15px;
    background: rgba(255,255,255,.9);
    box-shadow: 0 8px 22px rgba(15,23,42,.06);
}
.retail-scan-ribbon > .material-icons[b-3bp2fq8t4e] { color: #6d28d9; font-size: 28px; }
.retail-scan-ribbon div[b-3bp2fq8t4e] { flex: 1; min-width: 0; }
.retail-scan-ribbon strong[b-3bp2fq8t4e], .retail-scan-ribbon small[b-3bp2fq8t4e] { display: block; }
.retail-scan-ribbon small[b-3bp2fq8t4e] { color: #64748b; }
.retail-scan-ribbon kbd[b-3bp2fq8t4e] { padding: 4px 7px; border: 1px solid #cbd5e1; border-bottom-width: 2px; border-radius: 6px; background: #f8fafc; color: #334155; font: 800 11px/1 sans-serif; }
.retail-scan-ribbon > span:not(.material-icons)[b-3bp2fq8t4e] { color: #64748b; font-size: 11px; }
.retail-pos .catalog-panel[b-3bp2fq8t4e], .retail-pos .bill-panel[b-3bp2fq8t4e] { border-color: rgba(109,40,217,.12); box-shadow: 0 14px 32px rgba(30,41,59,.08); }
.retail-pos .product-tile[b-3bp2fq8t4e] { border-radius: 16px; }
.retail-pos .product-price[b-3bp2fq8t4e] { color: #6d28d9; }

@media (max-width: 1100px) {
    .retail-command-header[b-3bp2fq8t4e] { grid-template-columns: minmax(210px, .8fr) minmax(280px, 1.2fr) auto; }
    .retail-command-actions[b-3bp2fq8t4e] { grid-column: 3; grid-row: 1; }
    .retail-command-metrics[b-3bp2fq8t4e] { grid-column: 2 / 4; justify-content: flex-end; }
    .retail-command-search[b-3bp2fq8t4e] { grid-column: 1; }
}

@media (max-width: 700px) {
    .retail-command-header[b-3bp2fq8t4e] { grid-template-columns: 1fr; margin: 0 .5rem; padding: 14px; }
    .retail-command-actions[b-3bp2fq8t4e] { grid-row: auto; }
    .retail-command-search[b-3bp2fq8t4e], .retail-command-metrics[b-3bp2fq8t4e], .retail-command-actions[b-3bp2fq8t4e] { grid-column: 1; }
    .retail-command-metrics[b-3bp2fq8t4e] { justify-content: stretch; overflow-x: auto; }
    .retail-command-metrics > div[b-3bp2fq8t4e] { flex: 1; }
    .retail-scan-ribbon[b-3bp2fq8t4e] { margin: 7px .5rem 0; }
    .retail-scan-ribbon kbd[b-3bp2fq8t4e], .retail-scan-ribbon > span:not(.material-icons)[b-3bp2fq8t4e] { display: none; }
}

.pos-setup-blocker[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
    max-width: 760px;
    margin: 4rem auto;
    padding: 1.4rem;
    border: 1px solid rgba(15, 118, 110, 0.18);
    border-radius: 18px;
    background: linear-gradient(135deg, #ffffff, #ecfdf5);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.pos-setup-blocker .mud-icon-root[b-3bp2fq8t4e] {
    width: 54px;
    height: 54px;
    padding: 0.75rem;
    border-radius: 16px;
    background: #0f766e;
    color: #fff;
}

.pos-setup-blocker h2[b-3bp2fq8t4e] {
    margin: 0 0 0.35rem;
    color: #0f172a;
    font-size: 1.35rem;
}

.pos-setup-blocker p[b-3bp2fq8t4e] {
    margin: 0 0 1rem;
    color: #475569;
    font-weight: 700;
}

.pos-order-header[b-3bp2fq8t4e] {
    border: 1px solid rgba(15, 118, 110, 0.13);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)),
        radial-gradient(circle at right top, rgba(20, 184, 166, 0.08), transparent 30%);
    border-radius: 18px;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.86) inset,
        0 14px 34px rgba(15, 23, 42, 0.075);
    padding: 0.46rem 0.8rem;
    margin: 0 1rem;
}

.order-header-main[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
    min-height: 46px;
}

.pos-header-order-button[b-3bp2fq8t4e],
.pos-header-table-button[b-3bp2fq8t4e] {
    min-height: 30px;
    border-radius: 999px;
    font-weight: 800;
    white-space: nowrap;
}

.pos-alert-sound-control[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    min-width: 188px;
    padding: 0.1rem 0.15rem 0.1rem 0.45rem;
    border: 1px solid rgba(15, 118, 110, 0.28);
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(236, 253, 245, 0.95), rgba(255, 255, 255, 0.92));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.pos-alert-sound-select[b-3bp2fq8t4e] {
    width: 142px;
    min-width: 142px;
}

[b-3bp2fq8t4e] .pos-alert-sound-select .mud-input-control-input-container,
[b-3bp2fq8t4e] .pos-alert-sound-select .mud-input {
    min-height: 28px;
}

[b-3bp2fq8t4e] .pos-alert-sound-select .mud-input-outlined-border {
    border-color: transparent !important;
}

[b-3bp2fq8t4e] .pos-alert-sound-select .mud-select-input {
    font-size: 0.78rem;
    font-weight: 900;
    color: #0f766e;
}

.pos-alert-test-button[b-3bp2fq8t4e] {
    width: 28px;
    height: 28px;
    min-width: 28px;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 6px 14px rgba(15, 118, 110, 0.12);
}

.dark-theme .pos-alert-sound-control[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.22);
    background:
        linear-gradient(135deg, rgba(15, 118, 110, 0.28), rgba(15, 23, 42, 0.82));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 10px 22px rgba(0, 0, 0, 0.18);
}

.dark-theme[b-3bp2fq8t4e]  .pos-alert-sound-select .mud-input,
.dark-theme[b-3bp2fq8t4e]  .pos-alert-sound-select .mud-input-control-input-container {
    background: transparent !important;
    color: #f8fafc !important;
}

.dark-theme[b-3bp2fq8t4e]  .pos-alert-sound-select .mud-select-input,
.dark-theme[b-3bp2fq8t4e]  .pos-alert-sound-select .mud-input-adornment,
.dark-theme[b-3bp2fq8t4e]  .pos-alert-sound-select .mud-icon-root {
    color: #f8fafc !important;
    opacity: 1 !important;
}

.dark-theme[b-3bp2fq8t4e]  .pos-alert-sound-select .mud-input-outlined-border {
    border-color: transparent !important;
}

.dark-theme[b-3bp2fq8t4e]  .pos-alert-sound-select .mud-input-slot {
    color: #f8fafc !important;
}

.dark-theme .pos-alert-test-button[b-3bp2fq8t4e] {
    background: rgba(34, 197, 94, 0.16) !important;
    color: #86efac !important;
    border: 1px solid rgba(134, 239, 172, 0.22);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 8px 18px rgba(0, 0, 0, 0.2);
}

.dark-theme[b-3bp2fq8t4e]  .pos-alert-test-button .mud-icon-root {
    color: #86efac !important;
}

.pos-header-order-button.has-pending-orders[b-3bp2fq8t4e] {
    position: relative;
    overflow: visible;
    background: #ef4444 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(220, 38, 38, 0.24);
    animation: pos-order-alert-switch-b-3bp2fq8t4e 0.62s steps(1, end) infinite !important;
}

[b-3bp2fq8t4e] .pos-header-order-button.has-pending-orders {
    position: relative;
    overflow: visible;
    background: #ef4444 !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(220, 38, 38, 0.24);
    animation: pos-order-alert-switch-b-3bp2fq8t4e 0.62s steps(1, end) infinite !important;
}

[b-3bp2fq8t4e] .pos-header-order-button.has-pending-orders .mud-button-label,
[b-3bp2fq8t4e] .pos-header-order-button.has-pending-orders .mud-button-start-icon,
[b-3bp2fq8t4e] .pos-header-order-button.has-pending-orders .mud-icon-root {
    color: currentColor !important;
    opacity: 1 !important;
}

.pos-header-order-button.has-pending-orders[b-3bp2fq8t4e]::after {
    content: "";
    position: absolute;
    inset: -5px;
    border: 2px solid rgba(239, 68, 68, 0.55);
    border-radius: 999px;
    animation: pos-order-alert-ring-b-3bp2fq8t4e 0.9s ease-in-out infinite;
    pointer-events: none;
}

[b-3bp2fq8t4e] .pos-header-order-button.has-pending-orders::after {
    content: "";
    position: absolute;
    inset: -5px;
    border: 2px solid rgba(239, 68, 68, 0.55);
    border-radius: 999px;
    animation: pos-order-alert-ring-b-3bp2fq8t4e 0.9s ease-in-out infinite;
    pointer-events: none;
}

@keyframes pos-order-alert-switch-b-3bp2fq8t4e {
    0%, 49% {
        background: #ef4444;
        color: #ffffff;
        transform: translateY(0);
        opacity: 1;
        filter: brightness(1.08);
        box-shadow: 0 0 0 5px rgba(239, 68, 68, 0.2), 0 14px 26px rgba(220, 38, 38, 0.28);
    }

    50%, 100% {
        background: #ffffff;
        color: #dc2626;
        transform: translateY(-1px) scale(1.04);
        opacity: 1;
        filter: none;
        box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.18), 0 5px 12px rgba(220, 38, 38, 0.16);
    }
}

@keyframes pos-order-alert-ring-b-3bp2fq8t4e {
    0%, 100% {
        opacity: .35;
        transform: scale(.98);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }
}

.order-title-block[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-areas:
        "label title"
        "meta meta";
    column-gap: 0.55rem;
    row-gap: 0.05rem;
    align-items: baseline;
    min-width: 0;
}

.order-title-block span[b-3bp2fq8t4e] {
    grid-area: label;
    color: #0f766e;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.order-title-block strong[b-3bp2fq8t4e] {
    grid-area: title;
    color: #0f172a;
    font-size: 0.88rem;
    line-height: .95rem;
    font-weight: 700;
}

.order-title-block small[b-3bp2fq8t4e] {
    grid-area: meta;
    color: #0f766e;
    font-size: 0.66rem;
    line-height: 0.76rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-mode-strip[b-3bp2fq8t4e] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.36rem;
    width: 100%;
}

.order-mode-strip .mud-chip[b-3bp2fq8t4e] {
    min-height: 22px;
    font-size: 0.64rem;
}

.pos-workspace[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: var(--pos-category-width, 212px) 8px minmax(0, 1fr) 8px minmax(470px, var(--pos-bill-width, 580px));
    gap: 0.55rem;
    align-items: stretch;
    transition: grid-template-columns 0.16s ease;
}

.pos-workspace.category-collapsed[b-3bp2fq8t4e] {
    grid-template-columns: 64px 8px minmax(0, 1fr) 8px minmax(470px, var(--pos-bill-width, 580px));
}

.pos-table-outlet-strip[b-3bp2fq8t4e] {
    padding: 0.75rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(240, 253, 250, 0.92), rgba(255, 255, 255, 0.97)),
        radial-gradient(circle at right top, rgba(20, 184, 166, 0.12), transparent 34%);
}

.pos-table-outlet-strip-head[b-3bp2fq8t4e] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

.pos-table-outlet-strip-head span[b-3bp2fq8t4e] {
    color: #0f766e;
    font-size: 0.66rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pos-table-outlet-strip-head strong[b-3bp2fq8t4e] {
    display: block;
    color: #0f172a;
    font-size: 0.92rem;
    line-height: 1.15rem;
}

.pos-table-outlet-strip-head small[b-3bp2fq8t4e] {
    padding: 0.22rem 0.55rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.1);
    color: #0f766e;
    font-size: 0.72rem;
    font-weight: 900;
    white-space: normal;
}

.pos-table-outlet-cards[b-3bp2fq8t4e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: stretch;
}

.pos-table-outlet-card[b-3bp2fq8t4e] {
    position: relative;
    width: clamp(180px, 16vw, 230px);
    min-height: 76px;
    padding: 0.72rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
    transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease, background 0.14s ease;
}

.pos-table-outlet-card:hover[b-3bp2fq8t4e] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.38);
}

.pos-table-outlet-card.selected[b-3bp2fq8t4e] {
    border-color: #0f766e;
    background: linear-gradient(135deg, #0f766e, #0b5f56);
    color: #fff;
    box-shadow: 0 18px 36px rgba(15, 118, 110, 0.2);
}

.pos-table-outlet-card.is-loading[b-3bp2fq8t4e] {
    opacity: 0.78;
}

.pos-table-outlet-main[b-3bp2fq8t4e] {
    all: unset;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    width: 100%;
    cursor: pointer;
}

.pos-table-outlet-main:disabled[b-3bp2fq8t4e] {
    cursor: wait;
}

.pos-table-outlet-icon[b-3bp2fq8t4e] {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(15, 118, 110, 0.1);
    color: #0f766e;
}

.selected .pos-table-outlet-icon[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.pos-table-outlet-meta[b-3bp2fq8t4e] {
    display: grid;
    min-width: 0;
    padding-right: 5rem;
}

.pos-table-outlet-meta strong[b-3bp2fq8t4e] {
    overflow: hidden;
    color: inherit;
    font-size: 0.9rem;
    line-height: 1.12rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-table-outlet-meta small[b-3bp2fq8t4e] {
    overflow: hidden;
    color: #53657f;
    font-size: 0.72rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected .pos-table-outlet-meta small[b-3bp2fq8t4e] {
    color: rgba(255, 255, 255, 0.82);
}

.pos-table-default-button[b-3bp2fq8t4e] {
    position: absolute;
    right: 0.6rem;
    bottom: 0.55rem;
    padding: 0.2rem 0.5rem;
    border: 1px solid rgba(15, 118, 110, 0.22);
    border-radius: 999px;
    background: #fff;
    color: #0f766e;
    font-size: 0.68rem;
    font-weight: 900;
    cursor: pointer;
}

.selected .pos-table-default-button[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.35);
    color: #fff;
}

.pos-table-default-button.is-default[b-3bp2fq8t4e] {
    background: #d1fae5;
    border-color: #86efac;
    color: #065f46;
}

.selected .pos-table-default-button.is-default[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.22);
    color: #fff;
}

.pos-table-empty-choice[b-3bp2fq8t4e] {
    min-height: 260px;
}

.pos-workspace.is-resizing[b-3bp2fq8t4e] {
    cursor: col-resize;
    user-select: none;
}

.pos-resizer[b-3bp2fq8t4e] {
    position: relative;
    align-self: stretch;
    width: 8px;
    min-width: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    cursor: col-resize;
    touch-action: none;
}

.pos-resizer span[b-3bp2fq8t4e] {
    position: absolute;
    inset: 0.6rem 2px;
    border-radius: 999px;
    background: rgba(20, 184, 166, 0.18);
    opacity: 0;
    transition: opacity 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
}

.pos-resizer:hover span[b-3bp2fq8t4e],
.pos-resizer.active span[b-3bp2fq8t4e],
.pos-workspace.is-resizing .pos-resizer.active span[b-3bp2fq8t4e] {
    opacity: 1;
    background: rgba(20, 184, 166, 0.58);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.12);
}

.category-rail[b-3bp2fq8t4e],
.catalog-panel[b-3bp2fq8t4e],
.bill-panel[b-3bp2fq8t4e] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.96);
    border-radius: 22px;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.05);
}

.category-rail[b-3bp2fq8t4e] {
    position: sticky;
    top: 0.25rem;
    align-self: start;
    overflow: hidden;
    padding: 0.45rem;
    transition: width 0.16s ease, padding 0.16s ease, background 0.12s ease, border-color 0.12s ease;
}

.pos-table-workspace[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-height: 100%;
    color: var(--mud-palette-text-primary, #0f172a);
}

.pos-table-workspace-head[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.85rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(236, 253, 245, 0.92), rgba(255, 255, 255, 0.96)),
        radial-gradient(circle at right center, rgba(20, 184, 166, 0.16), transparent 34%);
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.06);
}

.pos-table-workspace-title[b-3bp2fq8t4e] {
    display: grid;
    min-width: 0;
}

.pos-table-workspace-title span[b-3bp2fq8t4e] {
    color: #0f766e;
    font-size: 0.68rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pos-table-workspace-title strong[b-3bp2fq8t4e] {
    color: var(--mud-palette-text-primary, #071225);
    font-size: 1.12rem;
    line-height: 1.2;
}

.pos-table-workspace-title small[b-3bp2fq8t4e] {
    color: var(--mud-palette-text-secondary, #53657f);
    font-weight: 750;
}

.pos-table-workspace-actions[b-3bp2fq8t4e] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.4rem;
}

.pos-table-toolbar[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: minmax(220px, 360px) auto minmax(0, 1fr);
    gap: 0.6rem;
    align-items: center;
}

.pos-table-view-toggle[b-3bp2fq8t4e] {
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, auto));
    gap: 0.22rem;
    padding: 0.22rem;
    border: 1px solid rgba(15, 118, 110, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
}

.pos-table-view-option[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-height: 30px;
    padding: 0 0.58rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #475569;
    font-size: 0.7rem;
    font-weight: 900;
    cursor: pointer;
}

.pos-table-view-option.active[b-3bp2fq8t4e] {
    background: #0f766e;
    color: #fff;
    box-shadow: 0 8px 16px rgba(15, 118, 110, 0.16);
}

.pos-table-search[b-3bp2fq8t4e] {
    max-width: 360px;
}

.pos-table-filters[b-3bp2fq8t4e] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.38rem;
}

.pos-table-filter[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    min-height: 34px;
    padding: 0.35rem 0.64rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 999px;
    background: var(--mud-palette-surface, #fff);
    color: var(--mud-palette-text-primary, #0f172a);
    font-size: 0.78rem;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04);
    transition: transform 0.14s ease, border-color 0.14s ease, background 0.14s ease, color 0.14s ease;
}

.pos-table-filter:hover[b-3bp2fq8t4e] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.42);
}

.pos-table-filter b[b-3bp2fq8t4e] {
    display: inline-grid;
    min-width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.1);
    color: #0f766e;
    font-size: 0.72rem;
}

.pos-table-filter.active[b-3bp2fq8t4e] {
    background: #0f766e;
    color: #fff;
    border-color: #0f766e;
    box-shadow: 0 12px 24px rgba(15, 118, 110, 0.18);
}

.pos-table-filter.active b[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.billing-route-veil[b-3bp2fq8t4e] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    background: rgba(248, 250, 252, 0.86);
    backdrop-filter: blur(7px);
    animation: route-veil-in-b-3bp2fq8t4e 0.16s ease-out both;
}

.billing-route-loader[b-3bp2fq8t4e] {
    display: grid;
    min-width: min(340px, calc(100vw - 2rem));
    justify-items: center;
    gap: 0.45rem;
    padding: 1.25rem 1.4rem;
    border: 1px solid rgba(15, 118, 110, 0.2);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.16);
    color: #0f766e;
    text-align: center;
}

.billing-route-loader strong[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 1rem;
}

.billing-route-loader span[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 750;
}

html.pos-dark-theme body.pos-dark-theme .billing-route-veil[b-3bp2fq8t4e],
.dark-theme .billing-route-veil[b-3bp2fq8t4e] {
    background: rgba(2, 6, 23, 0.84);
}

html.pos-dark-theme body.pos-dark-theme .billing-route-loader[b-3bp2fq8t4e],
.dark-theme .billing-route-loader[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.22);
    background: rgba(15, 23, 42, 0.94);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
    color: #99f6e4;
}

html.pos-dark-theme body.pos-dark-theme .billing-route-loader strong[b-3bp2fq8t4e],
.dark-theme .billing-route-loader strong[b-3bp2fq8t4e] {
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .billing-route-loader span[b-3bp2fq8t4e],
.dark-theme .billing-route-loader span[b-3bp2fq8t4e] {
    color: #cbd5e1;
}

@keyframes route-veil-in-b-3bp2fq8t4e {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.pos-table-area[b-3bp2fq8t4e] {
    position: relative;
    flex: 1;
    min-height: 340px;
    padding: 0.7rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(248, 250, 252, 0.95), rgba(255, 255, 255, 0.98)),
        radial-gradient(circle at right bottom, rgba(20, 184, 166, 0.1), transparent 32%);
}

.pos-table-area.loading[b-3bp2fq8t4e] {
    display: grid;
    place-items: center;
}

.pos-table-loader[b-3bp2fq8t4e],
.pos-table-empty[b-3bp2fq8t4e] {
    min-height: 260px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.45rem;
    color: var(--mud-palette-text-secondary, #64748b);
    text-align: center;
    font-weight: 850;
}

.pos-table-empty .mud-icon-root[b-3bp2fq8t4e] {
    color: #0f766e;
    opacity: 0.72;
}

.pos-table-empty strong[b-3bp2fq8t4e] {
    color: var(--mud-palette-text-primary, #0f172a);
    font-size: 1rem;
}

.pos-table-grid[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
    gap: 0.66rem;
    align-content: start;
}

.pos-table-grid.view-compact[b-3bp2fq8t4e] {
    grid-template-columns: repeat(auto-fill, minmax(104px, 128px));
    gap: 0.46rem;
}

.pos-table-service-section[b-3bp2fq8t4e],
.pos-table-dining-section[b-3bp2fq8t4e] {
    display: grid;
    gap: 0.64rem;
}

.pos-table-service-section[b-3bp2fq8t4e] {
    margin-bottom: 0.9rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px dashed rgba(15, 118, 110, 0.22);
}

.pos-table-service-section-quick[b-3bp2fq8t4e] {
    margin: 0 0 0.82rem;
    padding: 0.72rem;
    border: 1px solid rgba(15, 118, 110, 0.14);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.88), rgba(255, 255, 255, 0.98));
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

.pos-table-service-section-quick .pos-table-service-grid[b-3bp2fq8t4e] {
    grid-template-columns: repeat(auto-fill, minmax(152px, 174px));
}

.pos-table-service-section-quick .pos-table-service-grid.view-compact[b-3bp2fq8t4e] {
    grid-template-columns: repeat(auto-fill, minmax(132px, 156px));
    gap: 0.42rem;
}

.pos-table-service-section-quick .pos-table-service-card[b-3bp2fq8t4e] {
    min-height: 92px;
    padding: 0.48rem 0.54rem;
}

.pos-table-service-grid.view-compact .pos-table-service-card[b-3bp2fq8t4e] {
    min-height: 76px;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 0.12rem 0.46rem;
    padding: 0.48rem;
    border-radius: 12px;
}

.pos-table-service-grid.view-compact .pos-table-service-card-wrap .pos-table-service-card[b-3bp2fq8t4e] {
    padding-right: 1.9rem;
}

.pos-table-service-grid.view-compact .service-card-cancel[b-3bp2fq8t4e] {
    top: 0.34rem;
    right: 0.34rem;
    width: 24px;
    height: 24px;
}

.pos-table-service-grid.view-compact .service-card-cancel .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 0.86rem;
}

.pos-table-service-grid.view-compact .service-card-icon[b-3bp2fq8t4e] {
    width: 28px;
    height: 28px;
    border-radius: 10px;
}

.pos-table-service-grid.view-compact .service-card-mode[b-3bp2fq8t4e],
.pos-table-service-grid.view-compact .service-card-age[b-3bp2fq8t4e] {
    font-size: 0.54rem;
}

.pos-table-service-grid.view-compact .pos-table-service-card strong[b-3bp2fq8t4e] {
    font-size: 0.78rem;
}

.pos-table-service-grid.view-compact .service-card-meta[b-3bp2fq8t4e] {
    margin-top: 0.18rem;
}

.pos-table-service-grid.view-compact .service-card-meta span[b-3bp2fq8t4e] {
    padding: 0.1rem 0.32rem;
    font-size: 0.56rem;
}

.pos-table-service-section-quick .service-card-icon[b-3bp2fq8t4e] {
    width: 34px;
    height: 34px;
}

.pos-table-section-head[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: #0f172a;
    font-size: 0.78rem;
    font-weight: 950;
}

.pos-table-section-head.compact[b-3bp2fq8t4e] {
    margin-top: 0.1rem;
}

.pos-table-section-head span[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    gap: 0.38rem;
    min-width: 0;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.pos-table-section-head .mud-icon-root[b-3bp2fq8t4e] {
    color: #0f766e;
}

.pos-table-section-head b[b-3bp2fq8t4e] {
    padding: 0.2rem 0.55rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.1);
    color: #0f766e;
    font-size: 0.68rem;
    white-space: nowrap;
}

.pos-table-service-grid[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(152px, 178px));
    gap: 0.5rem;
    align-content: start;
}

.pos-table-service-card-wrap[b-3bp2fq8t4e] {
    position: relative;
    min-width: 0;
}

.pos-table-service-card-wrap .pos-table-service-card[b-3bp2fq8t4e] {
    width: 100%;
    height: 100%;
    padding-right: 1.85rem;
}

.pos-table-service-card[b-3bp2fq8t4e] {
    position: relative;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 0.08rem 0.42rem;
    align-items: center;
    min-height: 96px;
    padding: 0.52rem;
    border: 1px solid rgba(15, 118, 110, 0.24);
    border-radius: 16px;
    background:
        linear-gradient(145deg, rgba(240, 253, 250, 0.96), rgba(255, 255, 255, 0.98)),
        radial-gradient(circle at right bottom, rgba(20, 184, 166, 0.18), transparent 42%);
    color: #0f172a;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08);
    transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease;
}

.pos-table-service-card:hover[b-3bp2fq8t4e] {
    transform: translateY(-2px);
    border-color: rgba(15, 118, 110, 0.5);
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.12);
}

.pos-table-service-card.selected[b-3bp2fq8t4e] {
    color: #fff;
    border-color: rgba(20, 184, 166, 0.7);
    background:
        linear-gradient(145deg, #0f766e, #115e59),
        radial-gradient(circle at right bottom, rgba(45, 212, 191, 0.35), transparent 42%);
    box-shadow: 0 20px 34px rgba(15, 118, 110, 0.22);
}

.service-card-icon[b-3bp2fq8t4e] {
    grid-row: span 4;
    display: inline-grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 10px;
    background: rgba(15, 118, 110, 0.12);
    color: #0f766e;
}

.pos-table-service-card.selected .service-card-icon[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.service-card-mode[b-3bp2fq8t4e] {
    color: #0f766e;
    font-size: 0.55rem;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pos-table-service-card.selected .service-card-mode[b-3bp2fq8t4e],
.pos-table-service-card.selected small[b-3bp2fq8t4e],
.pos-table-service-card.selected .service-card-age[b-3bp2fq8t4e] {
    color: rgba(255, 255, 255, 0.82);
}

.pos-table-service-card strong[b-3bp2fq8t4e] {
    min-width: 0;
    padding-right: 0.2rem;
    font-size: 0.86rem;
    line-height: 1.06;
    overflow-wrap: anywhere;
    white-space: normal;
}

.pos-table-service-card small[b-3bp2fq8t4e] {
    min-width: 0;
    color: #64748b;
    font-size: 0.56rem;
    font-weight: 800;
    line-height: 1.12;
    overflow-wrap: anywhere;
    white-space: normal;
}

.service-card-meta[b-3bp2fq8t4e] {
    grid-column: 2 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.22rem;
    margin-top: 0.1rem;
    min-width: 0;
}

.service-card-meta span[b-3bp2fq8t4e] {
    max-width: 100%;
    padding: 0.1rem 0.32rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.1);
    color: #0f766e;
    font-size: 0.54rem;
    font-weight: 950;
    overflow-wrap: anywhere;
}

.pos-table-service-card.selected .service-card-meta span[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

.service-card-cancel[b-3bp2fq8t4e] {
    position: absolute;
    top: 0.36rem;
    right: 0.36rem;
    z-index: 2;
    display: grid;
    width: 22px;
    height: 22px;
    place-items: center;
    border: 1px solid rgba(239, 68, 68, 0.22);
    border-radius: 999px;
    background: rgba(254, 226, 226, 0.95);
    color: #dc2626;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(220, 38, 38, 0.14);
    transition: transform 0.14s ease, background 0.14s ease, border-color 0.14s ease;
}

.service-card-cancel:hover[b-3bp2fq8t4e] {
    transform: translateY(-1px);
    background: #fee2e2;
    border-color: rgba(239, 68, 68, 0.42);
}

.service-card-cancel .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 0.82rem;
}

.pos-table-service-card.selected + .service-card-cancel[b-3bp2fq8t4e] {
    border-color: rgba(255, 255, 255, 0.26);
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    box-shadow: none;
}

html.pos-dark-theme body.pos-dark-theme .service-card-cancel[b-3bp2fq8t4e],
.dark-theme .service-card-cancel[b-3bp2fq8t4e] {
    border-color: rgba(248, 113, 113, 0.28);
    background: rgba(127, 29, 29, 0.5);
    color: #fecaca;
}

html.pos-dark-theme body.pos-dark-theme .service-card-cancel:hover[b-3bp2fq8t4e],
.dark-theme .service-card-cancel:hover[b-3bp2fq8t4e] {
    background: rgba(153, 27, 27, 0.68);
    border-color: rgba(248, 113, 113, 0.42);
}

.service-card-age[b-3bp2fq8t4e] {
    position: static;
    justify-self: start;
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    margin-top: 0.02rem;
    padding: 0.08rem 0.32rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
    font-size: 0.52rem;
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
}

.pos-table-card[b-3bp2fq8t4e] {
    position: relative;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 0.14rem;
    min-height: 138px;
    padding: 0.78rem 0.6rem 0.58rem;
    border: 1px solid rgba(148, 163, 184, 0.46);
    border-radius: 16px;
    background: linear-gradient(145deg, #f8fafc, #e8eef5);
    color: #0f172a;
    cursor: pointer;
    box-shadow: 0 12px 22px rgba(15, 23, 42, 0.06);
    transition: transform 0.14s ease, box-shadow 0.14s ease, border-color 0.14s ease;
}

.pos-table-grid.view-compact .pos-table-card[b-3bp2fq8t4e] {
    min-height: 106px;
    padding: 0.55rem 0.45rem 0.45rem;
    border-radius: 12px;
    gap: 0.06rem;
}

.pos-table-grid.view-compact .pos-table-card .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 1.08rem;
}

.pos-table-grid.view-compact .pos-table-card strong[b-3bp2fq8t4e] {
    font-size: 0.92rem;
}

.pos-table-grid.view-compact .pos-table-card small[b-3bp2fq8t4e],
.pos-table-grid.view-compact .pos-table-status[b-3bp2fq8t4e] {
    font-size: 0.58rem;
}

.pos-table-grid.view-compact .pos-table-token[b-3bp2fq8t4e] {
    max-width: 88px;
    font-size: 0.56rem;
}

.pos-table-card:hover:not(:disabled)[b-3bp2fq8t4e] {
    transform: translateY(-2px);
    box-shadow: 0 16px 28px rgba(15, 23, 42, 0.1);
}

.pos-table-card:disabled[b-3bp2fq8t4e] {
    cursor: wait;
    opacity: 0.72;
}

.pos-table-card.running[b-3bp2fq8t4e] {
    border-color: rgba(6, 182, 212, 0.55);
    background: linear-gradient(145deg, #ecfeff, #cffafe);
}

.pos-table-card.runningkot[b-3bp2fq8t4e],
.pos-table-card.qr-order[b-3bp2fq8t4e] {
    border-color: rgba(245, 158, 11, 0.62);
    background: linear-gradient(145deg, #fff7ed, #fef3c7);
    box-shadow: 0 16px 30px rgba(245, 158, 11, 0.16);
}

.pos-table-card.printed[b-3bp2fq8t4e] {
    border-color: rgba(34, 197, 94, 0.5);
    background: linear-gradient(145deg, #f0fdf4, #dcfce7);
}

.pos-table-card.paid[b-3bp2fq8t4e] {
    border-color: rgba(249, 115, 22, 0.48);
    background: linear-gradient(145deg, #fff7ed, #ffedd5);
}

.pos-table-card.selected[b-3bp2fq8t4e] {
    outline: 3px solid rgba(15, 118, 110, 0.2);
    border-color: #0f766e;
}

.pos-table-status-dot[b-3bp2fq8t4e] {
    position: absolute;
    top: 0.68rem;
    left: 0.7rem;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #cbd5e1;
}

.pos-table-card.running .pos-table-status-dot[b-3bp2fq8t4e] {
    background: #06b6d4;
}

.pos-table-card.runningkot .pos-table-status-dot[b-3bp2fq8t4e],
.pos-table-card.qr-order .pos-table-status-dot[b-3bp2fq8t4e] {
    background: #f59e0b;
}

.pos-table-card.printed .pos-table-status-dot[b-3bp2fq8t4e] {
    background: #22c55e;
}

.pos-table-card.paid .pos-table-status-dot[b-3bp2fq8t4e] {
    background: #fb923c;
}

.pos-table-status[b-3bp2fq8t4e] {
    position: absolute;
    top: 0.48rem;
    left: 1.55rem;
    max-width: calc(100% - 2rem);
    color: #334155;
    font-size: 0.62rem;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-table-card .mud-icon-root[b-3bp2fq8t4e] {
    color: #0f172a;
    margin-top: 0.34rem;
}

.pos-table-card strong[b-3bp2fq8t4e] {
    font-size: 1.03rem;
    line-height: 1.12;
}

.pos-table-card small[b-3bp2fq8t4e] {
    max-width: 100%;
    color: #64748b;
    font-size: 0.66rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-table-token[b-3bp2fq8t4e] {
    max-width: 100%;
    padding: 0.12rem 0.44rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.12);
    color: #0f766e;
    font-size: 0.62rem;
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-table-meta[b-3bp2fq8t4e] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.25rem;
    margin-top: 0.24rem;
}

.pos-table-meta span[b-3bp2fq8t4e] {
    padding: 0.08rem 0.32rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #334155;
    font-size: 0.58rem;
    font-weight: 900;
}

.pos-table-footer[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
    padding: 0 0.15rem;
    color: var(--mud-palette-text-secondary, #64748b);
    font-size: 0.8rem;
    font-weight: 850;
}

.pos-table-footer > div[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
}

.category-rail-header[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
    margin-bottom: 0.45rem;
    padding: 0.1rem 0.1rem 0.35rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    color: #0f766e;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.category-rail-toggle[b-3bp2fq8t4e] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 11px;
    background: rgba(240, 253, 250, 0.9);
    color: #0f766e;
    cursor: pointer;
}

.category-rail-toggle:hover[b-3bp2fq8t4e] {
    background: rgba(204, 251, 241, 0.95);
    border-color: rgba(15, 118, 110, 0.28);
}

.category-rail.collapsed[b-3bp2fq8t4e] {
    padding: 0.4rem 0.34rem;
}

.category-rail.collapsed .category-rail-header[b-3bp2fq8t4e] {
    justify-content: center;
    margin-bottom: 0.38rem;
    padding-bottom: 0.32rem;
}

.category-rail.collapsed .category-rail-header span[b-3bp2fq8t4e],
.category-rail.collapsed .category-label[b-3bp2fq8t4e],
.category-rail.collapsed .category-count[b-3bp2fq8t4e],
.category-rail.collapsed .subcategory-strip[b-3bp2fq8t4e] {
    display: none;
}

.category-rail.collapsed .category-list[b-3bp2fq8t4e] {
    align-items: center;
    gap: 0.38rem;
}

.category-rail.collapsed .category-row[b-3bp2fq8t4e] {
    width: 42px;
    min-height: 42px;
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 0.28rem;
    border-radius: 13px;
}

.category-rail.collapsed .category-row.sub[b-3bp2fq8t4e] {
    display: none;
}

.category-rail.collapsed .category-icon[b-3bp2fq8t4e] {
    width: 30px;
    height: 30px;
}

.category-list[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.subcategory-strip[b-3bp2fq8t4e] {
    display: flex;
    gap: 0.45rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-top: 0.5rem;
    margin-top: 0.45rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.subcategory-chip[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 34px;
    padding: 0 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.92);
    color: #334155;
    font-size: 0.76rem;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.subcategory-chip strong[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 0.35rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    color: #475569;
    font-size: 0.68rem;
}

.subcategory-chip.active[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, #14532d, #0f766e);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 8px 18px rgba(15, 118, 110, 0.18);
}

.subcategory-chip.active strong[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.category-row[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.55rem;
    width: 100%;
    min-height: 44px;
    padding: 0.35rem 0.45rem;
    border: 1px solid transparent;
    border-radius: 14px;
    background: transparent;
    color: #334155;
    text-align: left;
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}

.category-row.sub[b-3bp2fq8t4e] {
    min-height: 40px;
    margin-left: 0.65rem;
    width: calc(100% - 0.65rem);
    border-radius: 10px;
    font-size: 0.9rem;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    background: rgba(248, 250, 252, 0.72);
}

.category-row:hover[b-3bp2fq8t4e] {
    background: rgba(248, 250, 252, 0.95);
    border-color: rgba(15, 23, 42, 0.08);
}

.category-row.active[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, #14532d, #0f766e);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 10px 20px rgba(15, 118, 110, 0.2);
}

.category-row.sub.active[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, rgba(20, 83, 45, 0.92), rgba(15, 118, 110, 0.92));
}

.category-icon[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
}

.category-row.active .category-icon[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

.category-row.sub .category-icon[b-3bp2fq8t4e] {
    width: 28px;
    height: 28px;
    border-radius: 9px;
}

.category-label[b-3bp2fq8t4e] {
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1rem;
    font-size: 0.83rem;
    font-weight: 800;
    text-transform: uppercase;
}

.category-count[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 24px;
    padding: 0 0.45rem;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    color: #475569;
    font-size: 0.74rem;
    font-weight: 800;
}

.category-row.active .category-count[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

html.pos-dark-theme body.pos-dark-theme .category-rail[b-3bp2fq8t4e],
.dark-theme .category-rail[b-3bp2fq8t4e] {
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.96);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.22);
}

html.pos-dark-theme body.pos-dark-theme .pos-resizer span[b-3bp2fq8t4e],
.dark-theme .pos-resizer span[b-3bp2fq8t4e] {
    background: rgba(45, 212, 191, 0.2);
}

html.pos-dark-theme body.pos-dark-theme .pos-resizer:hover span[b-3bp2fq8t4e],
.dark-theme .pos-resizer:hover span[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .pos-resizer.active span[b-3bp2fq8t4e],
.dark-theme .pos-resizer.active span[b-3bp2fq8t4e] {
    background: rgba(45, 212, 191, 0.72);
    box-shadow: 0 0 0 3px rgba(45, 212, 191, 0.14);
}

html.pos-dark-theme body.pos-dark-theme .category-rail-header[b-3bp2fq8t4e],
.dark-theme .category-rail-header[b-3bp2fq8t4e] {
    border-color: rgba(148, 163, 184, 0.16);
    color: #5eead4;
}

html.pos-dark-theme body.pos-dark-theme .category-rail-toggle[b-3bp2fq8t4e],
.dark-theme .category-rail-toggle[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.24);
    background: rgba(20, 184, 166, 0.12);
    color: #5eead4;
}

html.pos-dark-theme body.pos-dark-theme .category-rail-toggle:hover[b-3bp2fq8t4e],
.dark-theme .category-rail-toggle:hover[b-3bp2fq8t4e] {
    background: rgba(20, 184, 166, 0.2);
}

html.pos-dark-theme body.pos-dark-theme .category-row[b-3bp2fq8t4e],
.dark-theme .category-row[b-3bp2fq8t4e] {
    color: #e5edf7;
}

html.pos-dark-theme body.pos-dark-theme .category-row.sub[b-3bp2fq8t4e],
.dark-theme .category-row.sub[b-3bp2fq8t4e] {
    background: rgba(30, 41, 59, 0.62);
}

html.pos-dark-theme body.pos-dark-theme .category-row:hover[b-3bp2fq8t4e],
.dark-theme .category-row:hover[b-3bp2fq8t4e] {
    background: rgba(30, 41, 59, 0.86);
    border-color: rgba(148, 163, 184, 0.18);
}

html.pos-dark-theme body.pos-dark-theme .category-icon[b-3bp2fq8t4e],
.dark-theme .category-icon[b-3bp2fq8t4e] {
    background: rgba(20, 184, 166, 0.12);
    color: #5eead4;
}

html.pos-dark-theme body.pos-dark-theme .category-count[b-3bp2fq8t4e],
.dark-theme .category-count[b-3bp2fq8t4e] {
    background: rgba(148, 163, 184, 0.13);
    color: #cbd5e1;
}

html.pos-dark-theme body.pos-dark-theme .subcategory-chip[b-3bp2fq8t4e],
.dark-theme .subcategory-chip[b-3bp2fq8t4e] {
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.9);
    color: #e5edf7;
}

html.pos-dark-theme body.pos-dark-theme .subcategory-chip strong[b-3bp2fq8t4e],
.dark-theme .subcategory-chip strong[b-3bp2fq8t4e] {
    background: rgba(148, 163, 184, 0.13);
    color: #cbd5e1;
}

.catalog-toolbar[b-3bp2fq8t4e] {
    align-items: center;
    min-height: 36px;
}

html.pos-dark-theme body.pos-dark-theme .quick-items-toggle.mud-button-outlined[b-3bp2fq8t4e],
.dark-theme .quick-items-toggle.mud-button-outlined[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.28);
    background: rgba(20, 184, 166, 0.1);
    color: #99f6e4;
}

html.pos-dark-theme body.pos-dark-theme .product-view-toggle[b-3bp2fq8t4e],
.dark-theme .product-view-toggle[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.18);
    background: rgba(15, 23, 42, 0.74);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 8px 18px rgba(0, 0, 0, 0.18);
}

html.pos-dark-theme body.pos-dark-theme .product-view-option[b-3bp2fq8t4e],
.dark-theme .product-view-option[b-3bp2fq8t4e] {
    color: #94a3b8;
}

.catalog-panel .pos-table-workspace[b-3bp2fq8t4e] {
    height: 100%;
    min-height: 0;
    overflow: hidden;
    padding: 0.1rem;
}

.catalog-panel .pos-table-workspace-quick[b-3bp2fq8t4e] {
    gap: 0.55rem;
}

.catalog-panel .pos-table-workspace-head[b-3bp2fq8t4e] {
    flex: 0 0 auto;
    padding: 0.62rem 0.72rem;
    border-radius: 12px;
}

.catalog-panel .pos-table-workspace-quick .pos-table-workspace-title span[b-3bp2fq8t4e] {
    font-size: 0.62rem;
}

.catalog-panel .pos-table-workspace-title strong[b-3bp2fq8t4e] {
    font-size: 0.96rem;
}

.catalog-panel .pos-table-workspace-title small[b-3bp2fq8t4e] {
    max-width: 460px;
    overflow: hidden;
    font-size: 0.68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catalog-panel .pos-table-workspace-actions[b-3bp2fq8t4e] {
    gap: 0.35rem;
}

.catalog-panel .pos-table-toolbar[b-3bp2fq8t4e] {
    flex: 0 0 auto;
    grid-template-columns: minmax(180px, 310px) auto minmax(0, 1fr);
    gap: 0.5rem;
}

.catalog-panel .pos-table-workspace-quick .pos-table-filters[b-3bp2fq8t4e] {
    justify-content: flex-end;
}

.catalog-panel .pos-table-workspace-quick .pos-table-filters button[b-3bp2fq8t4e] {
    padding: 0.24rem 0.44rem;
    font-size: 0.67rem;
}

.catalog-panel .pos-table-area[b-3bp2fq8t4e] {
    flex: 1 1 auto;
    min-height: 220px;
    overflow: auto;
    padding: 0.58rem;
    border-radius: 12px;
}

.catalog-panel .pos-table-loader[b-3bp2fq8t4e],
.catalog-panel .pos-table-empty[b-3bp2fq8t4e] {
    min-height: 180px;
}

.catalog-panel .pos-table-grid[b-3bp2fq8t4e] {
    grid-template-columns: repeat(auto-fill, minmax(104px, 122px));
    align-content: start;
    gap: 0.55rem;
}

.catalog-panel .pos-table-card[b-3bp2fq8t4e] {
    min-height: 104px;
    border-radius: 12px;
    padding: 0.6rem 0.48rem 0.46rem;
}

.catalog-panel .pos-table-card strong[b-3bp2fq8t4e] {
    font-size: 0.96rem;
}

.catalog-panel .pos-table-card .mud-icon-root[b-3bp2fq8t4e] {
    margin-top: 0.24rem;
}

.catalog-panel .pos-table-outlet-strip[b-3bp2fq8t4e] {
    flex: 0 0 auto;
    border-radius: 12px;
    padding: 0.55rem;
}

.catalog-panel .pos-table-workspace-quick .pos-table-outlet-strip-head[b-3bp2fq8t4e] {
    margin-bottom: 0.45rem;
}

.catalog-panel .pos-table-workspace-quick .pos-table-outlet-strip-head strong[b-3bp2fq8t4e] {
    font-size: 0.82rem;
}

.catalog-panel .pos-table-outlet-cards[b-3bp2fq8t4e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.catalog-panel .pos-table-outlet-card[b-3bp2fq8t4e] {
    width: 168px;
    min-height: 64px;
    border-radius: 12px;
    padding: 0.52rem;
}

.catalog-panel .pos-table-outlet-main[b-3bp2fq8t4e] {
    grid-template-columns: 30px minmax(0, 1fr);
}

.catalog-panel .pos-table-outlet-icon[b-3bp2fq8t4e] {
    width: 30px;
    height: 30px;
    border-radius: 10px;
}

.catalog-panel .pos-table-outlet-meta strong[b-3bp2fq8t4e] {
    font-size: 0.78rem;
}

.catalog-panel .pos-table-outlet-meta small[b-3bp2fq8t4e] {
    font-size: 0.62rem;
}

.catalog-panel .pos-table-footer[b-3bp2fq8t4e] {
    flex: 0 0 auto;
    padding-top: 0.2rem;
}

.catalog-panel .pos-table-workspace-quick .pos-table-footer[b-3bp2fq8t4e] {
    justify-content: flex-start;
    font-size: 0.72rem;
}

html.pos-dark-theme body.pos-dark-theme .product-view-option.active[b-3bp2fq8t4e],
.dark-theme .product-view-option.active[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, #0f766e, #14b8a6);
    color: #f8fafc;
    box-shadow: 0 7px 16px rgba(20, 184, 166, 0.18);
}

html.pos-dark-theme body.pos-dark-theme .product-view-option:not(.active):hover[b-3bp2fq8t4e],
.dark-theme .product-view-option:not(.active):hover[b-3bp2fq8t4e] {
    background: rgba(45, 212, 191, 0.12);
    color: #99f6e4;
}

.catalog-toolbar-phone[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    gap: 0.45rem;
    align-items: center;
}

.catalog-refresh-icon[b-3bp2fq8t4e] {
    width: 40px;
    height: 48px;
    min-width: 40px;
    min-height: 48px;
    border: 0;
    border-radius: 999px;
    background: transparent !important;
    color: #0f766e !important;
    box-shadow: none;
}

.catalog-mobile-entry[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.catalog-sticky-tools[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.catalog-stack[b-3bp2fq8t4e] {
    gap: 0.65rem;
}

.catalog-mobile-entry-row[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto auto auto;
    gap: 0.46rem;
    align-items: center;
}

.quick-items-toggle.mud-button-root[b-3bp2fq8t4e] {
    min-height: 42px;
    border-radius: 999px;
    padding-inline: 0.85rem;
    font-size: 0.74rem;
    font-weight: 950;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(15, 118, 110, 0.12);
}

.quick-items-toggle.mud-button-outlined[b-3bp2fq8t4e] {
    border-color: rgba(15, 118, 110, 0.22);
    background: rgba(240, 253, 250, 0.72);
}

.product-view-toggle[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    gap: 0.16rem;
    min-height: 42px;
    padding: 0.18rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 8px 18px rgba(15, 23, 42, 0.06);
}

.product-view-option[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-height: 34px;
    min-width: 78px;
    padding: 0 0.62rem;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #47627c;
    font-size: 0.68rem;
    font-weight: 950;
    cursor: pointer;
    transition: background 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;
}

.product-view-option.active[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, #0f766e, #14b8a6);
    color: #ffffff;
    box-shadow: 0 7px 16px rgba(15, 118, 110, 0.22);
}

.product-view-option:not(.active):hover[b-3bp2fq8t4e] {
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
}

.catalog-mobile-scan-button[b-3bp2fq8t4e] {
    width: 40px;
    height: 48px;
    min-width: 40px;
    min-height: 48px;
    border-radius: 999px;
    padding: 0;
    background: transparent !important;
    color: #0f766e !important;
    box-shadow: none;
}

.catalog-mobile-scan-button .mud-icon-root[b-3bp2fq8t4e],
.catalog-refresh-icon .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 1.35rem !important;
}

.catalog-mobile-entry .pos-input.compact .mud-input-slot[b-3bp2fq8t4e] {
    min-height: 48px;
}

.product-grid[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(156px, 168px));
    gap: 0.34rem;
    align-content: start;
    justify-content: start;
}

.pos-screen.app-desktop .product-grid[b-3bp2fq8t4e] {
    grid-template-columns: repeat(auto-fill, 160px);
    gap: 0.34rem;
    justify-content: start;
}

.product-grid.product-grid-buttons[b-3bp2fq8t4e] {
    grid-template-columns: repeat(auto-fill, minmax(182px, 1fr));
    gap: 0.28rem;
}

.pos-screen.app-desktop .product-grid.product-grid-buttons[b-3bp2fq8t4e] {
    grid-template-columns: repeat(auto-fill, minmax(194px, 1fr));
    gap: 0.28rem;
}

.product-area[b-3bp2fq8t4e] {
    position: relative;
    min-height: 124px;
}

.product-section-loader[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 52px;
    margin-bottom: 0.55rem;
    color: #0f766e;
    font-size: 0.82rem;
    font-weight: 900;
}

.product-empty-state[b-3bp2fq8t4e] {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 1.2rem;
    border: 1px dashed rgba(15, 118, 110, 0.18);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 251, 253, 0.94));
    color: #64748b;
    text-align: center;
}

.product-empty-state strong[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 0.94rem;
    font-weight: 900;
}

.product-empty-state span[b-3bp2fq8t4e] {
    font-size: 0.78rem;
    font-weight: 700;
}

.product-grid-skeleton[b-3bp2fq8t4e] {
    pointer-events: none;
}

.product-tile-skeleton[b-3bp2fq8t4e] {
    min-height: 86px;
    cursor: default;
}

.product-tile-skeleton span[b-3bp2fq8t4e],
.product-tile-skeleton strong[b-3bp2fq8t4e],
.product-tile-skeleton small[b-3bp2fq8t4e] {
    display: block;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(226, 232, 240, 0.9), rgba(248, 250, 252, 0.95), rgba(226, 232, 240, 0.9));
    background-size: 200% 100%;
    animation: product-skeleton-pulse-b-3bp2fq8t4e 1.1s ease-in-out infinite;
}

.product-tile-skeleton span[b-3bp2fq8t4e] {
    width: 68%;
    height: 16px;
}

.product-tile-skeleton strong[b-3bp2fq8t4e] {
    width: 88%;
    height: 28px;
}

.product-tile-skeleton small[b-3bp2fq8t4e] {
    width: 52%;
    height: 18px;
    margin-top: auto;
}

@keyframes product-skeleton-pulse-b-3bp2fq8t4e {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.product-tile[b-3bp2fq8t4e] {
    position: relative;
    display: grid;
    grid-template-rows: 32px 22px 28px;
    gap: 0.12rem;
    height: 96px;
    min-height: 96px;
    border: 1px solid rgba(30, 64, 175, 0.14);
    border-radius: 4px;
    background: #f1f7fb;
    padding: 0.34rem 0.42rem 0.32rem 0.62rem;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    box-shadow: inset 4px 0 0 rgba(20, 184, 166, 0.78), 0 1px 2px rgba(15, 23, 42, 0.06);
    transition: transform 0.12s ease, box-shadow 0.12s ease, border-color 0.12s ease, background 0.12s ease;
}

.pos-screen.app-desktop .product-tile[b-3bp2fq8t4e] {
    width: 160px;
    height: 96px;
    min-height: 96px;
    max-height: 96px;
    padding: 0.34rem 0.42rem 0.32rem 0.62rem;
}

.product-tile[b-3bp2fq8t4e]::before {
    display: none;
}

.product-tile[b-3bp2fq8t4e]::after {
    display: none;
}

.product-tile:hover[b-3bp2fq8t4e] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.34);
    background: #eafbf7;
    box-shadow: inset 4px 0 0 rgba(15, 118, 110, 0.95), 0 8px 18px rgba(15, 23, 42, 0.08);
}

.product-tile.in-cart[b-3bp2fq8t4e] {
    border-color: rgba(15, 118, 110, 0.34);
    background: #e1f8ee;
    box-shadow: inset 4px 0 0 rgba(15, 118, 110, 1), 0 6px 15px rgba(15, 118, 110, 0.1);
}

.product-tile.stock-limit[b-3bp2fq8t4e] {
    border-color: rgba(245, 158, 11, 0.24);
}

.product-tile.sold-out[b-3bp2fq8t4e] {
    opacity: 0.62;
}

.product-button-tile[b-3bp2fq8t4e] {
    position: relative;
    display: flex;
    min-height: 58px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 4px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    color: #111827;
    box-shadow: inset 4px 0 0 rgba(34, 197, 94, 0.92), 0 1px 2px rgba(15, 23, 42, 0.06);
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    padding: 0.46rem 0.64rem 0.4rem 0.78rem;
    overflow: hidden;
    text-align: center;
    transition: transform 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
}

.product-button-tile:hover[b-3bp2fq8t4e] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.3);
    background: linear-gradient(180deg, #f7fffd 0%, #f1fffb 100%);
    box-shadow: inset 4px 0 0 rgba(20, 184, 166, 1), 0 8px 16px rgba(15, 23, 42, 0.08);
}

.product-button-tile.in-cart[b-3bp2fq8t4e] {
    border-color: rgba(15, 118, 110, 0.34);
    background: linear-gradient(180deg, #ecfdf5 0%, #dffbf3 100%);
    box-shadow: inset 4px 0 0 rgba(15, 118, 110, 1), 0 6px 14px rgba(15, 118, 110, 0.12);
}

.product-button-tile.stock-limit[b-3bp2fq8t4e] {
    box-shadow: inset 4px 0 0 rgba(245, 158, 11, 0.9), 0 1px 2px rgba(15, 23, 42, 0.06);
}

.product-button-tile.sold-out[b-3bp2fq8t4e] {
    opacity: 0.58;
}

.product-button-name[b-3bp2fq8t4e] {
    width: 100%;
    color: inherit;
    font-size: 0.78rem;
    font-weight: 950;
    line-height: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-button-price[b-3bp2fq8t4e] {
    display: block;
    max-width: 100%;
    color: #0f766e;
    font-size: 0.66rem;
    font-weight: 950;
    line-height: 0.82rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-button-tile .product-food-icon[b-3bp2fq8t4e] {
    right: 0.34rem;
    bottom: 0.3rem;
    width: 14px;
    height: 14px;
    border-radius: 4px;
    border-width: 2px;
}

.product-button-tile .product-food-icon[b-3bp2fq8t4e]::after {
    inset: 3px;
}

.product-button-tile .product-cart-badge[b-3bp2fq8t4e] {
    position: absolute;
    top: 0.28rem;
    right: 0.32rem;
    min-width: 20px;
    height: 18px;
    font-size: 0.54rem;
}

.product-tile-top[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.16rem 0.22rem;
    min-width: 0;
    order: 3;
    align-self: end;
    margin-top: 0;
    padding-right: 1.35rem;
}

.product-stock[b-3bp2fq8t4e],
.product-meta[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.64rem;
    line-height: 0.86rem;
}

.product-stock[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    max-width: 70px;
    min-height: 15px;
    padding: 0 0.25rem;
    border-radius: 3px;
    background: rgba(15, 118, 110, 0.1);
    color: #0f766e;
    font-size: 0.48rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-screen.app-desktop .product-stock[b-3bp2fq8t4e] {
    max-width: 72px;
}

.product-stock.low[b-3bp2fq8t4e] {
    background: rgba(245, 158, 11, 0.12);
    color: #92400e;
}

.recent-invoices-card[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
}

.recent-invoices-head[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.recent-invoices-head span[b-3bp2fq8t4e] {
    display: block;
    color: #0f766e;
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.recent-invoices-head strong[b-3bp2fq8t4e] {
    display: block;
    color: #0f172a;
    font-size: 1rem;
}

.recent-invoices-list[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.recent-invoice-row[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    background: #fff;
}

.recent-invoice-main[b-3bp2fq8t4e],
.recent-invoice-side[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.recent-invoice-main[b-3bp2fq8t4e] {
    min-width: 0;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
}

.recent-invoice-main strong[b-3bp2fq8t4e] {
    color: #0f172a;
    font-weight: 900;
}

.recent-invoice-main small[b-3bp2fq8t4e] {
    color: #64748b;
    font-weight: 700;
}

.recent-invoice-side span[b-3bp2fq8t4e] {
    color: #0f172a;
    font-weight: 900;
    white-space: nowrap;
}

.recent-invoices-empty[b-3bp2fq8t4e] {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    border: 1px dashed rgba(15, 23, 42, 0.12);
    border-radius: 14px;
    color: #64748b;
    font-weight: 800;
    background: rgba(255, 255, 255, 0.85);
}

.product-stock.out[b-3bp2fq8t4e] {
    background: rgba(220, 38, 38, 0.1);
    color: #991b1b;
}

.product-stock.return[b-3bp2fq8t4e] {
    background: rgba(13, 148, 136, 0.12);
    color: #0f766e;
}

.product-name[b-3bp2fq8t4e] {
    color: #1e293b;
    font-size: 0.72rem;
    font-weight: 950;
    line-height: 0.82rem;
    min-height: 1.64rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    overflow-wrap: anywhere;
}

.pos-screen.app-desktop .product-name[b-3bp2fq8t4e] {
    font-size: 0.72rem;
    line-height: 0.82rem;
    min-height: 1.64rem;
}

.product-identity[b-3bp2fq8t4e] {
    display: block;
    min-width: 0;
    order: 1;
}

.product-food-icon[b-3bp2fq8t4e] {
    position: absolute;
    right: 0.44rem;
    bottom: 0.42rem;
    z-index: 2;
    width: 18px;
    height: 18px;
    border: 2px solid #94a3b8;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 2px 7px rgba(15, 23, 42, 0.16);
}

.product-food-icon[b-3bp2fq8t4e]::after {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 50%;
    background: #94a3b8;
}

.product-food-icon.veg[b-3bp2fq8t4e] {
    border-color: #16a34a;
}

.product-food-icon.veg[b-3bp2fq8t4e]::after {
    background: #22c55e;
}

.product-food-icon.non-veg[b-3bp2fq8t4e] {
    border-color: #dc2626;
}

.product-food-icon.non-veg[b-3bp2fq8t4e]::after {
    background: #ef4444;
}

.product-food-icon.egg[b-3bp2fq8t4e] {
    border-color: #f59e0b;
    border-radius: 999px;
}

.product-food-icon.egg[b-3bp2fq8t4e]::after {
    background: #f59e0b;
}

.product-thumb[b-3bp2fq8t4e] {
    display: none;
}

.product-meta-row[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.45rem;
}

.product-category[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    min-height: 15px;
    max-width: 72px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #0f766e;
    font-size: 0.48rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-screen.app-desktop .product-category[b-3bp2fq8t4e] {
    max-width: 76px;
    font-size: 0.44rem;
}

.product-cart-badge[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 21px;
    height: 19px;
    padding: 0 0.3rem;
    border-radius: 5px;
    background: linear-gradient(135deg, #14532d, #0f766e);
    color: #fff;
    font-size: 0.58rem;
    font-weight: 900;
}

.product-footer[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
    order: 2;
    min-width: 0;
    min-height: 1.3rem;
    align-self: center;
}

.product-price[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 950;
    line-height: 1.1rem;
    white-space: nowrap;
}

.pos-screen.app-desktop .product-price[b-3bp2fq8t4e] {
    font-size: 1rem;
}

.product-code[b-3bp2fq8t4e] {
    color: #64748b;
    grid-column: 1 / -1;
    justify-self: start;
    font-size: 0.52rem;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-screen.app-desktop .product-code[b-3bp2fq8t4e] {
    font-size: 0.5rem;
    letter-spacing: 0;
}

.product-barcode[b-3bp2fq8t4e] {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 0.3rem;
    min-width: 0;
    margin-top: 0.02rem;
    padding-top: 0.22rem;
    border-top: 1px dashed rgba(15, 23, 42, 0.1);
    color: #64748b;
    font-size: 0.58rem;
    font-weight: 800;
}

.product-barcode span[b-3bp2fq8t4e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html.pos-dark-theme body.pos-dark-theme .product-tile[b-3bp2fq8t4e],
.dark-theme .product-tile[b-3bp2fq8t4e] {
    border-color: rgba(125, 211, 252, 0.22);
    background: #122031;
    box-shadow: inset 4px 0 0 rgba(45, 212, 191, 0.72), 0 1px 2px rgba(0, 0, 0, 0.2);
}

html.pos-dark-theme body.pos-dark-theme .pos-screen.app-desktop .product-tile[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-desktop .product-tile[b-3bp2fq8t4e] {
    min-height: 82px;
    padding-top: 0.32rem;
    padding-bottom: 0.3rem;
}

html.pos-dark-theme body.pos-dark-theme .product-tile:hover[b-3bp2fq8t4e],
.dark-theme .product-tile:hover[b-3bp2fq8t4e] {
    border-color: rgba(94, 234, 212, 0.36);
    background: #17283c;
    box-shadow: inset 4px 0 0 rgba(94, 234, 212, 0.98), 0 5px 12px rgba(0, 0, 0, 0.22);
}

html.pos-dark-theme body.pos-dark-theme .product-tile.in-cart[b-3bp2fq8t4e],
.dark-theme .product-tile.in-cart[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.42);
    background: #11382f;
    box-shadow: inset 4px 0 0 rgba(45, 212, 191, 1), 0 5px 12px rgba(0, 0, 0, 0.22);
}

html.pos-dark-theme body.pos-dark-theme .product-button-tile[b-3bp2fq8t4e],
.dark-theme .product-button-tile[b-3bp2fq8t4e] {
    border-color: rgba(148, 163, 184, 0.2);
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%);
    color: #f8fafc;
    box-shadow: inset 4px 0 0 rgba(34, 197, 94, 0.82), 0 1px 2px rgba(0, 0, 0, 0.24);
}

html.pos-dark-theme body.pos-dark-theme .product-button-tile:hover[b-3bp2fq8t4e],
.dark-theme .product-button-tile:hover[b-3bp2fq8t4e] {
    border-color: rgba(94, 234, 212, 0.35);
    background: linear-gradient(180deg, #142034 0%, #111f30 100%);
    box-shadow: inset 4px 0 0 rgba(45, 212, 191, 0.98), 0 6px 14px rgba(0, 0, 0, 0.24);
}

html.pos-dark-theme body.pos-dark-theme .product-button-tile.in-cart[b-3bp2fq8t4e],
.dark-theme .product-button-tile.in-cart[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.38);
    background: linear-gradient(180deg, #12352f 0%, #102a27 100%);
    box-shadow: inset 4px 0 0 rgba(45, 212, 191, 1), 0 6px 14px rgba(0, 0, 0, 0.28);
}

html.pos-dark-theme body.pos-dark-theme .product-button-price[b-3bp2fq8t4e],
.dark-theme .product-button-price[b-3bp2fq8t4e] {
    color: #99f6e4;
}

html.pos-dark-theme body.pos-dark-theme .product-name[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .product-price[b-3bp2fq8t4e],
.dark-theme .product-name[b-3bp2fq8t4e],
.dark-theme .product-price[b-3bp2fq8t4e] {
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .product-category[b-3bp2fq8t4e],
.dark-theme .product-category[b-3bp2fq8t4e] {
    background: transparent;
    color: #7dd3fc;
    border: 0;
}

html.pos-dark-theme body.pos-dark-theme .product-food-icon[b-3bp2fq8t4e],
.dark-theme .product-food-icon[b-3bp2fq8t4e] {
    background: #0f172a;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.38), 0 0 0 1px rgba(255, 255, 255, 0.05);
}

html.pos-dark-theme body.pos-dark-theme .product-food-icon.veg[b-3bp2fq8t4e],
.dark-theme .product-food-icon.veg[b-3bp2fq8t4e] {
    border-color: #4ade80;
}

html.pos-dark-theme body.pos-dark-theme .product-food-icon.non-veg[b-3bp2fq8t4e],
.dark-theme .product-food-icon.non-veg[b-3bp2fq8t4e] {
    border-color: #f87171;
}

html.pos-dark-theme body.pos-dark-theme .product-food-icon.egg[b-3bp2fq8t4e],
.dark-theme .product-food-icon.egg[b-3bp2fq8t4e] {
    border-color: #fbbf24;
}

html.pos-dark-theme body.pos-dark-theme .product-stock[b-3bp2fq8t4e],
.dark-theme .product-stock[b-3bp2fq8t4e] {
    background: rgba(34, 197, 94, 0.14);
    color: #bbf7d0;
    border: 1px solid rgba(34, 197, 94, 0.14);
}

html.pos-dark-theme body.pos-dark-theme .product-stock.low[b-3bp2fq8t4e],
.dark-theme .product-stock.low[b-3bp2fq8t4e] {
    background: rgba(245, 158, 11, 0.16);
    color: #fde68a;
}

html.pos-dark-theme body.pos-dark-theme .product-stock.out[b-3bp2fq8t4e],
.dark-theme .product-stock.out[b-3bp2fq8t4e] {
    background: rgba(248, 113, 113, 0.16);
    color: #fecaca;
}

html.pos-dark-theme body.pos-dark-theme .product-barcode[b-3bp2fq8t4e],
.dark-theme .product-barcode[b-3bp2fq8t4e] {
    border-color: rgba(148, 163, 184, 0.16);
    color: #93a4bd;
}

html.pos-dark-theme body.pos-dark-theme .product-code[b-3bp2fq8t4e],
.dark-theme .product-code[b-3bp2fq8t4e] {
    color: #93a4bd;
}

.bill-panel[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    container-type: inline-size;
    position: relative;
    height: calc(100vh - 9.25rem);
    min-height: 620px;
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(247, 249, 251, 0.98)),
        radial-gradient(circle at right top, rgba(20, 83, 45, 0.05), transparent 22%);
}

.bill-panel-loader[b-3bp2fq8t4e] {
    position: absolute;
    inset: 48px 0 0;
    z-index: 7;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(248, 250, 252, 0.84);
    color: #0f172a;
    text-align: center;
    backdrop-filter: blur(7px);
}

.bill-panel-loader strong[b-3bp2fq8t4e],
.bill-panel-loader span[b-3bp2fq8t4e] {
    display: block;
}

.bill-panel-loader span[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 700;
}

html.pos-dark-theme body.pos-dark-theme .bill-panel-loader[b-3bp2fq8t4e],
.dark-theme .bill-panel-loader[b-3bp2fq8t4e] {
    background: rgba(15, 23, 42, 0.82);
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .bill-panel-loader span[b-3bp2fq8t4e],
.dark-theme .bill-panel-loader span[b-3bp2fq8t4e] {
    color: #cbd5e1;
}

.bill-panel-header[b-3bp2fq8t4e] {
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 252, 0.94));
    min-height: 48px;
}

.bill-eyebrow[b-3bp2fq8t4e] {
    display: inline-block;
    margin-bottom: 0.2rem;
    color: #0f766e;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.bill-panel-body[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.parked-bills-panel[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.65rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(248, 250, 252, 0.96);
}

.parked-empty[b-3bp2fq8t4e] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed rgba(15, 23, 42, 0.16);
    border-radius: 10px;
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 700;
}

.parked-bill-row[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: #fff;
}

.parked-bill-row strong[b-3bp2fq8t4e],
.parked-bill-row span[b-3bp2fq8t4e],
.parked-bill-row small[b-3bp2fq8t4e] {
    display: block;
}

.parked-bill-row strong[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 0.86rem;
}

.parked-bill-row span[b-3bp2fq8t4e] {
    overflow: hidden;
    color: #64748b;
    font-size: 0.74rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.parked-bill-summary[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    gap: 0.32rem;
    min-width: 0;
    overflow: hidden;
}

.parked-bill-summary > span[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    flex: 0 1 auto;
}

.parked-bill-summary .parked-service-chip[b-3bp2fq8t4e] {
    flex: 0 0 auto;
    min-height: 19px;
    padding: 0 0.38rem;
    border-radius: 999px;
    font-size: 0.64rem;
    font-weight: 950;
    line-height: 1;
    text-transform: uppercase;
}

.parked-service-chip.dine-in[b-3bp2fq8t4e] {
    background: #dbeafe;
    color: #1d4ed8;
}

.parked-service-chip.takeaway[b-3bp2fq8t4e] {
    background: #ccfbf1;
    color: #0f766e;
}

.parked-service-chip.online[b-3bp2fq8t4e] {
    background: #e0f2fe;
    color: #0369a1;
}

.parked-bill-row small[b-3bp2fq8t4e] {
    overflow: hidden;
    margin-top: 0.1rem;
    color: #0f766e;
    font-size: 0.66rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.parked-bill-total[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 0.86rem;
    font-weight: 900;
    white-space: nowrap;
}

.bill-top-controls[b-3bp2fq8t4e] {
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.9), rgba(255, 255, 255, 0.95));
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 0 0 auto;
}

.bill-service-tabs[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.35rem;
}

.retail-pos .parked-bills-panel[b-3bp2fq8t4e] {
    gap: 0.5rem;
    padding: 0.72rem;
    background: linear-gradient(180deg, rgba(240, 253, 250, 0.94), rgba(248, 250, 252, 0.98));
}

.retail-pos .parked-bill-row[b-3bp2fq8t4e] {
    position: relative;
    padding: 0.68rem 0.72rem 0.68rem 0.82rem;
    border-color: rgba(13, 148, 136, 0.18);
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(15, 118, 110, 0.07);
    overflow: hidden;
}

.retail-pos .parked-bill-row[b-3bp2fq8t4e]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #14b8a6, #047857);
    content: "";
}

.retail-pos .parked-bill-row > div:first-child > strong[b-3bp2fq8t4e] {
    color: #064e3b;
    font-size: 0.82rem;
    letter-spacing: 0.01em;
}

.retail-pos .parked-bill-summary .parked-service-chip[b-3bp2fq8t4e] {
    background: #ccfbf1;
    color: #0f766e;
}

.retail-pos .parked-bill-total[b-3bp2fq8t4e] {
    color: #064e3b;
    font-size: 0.96rem;
}

.retail-pos .parked-bill-row .mud-button-root[b-3bp2fq8t4e] {
    border-radius: 999px;
    font-weight: 850;
}

.service-switch-inline-loader[b-3bp2fq8t4e] {
    min-height: 32px;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.34rem 0.55rem;
    border: 1px solid rgba(20, 184, 166, 0.18);
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.94), rgba(255, 255, 255, 0.96));
    color: #0f766e;
    font-size: 0.72rem;
    font-weight: 850;
}

.service-switch-inline-loader span[b-3bp2fq8t4e] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-service-tab[b-3bp2fq8t4e] {
    min-height: 48px;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    color: #334155;
    font-weight: 700;
    font-size: 0.82rem;
    letter-spacing: 0.02em;
    cursor: pointer;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.55rem;
    text-align: left;
    transition: all 0.12s ease;
}

.bill-service-tab.active[b-3bp2fq8t4e] {
    background:
        radial-gradient(circle at 18% 10%, rgba(204, 251, 241, 0.42), transparent 42%),
        linear-gradient(135deg, #0f766e, #0f8f77);
    color: #ffffff;
    border-color: rgba(20, 184, 166, 0.35);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
}

.bill-service-icon[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
}

.bill-service-tab.active .bill-service-icon[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.18);
    color: #ecfeff;
}

.bill-service-tab:disabled[b-3bp2fq8t4e] {
    cursor: wait;
    opacity: 0.72;
}

.bill-service-tab.switching[b-3bp2fq8t4e] {
    opacity: 1;
    border-color: rgba(20, 184, 166, 0.45);
    box-shadow: inset 0 0 0 1px rgba(20, 184, 166, 0.18);
}

.bill-service-copy[b-3bp2fq8t4e] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.08rem;
}

.bill-service-copy strong[b-3bp2fq8t4e],
.bill-service-copy small[b-3bp2fq8t4e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-service-copy strong[b-3bp2fq8t4e] {
    font-size: 0.78rem;
    line-height: 0.98rem;
    text-transform: uppercase;
}

.bill-service-copy small[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0;
}

.bill-service-tab.active .bill-service-copy small[b-3bp2fq8t4e] {
    color: rgba(236, 254, 255, 0.86);
}

.work-session-strip[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.65rem;
    border-top: 1px solid rgba(15, 23, 42, 0.06);
    background: linear-gradient(90deg, rgba(240, 253, 250, 0.82), rgba(255, 255, 255, 0.94));
}

.work-session-title[b-3bp2fq8t4e] {
    min-width: 160px;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    color: #0f766e;
}

.work-session-title .mud-icon-root[b-3bp2fq8t4e] {
    color: #0f766e;
}

.work-session-title strong[b-3bp2fq8t4e] {
    display: block;
    color: #0f172a;
    font-size: 0.78rem;
    font-weight: 900;
}

.work-session-title small[b-3bp2fq8t4e] {
    display: block;
    color: #64748b;
    font-size: 0.62rem;
    font-weight: 800;
    white-space: nowrap;
}

.work-session-list[b-3bp2fq8t4e] {
    display: flex;
    gap: 0.45rem;
    overflow-x: auto;
    padding-bottom: 0.05rem;
    scrollbar-width: thin;
}

.work-session-chip[b-3bp2fq8t4e] {
    flex: 0 0 auto;
    min-width: 168px;
    max-width: 230px;
    min-height: 44px;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.55rem;
    border: 1px solid rgba(15, 118, 110, 0.18);
    border-radius: 14px;
    background: #ffffff;
    color: #0f172a;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
    cursor: pointer;
}

.work-session-chip.active[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.45);
    background: linear-gradient(135deg, #0f766e, #0f8f77);
    color: #ffffff;
}

.work-session-icon[b-3bp2fq8t4e] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(15, 118, 110, 0.1);
    color: #0f766e;
}

.work-session-chip.active .work-session-icon[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.18);
    color: #ecfeff;
}

.work-session-copy[b-3bp2fq8t4e] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.02rem;
    text-align: left;
}

.work-session-copy strong[b-3bp2fq8t4e],
.work-session-copy small[b-3bp2fq8t4e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.work-session-copy strong[b-3bp2fq8t4e] {
    font-size: 0.74rem;
    font-weight: 900;
}

.work-session-copy small[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.6rem;
    font-weight: 800;
}

.work-session-chip.active .work-session-copy small[b-3bp2fq8t4e] {
    color: rgba(236, 254, 255, 0.86);
}

.work-session-total[b-3bp2fq8t4e] {
    font-size: 0.7rem;
    font-weight: 900;
    white-space: nowrap;
}

.service-context-card[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    min-height: 48px;
    border-radius: 13px;
    border: 1px solid rgba(20, 184, 166, 0.18);
    background:
        linear-gradient(135deg, rgba(236, 253, 245, 0.92), rgba(240, 253, 250, 0.88)),
        #ffffff;
    color: #0f172a;
    padding: 0.45rem 0.65rem;
}

.service-context-card.takeaway[b-3bp2fq8t4e] {
    border-color: rgba(15, 118, 110, 0.22);
    background:
        radial-gradient(circle at 100% 0%, rgba(20, 184, 166, 0.12), transparent 42%),
        linear-gradient(135deg, rgba(240, 253, 250, 0.94), rgba(236, 253, 245, 0.9));
}

.service-context-card.online[b-3bp2fq8t4e] {
    border-color: rgba(14, 165, 233, 0.22);
    background:
        radial-gradient(circle at 100% 0%, rgba(14, 165, 233, 0.12), transparent 42%),
        linear-gradient(135deg, rgba(240, 249, 255, 0.94), rgba(236, 253, 245, 0.86));
}

.service-context-icon[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 12px;
    color: #0f766e;
    background: rgba(15, 118, 110, 0.1);
}

.service-context-card.online .service-context-icon[b-3bp2fq8t4e] {
    color: #0369a1;
    background: rgba(14, 165, 233, 0.1);
}

.service-context-card strong[b-3bp2fq8t4e],
.service-context-card small[b-3bp2fq8t4e] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service-context-card strong[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 0.76rem;
    line-height: 1rem;
    font-weight: 900;
}

.service-context-card small[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.66rem;
    line-height: 0.88rem;
    font-weight: 700;
}

.counter-order-actions[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
}

.counter-order-actions .mud-button-root[b-3bp2fq8t4e] {
    min-height: 34px;
    border-radius: 10px;
    font-size: 0.74rem;
    font-weight: 850;
}

.counter-kot-button[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.34rem;
    min-height: 34px;
    padding: 0.34rem 0.72rem;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #ea580c, #c2410c);
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.74rem;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(194, 65, 12, 0.2);
}

.counter-kot-button:hover:not(:disabled)[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, #c2410c, #9a3412);
    box-shadow: 0 10px 22px rgba(194, 65, 12, 0.28);
}

.counter-kot-button:disabled[b-3bp2fq8t4e] {
    cursor: not-allowed;
    filter: grayscale(0.38);
    opacity: 0.58;
}

.counter-kot-button.needs-kot[b-3bp2fq8t4e] {
    animation: quick-kot-attention-b-3bp2fq8t4e 1.1s ease-in-out infinite;
}

.bill-presets[b-3bp2fq8t4e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.bill-quick-strip[b-3bp2fq8t4e] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.75rem;
}

.bill-preset[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 0.8rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.92);
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 700;
}

.bill-preset.active[b-3bp2fq8t4e] {
    background: rgba(15, 118, 110, 0.1);
    color: #0f766e;
    border-color: rgba(15, 118, 110, 0.12);
}

.bill-presets.compact[b-3bp2fq8t4e] {
    gap: 0.35rem;
}

.bill-detail-tabs[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.35rem;
}

.bill-detail-tab[b-3bp2fq8t4e] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 36px;
    padding: 0 0.45rem;
    border-radius: 10px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.94);
    color: #475569;
    font-size: 0.74rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

.bill-detail-tab.active[b-3bp2fq8t4e] {
    background: #0f766e;
    border-color: #0f766e;
    color: #fff;
}

.bill-detail-tab.has-check[b-3bp2fq8t4e] {
    border-color: rgba(34, 197, 94, 0.32);
    background: rgba(255, 255, 255, 0.96);
    color: #475569;
}

.bill-detail-check[b-3bp2fq8t4e] {
    position: absolute;
    top: -5px;
    right: -5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 2px solid #fff;
    border-radius: 999px;
    background: #22c55e;
    color: #fff;
    box-shadow: 0 6px 12px rgba(34, 197, 94, 0.24);
}

.bill-detail-check .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 0.78rem !important;
}

.bill-collapse-card[b-3bp2fq8t4e] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.92);
    padding: 0.75rem;
}

.bill-collapse-card.compact[b-3bp2fq8t4e] {
    padding: 0.55rem 0.65rem;
}

.mini-ticket-chip[b-3bp2fq8t4e] {
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(180deg, #ffffff, #fbfcfd);
}

.bill-stamp[b-3bp2fq8t4e] {
    border-radius: 14px;
    border: 1px dashed rgba(15, 23, 42, 0.12);
    background: rgba(255, 255, 255, 0.92);
}

.bill-stamp-row[b-3bp2fq8t4e] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.ticket-detail-grid[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.45rem;
}

.ticket-detail-grid div[b-3bp2fq8t4e] {
    min-width: 0;
    padding: 0.45rem 0.55rem;
    border-radius: 10px;
    background: rgba(248, 250, 252, 0.95);
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.ticket-detail-grid span[b-3bp2fq8t4e] {
    display: block;
    color: #64748b;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.ticket-detail-grid strong[b-3bp2fq8t4e] {
    display: block;
    overflow: hidden;
    color: #0f172a;
    font-size: 0.78rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-items[b-3bp2fq8t4e] {
    flex: 1 1 auto;
    overflow: auto;
    min-height: 0;
    padding: 0.45rem 0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 250, 252, 0.94));
}

.bill-ticket-head[b-3bp2fq8t4e] {
    position: sticky;
    top: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px 96px;
    gap: 0.45rem;
    align-items: center;
    margin: 0 0.45rem 0.35rem;
    padding: 0.4rem 0.65rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    background: rgba(248, 250, 252, 0.96);
    backdrop-filter: blur(10px);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.04);
}

.bill-ticket-head div[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.bill-ticket-head span[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.64rem;
    font-weight: 700;
    line-height: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.bill-ticket-head strong[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 0.82rem;
    line-height: 1rem;
}

.bill-line[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: 22px 28px minmax(0, 1fr) 100px 78px;
    gap: 0.4rem;
    align-items: center;
    padding: 0.45rem 0.6rem;
    margin: 0 0.45rem 0.4rem;
    border: 1px solid rgba(15, 23, 42, 0.06);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 5px 14px rgba(15, 23, 42, 0.035);
}

.bill-line-index[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 8px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
    font-size: 0.7rem;
    font-weight: 800;
}

.bill-line:hover[b-3bp2fq8t4e] {
    background: rgba(248, 252, 251, 0.98);
    border-color: rgba(15, 118, 110, 0.12);
}

.bill-line-head[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.bill-line-name[b-3bp2fq8t4e] {
    font-weight: 600;
    color: #0f172a;
    font-size: 0.84rem;
    line-height: 1.05rem;
}

.bill-line-tag[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: rgba(20, 83, 45, 0.1);
    color: #14532d;
    font-size: 0.6rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.bill-line-tags[b-3bp2fq8t4e] {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.25rem;
}

.bill-line-source[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    max-width: 120px;
    padding: 0 0.45rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #0f766e, #0f172a);
    color: #ffffff;
    font-size: 0.58rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bill-line-tag.max[b-3bp2fq8t4e] {
    background: rgba(245, 158, 11, 0.12);
    color: #92400e;
}

.bill-line-sub[b-3bp2fq8t4e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.18rem;
    color: #64748b;
    font-size: 0.72rem;
    line-height: 0.95rem;
}

.bill-line-note-row[b-3bp2fq8t4e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.18rem;
    align-items: center;
}

.bill-line-note[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 0 0.42rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
    font-size: 0.64rem;
    font-weight: 600;
}

.bill-line-note-input[b-3bp2fq8t4e] {
    min-width: 92px;
    max-width: 150px;
    min-height: 20px;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 999px;
    background: rgba(248, 252, 251, 0.92);
    color: #0f172a;
    font-size: 0.64rem;
    font-weight: 600;
    line-height: 1;
    padding: 0 0.5rem;
    outline: none;
}

.bill-line-note-input:focus[b-3bp2fq8t4e] {
    border-color: rgba(20, 184, 166, 0.62);
    box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.12);
}

.bill-line-note-input[b-3bp2fq8t4e]::placeholder {
    color: #94a3b8;
    font-weight: 600;
}

.bill-line-link[b-3bp2fq8t4e] {
    border: none;
    background: transparent;
    color: #64748b;
    font-size: 0.64rem;
    text-decoration: underline;
    cursor: pointer;
}

.bill-line-qty-stack[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
}

.bill-line-qty[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    min-height: 30px;
    background: white;
}

.qty-presets[b-3bp2fq8t4e] {
    display: flex;
    justify-content: center;
    gap: 0.25rem;
}

.qty-chip[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 20px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: white;
    color: #334155;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
}

.qty-value-button[b-3bp2fq8t4e] {
    min-width: 30px;
    height: 24px;
    border: none;
    border-radius: 9px;
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
    font-weight: 800;
    cursor: pointer;
}

.keypad-trigger[b-3bp2fq8t4e] {
    color: #0f766e;
}

.qty-chip:hover[b-3bp2fq8t4e],
.bill-line-link:hover[b-3bp2fq8t4e],
.tender-chip:hover[b-3bp2fq8t4e],
.bill-preset:hover[b-3bp2fq8t4e] {
    border-color: rgba(15, 118, 110, 0.18);
    color: #0f766e;
}

.bill-line-price[b-3bp2fq8t4e] {
    text-align: right;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.86rem;
}

.bill-line-unit[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 500;
}

html.pos-dark-theme body.pos-dark-theme .bill-line-note-input[b-3bp2fq8t4e],
.dark-theme .bill-line-note-input[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.2);
    background: rgba(15, 23, 42, 0.72);
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .bill-line-note-input[b-3bp2fq8t4e]::placeholder,
.dark-theme .bill-line-note-input[b-3bp2fq8t4e]::placeholder {
    color: #8ea4bf;
}

.remove-line[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: none;
    border-radius: 999px;
    background: #fee2e2;
    color: #b91c1c;
    cursor: pointer;
}

.bill-panel-footer[b-3bp2fq8t4e] {
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background:
        linear-gradient(180deg, #f8fafc, #eef2f7);
    color: #0f172a;
    flex: 0 0 auto;
}

.payment-strip .mud-input-control[b-3bp2fq8t4e],
.payment-strip .mud-input-label[b-3bp2fq8t4e],
.payment-strip .mud-radio-label[b-3bp2fq8t4e] {
    color: #0f172a !important;
}

.payment-strip .mud-input-slot[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.85);
}

.quick-actions[b-3bp2fq8t4e] {
    flex-wrap: wrap;
    align-items: center;
}

.quick-kot-slot[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.56rem;
    margin-left: auto;
}

.quick-kot-message[b-3bp2fq8t4e] {
    position: relative;
    display: grid;
    min-width: min(210px, 32vw);
    padding: 0.42rem 0.7rem 0.42rem 2.34rem;
    border: 1px solid rgba(217, 119, 6, 0.18);
    border-radius: 999px;
    background:
        radial-gradient(circle at 100% 0%, rgba(245, 158, 11, 0.12), transparent 44%),
        linear-gradient(135deg, rgba(255, 251, 235, 0.96), rgba(255, 247, 237, 0.88));
    color: #92400e;
    box-shadow: 0 8px 18px rgba(180, 83, 9, 0.08);
}

.quick-kot-message[b-3bp2fq8t4e]::before {
    content: "print";
    position: absolute;
    left: 0.46rem;
    top: 50%;
    display: inline-grid;
    width: 1.42rem;
    height: 1.42rem;
    place-items: center;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-family: "Material Icons";
    font-size: 0.95rem;
    transform: translateY(-50%);
    box-shadow: inset 0 0 0 1px rgba(217, 119, 6, 0.18);
}

.quick-kot-message span[b-3bp2fq8t4e] {
    font-size: 0.58rem;
    font-weight: 950;
    letter-spacing: 0.08em;
    line-height: 0.75rem;
    text-transform: uppercase;
}

.quick-kot-message strong[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 0.76rem;
    font-weight: 950;
    line-height: 0.95rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.active-offer-chip[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 0.6rem;
    min-height: 48px;
    padding: 0.45rem 0.55rem;
    border: 1px solid rgba(15, 118, 110, 0.22);
    border-radius: 14px;
    background: linear-gradient(135deg, #ecfdf5, #ffffff);
    color: #0f766e;
    box-shadow: 0 10px 22px rgba(15, 118, 110, 0.1);
}

.active-offer-chip > .mud-icon-root[b-3bp2fq8t4e] {
    width: 34px;
    height: 34px;
    padding: 8px;
    border-radius: 12px;
    background: #0f766e;
    color: #fff;
}

.active-offer-chip strong[b-3bp2fq8t4e] {
    display: block;
    color: #0f172a;
    font-size: 0.82rem;
    font-weight: 950;
    line-height: 1rem;
}

.active-offer-chip small[b-3bp2fq8t4e] {
    display: block;
    margin-top: 1px;
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 0.9rem;
}

.active-offer-chip button[b-3bp2fq8t4e] {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    background: #fee2e2;
    color: #dc2626;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.bill-collapsible[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.bill-section-toggle[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 0 0.95rem;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.92);
    color: #0f172a;
    font-size: 0.84rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
}

.payment-method-row[b-3bp2fq8t4e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
}

.payment-mode-strip[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.45rem;
}

.mobile-payment-modes[b-3bp2fq8t4e] {
    display: none;
}

.payment-mode-pill[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-width: 0;
    min-height: 40px;
    padding: 0 0.55rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 13px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    color: #334155;
    font-size: 0.75rem;
    font-weight: 900;
    cursor: pointer;
    transition: transform 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
}

.payment-mode-pill span[b-3bp2fq8t4e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payment-mode-pill .mud-icon-root[b-3bp2fq8t4e] {
    color: #0f766e;
}

.payment-mode-pill:hover[b-3bp2fq8t4e] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.2);
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.06);
}

.payment-mode-pill.active[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, #14532d, #0f766e);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 10px 18px rgba(15, 118, 110, 0.18);
}

.payment-mode-pill.active .mud-icon-root[b-3bp2fq8t4e] {
    color: #fff;
}

.payment-panel-card[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 0.95rem;
    border-radius: 16px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.9);
}

.amount-entry-button[b-3bp2fq8t4e] {
    display: flex;
    width: 100%;
    min-height: 56px;
    flex-direction: column;
    justify-content: center;
    gap: 0.15rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.92);
    color: #0f172a;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.12s ease, box-shadow 0.12s ease;
}

.amount-entry-button:hover[b-3bp2fq8t4e] {
    border-color: rgba(15, 118, 110, 0.22);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

.amount-entry-button span[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.amount-entry-button strong[b-3bp2fq8t4e] {
    font-size: 1rem;
}

.amount-entry-button.large strong[b-3bp2fq8t4e] {
    font-size: 1.25rem;
}

.payment-compact-row[b-3bp2fq8t4e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.payment-compact-chip[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 0.85rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(15, 23, 42, 0.08);
    color: #334155;
    font-size: 0.78rem;
    font-weight: 700;
}

.tender-shortcuts[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
}

.tender-chip[b-3bp2fq8t4e] {
    min-height: 38px;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: white;
    color: #0f172a;
    font-weight: 700;
    cursor: pointer;
}

.tender-chip.fill[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, #14532d, #0f766e);
    color: white;
    border-color: transparent;
}

.bill-summary[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.05);
}

.summary-title[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.summary-row[b-3bp2fq8t4e] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.summary-row.total[b-3bp2fq8t4e] {
    padding-top: 0.55rem;
    margin-top: 0.35rem;
    border-top: 1px solid rgba(15, 23, 42, 0.1);
    font-size: 1.1rem;
}

.settlement-strip[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.settlement-card[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.8rem 0.95rem;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: rgba(255, 255, 255, 0.92);
}

.settlement-card span[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.settlement-card strong[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 1.05rem;
}

.settlement-card.pending[b-3bp2fq8t4e] {
    border-color: rgba(245, 158, 11, 0.16);
    background: rgba(255, 251, 235, 0.96);
}

.settlement-card.success[b-3bp2fq8t4e] {
    border-color: rgba(34, 197, 94, 0.16);
    background: rgba(240, 253, 244, 0.96);
}

.bill-action-bar[b-3bp2fq8t4e],
.bill-action-dock[b-3bp2fq8t4e] {
    position: sticky;
    bottom: 0;
    margin-top: 0.24rem;
    padding: 0.72rem;
    border: 1px solid rgba(15, 118, 110, 0.14);
    border-radius: 22px;
    background:
        radial-gradient(circle at 0% 0%, rgba(45, 212, 191, 0.2), transparent 32%),
        radial-gradient(circle at 100% 50%, rgba(34, 197, 94, 0.14), transparent 36%),
        linear-gradient(135deg, rgba(240, 253, 250, 0.98), rgba(255, 255, 255, 0.98));
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.1);
}

.bill-action-dock[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(238px, 0.88fr);
    gap: 0.9rem;
    align-items: stretch;
}

.bill-action-secondary[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 0;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 12px 24px rgba(15, 118, 110, 0.07);
    overflow: hidden;
}

.bill-dock-button[b-3bp2fq8t4e],
.bill-dock-charge[b-3bp2fq8t4e] {
    border: 0;
    cursor: pointer;
    font-family: inherit;
}

.bill-dock-button[b-3bp2fq8t4e] {
    display: grid;
    place-items: center;
    gap: 0.44rem;
    min-height: 86px;
    padding: 0.78rem 0.5rem;
    border-radius: 0;
    background:
        radial-gradient(circle at 50% 0%, rgba(20, 184, 166, 0.14), transparent 48%),
        linear-gradient(180deg, rgba(240, 253, 250, 0.98), rgba(236, 253, 245, 0.9));
    color: #0f766e;
    font-size: 0.82rem;
    font-weight: 950;
    box-shadow: none;
    transition: transform 0.14s ease, background 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;
}

.bill-dock-button + .bill-dock-button[b-3bp2fq8t4e] {
    border-left: 1px solid rgba(15, 118, 110, 0.1);
}

.bill-dock-button .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 1.42rem;
}

.bill-dock-button span[b-3bp2fq8t4e] {
    max-width: 100%;
    line-height: 1rem;
    text-align: center;
    overflow-wrap: anywhere;
}

.bill-dock-button:hover:not(:disabled)[b-3bp2fq8t4e] {
    background:
        radial-gradient(circle at 50% 0%, rgba(20, 184, 166, 0.22), transparent 48%),
        linear-gradient(180deg, #ccfbf1, #ecfdf5);
    box-shadow: inset 0 -3px 0 rgba(15, 118, 110, 0.18);
}

.quick-kot-button[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.34rem;
    min-height: 38px;
    padding: 0.36rem 0.78rem;
    border: 0;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #ea580c, #c2410c) !important;
    color: #fff !important;
    cursor: pointer;
    font-family: inherit;
    box-shadow: 0 8px 18px rgba(194, 65, 12, 0.2);
    font-weight: 900 !important;
}

.quick-kot-button .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 1.05rem;
}

.quick-kot-button:hover[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, #c2410c, #9a3412) !important;
    box-shadow: 0 10px 22px rgba(194, 65, 12, 0.28);
}

.quick-kot-button:disabled[b-3bp2fq8t4e] {
    cursor: not-allowed;
    filter: grayscale(0.38);
    opacity: 0.58;
}

.quick-kot-button.needs-kot[b-3bp2fq8t4e] {
    animation: quick-kot-attention-b-3bp2fq8t4e 1.1s ease-in-out infinite;
}

.quick-kot-slot:has(.quick-kot-button.needs-kot) .quick-kot-message[b-3bp2fq8t4e] {
    border-color: rgba(234, 88, 12, 0.42);
    box-shadow: 0 8px 18px rgba(180, 83, 9, 0.12), 0 0 0 4px rgba(234, 88, 12, 0.08);
}

@keyframes quick-kot-attention-b-3bp2fq8t4e {
    0%, 100% {
        transform: translateY(0);
        box-shadow: 0 8px 18px rgba(194, 65, 12, 0.2), 0 0 0 0 rgba(234, 88, 12, 0.28);
        filter: brightness(1);
    }

    50% {
        transform: translateY(-1px);
        box-shadow: 0 12px 24px rgba(194, 65, 12, 0.34), 0 0 0 6px rgba(234, 88, 12, 0.12);
        filter: brightness(1.08);
    }
}

.bill-dock-button:disabled[b-3bp2fq8t4e],
.bill-dock-charge:disabled[b-3bp2fq8t4e] {
    cursor: not-allowed;
    filter: grayscale(0.4);
    opacity: 0.54;
}

.bill-dock-charge[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 0.72rem;
    min-height: 88px;
    padding: 0.78rem 0.88rem;
    border-radius: 22px;
    background:
        radial-gradient(circle at 100% 0%, rgba(187, 247, 208, 0.32), transparent 46%),
        radial-gradient(circle at 0% 100%, rgba(5, 150, 105, 0.46), transparent 44%),
        linear-gradient(135deg, #22c55e, #047857);
    color: #fff;
    text-align: left;
    box-shadow: 0 18px 34px rgba(22, 101, 52, 0.28);
    transition: transform 0.14s ease, box-shadow 0.14s ease;
}

.bill-dock-charge:hover:not(:disabled)[b-3bp2fq8t4e] {
    transform: translateY(-1px);
    box-shadow: 0 20px 34px rgba(22, 101, 52, 0.32);
}

.bill-dock-charge-icon[b-3bp2fq8t4e] {
    display: inline-grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.bill-dock-charge-icon .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 1.48rem;
}

.bill-dock-charge-copy small[b-3bp2fq8t4e],
.bill-dock-charge-copy strong[b-3bp2fq8t4e] {
    display: block;
    min-width: 0;
}

.bill-dock-charge-copy[b-3bp2fq8t4e] {
    min-width: 0;
}

.bill-dock-charge-copy small[b-3bp2fq8t4e] {
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.bill-dock-charge-copy strong[b-3bp2fq8t4e] {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 0.08rem;
    margin-top: 0.12rem;
    font-size: 1.12rem;
    font-weight: 950;
    line-height: 1.2;
}

.bill-dock-charge-amount[b-3bp2fq8t4e] {
    display: block;
    max-width: 100%;
    color: #fff;
    font-size: clamp(0.9rem, 1.45vw, 1.08rem);
    font-variant-numeric: tabular-nums;
    line-height: 1.25;
    overflow-wrap: anywhere;
    white-space: normal;
}

@media (max-width: 1180px) {
    .bill-action-dock[b-3bp2fq8t4e] {
        grid-template-columns: 1fr;
    }
}

.kot-action-strip[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 0.78rem;
    align-items: center;
    margin: 0.14rem 0 0;
    padding: 0.62rem 0.82rem;
    border: 1px solid rgba(217, 119, 6, 0.2);
    border-radius: 18px;
    background:
        radial-gradient(circle at 100% 0%, rgba(245, 158, 11, 0.14), transparent 42%),
        linear-gradient(135deg, rgba(255, 251, 235, 0.98), rgba(255, 247, 237, 0.92));
    box-shadow: 0 12px 26px rgba(180, 83, 9, 0.08);
}

.kot-action-strip[b-3bp2fq8t4e]::before {
    content: "print";
    display: inline-grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border-radius: 14px;
    background: #fff7ed;
    color: #c2410c;
    font-family: "Material Icons";
    font-size: 1.22rem;
    box-shadow: inset 0 0 0 1px rgba(217, 119, 6, 0.18);
}

.kot-action-strip span[b-3bp2fq8t4e] {
    display: block;
    color: #92400e;
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.kot-action-strip strong[b-3bp2fq8t4e] {
    display: block;
    margin-top: 0.1rem;
    color: #0f172a;
    font-size: 0.9rem;
    line-height: 1.1rem;
}

.grand-total-strip[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: minmax(110px, 0.7fr) minmax(0, 1.6fr) auto;
    align-items: center;
    gap: 0.8rem;
    padding: 0.82rem 0.9rem;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(20, 83, 45, 0.14), rgba(15, 118, 110, 0.1));
    border: 1px solid rgba(20, 83, 45, 0.08);
}

.grand-total-main[b-3bp2fq8t4e] {
    min-width: 0;
}

.grand-total-main span[b-3bp2fq8t4e] {
    display: block;
    font-size: 0.92rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.grand-total-main small[b-3bp2fq8t4e] {
    display: block;
    margin-top: 0.15rem;
    color: #64748b;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.grand-total-strip > strong[b-3bp2fq8t4e],
.grand-total-amount strong[b-3bp2fq8t4e] {
    font-size: 1.35rem;
    white-space: nowrap;
}

.grand-total-details[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.4rem;
    min-width: 0;
}

.grand-total-details div[b-3bp2fq8t4e] {
    min-width: 0;
    padding: 0.42rem 0.48rem;
    border-radius: 11px;
    background: rgba(255, 255, 255, 0.58);
    border: 1px solid rgba(15, 23, 42, 0.05);
}

.grand-total-details span[b-3bp2fq8t4e] {
    display: block;
    color: #64748b;
    font-size: 0.6rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.grand-total-details strong[b-3bp2fq8t4e] {
    display: block;
    margin-top: 0.08rem;
    color: #0f172a;
    font-size: 0.78rem;
    line-height: 0.92rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gst-mapping-strip[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: 1.45rem minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    margin: 0.5rem 0 0.55rem;
    padding: 0.56rem 0.7rem;
    border-radius: 14px;
    border: 1px solid rgba(245, 158, 11, 0.18);
    background: linear-gradient(135deg, rgba(255, 247, 237, 0.9), rgba(254, 242, 242, 0.72));
    color: #9a3412;
    box-shadow: inset 3px 0 0 rgba(245, 158, 11, 0.72);
}

.gst-mapping-strip .mud-icon-root[b-3bp2fq8t4e] {
    color: #ea580c;
}

.gst-mapping-strip div[b-3bp2fq8t4e] {
    min-width: 0;
}

.gst-mapping-strip strong[b-3bp2fq8t4e] {
    display: block;
    color: #9a3412;
    font-size: 0.78rem;
    font-weight: 950;
    line-height: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.045em;
}

.gst-mapping-strip span[b-3bp2fq8t4e] {
    display: -webkit-box;
    margin-top: 0.08rem;
    color: #b45309;
    font-size: 0.76rem;
    font-weight: 750;
    line-height: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gst-mapping-strip-required[b-3bp2fq8t4e] {
    border-color: rgba(239, 68, 68, 0.22);
    background: linear-gradient(135deg, rgba(254, 242, 242, 0.94), rgba(255, 247, 237, 0.78));
    box-shadow: inset 3px 0 0 rgba(239, 68, 68, 0.72);
}

.gst-mapping-strip-required .mud-icon-root[b-3bp2fq8t4e],
.gst-mapping-strip-required strong[b-3bp2fq8t4e] {
    color: #b91c1c;
}

.gst-mapping-strip-required span[b-3bp2fq8t4e] {
    color: #991b1b;
}

.pos-screen.app-desktop .grand-total-strip[b-3bp2fq8t4e] {
    position: relative;
    grid-template-columns: minmax(118px, 0.74fr) minmax(210px, 1.18fr) minmax(138px, 0.7fr);
    gap: 0.52rem;
    overflow: visible;
    padding: 0.6rem;
    border-color: rgba(15, 118, 110, 0.16);
    background:
        radial-gradient(circle at 18% 0%, rgba(45, 212, 191, 0.18), transparent 34%),
        linear-gradient(135deg, #f8fffd 0%, #e9f8f5 100%);
    box-shadow: inset 4px 0 0 rgba(15, 118, 110, 0.9), 0 10px 26px rgba(15, 23, 42, 0.06);
}

.pos-screen.app-desktop .grand-total-main[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    justify-content: center;
    padding: 0.38rem 0.12rem 0.38rem 0.34rem;
    overflow: hidden;
}

.pos-screen.app-desktop .grand-total-method-icon[b-3bp2fq8t4e] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    border-radius: 13px;
    color: #0f766e;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(15, 118, 110, 0.14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.pos-screen.app-desktop .grand-total-main span[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: clamp(0.68rem, 1.2vw, 0.8rem);
    font-weight: 950;
    letter-spacing: 0.035em;
}

.pos-screen.app-desktop .grand-total-main small[b-3bp2fq8t4e] {
    color: #0f766e;
    font-size: clamp(0.52rem, 0.9vw, 0.62rem);
    font-weight: 900;
    letter-spacing: 0.1em;
}

.pos-screen.app-desktop .grand-total-amount[b-3bp2fq8t4e] {
    align-self: stretch;
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    justify-self: end;
    min-width: 138px;
    width: 100%;
    box-sizing: border-box;
    padding: 0.55rem 0.62rem;
    border-radius: 15px;
    color: #ffffff;
    background:
        radial-gradient(circle at 22% 12%, rgba(255, 255, 255, 0.24), transparent 38%),
        linear-gradient(135deg, #065f46 0%, #0f766e 100%);
    box-shadow: 0 16px 28px rgba(15, 118, 110, 0.24);
}

.pos-screen.app-desktop .grand-total-amount span[b-3bp2fq8t4e] {
    color: rgba(255, 255, 255, 0.76);
    font-size: 0.56rem;
    font-weight: 900;
    letter-spacing: 0.12em;
    line-height: 0.8rem;
    text-transform: uppercase;
}

.pos-screen.app-desktop .grand-total-amount strong[b-3bp2fq8t4e] {
    margin-top: 0.08rem;
    color: #ffffff;
    max-width: none;
    overflow: visible;
    font-size: clamp(1.2rem, 18cqi, 2rem);
    line-height: 1.28;
    letter-spacing: 0;
    text-align: center;
    text-overflow: clip;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.pos-screen.app-desktop .grand-total-amount .due-amount-lg[b-3bp2fq8t4e] {
    font-size: clamp(1.55rem, 20cqi, 2.35rem);
}

.pos-screen.app-desktop .grand-total-amount .due-amount-md[b-3bp2fq8t4e] {
    font-size: clamp(1.34rem, 17cqi, 2rem);
}

.pos-screen.app-desktop .grand-total-amount .due-amount-sm[b-3bp2fq8t4e] {
    font-size: clamp(1.14rem, 14cqi, 1.62rem);
}

.pos-screen.app-desktop .grand-total-amount .due-amount-xs[b-3bp2fq8t4e] {
    font-size: clamp(0.96rem, 11.5cqi, 1.34rem);
}

.pos-screen.app-desktop .grand-total-details[b-3bp2fq8t4e] {
    grid-column: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.26rem;
    min-width: 0;
    padding: 0.42rem;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid rgba(15, 118, 110, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.pos-screen.app-desktop .grand-total-details div[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: minmax(76px, auto) max-content;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.34rem;
    padding: 0.24rem 0.46rem;
    border-radius: 11px;
    background: rgba(248, 250, 252, 0.82);
    border: 1px solid rgba(15, 23, 42, 0.04);
}

.pos-screen.app-desktop .grand-total-details .summary-balance[b-3bp2fq8t4e] {
    grid-column: auto;
    background: rgba(204, 251, 241, 0.6);
    border-color: rgba(15, 118, 110, 0.12);
}

.pos-screen.app-desktop .grand-total-details span[b-3bp2fq8t4e],
.pos-screen.app-desktop .grand-total-details strong[b-3bp2fq8t4e] {
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pos-screen.app-desktop .grand-total-details span[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: clamp(0.5rem, 0.92vw, 0.58rem);
    letter-spacing: 0.06em;
    overflow: visible;
    text-overflow: clip;
}

.pos-screen.app-desktop .grand-total-details strong[b-3bp2fq8t4e] {
    color: #0f172a;
    overflow: visible;
    font-size: clamp(0.68rem, 1.14vw, 0.82rem);
    line-height: 1rem;
    text-align: right;
    text-overflow: clip;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.pos-screen.app-desktop .grand-total-details .summary-balance strong[b-3bp2fq8t4e] {
    color: #047857;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen.app-desktop .grand-total-strip[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-desktop .grand-total-strip[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.2);
    background:
        radial-gradient(circle at 18% 0%, rgba(45, 212, 191, 0.16), transparent 34%),
        linear-gradient(135deg, #0f172a 0%, #102a2c 100%);
    box-shadow: inset 4px 0 0 rgba(20, 184, 166, 0.95), 0 16px 34px rgba(0, 0, 0, 0.22);
}

html.pos-dark-theme body.pos-dark-theme .bill-service-tab[b-3bp2fq8t4e],
.dark-theme .bill-service-tab[b-3bp2fq8t4e] {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(17, 34, 47, 0.94));
    border-color: rgba(148, 163, 184, 0.18);
    color: #e2e8f0;
}

html.pos-dark-theme body.pos-dark-theme .bill-service-tab.active[b-3bp2fq8t4e],
.dark-theme .bill-service-tab.active[b-3bp2fq8t4e] {
    background:
        radial-gradient(circle at 18% 10%, rgba(45, 212, 191, 0.2), transparent 42%),
        linear-gradient(135deg, #0f766e, #0b6b5f);
    border-color: rgba(94, 234, 212, 0.36);
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .bill-service-icon[b-3bp2fq8t4e],
.dark-theme .bill-service-icon[b-3bp2fq8t4e] {
    background: rgba(45, 212, 191, 0.1);
    color: #5eead4;
}

html.pos-dark-theme body.pos-dark-theme .bill-service-copy small[b-3bp2fq8t4e],
.dark-theme .bill-service-copy small[b-3bp2fq8t4e] {
    color: #8ea4bf;
}

html.pos-dark-theme body.pos-dark-theme .parked-service-chip.dine-in[b-3bp2fq8t4e],
.dark-theme .parked-service-chip.dine-in[b-3bp2fq8t4e] {
    background: rgba(59, 130, 246, 0.18);
    color: #93c5fd;
}

html.pos-dark-theme body.pos-dark-theme .parked-service-chip.takeaway[b-3bp2fq8t4e],
.dark-theme .parked-service-chip.takeaway[b-3bp2fq8t4e] {
    background: rgba(45, 212, 191, 0.16);
    color: #99f6e4;
}

html.pos-dark-theme body.pos-dark-theme .parked-service-chip.online[b-3bp2fq8t4e],
.dark-theme .parked-service-chip.online[b-3bp2fq8t4e] {
    background: rgba(56, 189, 248, 0.16);
    color: #7dd3fc;
}

html.pos-dark-theme body.pos-dark-theme .bill-service-tab.active .bill-service-copy small[b-3bp2fq8t4e],
.dark-theme .bill-service-tab.active .bill-service-copy small[b-3bp2fq8t4e] {
    color: rgba(236, 254, 255, 0.88);
}

html.pos-dark-theme body.pos-dark-theme .work-session-strip[b-3bp2fq8t4e],
.dark-theme .work-session-strip[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.14);
    background: linear-gradient(90deg, rgba(13, 45, 48, 0.92), rgba(15, 23, 42, 0.94));
}

html.pos-dark-theme body.pos-dark-theme .work-session-title strong[b-3bp2fq8t4e],
.dark-theme .work-session-title strong[b-3bp2fq8t4e] {
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .work-session-title small[b-3bp2fq8t4e],
.dark-theme .work-session-title small[b-3bp2fq8t4e] {
    color: #94a3b8;
}

html.pos-dark-theme body.pos-dark-theme .work-session-chip[b-3bp2fq8t4e],
.dark-theme .work-session-chip[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.18);
    background: rgba(15, 23, 42, 0.94);
    color: #e2e8f0;
    box-shadow: none;
}

html.pos-dark-theme body.pos-dark-theme .work-session-copy small[b-3bp2fq8t4e],
.dark-theme .work-session-copy small[b-3bp2fq8t4e] {
    color: #94a3b8;
}

html.pos-dark-theme body.pos-dark-theme .service-switch-inline-loader[b-3bp2fq8t4e],
.dark-theme .service-switch-inline-loader[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(20, 63, 61, 0.74));
    border-color: rgba(45, 212, 191, 0.2);
    color: #99f6e4;
}

html.pos-dark-theme body.pos-dark-theme .service-context-card[b-3bp2fq8t4e],
.dark-theme .service-context-card[b-3bp2fq8t4e] {
    background:
        radial-gradient(circle at 100% 0%, rgba(45, 212, 191, 0.12), transparent 44%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(14, 51, 53, 0.92));
    border-color: rgba(45, 212, 191, 0.2);
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .service-context-card.online[b-3bp2fq8t4e],
.dark-theme .service-context-card.online[b-3bp2fq8t4e] {
    background:
        radial-gradient(circle at 100% 0%, rgba(56, 189, 248, 0.12), transparent 44%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(12, 45, 62, 0.92));
    border-color: rgba(56, 189, 248, 0.2);
}

html.pos-dark-theme body.pos-dark-theme .service-context-icon[b-3bp2fq8t4e],
.dark-theme .service-context-icon[b-3bp2fq8t4e] {
    color: #5eead4;
    background: rgba(45, 212, 191, 0.12);
}

html.pos-dark-theme body.pos-dark-theme .service-context-card.online .service-context-icon[b-3bp2fq8t4e],
.dark-theme .service-context-card.online .service-context-icon[b-3bp2fq8t4e] {
    color: #7dd3fc;
    background: rgba(56, 189, 248, 0.12);
}

html.pos-dark-theme body.pos-dark-theme .service-context-card strong[b-3bp2fq8t4e],
.dark-theme .service-context-card strong[b-3bp2fq8t4e] {
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .service-context-card small[b-3bp2fq8t4e],
.dark-theme .service-context-card small[b-3bp2fq8t4e] {
    color: #9fb2cb;
}

html.pos-dark-theme body.pos-dark-theme .pos-table-view-toggle[b-3bp2fq8t4e],
.dark-theme .pos-table-view-toggle[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.18);
    background: rgba(15, 23, 42, 0.72);
}

html.pos-dark-theme body.pos-dark-theme .pos-table-view-option[b-3bp2fq8t4e],
.dark-theme .pos-table-view-option[b-3bp2fq8t4e] {
    color: #cbd5e1;
}

html.pos-dark-theme body.pos-dark-theme .pos-table-view-option.active[b-3bp2fq8t4e],
.dark-theme .pos-table-view-option.active[b-3bp2fq8t4e] {
    background: #0f766e;
    color: #fff;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen.app-desktop .grand-total-method-icon[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-desktop .grand-total-method-icon[b-3bp2fq8t4e] {
    color: #5eead4;
    background: rgba(15, 23, 42, 0.7);
    border-color: rgba(148, 163, 184, 0.26);
}

html.pos-dark-theme body.pos-dark-theme .bill-action-bar[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .bill-action-dock[b-3bp2fq8t4e],
.dark-theme .bill-action-bar[b-3bp2fq8t4e],
.dark-theme .bill-action-dock[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.16);
    background:
        radial-gradient(circle at 0% 0%, rgba(45, 212, 191, 0.16), transparent 34%),
        radial-gradient(circle at 100% 50%, rgba(34, 197, 94, 0.1), transparent 38%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.9));
}

html.pos-dark-theme body.pos-dark-theme .bill-action-secondary[b-3bp2fq8t4e],
.dark-theme .bill-action-secondary[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.16);
    background: rgba(15, 23, 42, 0.72);
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.08);
}

html.pos-dark-theme body.pos-dark-theme .bill-dock-button[b-3bp2fq8t4e],
.dark-theme .bill-dock-button[b-3bp2fq8t4e] {
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(20, 63, 61, 0.7));
    color: #99f6e4;
}

html.pos-dark-theme body.pos-dark-theme .quick-kot-message[b-3bp2fq8t4e],
.dark-theme .quick-kot-message[b-3bp2fq8t4e] {
    border-color: rgba(251, 146, 60, 0.24);
    background:
        radial-gradient(circle at 100% 0%, rgba(251, 146, 60, 0.14), transparent 44%),
        linear-gradient(135deg, rgba(30, 41, 59, 0.96), rgba(67, 36, 18, 0.7));
    color: #fed7aa;
}

html.pos-dark-theme body.pos-dark-theme .quick-kot-message[b-3bp2fq8t4e]::before,
.dark-theme .quick-kot-message[b-3bp2fq8t4e]::before {
    background: rgba(124, 45, 18, 0.42);
    color: #fed7aa;
}

html.pos-dark-theme body.pos-dark-theme .quick-kot-message strong[b-3bp2fq8t4e],
.dark-theme .quick-kot-message strong[b-3bp2fq8t4e] {
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .bill-action-button.preview[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .bill-action-button.save[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .bill-action-button.print[b-3bp2fq8t4e],
.dark-theme .bill-action-button.preview[b-3bp2fq8t4e],
.dark-theme .bill-action-button.save[b-3bp2fq8t4e],
.dark-theme .bill-action-button.print[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.24) !important;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(20, 63, 61, 0.74)) !important;
    color: #99f6e4 !important;
}

html.pos-dark-theme body.pos-dark-theme .kot-action-strip[b-3bp2fq8t4e],
.dark-theme .kot-action-strip[b-3bp2fq8t4e] {
    border-color: rgba(251, 146, 60, 0.22);
    background:
        radial-gradient(circle at 100% 0%, rgba(251, 146, 60, 0.12), transparent 42%),
        linear-gradient(135deg, rgba(30, 41, 59, 0.96), rgba(67, 36, 18, 0.68));
}

html.pos-dark-theme body.pos-dark-theme .kot-action-strip[b-3bp2fq8t4e]::before,
.dark-theme .kot-action-strip[b-3bp2fq8t4e]::before {
    background: rgba(124, 45, 18, 0.42);
    color: #fed7aa;
}

html.pos-dark-theme body.pos-dark-theme .kot-action-strip strong[b-3bp2fq8t4e],
.dark-theme .kot-action-strip strong[b-3bp2fq8t4e] {
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen.app-desktop .grand-total-main span[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-desktop .grand-total-main span[b-3bp2fq8t4e] {
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen.app-desktop .grand-total-main small[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-desktop .grand-total-main small[b-3bp2fq8t4e] {
    color: #7dd3fc;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen.app-desktop .grand-total-details[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-desktop .grand-total-details[b-3bp2fq8t4e] {
    background: rgba(15, 23, 42, 0.66);
    border-color: rgba(148, 163, 184, 0.18);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

html.pos-dark-theme body.pos-dark-theme .pos-screen.app-desktop .grand-total-details div[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-desktop .grand-total-details div[b-3bp2fq8t4e] {
    background: rgba(30, 41, 59, 0.62);
    border-color: rgba(148, 163, 184, 0.1);
}

html.pos-dark-theme body.pos-dark-theme .pos-screen.app-desktop .grand-total-details .summary-balance[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-desktop .grand-total-details .summary-balance[b-3bp2fq8t4e] {
    background: rgba(15, 118, 110, 0.18);
    border-color: rgba(45, 212, 191, 0.22);
}

html.pos-dark-theme body.pos-dark-theme .pos-screen.app-desktop .grand-total-details span[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-desktop .grand-total-details span[b-3bp2fq8t4e] {
    color: #9fb2cb;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen.app-desktop .grand-total-details strong[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-desktop .grand-total-details strong[b-3bp2fq8t4e] {
    color: #f8fafc;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen.app-desktop .grand-total-details .summary-balance strong[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-desktop .grand-total-details .summary-balance strong[b-3bp2fq8t4e] {
    color: #5eead4;
}

html.pos-dark-theme body.pos-dark-theme .gst-mapping-strip[b-3bp2fq8t4e],
.dark-theme .gst-mapping-strip[b-3bp2fq8t4e] {
    border-color: rgba(251, 191, 36, 0.28);
    background: linear-gradient(135deg, rgba(69, 26, 3, 0.72), rgba(30, 41, 59, 0.9));
    color: #fde68a;
    box-shadow: inset 3px 0 0 rgba(251, 191, 36, 0.86);
}

html.pos-dark-theme body.pos-dark-theme .gst-mapping-strip .mud-icon-root[b-3bp2fq8t4e],
.dark-theme .gst-mapping-strip .mud-icon-root[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .gst-mapping-strip strong[b-3bp2fq8t4e],
.dark-theme .gst-mapping-strip strong[b-3bp2fq8t4e] {
    color: #fbbf24;
}

html.pos-dark-theme body.pos-dark-theme .gst-mapping-strip span[b-3bp2fq8t4e],
.dark-theme .gst-mapping-strip span[b-3bp2fq8t4e] {
    color: #fde68a;
}

html.pos-dark-theme body.pos-dark-theme .gst-mapping-strip-required[b-3bp2fq8t4e],
.dark-theme .gst-mapping-strip-required[b-3bp2fq8t4e] {
    border-color: rgba(248, 113, 113, 0.32);
    background: linear-gradient(135deg, rgba(69, 10, 10, 0.78), rgba(30, 41, 59, 0.9));
    box-shadow: inset 3px 0 0 rgba(248, 113, 113, 0.86);
}

html.pos-dark-theme body.pos-dark-theme .gst-mapping-strip-required .mud-icon-root[b-3bp2fq8t4e],
.dark-theme .gst-mapping-strip-required .mud-icon-root[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .gst-mapping-strip-required strong[b-3bp2fq8t4e],
.dark-theme .gst-mapping-strip-required strong[b-3bp2fq8t4e] {
    color: #fca5a5;
}

html.pos-dark-theme body.pos-dark-theme .gst-mapping-strip-required span[b-3bp2fq8t4e],
.dark-theme .gst-mapping-strip-required span[b-3bp2fq8t4e] {
    color: #fecaca;
}

@media (max-width: 1360px) {
    .pos-screen.app-desktop .grand-total-strip[b-3bp2fq8t4e] {
        grid-template-columns: minmax(112px, 0.68fr) minmax(205px, 1fr) minmax(134px, 0.7fr);
    }

    .pos-screen.app-desktop .grand-total-details[b-3bp2fq8t4e] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 1280px) {
    .pos-screen.app-desktop .grand-total-strip[b-3bp2fq8t4e] {
        grid-template-columns: minmax(0, 1fr) minmax(148px, auto);
    }

    .pos-screen.app-desktop .grand-total-main[b-3bp2fq8t4e] {
        grid-column: 1 / -1;
        justify-content: flex-start;
        min-height: 42px;
    }

    .pos-screen.app-desktop .grand-total-details[b-3bp2fq8t4e] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pos-screen.app-desktop .grand-total-amount[b-3bp2fq8t4e] {
        min-width: 148px;
    }
}

@media (max-width: 1120px) {
    .pos-screen.app-desktop .grand-total-strip[b-3bp2fq8t4e] {
        grid-template-columns: 1fr;
    }

    .pos-screen.app-desktop .grand-total-amount[b-3bp2fq8t4e] {
        justify-self: stretch;
        min-height: 48px;
    }

    .pos-screen.app-desktop .grand-total-details[b-3bp2fq8t4e] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@container (max-width: 900px) {
    .pos-screen.app-desktop .grand-total-strip[b-3bp2fq8t4e] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "payable"
            "summary"
            "due";
        overflow: visible;
        gap: 0.55rem;
    }

    .pos-screen.app-desktop .grand-total-main[b-3bp2fq8t4e] {
        grid-area: payable;
        grid-column: auto;
        justify-content: flex-start;
    }

    .pos-screen.app-desktop .grand-total-details[b-3bp2fq8t4e] {
        grid-area: summary;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .pos-screen.app-desktop .grand-total-details div[b-3bp2fq8t4e] {
        grid-template-columns: minmax(74px, auto) max-content;
        justify-content: space-between;
    }

    .pos-screen.app-desktop .grand-total-details strong[b-3bp2fq8t4e] {
        overflow: visible;
        max-width: none;
        text-overflow: clip;
    }

    .pos-screen.app-desktop .grand-total-amount[b-3bp2fq8t4e] {
        grid-area: due;
        justify-self: stretch;
        display: grid;
        grid-template-columns: minmax(0, 1fr) max-content;
        align-items: center;
        min-width: 0;
        min-height: 58px;
        padding: 0.62rem 0.82rem;
    }

    .pos-screen.app-desktop .grand-total-amount span[b-3bp2fq8t4e] {
        text-align: left;
    }

    .pos-screen.app-desktop .grand-total-amount strong[b-3bp2fq8t4e] {
        overflow: visible;
        max-width: none;
        font-size: clamp(1.26rem, 12cqi, 1.9rem);
        line-height: 1.22;
        text-align: right;
        text-overflow: clip;
        white-space: nowrap;
        font-variant-numeric: tabular-nums;
    }
}

@container (max-width: 720px) {
    .pos-screen.app-desktop .grand-total-strip[b-3bp2fq8t4e] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "payable"
            "summary"
            "due";
        gap: 0.52rem;
        padding: 0.68rem;
        border-radius: 18px;
    }

    .pos-screen.app-desktop .grand-total-main[b-3bp2fq8t4e] {
        grid-area: payable;
        grid-column: auto;
        justify-content: flex-start;
        min-height: 58px;
        padding: 0.38rem 0.2rem 0.38rem 0.34rem;
    }

    .pos-screen.app-desktop .grand-total-details[b-3bp2fq8t4e] {
        grid-area: summary;
        grid-template-columns: minmax(0, 1fr);
        gap: 0.38rem;
        padding: 0.46rem;
    }

    .pos-screen.app-desktop .grand-total-details div[b-3bp2fq8t4e] {
        grid-template-columns: minmax(82px, auto) max-content;
        justify-content: space-between;
        min-height: 32px;
        padding: 0.26rem 0.5rem;
    }

    .pos-screen.app-desktop .grand-total-amount[b-3bp2fq8t4e] {
        grid-area: due;
        display: grid;
        grid-template-columns: minmax(0, 1fr) max-content;
        align-items: center;
        justify-content: stretch;
        min-width: 0;
        min-height: 58px;
        padding: 0.64rem 0.8rem;
    }

    .pos-screen.app-desktop .grand-total-amount strong[b-3bp2fq8t4e] {
        overflow: visible;
        font-size: clamp(1.26rem, 12cqi, 1.9rem);
        line-height: 1.22;
        text-overflow: clip;
        white-space: nowrap;
    }
}

@container (max-width: 560px) {
    .pos-screen.app-desktop .grand-total-strip[b-3bp2fq8t4e] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "payable"
            "summary"
            "due";
        gap: 0.46rem;
        padding: 0.56rem;
    }

    .pos-screen.app-desktop .grand-total-main[b-3bp2fq8t4e] {
        justify-content: flex-start;
        min-height: 44px;
        padding: 0.2rem 0.24rem;
    }

    .pos-screen.app-desktop .grand-total-details[b-3bp2fq8t4e] {
        grid-template-columns: minmax(0, 1fr);
        gap: 0.24rem;
        padding: 0.34rem;
        border-radius: 14px;
    }

    .pos-screen.app-desktop .grand-total-details div[b-3bp2fq8t4e] {
        grid-template-columns: minmax(82px, auto) max-content;
        justify-content: space-between;
        min-height: 27px;
        padding: 0.22rem 0.4rem;
    }

    .pos-screen.app-desktop .grand-total-details span[b-3bp2fq8t4e] {
        font-size: 0.55rem;
    }

    .pos-screen.app-desktop .grand-total-details strong[b-3bp2fq8t4e] {
        font-size: 0.82rem;
    }

    .pos-screen.app-desktop .grand-total-amount[b-3bp2fq8t4e] {
        min-height: 56px;
        padding-inline: 0.64rem;
        justify-self: stretch;
    }

    .pos-screen.app-desktop .grand-total-amount strong[b-3bp2fq8t4e] {
        font-size: clamp(1.08rem, 11cqi, 1.55rem);
    }
}

@container (max-width: 440px) {
    .pos-screen.app-desktop .grand-total-amount[b-3bp2fq8t4e] {
        min-height: 54px;
    }

    .pos-screen.app-desktop .grand-total-details[b-3bp2fq8t4e] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pos-screen.app-desktop .grand-total-details div[b-3bp2fq8t4e] {
        grid-template-columns: minmax(76px, auto) max-content;
        justify-content: space-between;
    }

    .pos-screen.app-desktop .grand-total-method-icon[b-3bp2fq8t4e] {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }

    .pos-screen.app-desktop .grand-total-main span[b-3bp2fq8t4e] {
        font-size: 0.72rem;
    }

    .pos-screen.app-desktop .grand-total-main small[b-3bp2fq8t4e] {
        font-size: 0.54rem;
    }
}

.pos-screen.app-phone .grand-total-strip[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 0.52rem;
    overflow: visible;
}

.pos-screen.app-phone .grand-total-main[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.pos-screen.app-phone .grand-total-details[b-3bp2fq8t4e] {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
}

.pos-screen.app-phone .grand-total-details div[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: minmax(74px, auto) max-content;
    justify-content: space-between;
    align-items: center;
}

.pos-screen.app-phone .grand-total-details strong[b-3bp2fq8t4e],
.pos-screen.app-phone .grand-total-amount strong[b-3bp2fq8t4e] {
    overflow: visible;
    max-width: none;
    text-overflow: clip;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.pos-screen.app-phone .grand-total-amount[b-3bp2fq8t4e] {
    justify-self: stretch;
    container-type: inline-size;
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: center;
    width: 100%;
    padding: 0.68rem 0.82rem;
}

.pos-screen.app-phone .grand-total-amount strong[b-3bp2fq8t4e] {
    font-size: clamp(1.2rem, 12cqi, 1.78rem);
    line-height: 1.22;
}

.pos-screen.app-phone .grand-total-amount .due-amount-lg[b-3bp2fq8t4e] {
    font-size: clamp(1.45rem, 13cqi, 2rem);
}

.pos-screen.app-phone .grand-total-amount .due-amount-md[b-3bp2fq8t4e] {
    font-size: clamp(1.28rem, 12cqi, 1.78rem);
}

.pos-screen.app-phone .grand-total-amount .due-amount-sm[b-3bp2fq8t4e] {
    font-size: clamp(1.08rem, 10.5cqi, 1.48rem);
}

.pos-screen.app-phone .grand-total-amount .due-amount-xs[b-3bp2fq8t4e] {
    font-size: clamp(0.92rem, 9cqi, 1.2rem);
}

.mobile-checkout-dock[b-3bp2fq8t4e] {
    display: none;
}

.tablet-checkout-strip[b-3bp2fq8t4e] {
    display: none;
}

.empty-bill[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-height: 240px;
    color: #64748b;
    text-align: center;
    padding: 1.5rem;
}

.keypad-backdrop[b-3bp2fq8t4e] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.36);
    backdrop-filter: blur(4px);
}

.keypad-panel[b-3bp2fq8t4e] {
    width: min(360px, 100%);
    border-radius: 20px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: #ffffff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
    padding: 1rem;
}

.keypad-header[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.keypad-header div[b-3bp2fq8t4e] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.15rem;
}

.keypad-header span[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.keypad-header strong[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 1rem;
    line-height: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.keypad-display[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
    margin-bottom: 0.75rem;
    padding: 0.85rem 1rem;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(15, 118, 110, 0.12), rgba(20, 83, 45, 0.08));
    border: 1px solid rgba(15, 118, 110, 0.12);
}

.keypad-display span[b-3bp2fq8t4e] {
    color: #0f766e;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.keypad-display strong[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 1.65rem;
}

.keypad-grid[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.keypad-key[b-3bp2fq8t4e] {
    min-height: 54px;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #f8fafc;
    color: #0f172a;
    font-size: 1.1rem;
    font-weight: 800;
    cursor: pointer;
}

.keypad-key:hover[b-3bp2fq8t4e] {
    border-color: rgba(15, 118, 110, 0.2);
    background: rgba(240, 253, 250, 0.9);
}

.keypad-key.muted[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.86rem;
}

.keypad-money-row[b-3bp2fq8t4e],
.keypad-actions[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin-top: 0.65rem;
}

.keypad-pill[b-3bp2fq8t4e] {
    min-height: 36px;
    border-radius: 999px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: white;
    color: #334155;
    font-weight: 700;
    cursor: pointer;
}

.keypad-actions[b-3bp2fq8t4e] {
    grid-template-columns: 1fr 1fr;
}

.discount-backdrop[b-3bp2fq8t4e] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.38);
    backdrop-filter: blur(4px);
}

.discount-panel[b-3bp2fq8t4e] {
    width: min(460px, 100%);
    max-height: min(720px, calc(100vh - 2rem));
    overflow-y: auto;
    border-radius: 24px;
    border: 1px solid rgba(15, 118, 110, 0.14);
    background: #ffffff;
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.26);
    padding: 1rem;
}

.discount-header[b-3bp2fq8t4e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.discount-header div[b-3bp2fq8t4e] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.12rem;
}

.discount-header span[b-3bp2fq8t4e],
.discount-summary span[b-3bp2fq8t4e],
.discount-entry label[b-3bp2fq8t4e],
.coupon-entry label[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.7rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.discount-header strong[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 1.25rem;
    line-height: 1.45rem;
}

.discount-header small[b-3bp2fq8t4e],
.discount-entry small[b-3bp2fq8t4e],
.coupon-entry small[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.78rem;
    line-height: 1.15rem;
}

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

.discount-summary div[b-3bp2fq8t4e] {
    min-width: 0;
    padding: 0.7rem;
    border-radius: 15px;
    background: #f8fafc;
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.discount-summary .payable[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.98), rgba(236, 253, 245, 0.95));
    border-color: rgba(15, 118, 110, 0.15);
}

.discount-summary strong[b-3bp2fq8t4e] {
    display: block;
    margin-top: 0.25rem;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.discount-mode-row[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.discount-mode-row button[b-3bp2fq8t4e],
.coupon-list button[b-3bp2fq8t4e] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #ffffff;
    color: #334155;
    cursor: pointer;
}

.discount-mode-row button[b-3bp2fq8t4e] {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 0.38rem;
    border-radius: 15px;
    font-weight: 900;
}

.discount-mode-row button.active[b-3bp2fq8t4e],
.coupon-list button.active[b-3bp2fq8t4e] {
    border-color: rgba(15, 118, 110, 0.28);
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.98), rgba(236, 253, 245, 0.95));
    color: #0f766e;
    box-shadow: inset 4px 0 0 rgba(15, 118, 110, 0.78);
}

.discount-entry[b-3bp2fq8t4e],
.coupon-entry[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.38rem;
    margin-bottom: 0.75rem;
}

.discount-entry > div[b-3bp2fq8t4e],
.coupon-entry > div[b-3bp2fq8t4e] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.discount-entry input[b-3bp2fq8t4e],
.coupon-entry input[b-3bp2fq8t4e] {
    min-width: 0;
    width: 100%;
    min-height: 52px;
    border-radius: 16px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    padding: 0 0.9rem;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 850;
    outline: none;
}

.discount-entry input:focus[b-3bp2fq8t4e],
.coupon-entry input:focus[b-3bp2fq8t4e] {
    border-color: rgba(15, 118, 110, 0.42);
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.1);
}

.discount-entry > div > span[b-3bp2fq8t4e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    min-height: 52px;
    border-radius: 15px;
    background: rgba(240, 253, 250, 0.9);
    color: #0f766e;
    font-weight: 950;
}

.coupon-entry button[b-3bp2fq8t4e] {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0 0.85rem;
    border: 0;
    border-radius: 15px;
    background: #166534;
    color: #ffffff;
    font-weight: 900;
    cursor: pointer;
    white-space: nowrap;
}

.best-offer-button[b-3bp2fq8t4e] {
    width: 100%;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    margin: -0.25rem 0 0.75rem;
    border: 1px dashed rgba(15, 118, 110, 0.28);
    border-radius: 15px;
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.96), rgba(255, 255, 255, 0.96));
    color: #0f766e;
    font-weight: 950;
    cursor: pointer;
}

.best-offer-button:hover[b-3bp2fq8t4e] {
    border-style: solid;
    box-shadow: 0 10px 20px rgba(15, 118, 110, 0.08);
}

.coupon-list[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.45rem;
    margin-bottom: 0.75rem;
}

.coupon-list button[b-3bp2fq8t4e] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.12rem;
    padding: 0.65rem 0.75rem;
    border-radius: 15px;
    text-align: left;
}

.coupon-list strong[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 0.86rem;
    letter-spacing: 0.04em;
}

.coupon-list span[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.76rem;
}

.discount-error[b-3bp2fq8t4e] {
    margin-bottom: 0.75rem;
    padding: 0.58rem 0.7rem;
    border-radius: 13px;
    background: #fff1f2;
    color: #be123c;
    font-size: 0.82rem;
    font-weight: 800;
}

.discount-actions[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: 0.9fr 0.9fr 1fr;
    gap: 0.5rem;
}

@media (max-width: 520px) {
    .discount-backdrop[b-3bp2fq8t4e] {
        align-items: flex-end;
        padding: 0.55rem;
    }

    .discount-panel[b-3bp2fq8t4e] {
        max-height: calc(100vh - 1rem);
        border-radius: 22px;
        padding: 0.85rem;
    }

    .discount-summary[b-3bp2fq8t4e] {
        grid-template-columns: 1fr;
    }

    .discount-actions[b-3bp2fq8t4e] {
        grid-template-columns: 1fr;
    }
}

.pos-screen.app-phone .pos-order-header[b-3bp2fq8t4e] {
    padding: 0.45rem 0.6rem;
    border-radius: 18px;
    margin: 0 0.5rem;
}

.pos-screen.app-phone[b-3bp2fq8t4e] {
    min-height: auto;
    height: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1rem;
}

.pos-screen.app-phone .order-header-main[b-3bp2fq8t4e] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.45rem;
}

.pos-screen.app-phone .order-title-block[b-3bp2fq8t4e] {
    width: 100%;
    grid-template-columns: 1fr;
    grid-template-areas:
        "label"
        "title"
        "meta";
    row-gap: 0.18rem;
}

.pos-screen.app-phone .order-title-block strong[b-3bp2fq8t4e] {
    font-size: 1.08rem;
    line-height: 1.16rem;
}

.pos-screen.app-phone .order-title-block small[b-3bp2fq8t4e] {
    white-space: normal;
    line-height: 0.9rem;
    font-size: 0.76rem;
}

.pos-screen.app-phone .order-mode-strip[b-3bp2fq8t4e] {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 0.1rem;
}

.pos-screen.app-phone .order-mode-strip .mud-chip[b-3bp2fq8t4e] {
    flex: 0 0 auto;
}

.pos-screen.app-phone .order-chip[b-3bp2fq8t4e] {
    min-height: 26px !important;
    font-size: 0.68rem !important;
    padding-inline: 0.48rem !important;
}

.pos-screen.app-phone .order-chip-assignee[b-3bp2fq8t4e],
.pos-screen.app-phone .order-chip-table[b-3bp2fq8t4e] {
    display: none !important;
}

.pos-screen.app-phone .pos-workspace[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    min-height: 0;
    overflow: visible;
}

.pos-screen.app-phone .category-rail[b-3bp2fq8t4e] {
    position: static;
    top: auto;
    padding: 0.38rem;
    border-radius: 16px;
}

.pos-screen.app-phone .category-list[b-3bp2fq8t4e] {
    flex-direction: row;
    gap: 0.35rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.04rem;
    scroll-snap-type: x proximity;
}

.pos-screen.app-phone .category-list[b-3bp2fq8t4e]::-webkit-scrollbar,
.pos-screen.app-phone .order-mode-strip[b-3bp2fq8t4e]::-webkit-scrollbar {
    display: none;
}

.pos-screen.app-phone .category-row[b-3bp2fq8t4e],
.pos-screen.app-phone .category-row.sub[b-3bp2fq8t4e] {
    width: auto;
    min-width: 104px;
    margin-left: 0;
    flex: 0 0 auto;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 32px;
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    scroll-snap-align: start;
    background: #ffffff;
    border: 1px solid rgba(15, 118, 110, 0.12);
    box-shadow: none;
}

.pos-screen.app-phone .category-row.sub[b-3bp2fq8t4e] {
    min-width: 92px;
    background: #f8fbfd;
}

.pos-screen.app-phone .category-label[b-3bp2fq8t4e] {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    line-height: 0.76rem;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: none;
}

.pos-screen.app-phone .category-icon[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-phone .category-icon .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 0.9rem !important;
}

.pos-screen.app-phone .category-count[b-3bp2fq8t4e] {
    min-width: 18px;
    height: 18px;
    font-size: 0.58rem;
    padding: 0 0.28rem;
}

.pos-screen.app-phone .category-row.active[b-3bp2fq8t4e],
.pos-screen.app-phone .category-row.sub.active[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, #0f766e, #0b5d56);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 8px 14px rgba(15, 118, 110, 0.16);
}

.pos-screen.app-phone .category-row.active .category-count[b-3bp2fq8t4e],
.pos-screen.app-phone .category-row.sub.active .category-count[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.pos-screen.app-phone .subcategory-strip[b-3bp2fq8t4e] {
    padding-top: 0.22rem;
    margin-top: 0.16rem;
    display: flex;
    gap: 0.28rem;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.08rem;
    border-top: none;
}

.pos-screen.app-phone .subcategory-chip[b-3bp2fq8t4e] {
    min-height: 24px;
    padding: 0 0.46rem;
    font-size: 0.62rem;
    background: white;
    border-color: rgba(15, 118, 110, 0.16);
}

.pos-screen.app-phone .subcategory-chip.active[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, #0f766e, #0b5d56);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 8px 14px rgba(15, 118, 110, 0.16);
}

.pos-screen.app-phone .subcategory-chip.active strong[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

.pos-screen.app-phone .catalog-panel[b-3bp2fq8t4e] {
    padding: 0.7rem !important;
    border-radius: 20px;
    position: relative;
}

.pos-screen.app-phone .catalog-stack[b-3bp2fq8t4e] {
    gap: 0.28rem !important;
}

.pos-screen.app-phone .catalog-mobile-entry .mud-input-control[b-3bp2fq8t4e] {
    margin: 0;
}

.pos-screen.app-phone .catalog-mobile-entry .pos-input.compact .mud-input-slot[b-3bp2fq8t4e] {
    min-height: 44px;
}

.pos-screen.app-phone .catalog-mobile-entry .pos-input.compact input[b-3bp2fq8t4e] {
    font-size: 0.9rem;
}

.pos-screen.app-phone .catalog-mobile-entry-row .barcode[b-3bp2fq8t4e] {
    min-width: 0;
}

.pos-screen.app-phone .catalog-sticky-tools[b-3bp2fq8t4e] {
    position: sticky;
    top: 0.1rem;
    z-index: 4;
    margin: -0.15rem -0.15rem 0;
    padding: 0.15rem 0.15rem 0.22rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.94));
    gap: 0;
}

.pos-screen.app-phone .catalog-mobile-entry[b-3bp2fq8t4e] {
    gap: 0;
}

.pos-screen.app-phone .catalog-mobile-entry-row[b-3bp2fq8t4e] {
    grid-template-columns: minmax(0, 1fr) 32px 34px 58px 32px;
    gap: 0.18rem;
    align-items: center;
}

.pos-screen.app-phone .quick-items-toggle.mud-button-root[b-3bp2fq8t4e] {
    width: 34px;
    min-width: 34px;
    height: 42px;
    min-height: 42px;
    padding: 0;
}

.pos-screen.app-phone .quick-items-toggle .mud-button-label[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-phone .product-view-toggle[b-3bp2fq8t4e] {
    min-height: 38px;
    gap: 0.1rem;
    padding: 0.12rem;
}

.pos-screen.app-phone .product-view-option[b-3bp2fq8t4e] {
    min-width: 26px;
    min-height: 30px;
    padding: 0 0.28rem;
}

.pos-screen.app-phone .product-view-option span[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-phone .catalog-mobile-scan-button[b-3bp2fq8t4e] {
    width: 32px;
    height: 42px;
    min-width: 32px;
    min-height: 42px;
    border-radius: 999px;
    padding: 0;
    border: 0;
    background: transparent !important;
    color: #0f766e !important;
    box-shadow: none;
}

.pos-screen.app-phone .catalog-mobile-scan-button .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 1.3rem !important;
}

.pos-screen.app-phone .catalog-toolbar[b-3bp2fq8t4e] {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.45rem;
    margin-top: -0.05rem;
}

.pos-screen.app-phone .catalog-toolbar-phone[b-3bp2fq8t4e] {
    grid-template-columns: 34px;
    justify-content: end;
    gap: 0.3rem;
    align-items: center;
}

.pos-screen.app-phone .catalog-refresh-icon[b-3bp2fq8t4e] {
    justify-self: end;
    width: 32px;
    height: 42px;
    border-radius: 999px;
}

.pos-screen.app-phone .catalog-refresh-icon .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 1.28rem !important;
}

.pos-screen.app-phone .product-section-loader[b-3bp2fq8t4e] {
    min-height: 48px;
    margin-bottom: 0.3rem;
    font-size: 0.74rem;
}

.pos-screen.app-phone .catalog-toolbar > .mud-button-root[b-3bp2fq8t4e] {
    margin-left: auto;
    min-height: 34px;
    padding-inline: 0.45rem;
    min-width: 0;
    font-size: 0.76rem;
}

.pos-screen.app-phone .catalog-toolbar .mud-chip[b-3bp2fq8t4e] {
    min-height: 26px;
    font-size: 0.66rem;
}

.pos-screen.app-phone .catalog-toolbar .mud-spacer[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-phone .product-grid[b-3bp2fq8t4e] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.24rem;
}

.pos-screen.app-phone .product-grid.product-grid-buttons[b-3bp2fq8t4e] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.22rem;
}

.pos-screen.app-phone .product-button-tile[b-3bp2fq8t4e] {
    min-height: 54px;
    padding: 0.38rem 0.44rem 0.34rem 0.58rem;
}

.pos-screen.app-phone .product-button-name[b-3bp2fq8t4e] {
    font-size: 0.66rem;
    line-height: 0.82rem;
}

.pos-screen.app-phone .product-button-price[b-3bp2fq8t4e] {
    font-size: 0.56rem;
}

.pos-screen.app-phone .product-tile[b-3bp2fq8t4e] {
    grid-template-rows: 30px 20px 20px;
    height: 84px;
    min-height: 84px;
    max-height: 84px;
    padding: 0.36rem 0.38rem 0.32rem 0.52rem;
    border-radius: 4px;
    border-color: rgba(30, 64, 175, 0.14);
    background: linear-gradient(180deg, #f8fbff 0%, #eef7fb 100%);
    box-shadow: inset 3px 0 0 rgba(20, 184, 166, 0.78), 0 1px 2px rgba(15, 23, 42, 0.06);
    align-content: start;
    gap: 0.18rem;
}

.pos-screen.app-phone .product-tile[b-3bp2fq8t4e]::before {
    display: none;
}

.pos-screen.app-phone .product-tile[b-3bp2fq8t4e]::after {
    height: auto;
}

.pos-screen.app-phone .product-name[b-3bp2fq8t4e] {
    min-height: 1.48rem;
    font-size: 0.64rem;
    line-height: 0.74rem;
    margin-top: 0;
}

.pos-screen.app-phone .product-identity[b-3bp2fq8t4e] {
    display: block;
}

.pos-screen.app-phone .product-price[b-3bp2fq8t4e] {
    font-size: 0.82rem;
    letter-spacing: 0;
}

.pos-screen.app-phone .product-category[b-3bp2fq8t4e] {
    max-width: 58px;
    font-size: 0.46rem;
    min-height: 14px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #0f766e;
}

.pos-screen.app-phone .product-stock[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-phone .product-cart-badge[b-3bp2fq8t4e] {
    min-width: 18px;
    height: 17px;
    font-size: 0.48rem;
}

.pos-screen.app-phone .product-thumb[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-phone .product-footer[b-3bp2fq8t4e] {
    align-items: center;
    gap: 0.18rem;
    margin-top: 0;
    min-height: 1.12rem;
}

.pos-screen.app-phone .product-tile-top[b-3bp2fq8t4e] {
    gap: 0;
    flex-wrap: nowrap;
}

@media (max-width: 360px) {
    .pos-screen.app-phone .product-grid[b-3bp2fq8t4e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.pos-screen.app-phone .product-stock[b-3bp2fq8t4e] {
    margin-left: auto;
}

.pos-screen.app-phone .product-barcode[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-phone .bill-panel[b-3bp2fq8t4e] {
    height: auto;
    min-height: 0;
    overflow: visible;
    border-radius: 22px;
}

.pos-screen.app-phone .bill-panel-header[b-3bp2fq8t4e] {
    min-height: 0;
}

.pos-screen.app-phone .bill-panel-header .mud-stack-root[b-3bp2fq8t4e] {
    flex-direction: column;
    align-items: stretch !important;
    gap: 0.45rem;
}

.pos-screen.app-phone .bill-panel-header .mud-stack-root > .mud-stack-root[b-3bp2fq8t4e] {
    justify-content: space-between;
}

.pos-screen.app-phone .bill-panel-header .mud-button-root[b-3bp2fq8t4e] {
    min-height: 38px;
    padding-inline: 0.65rem;
}

.pos-screen.app-phone .bill-panel-body[b-3bp2fq8t4e] {
    overflow: visible;
}

.pos-screen.app-phone .parked-bill-row[b-3bp2fq8t4e] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.pos-screen.app-phone .parked-bill-row > :nth-child(3)[b-3bp2fq8t4e],
.pos-screen.app-phone .parked-bill-row > :nth-child(4)[b-3bp2fq8t4e] {
    grid-column: span 1;
}

.pos-screen.app-phone .bill-top-controls[b-3bp2fq8t4e] {
    padding: 0.65rem !important;
}

.pos-screen.app-phone .bill-service-tabs[b-3bp2fq8t4e] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
}

.pos-screen.app-phone .bill-service-tab[b-3bp2fq8t4e] {
    min-height: 42px;
    border-radius: 12px;
    font-size: 0.72rem;
    padding: 0.3rem 0.35rem;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 0.28rem;
}

.pos-screen.app-phone .bill-service-icon[b-3bp2fq8t4e] {
    width: 24px;
    height: 24px;
    border-radius: 8px;
}

.pos-screen.app-phone .service-switch-inline-loader[b-3bp2fq8t4e] {
    min-height: 30px;
    font-size: 0.64rem;
    padding: 0.3rem 0.45rem;
}

.pos-screen.app-phone .bill-service-copy strong[b-3bp2fq8t4e] {
    font-size: 0.64rem;
    line-height: 0.78rem;
}

.pos-screen.app-phone .bill-service-copy small[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-phone .work-session-strip[b-3bp2fq8t4e] {
    grid-template-columns: minmax(0, 1fr);
    padding: 0.5rem;
}

.pos-screen.app-phone .work-session-title[b-3bp2fq8t4e] {
    min-width: 0;
}

.pos-screen.app-phone .work-session-title small[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-phone .work-session-chip[b-3bp2fq8t4e] {
    min-width: 150px;
    max-width: 190px;
}

.pos-screen.app-phone .service-context-card[b-3bp2fq8t4e] {
    min-height: 42px;
    grid-template-columns: 28px minmax(0, 1fr);
    padding: 0.38rem 0.5rem;
    border-radius: 12px;
}

.pos-screen.app-phone .service-context-icon[b-3bp2fq8t4e] {
    width: 28px;
    height: 28px;
    border-radius: 10px;
}

.pos-screen.app-phone .service-context-card strong[b-3bp2fq8t4e] {
    font-size: 0.7rem;
}

.pos-screen.app-phone .service-context-card small[b-3bp2fq8t4e] {
    font-size: 0.6rem;
}

.pos-screen.app-phone .bill-detail-tabs[b-3bp2fq8t4e] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.35rem;
}

.pos-screen.app-phone .bill-detail-tab[b-3bp2fq8t4e] {
    min-height: 38px;
    font-size: 0.7rem;
    padding-inline: 0.2rem;
    gap: 0.22rem;
}

.pos-screen.app-phone .bill-detail-tab .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 0.92rem !important;
}

.pos-screen.app-phone .bill-items[b-3bp2fq8t4e] {
    overflow: visible;
    padding: 0.35rem 0 0;
}

.pos-screen.app-phone .empty-bill[b-3bp2fq8t4e] {
    min-height: 180px;
    padding: 1.2rem 1rem;
}

.pos-screen.app-phone .empty-bill .mud-typography-h6[b-3bp2fq8t4e] {
    font-size: 1.05rem;
}

.pos-screen.app-phone .bill-ticket-head[b-3bp2fq8t4e] {
    position: static;
    grid-template-columns: minmax(0, 1fr) 72px 88px;
    margin-inline: 0.6rem;
}

.pos-screen.app-phone .bill-line[b-3bp2fq8t4e] {
    grid-template-columns: 20px minmax(0, 1fr) auto auto;
    grid-template-areas:
        "index main price remove"
        ". main qty qty";
    align-items: center;
    gap: 0.22rem 0.4rem;
    padding: 0.42rem 0.5rem;
    margin-inline: 0.6rem;
    margin-bottom: 0.32rem;
    border-radius: 12px;
}

.pos-screen.app-phone .bill-line-index[b-3bp2fq8t4e] {
    grid-area: index;
    width: 20px;
    height: 20px;
    border-radius: 7px;
    font-size: 0.64rem;
}

.pos-screen.app-phone .remove-line[b-3bp2fq8t4e] {
    grid-area: remove;
    justify-self: end;
    width: 26px;
    height: 26px;
    margin-top: 0;
    background: rgba(239, 68, 68, 0.08);
    color: #dc2626;
}

.pos-screen.app-phone .remove-line .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 1rem !important;
}

.pos-screen.app-phone .bill-line-main[b-3bp2fq8t4e] {
    grid-area: main;
}

.pos-screen.app-phone .bill-line-head[b-3bp2fq8t4e] {
    flex-direction: row;
    align-items: center;
    gap: 0.22rem;
}

.pos-screen.app-phone .bill-line-name[b-3bp2fq8t4e] {
    font-size: 0.74rem;
    line-height: 0.86rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pos-screen.app-phone .bill-line-sub[b-3bp2fq8t4e] {
    font-size: 0.58rem;
    line-height: 0.72rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pos-screen.app-phone .bill-line-link[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-phone .bill-line-qty-stack[b-3bp2fq8t4e] {
    grid-area: qty;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0;
}

.pos-screen.app-phone .bill-line-qty[b-3bp2fq8t4e] {
    min-height: 26px;
    border-radius: 999px;
    gap: 0.08rem;
}

.pos-screen.app-phone .bill-line-qty .mud-icon-button-root[b-3bp2fq8t4e] {
    width: 26px;
    height: 26px;
    padding: 0;
}

.pos-screen.app-phone .bill-line-qty .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 0.92rem !important;
}

.pos-screen.app-phone .qty-value-button[b-3bp2fq8t4e] {
    min-width: 28px;
    height: 22px;
    font-size: 0.72rem;
}

.pos-screen.app-phone .qty-presets[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-phone .bill-line-price[b-3bp2fq8t4e] {
    grid-area: price;
    justify-self: end;
    align-items: flex-end;
    text-align: right;
    padding-top: 0;
    border-top: none;
    font-size: 0.74rem;
}

.pos-screen.app-phone .bill-line-unit[b-3bp2fq8t4e],
.pos-screen.app-phone .bill-line-tag[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-phone .payment-strip[b-3bp2fq8t4e] {
    padding: 0.55rem 0.7rem 0.75rem !important;
}

.pos-screen.app-phone .checkout-payment-modes[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-phone .mobile-payment-modes[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.35rem;
}

.pos-screen.app-phone .payment-mode-pill[b-3bp2fq8t4e] {
    min-height: 38px;
    padding: 0 0.22rem;
    border-radius: 13px;
    font-size: 0.62rem;
    gap: 0.12rem;
}

.pos-screen.app-phone .payment-mode-pill .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 0.92rem !important;
}

.pos-screen.app-phone .quick-actions[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.42rem;
}

.pos-screen.app-phone .quick-kot-slot[b-3bp2fq8t4e] {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.42rem;
    margin-left: 0;
}

.pos-screen.app-phone .quick-kot-message[b-3bp2fq8t4e] {
    min-width: 0;
    padding-block: 0.36rem;
}

.pos-screen.app-phone .quick-actions .mud-button-root:first-child[b-3bp2fq8t4e] {
    grid-column: auto;
}

.pos-screen.app-phone .quick-actions .mud-button-root[b-3bp2fq8t4e] {
    width: 100%;
    min-height: 38px;
    border-radius: 13px;
    font-size: 0.74rem;
    padding-inline: 0.45rem;
}

.pos-screen.app-phone .quick-actions .mud-checkbox[b-3bp2fq8t4e] {
    grid-column: 1 / -1;
}

.pos-screen.app-phone .payment-panel-card[b-3bp2fq8t4e] {
    padding: 0.85rem;
}

.pos-screen.app-phone .tender-shortcuts[b-3bp2fq8t4e] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pos-screen.app-phone .payment-method-row[b-3bp2fq8t4e] {
    flex-direction: column;
    gap: 0.45rem;
}

.pos-screen.app-phone .bill-summary[b-3bp2fq8t4e] {
    padding: 0.8rem 0.9rem;
}

.pos-screen.app-phone .settlement-strip[b-3bp2fq8t4e] {
    grid-template-columns: 1fr;
    gap: 0.55rem;
}

.pos-screen.app-phone .grand-total-strip[b-3bp2fq8t4e] {
    align-items: stretch;
    gap: 0.52rem;
}

.pos-screen.app-phone .bill-action-bar[b-3bp2fq8t4e] {
    margin-top: 0.35rem;
    padding-top: 0.5rem;
}

.pos-screen.app-phone .bill-action-item.charge[b-3bp2fq8t4e] {
    order: -1;
}

.pos-screen.app-phone .mobile-checkout-dock[b-3bp2fq8t4e] {
    position: sticky;
    bottom: 0;
    z-index: 7;
    display: flex;
    flex-direction: column;
    gap: 0.42rem;
    margin: 0.05rem -0.15rem 0;
    padding: 0.56rem 0.72rem calc(0.68rem + env(safe-area-inset-bottom));
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background:
        linear-gradient(180deg, rgba(240, 253, 250, 0.55), rgba(255, 255, 255, 0.98) 32%);
    backdrop-filter: blur(14px);
}

.pos-screen.app-phone .mobile-checkout-summary[b-3bp2fq8t4e] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.7rem;
    padding: 0.62rem 0.72rem;
    border-radius: 15px;
    background:
        linear-gradient(135deg, rgba(20, 83, 45, 0.14), rgba(15, 118, 110, 0.08)),
        linear-gradient(180deg, #ffffff, #f8fbfd);
    border: 1px solid rgba(15, 118, 110, 0.13);
}

.pos-screen.app-phone .mobile-checkout-summary span[b-3bp2fq8t4e] {
    display: block;
    color: #64748b;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pos-screen.app-phone .mobile-checkout-summary strong[b-3bp2fq8t4e] {
    display: block;
    margin-top: 0.12rem;
    color: #0f172a;
    font-size: 1.26rem;
    line-height: 1.26rem;
}

.pos-screen.app-phone .mobile-checkout-summary small[b-3bp2fq8t4e] {
    color: #0f766e;
    font-size: 0.72rem;
    font-weight: 800;
    text-align: right;
}

.pos-screen.app-phone .mobile-checkout-charge[b-3bp2fq8t4e] {
    min-height: 48px;
    border-radius: 15px;
    font-size: 0.92rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    box-shadow: 0 12px 22px rgba(15, 118, 110, 0.19);
}

.pos-screen.app-phone .mobile-checkout-secondary[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.38rem;
}

.pos-screen.app-phone .mobile-checkout-secondary .mud-button-root[b-3bp2fq8t4e] {
    min-height: 38px;
    border-radius: 13px;
    font-size: 0.72rem;
    padding-inline: 0.42rem;
}

.pos-screen.app-phone .bill-action-button.charge[b-3bp2fq8t4e] {
    min-height: 54px;
    border-radius: 16px;
    box-shadow: 0 14px 24px rgba(15, 118, 110, 0.18);
}

.pos-screen.app-phone .bill-action-button.preview[b-3bp2fq8t4e],
.pos-screen.app-phone .bill-action-button.save[b-3bp2fq8t4e],
.pos-screen.app-phone .bill-action-button.print[b-3bp2fq8t4e] {
    min-height: 44px;
    border-radius: 14px;
}

.pos-screen.app-phone .bill-action-bar .mud-grid-root[b-3bp2fq8t4e] {
    row-gap: 0.5rem;
}

.pos-screen.app-phone .bill-action-bar[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-phone .bill-action-bar .mud-grid-item:last-child[b-3bp2fq8t4e] {
    width: 100%;
}

.pos-screen.app-phone .bill-action-bar .mud-grid-item[b-3bp2fq8t4e] {
    padding-top: 0.25rem;
}

.pos-screen.app-phone .recent-invoices-card[b-3bp2fq8t4e] {
    padding: 1rem 0.9rem;
    border-radius: 18px;
}

.pos-screen.app-phone .recent-invoices-head[b-3bp2fq8t4e] {
    flex-direction: column;
    align-items: flex-start;
}

.pos-screen.app-phone .recent-invoice-row[b-3bp2fq8t4e] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.55rem;
}

.pos-screen.app-phone .recent-invoice-main small[b-3bp2fq8t4e] {
    white-space: normal;
    line-height: 1rem;
}

.pos-screen.app-phone .recent-invoice-side[b-3bp2fq8t4e] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    align-items: center;
    gap: 0.45rem;
}

.pos-screen.app-phone .recent-invoice-side span[b-3bp2fq8t4e] {
    font-size: 1rem;
}

.pos-screen.app-phone .recent-invoice-side .mud-chip[b-3bp2fq8t4e] {
    justify-self: start;
}

.pos-screen.app-phone .recent-invoice-side .mud-icon-button-root[b-3bp2fq8t4e] {
    justify-self: end;
}

.pos-screen.app-tablet .pos-order-header[b-3bp2fq8t4e] {
    padding: 0.35rem 0.6rem;
    margin: 0 0.6rem;
}

.pos-screen.app-tablet .order-header-main[b-3bp2fq8t4e] {
    min-height: 24px;
    gap: 0.4rem;
}

.pos-screen.app-tablet .order-title-block strong[b-3bp2fq8t4e] {
    font-size: 0.98rem;
    line-height: 1rem;
}

.pos-screen.app-tablet .order-title-block small[b-3bp2fq8t4e] {
    font-size: 0.62rem;
}

.pos-screen.app-tablet .order-mode-strip .mud-chip[b-3bp2fq8t4e] {
    min-height: 24px;
    font-size: 0.66rem;
}

.pos-screen.app-tablet .category-rail[b-3bp2fq8t4e] {
    padding: 0.4rem;
}

.pos-screen.app-tablet .category-row[b-3bp2fq8t4e] {
    grid-template-columns: 30px minmax(0, 1fr);
    min-height: 40px;
    padding: 0.35rem 0.42rem;
    gap: 0.45rem;
}

.pos-screen.app-tablet .category-row.sub[b-3bp2fq8t4e] {
    margin-left: 0;
    width: 100%;
    grid-template-columns: 30px minmax(0, 1fr);
    min-height: 34px;
}

.pos-screen.app-tablet .category-label[b-3bp2fq8t4e] {
    min-width: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    font-size: 0.76rem;
    line-height: 0.9rem;
}

.pos-screen.app-tablet .category-count[b-3bp2fq8t4e] {
    grid-column: 2;
    justify-self: start;
    min-width: 28px;
    height: 18px;
    margin-top: -0.12rem;
    font-size: 0.62rem;
}

.pos-screen.app-tablet .category-icon[b-3bp2fq8t4e] {
    width: 30px;
    height: 30px;
    grid-row: span 2;
}

.pos-screen.app-tablet .catalog-panel[b-3bp2fq8t4e] {
    position: relative;
}

.pos-screen.app-tablet .catalog-sticky-tools[b-3bp2fq8t4e] {
    position: sticky;
    top: 0.2rem;
    z-index: 4;
    margin: -0.25rem -0.25rem 0;
    padding: 0.1rem 0.1rem 0.28rem;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.94));
}

.pos-screen.app-tablet .catalog-mobile-entry[b-3bp2fq8t4e] {
    gap: 0;
}

.pos-screen.app-tablet .catalog-mobile-entry-row[b-3bp2fq8t4e] {
    grid-template-columns: minmax(0, 1fr) 34px auto auto 34px;
    gap: 0.3rem;
    align-items: center;
}

.pos-screen.app-tablet .quick-items-toggle.mud-button-root[b-3bp2fq8t4e] {
    min-height: 42px;
    padding-inline: 0.7rem;
}

.pos-screen.app-tablet .catalog-mobile-entry .pos-input.compact .mud-input-slot[b-3bp2fq8t4e] {
    min-height: 42px;
}

.pos-screen.app-tablet .catalog-mobile-entry .pos-input.compact input[b-3bp2fq8t4e] {
    font-size: 0.9rem;
}

.pos-screen.app-tablet .catalog-mobile-scan-button[b-3bp2fq8t4e],
.pos-screen.app-tablet .catalog-refresh-icon[b-3bp2fq8t4e] {
    width: 34px;
    height: 42px;
    min-width: 34px;
    min-height: 42px;
    border-radius: 999px;
    padding: 0;
    border: 0;
    background: transparent !important;
    color: #0f766e !important;
    box-shadow: none;
}

.pos-screen.app-tablet .catalog-mobile-scan-button .mud-icon-root[b-3bp2fq8t4e],
.pos-screen.app-tablet .catalog-refresh-icon .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 1.32rem !important;
}

.pos-screen.app-tablet .product-grid[b-3bp2fq8t4e] {
    grid-template-columns: repeat(auto-fill, minmax(136px, 154px));
    justify-content: start;
    gap: 0.34rem;
}

.pos-screen.app-tablet .product-grid.product-grid-buttons[b-3bp2fq8t4e] {
    grid-template-columns: repeat(auto-fill, minmax(172px, 1fr));
    gap: 0.26rem;
}

.pos-screen.app-tablet .product-button-tile[b-3bp2fq8t4e] {
    min-height: 56px;
}

.pos-screen.app-tablet .product-button-name[b-3bp2fq8t4e] {
    font-size: 0.74rem;
}

.pos-screen.app-tablet .product-tile[b-3bp2fq8t4e] {
    grid-template-rows: 32px 22px 26px;
    height: 94px;
    min-height: 94px;
    max-height: 94px;
    padding: 0.4rem 0.42rem 0.36rem 0.58rem;
    border-radius: 4px;
}

.pos-screen.app-tablet .product-identity[b-3bp2fq8t4e] {
    display: block;
}

.pos-screen.app-tablet .product-thumb[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-tablet .product-name[b-3bp2fq8t4e] {
    font-size: 0.72rem;
    line-height: 0.86rem;
    min-height: 1.72rem;
}

.pos-screen.app-tablet .product-price[b-3bp2fq8t4e] {
    font-size: 0.98rem;
}

.pos-screen.app-tablet .product-category[b-3bp2fq8t4e],
.pos-screen.app-tablet .product-stock[b-3bp2fq8t4e] {
    min-height: 15px;
    font-size: 0.48rem;
    padding: 0;
}

.pos-screen.app-tablet .product-stock[b-3bp2fq8t4e] {
    padding: 0 0.25rem;
}

.pos-screen.app-tablet .product-cart-badge[b-3bp2fq8t4e] {
    min-width: 20px;
    height: 18px;
    font-size: 0.54rem;
}

.pos-screen.app-tablet .product-barcode[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-tablet .bill-panel[b-3bp2fq8t4e] {
    position: sticky;
    top: 0.2rem;
    height: calc(100vh - 8.6rem);
}

.pos-screen.app-tablet .tablet-checkout-strip[b-3bp2fq8t4e] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    padding: 0.75rem 0.8rem;
    border-top: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(180deg, rgba(238,242,247,0.65), rgba(255,255,255,0.98) 26%);
    backdrop-filter: blur(12px);
}

.pos-screen.app-tablet .tablet-checkout-summary[b-3bp2fq8t4e] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    min-width: 0;
}

.pos-screen.app-tablet .tablet-checkout-summary span[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pos-screen.app-tablet .tablet-checkout-summary strong[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 1.18rem;
    line-height: 1.2rem;
}

.pos-screen.app-tablet .tablet-checkout-summary small[b-3bp2fq8t4e] {
    color: #0f766e;
    font-size: 0.72rem;
    font-weight: 800;
}

.pos-screen.app-tablet .tablet-checkout-actions[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 0.5rem;
    align-items: center;
}

.pos-screen.app-tablet .tablet-checkout-actions .mud-button-root[b-3bp2fq8t4e] {
    min-height: 42px;
    border-radius: 14px;
    padding-inline: 0.9rem;
}

.pos-screen.app-tablet .tablet-checkout-actions .mud-button-root:last-child[b-3bp2fq8t4e] {
    min-width: 126px;
    box-shadow: 0 12px 22px rgba(15, 118, 110, 0.18);
}

.pos-screen.app-tablet .bill-action-bar[b-3bp2fq8t4e] {
    display: none;
}

.pos-screen.app-tablet .recent-invoices-card[b-3bp2fq8t4e] {
    margin-top: 0.2rem;
}

@media (max-width: 1200px) {
    .pos-screen:not(.app-tablet) .pos-workspace[b-3bp2fq8t4e] {
        grid-template-columns: minmax(64px, var(--pos-category-width, 140px)) 8px minmax(0, 1fr);
    }

    .pos-screen:not(.app-tablet) .bill-resizer[b-3bp2fq8t4e] {
        display: none;
    }

    .pos-screen:not(.app-tablet) .bill-panel[b-3bp2fq8t4e] {
        grid-column: 1 / -1;
        height: auto;
        min-height: 60vh;
    }
}

@media (min-width: 981px) and (max-width: 1280px) {
    .pos-screen.app-tablet[b-3bp2fq8t4e] {
        min-height: calc(100dvh - 3.8rem);
    }

    .pos-screen.app-tablet .pos-workspace[b-3bp2fq8t4e] {
        grid-template-columns: minmax(150px, var(--pos-category-width, 174px)) 8px minmax(300px, 1fr) 8px minmax(350px, var(--pos-bill-width, 460px));
        gap: 0.65rem;
        align-items: stretch;
    }

    .pos-screen.app-tablet .category-rail[b-3bp2fq8t4e] {
        position: sticky;
        top: 0.2rem;
        align-self: start;
    }

    .pos-screen.app-tablet .bill-panel[b-3bp2fq8t4e] {
        grid-column: auto;
        position: sticky;
        top: 0.2rem;
        height: calc(100dvh - 8.1rem);
        min-height: 0;
    }

    .pos-screen.app-tablet .bill-line[b-3bp2fq8t4e] {
        margin-inline: 0.65rem;
        padding: 0.46rem 0.55rem;
    }

    .pos-screen.app-tablet .payment-mode-pill span[b-3bp2fq8t4e] {
        display: none;
    }
}

@media (min-width: 801px) and (max-width: 980px) {
    .pos-screen.app-tablet .pos-workspace[b-3bp2fq8t4e] {
        grid-template-columns: minmax(64px, var(--pos-category-width, 164px)) 8px minmax(0, 1fr);
        gap: 0.6rem;
    }

    .pos-screen.app-tablet .bill-resizer[b-3bp2fq8t4e] {
        display: none;
    }

    .pos-screen.app-tablet .bill-panel[b-3bp2fq8t4e] {
        grid-column: 1 / -1;
        position: static;
        height: auto;
        min-height: 52dvh;
    }

    .pos-screen.app-tablet .product-grid[b-3bp2fq8t4e] {
        grid-template-columns: repeat(auto-fill, minmax(128px, 146px));
        justify-content: start;
    }

    .pos-screen.app-tablet .bill-panel-body[b-3bp2fq8t4e] {
        overflow: visible;
    }
}

@media (max-width: 800px) {
    .pos-workspace[b-3bp2fq8t4e] {
        display: flex;
        flex-direction: column;
    }

    .pos-resizer[b-3bp2fq8t4e] {
        display: none;
    }

    .order-header-main[b-3bp2fq8t4e] {
        align-items: flex-start;
        flex-direction: column;
    }

    .order-mode-strip[b-3bp2fq8t4e] {
        justify-content: flex-start;
    }

    .bill-quick-strip[b-3bp2fq8t4e] {
        flex-direction: column;
    }

    .tender-shortcuts[b-3bp2fq8t4e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .settlement-strip[b-3bp2fq8t4e] {
        grid-template-columns: 1fr;
    }

    .category-rail[b-3bp2fq8t4e] {
        position: static;
    }

    .bill-line[b-3bp2fq8t4e] {
        grid-template-columns: 30px 30px minmax(0, 1fr);
    }

    .bill-line-qty-stack[b-3bp2fq8t4e],
    .bill-line-price[b-3bp2fq8t4e] {
        grid-column: 3;
    }

    .bill-ticket-head[b-3bp2fq8t4e] {
        grid-template-columns: minmax(0, 1fr) 84px 96px;
    }

    .bill-stamp-row[b-3bp2fq8t4e],
    .bill-line-head[b-3bp2fq8t4e] {
        flex-direction: column;
        align-items: flex-start;
    }

    .recent-invoices-head[b-3bp2fq8t4e],
    .recent-invoice-row[b-3bp2fq8t4e],
    .recent-invoice-side[b-3bp2fq8t4e] {
        align-items: stretch;
        flex-direction: column;
    }

    .recent-invoice-side[b-3bp2fq8t4e] {
        gap: 0.35rem;
    }

    .bill-line-price[b-3bp2fq8t4e] {
        text-align: left;
    }

    .product-grid[b-3bp2fq8t4e] {
        grid-template-columns: repeat(auto-fill, minmax(136px, 154px));
    }
}

.pos-screen:not(.app-tablet) .pos-workspace.category-collapsed[b-3bp2fq8t4e] {
    grid-template-columns: 64px 8px minmax(0, 1fr) 8px minmax(470px, var(--pos-bill-width, 580px));
}

@media (max-width: 1200px) {
    .pos-screen:not(.app-tablet) .pos-workspace.category-collapsed[b-3bp2fq8t4e] {
        grid-template-columns: 64px 8px minmax(0, 1fr);
    }
}

@media (min-width: 981px) and (max-width: 1280px) {
    .pos-screen.app-tablet .pos-workspace.category-collapsed[b-3bp2fq8t4e] {
        grid-template-columns: 64px 8px minmax(300px, 1fr) 8px minmax(350px, var(--pos-bill-width, 460px));
    }
}

@media (min-width: 801px) and (max-width: 980px) {
    .pos-screen.app-tablet .pos-workspace.category-collapsed[b-3bp2fq8t4e] {
        grid-template-columns: 64px 8px minmax(0, 1fr);
    }
}

.pos-screen.app-tablet .category-rail.collapsed .category-row[b-3bp2fq8t4e],
.pos-screen.app-phone .category-rail.collapsed .category-row[b-3bp2fq8t4e],
.pos-screen.app-phone .category-rail.collapsed .category-row.sub[b-3bp2fq8t4e] {
    width: 42px;
    min-width: 42px;
    min-height: 42px;
    grid-template-columns: 1fr;
    padding: 0.28rem;
}

.pos-screen.app-tablet .category-rail.collapsed .category-icon[b-3bp2fq8t4e],
.pos-screen.app-phone .category-rail.collapsed .category-icon[b-3bp2fq8t4e] {
    display: inline-flex;
}

.pos-screen.app-phone .category-rail.collapsed[b-3bp2fq8t4e] {
    padding: 0.34rem;
}

.pos-screen.app-phone .category-rail.collapsed .category-list[b-3bp2fq8t4e] {
    flex-direction: row;
    gap: 0.32rem;
    overflow-x: auto;
}

.pos-screen.app-phone .category-rail.collapsed .category-row.sub[b-3bp2fq8t4e],
.pos-screen.app-phone .category-rail.collapsed .subcategory-strip[b-3bp2fq8t4e] {
    display: none;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen.app-phone .category-row[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-phone .category-row[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .pos-screen.app-phone .category-row.sub[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-phone .category-row.sub[b-3bp2fq8t4e] {
    background: rgba(15, 23, 42, 0.92);
    border-color: rgba(148, 163, 184, 0.18);
    color: #e5edf7;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen.app-phone .category-row.active[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-phone .category-row.active[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .pos-screen.app-phone .category-row.sub.active[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-phone .category-row.sub.active[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, #0f766e, #0b5d56);
    color: #fff;
}

html.pos-dark-theme body.pos-dark-theme .pos-screen.app-phone .subcategory-chip[b-3bp2fq8t4e],
.dark-theme .pos-screen.app-phone .subcategory-chip[b-3bp2fq8t4e] {
    background: rgba(15, 23, 42, 0.92);
    border-color: rgba(148, 163, 184, 0.18);
    color: #e5edf7;
}

html.pos-dark-theme body.pos-dark-theme .pos-table-workspace-head[b-3bp2fq8t4e],
.dark-theme .pos-table-workspace-head[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .pos-table-area[b-3bp2fq8t4e],
.dark-theme .pos-table-area[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .pos-table-outlet-strip[b-3bp2fq8t4e],
.dark-theme .pos-table-outlet-strip[b-3bp2fq8t4e] {
    background:
        linear-gradient(135deg, rgba(15, 23, 42, 0.95), rgba(17, 24, 39, 0.92)),
        radial-gradient(circle at right bottom, rgba(20, 184, 166, 0.16), transparent 34%);
    border-color: rgba(45, 212, 191, 0.18);
}

html.pos-dark-theme body.pos-dark-theme .pos-table-filter[b-3bp2fq8t4e],
.dark-theme .pos-table-filter[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .pos-table-card[b-3bp2fq8t4e],
.dark-theme .pos-table-card[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .pos-table-service-card[b-3bp2fq8t4e],
.dark-theme .pos-table-service-card[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .pos-table-outlet-card[b-3bp2fq8t4e],
.dark-theme .pos-table-outlet-card[b-3bp2fq8t4e] {
    background: rgba(15, 23, 42, 0.92);
    border-color: rgba(148, 163, 184, 0.2);
    color: #e5edf7;
}

html.pos-dark-theme body.pos-dark-theme .pos-table-outlet-strip-head strong[b-3bp2fq8t4e],
.dark-theme .pos-table-outlet-strip-head strong[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .pos-table-outlet-meta small[b-3bp2fq8t4e],
.dark-theme .pos-table-outlet-meta small[b-3bp2fq8t4e] {
    color: #cbd5e1;
}

html.pos-dark-theme body.pos-dark-theme .pos-table-outlet-card.selected[b-3bp2fq8t4e],
.dark-theme .pos-table-outlet-card.selected[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, #0f766e, #064e3b);
}

html.pos-dark-theme body.pos-dark-theme .pos-table-default-button[b-3bp2fq8t4e],
.dark-theme .pos-table-default-button[b-3bp2fq8t4e] {
    background: rgba(15, 23, 42, 0.9);
    border-color: rgba(94, 234, 212, 0.28);
    color: #5eead4;
}

html.pos-dark-theme body.pos-dark-theme .pos-table-service-section[b-3bp2fq8t4e],
.dark-theme .pos-table-service-section[b-3bp2fq8t4e] {
    border-color: rgba(45, 212, 191, 0.18);
}

html.pos-dark-theme body.pos-dark-theme .pos-table-service-section-quick[b-3bp2fq8t4e],
.dark-theme .pos-table-service-section-quick[b-3bp2fq8t4e] {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(17, 24, 39, 0.86));
    border-color: rgba(45, 212, 191, 0.18);
    box-shadow: none;
}

html.pos-dark-theme body.pos-dark-theme .pos-table-section-head[b-3bp2fq8t4e],
.dark-theme .pos-table-section-head[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .pos-table-section-head .mud-icon-root[b-3bp2fq8t4e],
.dark-theme .pos-table-section-head .mud-icon-root[b-3bp2fq8t4e] {
    color: #e5edf7;
}

html.pos-dark-theme body.pos-dark-theme .pos-table-section-head b[b-3bp2fq8t4e],
.dark-theme .pos-table-section-head b[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .service-card-icon[b-3bp2fq8t4e],
.dark-theme .service-card-icon[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .service-card-meta span[b-3bp2fq8t4e],
.dark-theme .service-card-meta span[b-3bp2fq8t4e] {
    background: rgba(45, 212, 191, 0.12);
    color: #5eead4;
}

html.pos-dark-theme body.pos-dark-theme .service-card-mode[b-3bp2fq8t4e],
.dark-theme .service-card-mode[b-3bp2fq8t4e] {
    color: #5eead4;
}

html.pos-dark-theme body.pos-dark-theme .pos-table-service-card small[b-3bp2fq8t4e],
.dark-theme .pos-table-service-card small[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .service-card-age[b-3bp2fq8t4e],
.dark-theme .service-card-age[b-3bp2fq8t4e] {
    color: #cbd5e1;
}

html.pos-dark-theme body.pos-dark-theme .pos-table-card.running[b-3bp2fq8t4e],
.dark-theme .pos-table-card.running[b-3bp2fq8t4e] {
    background: linear-gradient(145deg, rgba(8, 47, 73, 0.95), rgba(14, 116, 144, 0.45));
}

html.pos-dark-theme body.pos-dark-theme .pos-table-card.runningkot[b-3bp2fq8t4e],
.dark-theme .pos-table-card.runningkot[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .pos-table-card.qr-order[b-3bp2fq8t4e],
.dark-theme .pos-table-card.qr-order[b-3bp2fq8t4e] {
    background: linear-gradient(145deg, rgba(69, 26, 3, 0.96), rgba(146, 64, 14, 0.42));
}

html.pos-dark-theme body.pos-dark-theme .pos-table-card.printed[b-3bp2fq8t4e],
.dark-theme .pos-table-card.printed[b-3bp2fq8t4e] {
    background: linear-gradient(145deg, rgba(5, 46, 22, 0.95), rgba(22, 101, 52, 0.48));
}

html.pos-dark-theme body.pos-dark-theme .pos-table-card.paid[b-3bp2fq8t4e],
.dark-theme .pos-table-card.paid[b-3bp2fq8t4e] {
    background: linear-gradient(145deg, rgba(67, 20, 7, 0.95), rgba(194, 65, 12, 0.4));
}

html.pos-dark-theme body.pos-dark-theme .pos-table-status[b-3bp2fq8t4e],
.dark-theme .pos-table-status[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .pos-table-card .mud-icon-root[b-3bp2fq8t4e],
.dark-theme .pos-table-card .mud-icon-root[b-3bp2fq8t4e] {
    color: #e5edf7;
}

html.pos-dark-theme body.pos-dark-theme .pos-table-card small[b-3bp2fq8t4e],
.dark-theme .pos-table-card small[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .pos-table-meta span[b-3bp2fq8t4e],
.dark-theme .pos-table-meta span[b-3bp2fq8t4e] {
    color: #cbd5e1;
}

html.pos-dark-theme body.pos-dark-theme .pos-table-meta span[b-3bp2fq8t4e],
.dark-theme .pos-table-meta span[b-3bp2fq8t4e] {
    background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 800px) {
    .pos-table-workspace-head[b-3bp2fq8t4e],
    .pos-table-footer[b-3bp2fq8t4e] {
        align-items: stretch;
        flex-direction: column;
    }

    .pos-table-toolbar[b-3bp2fq8t4e] {
        grid-template-columns: 1fr;
    }

    .pos-table-search[b-3bp2fq8t4e] {
        max-width: none;
    }

    .pos-table-filters[b-3bp2fq8t4e],
    .pos-table-workspace-actions[b-3bp2fq8t4e] {
        justify-content: flex-start;
    }

    .pos-table-outlet-strip-head[b-3bp2fq8t4e] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pos-table-outlet-card[b-3bp2fq8t4e] {
        width: min(100%, 240px);
    }

    .pos-table-grid[b-3bp2fq8t4e] {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }

    .pos-table-service-grid[b-3bp2fq8t4e] {
        grid-template-columns: repeat(auto-fill, minmax(152px, 1fr));
    }

    .pos-table-service-card[b-3bp2fq8t4e] {
        min-height: 112px;
    }
}

/* Retail checkout deliberately has no restaurant service/table/KOT chrome. */
.retail-pos .catalog-panel[b-3bp2fq8t4e] {
    border: 1px solid rgba(13, 148, 136, 0.16);
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfa 100%);
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
}

.retail-pos .bill-panel[b-3bp2fq8t4e] {
    border: 1px solid rgba(13, 148, 136, 0.18);
    background: #fff;
    box-shadow: -10px 18px 42px rgba(15, 23, 42, 0.1);
}

.retail-sale-context[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.72rem 0.8rem;
    border: 1px solid rgba(13, 148, 136, 0.2);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(236, 253, 245, 0.96), rgba(240, 253, 250, 0.72));
}

.retail-sale-context-icon[b-3bp2fq8t4e] {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, #065f46, #0f766e);
    box-shadow: 0 8px 20px rgba(6, 95, 70, 0.2);
}

.retail-sale-context div[b-3bp2fq8t4e] {
    display: grid;
    min-width: 0;
    gap: 0.12rem;
}

.retail-sale-context strong[b-3bp2fq8t4e] {
    color: #0f172a;
    font-size: 0.9rem;
}

.retail-sale-context small[b-3bp2fq8t4e] {
    color: #64748b;
    font-size: 0.7rem;
    line-height: 1.3;
}

.retail-pos .product-card[b-3bp2fq8t4e] {
    transition: transform 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
}

.retail-pos .product-card:hover[b-3bp2fq8t4e] {
    transform: translateY(-2px);
    border-color: rgba(13, 148, 136, 0.38);
    box-shadow: 0 12px 26px rgba(15, 118, 110, 0.12);
}

@media (max-width: 800px) {
    .retail-sale-context[b-3bp2fq8t4e] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .retail-sale-context .mud-button-root[b-3bp2fq8t4e] {
        grid-column: 1 / -1;
    }
}

/* Counter order cards follow the compact product-button tile style. */
.pos-table-service-section-quick .pos-table-service-grid[b-3bp2fq8t4e],
.pos-table-service-grid[b-3bp2fq8t4e] {
    grid-template-columns: repeat(auto-fill, minmax(118px, 148px));
    gap: 0.44rem;
}

.pos-table-service-section-quick .pos-table-service-grid.view-compact[b-3bp2fq8t4e],
.pos-table-service-grid.view-compact[b-3bp2fq8t4e] {
    grid-template-columns: repeat(auto-fill, minmax(108px, 136px));
}

.pos-table-service-section-quick .pos-table-service-card[b-3bp2fq8t4e],
.pos-table-service-grid.view-compact .pos-table-service-card[b-3bp2fq8t4e],
.pos-table-service-card[b-3bp2fq8t4e] {
    display: grid;
    grid-template-columns: 1fr;
    align-content: center;
    justify-items: center;
    min-height: 58px;
    padding: 0.42rem 1.35rem 0.42rem 0.58rem;
    border: 1px solid rgba(15, 118, 110, 0.14);
    border-left: 4px solid #22c55e;
    border-radius: 8px;
    background: linear-gradient(180deg, #f8fffd, #f4fbf8);
    color: #0f172a;
    text-align: center;
    box-shadow: 0 5px 12px rgba(15, 23, 42, 0.06);
}

.pos-table-service-card:hover[b-3bp2fq8t4e] {
    transform: translateY(-1px);
    border-color: rgba(15, 118, 110, 0.24);
    border-left-color: #10b981;
    box-shadow: 0 8px 16px rgba(15, 118, 110, 0.12);
}

.pos-table-service-card.selected[b-3bp2fq8t4e] {
    color: #0f172a;
    border-color: rgba(15, 118, 110, 0.28);
    border-left-color: #0f766e;
    background: linear-gradient(180deg, #e8fff8, #f7fffc);
    box-shadow: 0 9px 20px rgba(15, 118, 110, 0.16);
}

.pos-table-service-card strong[b-3bp2fq8t4e] {
    min-width: 0;
    max-width: 100%;
    padding: 0;
    color: inherit;
    font-size: 0.78rem;
    font-weight: 950;
    line-height: 1.12;
    overflow-wrap: anywhere;
    white-space: normal;
}

.pos-table-service-card .service-card-mode[b-3bp2fq8t4e],
.pos-table-service-card.selected .service-card-mode[b-3bp2fq8t4e] {
    margin-top: 0.08rem;
    color: #0f766e;
    font-size: 0.56rem;
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none;
}

.service-card-cancel[b-3bp2fq8t4e],
.pos-table-service-grid.view-compact .service-card-cancel[b-3bp2fq8t4e] {
    top: 0.22rem;
    right: 0.22rem;
    width: 18px;
    height: 18px;
    border-color: rgba(15, 118, 110, 0.16);
    background: rgba(255, 255, 255, 0.72);
    color: #64748b;
    box-shadow: none;
}

.service-card-cancel:hover[b-3bp2fq8t4e] {
    background: #fee2e2;
    border-color: rgba(239, 68, 68, 0.32);
    color: #dc2626;
}

.service-card-cancel .mud-icon-root[b-3bp2fq8t4e],
.pos-table-service-grid.view-compact .service-card-cancel .mud-icon-root[b-3bp2fq8t4e] {
    font-size: 0.68rem;
}

.pos-table-service-card.selected + .service-card-cancel[b-3bp2fq8t4e] {
    border-color: rgba(15, 118, 110, 0.2);
    background: rgba(255, 255, 255, 0.76);
    color: #64748b;
}

html.pos-dark-theme body.pos-dark-theme .pos-table-service-card[b-3bp2fq8t4e],
.dark-theme .pos-table-service-card[b-3bp2fq8t4e] {
    color: #e5edf7;
    border-color: rgba(45, 212, 191, 0.2);
    border-left-color: #2dd4bf;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(17, 24, 39, 0.9));
    box-shadow: none;
}

html.pos-dark-theme body.pos-dark-theme .pos-table-service-card.selected[b-3bp2fq8t4e],
.dark-theme .pos-table-service-card.selected[b-3bp2fq8t4e] {
    color: #f8fafc;
    border-color: rgba(94, 234, 212, 0.34);
    border-left-color: #5eead4;
    background: linear-gradient(180deg, rgba(19, 78, 74, 0.72), rgba(15, 23, 42, 0.92));
}

html.pos-dark-theme body.pos-dark-theme .pos-table-service-card .service-card-mode[b-3bp2fq8t4e],
.dark-theme .pos-table-service-card .service-card-mode[b-3bp2fq8t4e],
html.pos-dark-theme body.pos-dark-theme .pos-table-service-card.selected .service-card-mode[b-3bp2fq8t4e],
.dark-theme .pos-table-service-card.selected .service-card-mode[b-3bp2fq8t4e] {
    color: #5eead4;
}

@media (max-width: 800px) {
    .pos-table-service-section-quick .pos-table-service-grid[b-3bp2fq8t4e],
    .pos-table-service-grid[b-3bp2fq8t4e] {
        grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
    }

    .pos-table-service-section-quick .pos-table-service-card[b-3bp2fq8t4e],
    .pos-table-service-card[b-3bp2fq8t4e] {
        min-height: 54px;
    }
}
/* _content/POS.Shared/Components/Pages/DashboardPage.razor.rz.scp.css */
.app-dashboard[b-pxvujg2cl9] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
    width: 100%;
    max-width: 1760px;
    min-height: calc(100vh - 6rem);
    margin: 0 auto;
    padding: 1.1rem;
    box-sizing: border-box;
}

.app-dashboard *[b-pxvujg2cl9],
.app-dashboard *[b-pxvujg2cl9]::before,
.app-dashboard *[b-pxvujg2cl9]::after {
    box-sizing: border-box;
}

.dashboard-page-header[b-pxvujg2cl9],
.dashboard-action-bar[b-pxvujg2cl9],
.dashboard-data-card[b-pxvujg2cl9],
.dashboard-metric-card[b-pxvujg2cl9] {
    border: 1px solid rgba(15, 118, 110, 0.14);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.07);
}

.dashboard-page-header[b-pxvujg2cl9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.05rem 1.15rem;
    overflow: hidden;
    position: relative;
    background:
        linear-gradient(135deg, rgba(236, 253, 245, 0.98), rgba(255, 255, 255, 0.96)),
        radial-gradient(circle at right center, rgba(15, 118, 110, 0.16), transparent 34%);
}

.dashboard-page-header[b-pxvujg2cl9]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 7px;
    background: linear-gradient(180deg, #064e3b, #0f766e);
}

.dashboard-title-block[b-pxvujg2cl9] {
    display: flex;
    align-items: center;
    gap: .85rem;
    min-width: 0;
}

.dashboard-title-icon[b-pxvujg2cl9] {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #fff;
    background: linear-gradient(135deg, #064e3b, #0f766e);
    box-shadow: 0 14px 28px rgba(15, 118, 110, 0.22);
}

.dashboard-title-icon .mud-icon-root[b-pxvujg2cl9] {
    font-size: 24px;
}

.dashboard-page-header .mud-typography-overline[b-pxvujg2cl9] {
    color: #0f766e;
    font-weight: 950;
    letter-spacing: .08em;
}

.dashboard-page-header .mud-typography-h5[b-pxvujg2cl9] {
    color: #0f172a;
    font-weight: 950;
    line-height: 1.1;
    font-size: 1.7rem;
}

.dashboard-page-header .mud-typography-body2[b-pxvujg2cl9] {
    color: #64748b;
    font-weight: 700;
}

.dashboard-header-actions[b-pxvujg2cl9],
.dashboard-action-bar[b-pxvujg2cl9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem;
}

.dashboard-health-pill[b-pxvujg2cl9] {
    min-width: 128px;
    padding: .45rem .8rem;
    border: 1px solid rgba(15, 118, 110, 0.18);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    background: #fff;
    color: #0f766e;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06);
}

.dashboard-health-pill span[b-pxvujg2cl9] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.dashboard-health-pill strong[b-pxvujg2cl9] {
    font-size: .95rem;
    font-weight: 950;
}

.dashboard-action-bar[b-pxvujg2cl9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: .75rem;
    background: linear-gradient(135deg, #fff, #f8fffd);
}

.dashboard-header-actions .mud-button-root[b-pxvujg2cl9] {
    min-height: 40px;
    border-radius: 999px;
    font-weight: 900;
}

.dashboard-action-tile[b-pxvujg2cl9] {
    min-height: 58px;
    border: 1px solid rgba(15, 118, 110, 0.18);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    background: #fff;
    color: #064e3b;
    font: inherit;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .02em;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.dashboard-action-tile:hover[b-pxvujg2cl9] {
    border-color: rgba(15, 118, 110, 0.34);
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
}

.dashboard-action-tile.is-primary[b-pxvujg2cl9] {
    border-color: #064e3b;
    background: linear-gradient(135deg, #064e3b, #0f766e);
    color: #fff;
    box-shadow: 0 14px 28px rgba(15, 118, 110, 0.20);
}

.dashboard-action-tile .mud-icon-root[b-pxvujg2cl9] {
    font-size: 21px;
}

.dashboard-kpi-grid[b-pxvujg2cl9] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .75rem;
}

.dashboard-metric-card[b-pxvujg2cl9] {
    min-height: 112px;
    padding: 1rem;
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    overflow: hidden;
    position: relative;
    background: linear-gradient(135deg, #fff, #f8fffd);
}

.dashboard-metric-card[b-pxvujg2cl9]::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 3px;
    background: linear-gradient(90deg, #0f766e, rgba(37, 99, 235, 0.65));
}

.dashboard-metric-icon[b-pxvujg2cl9] {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: linear-gradient(135deg, #ecfdf5, #e0f2fe);
    color: #0f766e;
}

.dashboard-metric-copy[b-pxvujg2cl9] {
    min-width: 0;
}

.dashboard-metric-copy span[b-pxvujg2cl9],
.dashboard-metric-copy strong[b-pxvujg2cl9],
.dashboard-metric-copy small[b-pxvujg2cl9] {
    display: block;
}

.dashboard-metric-copy span[b-pxvujg2cl9] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-metric-copy strong[b-pxvujg2cl9] {
    margin-top: .28rem;
    color: #0f172a;
    font-size: 1.55rem;
    font-weight: 950;
    line-height: 1.05;
}

.dashboard-metric-copy small[b-pxvujg2cl9] {
    margin-top: .25rem;
    color: #0f766e;
    font-size: .82rem;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-detail-grid > .mud-grid-item[b-pxvujg2cl9] {
    padding-top: 8px;
}

.dashboard-data-card[b-pxvujg2cl9] {
    overflow: hidden;
    padding: 0;
    min-height: 420px;
}

.dashboard-card-header[b-pxvujg2cl9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    min-height: 86px;
    padding: 1rem;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    background: linear-gradient(135deg, #f8fffd, #ffffff);
}

.dashboard-card-header .mud-typography-overline[b-pxvujg2cl9] {
    color: #0f766e;
    font-weight: 950;
    letter-spacing: .08em;
}

.dashboard-card-header .mud-typography-h6[b-pxvujg2cl9] {
    color: #0f172a;
    font-weight: 950;
}

.dashboard-card-header span[b-pxvujg2cl9] {
    padding: .35rem .7rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #ecfdf5, #fff);
    color: #0f766e;
    font-weight: 900;
    white-space: nowrap;
}

.dashboard-card-meta[b-pxvujg2cl9] { display: flex; align-items: center; gap: .5rem; }
.dashboard-card-meta button[b-pxvujg2cl9] { border: 1px solid rgba(15,118,110,.2); border-radius: 999px; padding: .38rem .7rem; background: #fff; color: #065f46; font: inherit; font-size: .78rem; font-weight: 900; cursor: pointer; }
.dashboard-card-meta button:hover[b-pxvujg2cl9] { background: #ecfdf5; }
.dashboard-invoice-identity[b-pxvujg2cl9] { display: flex; align-items: center; gap: .55rem; min-width: 0; }
.dashboard-invoice-identity > div[b-pxvujg2cl9] { min-width: 0; }
.dashboard-invoice-identity strong[b-pxvujg2cl9], .dashboard-invoice-identity small[b-pxvujg2cl9] { display: block; }
.dashboard-invoice-identity small[b-pxvujg2cl9] { margin-top: .1rem; color: #64748b; font-size: .72rem; font-weight: 750; }
.dashboard-invoice-icon[b-pxvujg2cl9] { width: 32px; height: 32px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; color: #047857; background: linear-gradient(135deg,#d1fae5,#ecfeff); }
.dashboard-sale-date[b-pxvujg2cl9], .dashboard-sale-date small[b-pxvujg2cl9] { display: block; white-space: nowrap; }
.dashboard-sale-date small[b-pxvujg2cl9] { color: #64748b; font-size: .72rem; }
.dashboard-sale-amount[b-pxvujg2cl9] { color: #065f46; white-space: nowrap; }
.dashboard-sales-table .mud-table-row:hover[b-pxvujg2cl9] { background: #f0fdfa; }
.dashboard-table-empty[b-pxvujg2cl9] { width: 100%; padding: 2rem; color: #64748b; text-align: center; font-weight: 800; }
.dashboard-mobile-sale-detail[b-pxvujg2cl9] { display: flex; justify-content: space-between; gap: .75rem; color: #475569; font-size: .84rem; font-weight: 750; }
.dashboard-mobile-sale-detail strong[b-pxvujg2cl9] { color: #065f46; }
.dashboard-mobile-pager[b-pxvujg2cl9] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: 0 .85rem .85rem; }
.dashboard-mobile-pager button[b-pxvujg2cl9] { display: inline-flex; align-items: center; gap: .2rem; border: 1px solid rgba(15,118,110,.2); border-radius: 999px; padding: .38rem .65rem; background: #fff; color: #065f46; font: inherit; font-size: .78rem; font-weight: 900; }
.dashboard-mobile-pager button:disabled[b-pxvujg2cl9] { opacity: .4; }
.dashboard-mobile-pager span[b-pxvujg2cl9] { color: #64748b; font-size: .78rem; font-weight: 900; }

.dashboard-data-card .mud-table-container[b-pxvujg2cl9] {
    max-height: 390px;
    overflow: auto;
}

.dashboard-data-card .mud-table-head th[b-pxvujg2cl9] {
    color: #64748b;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
    background: #f8fafc;
}

.dashboard-data-card .mud-table-body td[b-pxvujg2cl9] {
    color: #0f172a;
    font-weight: 650;
}

.dashboard-mobile-list[b-pxvujg2cl9] {
    padding: .85rem;
}

.dashboard-mobile-row[b-pxvujg2cl9],
.dashboard-mobile-empty[b-pxvujg2cl9] {
    padding: .85rem .95rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    background: #fff;
}

.dashboard-mobile-sale .dashboard-mobile-amount[b-pxvujg2cl9] {
    color: #0f766e;
    font-weight: 950;
}

@media (max-width: 1500px) {
    .dashboard-kpi-grid[b-pxvujg2cl9] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .app-dashboard[b-pxvujg2cl9] {
        padding: .85rem;
    }

    .dashboard-page-header[b-pxvujg2cl9] {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-header-actions[b-pxvujg2cl9],
    .dashboard-action-bar[b-pxvujg2cl9] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dashboard-header-actions .mud-button-root[b-pxvujg2cl9],
    .dashboard-header-actions .mud-chip[b-pxvujg2cl9] {
        width: 100%;
    }

    .dashboard-kpi-grid[b-pxvujg2cl9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .app-dashboard[b-pxvujg2cl9] {
        padding: .65rem;
    }

    .dashboard-title-icon[b-pxvujg2cl9] {
        width: 42px;
        height: 42px;
    }

    .dashboard-kpi-grid[b-pxvujg2cl9],
    .dashboard-header-actions[b-pxvujg2cl9],
    .dashboard-action-bar[b-pxvujg2cl9] {
        grid-template-columns: 1fr;
    }

    .dashboard-metric-card[b-pxvujg2cl9] {
        min-height: 92px;
    }

    .dashboard-card-header[b-pxvujg2cl9] {
        min-height: 76px;
        padding: .85rem;
    }
}
/* _content/POS.Shared/Components/Pages/OutletConnectivityPage.razor.rz.scp.css */
.hub-page[b-jg7l8x90zj]{padding:18px;display:grid;gap:16px;background:#f4f8f7;min-height:100vh;color:#10233a}.hub-hero[b-jg7l8x90zj]{display:flex;align-items:center;gap:18px;padding:24px;border-radius:24px;background:linear-gradient(118deg,#072f3c 0%,#0b615d 58%,#13967f 100%);color:#fff;box-shadow:0 20px 44px rgba(11,70,67,.2)}.hub-hero-mark[b-jg7l8x90zj],.hub-panel-icon[b-jg7l8x90zj]{display:grid;place-items:center;flex:0 0 auto;width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2)}.hub-hero-mark .mud-icon-root[b-jg7l8x90zj]{font-size:31px}.hub-hero-copy[b-jg7l8x90zj]{flex:1}.hub-eyebrow[b-jg7l8x90zj],.hub-panel-heading>div>span[b-jg7l8x90zj]{font-size:.72rem;font-weight:900;letter-spacing:.12em;color:#9ff5df}.hub-hero h1[b-jg7l8x90zj]{margin:3px 0 6px;font-size:clamp(1.45rem,3vw,2.25rem);line-height:1.08}.hub-hero p[b-jg7l8x90zj]{margin:0;max-width:760px;color:#d8f4ee;font-weight:600}.hub-live-pill[b-jg7l8x90zj]{min-width:210px;display:flex;gap:11px;align-items:center;padding:13px 16px;border-radius:18px;background:rgba(1,24,32,.3);border:1px solid rgba(255,255,255,.2)}.hub-live-dot[b-jg7l8x90zj]{width:12px;height:12px;border-radius:50%;background:#56e2c1;box-shadow:0 0 0 6px rgba(86,226,193,.15)}.hub-live-pill.is-offline .hub-live-dot[b-jg7l8x90zj]{background:#ffb65f}.hub-live-pill small[b-jg7l8x90zj],.hub-live-pill strong[b-jg7l8x90zj]{display:block}.hub-live-pill small[b-jg7l8x90zj]{font-size:.65rem;letter-spacing:.08em;color:#bfe8df}.hub-live-pill strong[b-jg7l8x90zj]{font-size:.88rem}.hub-modes[b-jg7l8x90zj]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hub-mode-card[b-jg7l8x90zj]{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #d3e2df;background:#fff;padding:15px;border-radius:18px;color:inherit;cursor:pointer;transition:.18s ease}.hub-mode-card:hover[b-jg7l8x90zj]{transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,73,67,.1)}.hub-mode-card.is-selected[b-jg7l8x90zj]{background:#e9faf5;border-color:#15937c;box-shadow:inset 4px 0 #08715f}.hub-mode-icon[b-jg7l8x90zj]{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e5f3f0;color:#086b5c}.hub-mode-card strong[b-jg7l8x90zj],.hub-mode-card small[b-jg7l8x90zj]{display:block}.hub-mode-card small[b-jg7l8x90zj]{color:#65788b;margin-top:2px}.hub-mode-check[b-jg7l8x90zj]{margin-left:auto;color:#0b8a73}.hub-grid[b-jg7l8x90zj]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.hub-panel[b-jg7l8x90zj],.hub-message-card[b-jg7l8x90zj],.hub-continuity-note[b-jg7l8x90zj]{background:#fff;border:1px solid #d7e5e2;border-radius:22px;box-shadow:0 12px 32px rgba(18,61,57,.06)}.hub-panel[b-jg7l8x90zj]{padding:22px}.hub-panel-heading[b-jg7l8x90zj]{display:flex;align-items:center;gap:14px;margin-bottom:18px}.hub-panel-icon[b-jg7l8x90zj]{width:48px;height:48px;border-color:#bee3da;background:#e6f7f2;color:#08715f}.hub-panel-heading>div>span[b-jg7l8x90zj]{color:#08715f}.hub-panel-heading h2[b-jg7l8x90zj]{margin:1px 0;font-size:1.2rem}.hub-panel-heading p[b-jg7l8x90zj]{margin:0;color:#687a8d;font-size:.86rem}.hub-pair-panel[b-jg7l8x90zj]{display:grid;gap:12px}.hub-actions[b-jg7l8x90zj]{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap}.hub-health-list[b-jg7l8x90zj]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hub-health-row[b-jg7l8x90zj]{display:flex;align-items:center;gap:10px;padding:12px;border-radius:15px;background:#f5f8f8;border:1px solid #e0e9e7}.hub-health-state[b-jg7l8x90zj]{display:grid;place-items:center;width:32px;height:32px;border-radius:10px}.hub-health-state.is-good[b-jg7l8x90zj]{background:#d8f8e8;color:#087653}.hub-health-state.is-muted[b-jg7l8x90zj]{background:#e9eef1;color:#758494}.hub-health-state .mud-icon-root[b-jg7l8x90zj]{font-size:18px}.hub-health-row strong[b-jg7l8x90zj],.hub-health-row small[b-jg7l8x90zj]{display:block}.hub-health-row small[b-jg7l8x90zj]{color:#718093}.hub-sync-strip[b-jg7l8x90zj]{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;border-radius:16px;overflow:hidden;border:1px solid #dbe7e4}.hub-sync-strip>div[b-jg7l8x90zj]{padding:12px;text-align:center;background:#f8fbfa;border-right:1px solid #dbe7e4}.hub-sync-strip>div:last-child[b-jg7l8x90zj]{border-right:0}.hub-sync-strip small[b-jg7l8x90zj],.hub-sync-strip strong[b-jg7l8x90zj],.hub-sync-strip span[b-jg7l8x90zj]{display:block}.hub-sync-strip small[b-jg7l8x90zj]{font-size:.62rem;color:#607589;font-weight:900}.hub-sync-strip strong[b-jg7l8x90zj]{font-size:1.35rem;color:#086b5c}.hub-sync-strip span[b-jg7l8x90zj]{font-size:.72rem;color:#738397}.hub-warning[b-jg7l8x90zj]{display:flex;gap:9px;align-items:center;margin-top:12px;padding:11px 13px;border-radius:13px;background:#fff4e7;color:#a3490b;font-weight:700}.hub-continuity-note[b-jg7l8x90zj],.hub-message-card[b-jg7l8x90zj]{display:flex;align-items:center;gap:14px;padding:16px 20px}.hub-continuity-note>.mud-icon-root[b-jg7l8x90zj],.hub-message-card>.mud-icon-root[b-jg7l8x90zj]{color:#08715f;font-size:29px}.hub-continuity-note strong[b-jg7l8x90zj],.hub-continuity-note span[b-jg7l8x90zj],.hub-message-card h2[b-jg7l8x90zj],.hub-message-card p[b-jg7l8x90zj]{display:block;margin:0}.hub-continuity-note>div>span[b-jg7l8x90zj],.hub-message-card p[b-jg7l8x90zj]{color:#627489}.hub-note-badge[b-jg7l8x90zj]{margin-left:auto!important;padding:7px 10px;border-radius:999px;background:#e7f7f2;color:#086b5c!important;font-size:.68rem;font-weight:900;white-space:nowrap}@media(max-width:900px){.hub-hero[b-jg7l8x90zj]{align-items:flex-start;flex-wrap:wrap}.hub-live-pill[b-jg7l8x90zj]{width:100%}.hub-grid[b-jg7l8x90zj]{grid-template-columns:1fr}.hub-modes[b-jg7l8x90zj]{grid-template-columns:1fr}.hub-health-list[b-jg7l8x90zj]{grid-template-columns:1fr}}@media(max-width:560px){.hub-page[b-jg7l8x90zj]{padding:10px}.hub-hero[b-jg7l8x90zj],.hub-panel[b-jg7l8x90zj]{padding:17px;border-radius:18px}.hub-hero-mark[b-jg7l8x90zj]{width:46px;height:46px}.hub-sync-strip[b-jg7l8x90zj]{grid-template-columns:1fr}.hub-sync-strip>div[b-jg7l8x90zj]{border-right:0;border-bottom:1px solid #dbe7e4}.hub-sync-strip>div:last-child[b-jg7l8x90zj]{border-bottom:0}.hub-continuity-note[b-jg7l8x90zj]{align-items:flex-start}.hub-note-badge[b-jg7l8x90zj]{display:none}}

.hub-recovery[b-jg7l8x90zj]{padding:20px;background:#fff;border:1px solid #d7e5e2;border-radius:22px;box-shadow:0 12px 32px rgba(18,61,57,.06)}
.hub-backup[b-jg7l8x90zj]{padding:20px;background:linear-gradient(145deg,#fff 0%,#f2fbf8 100%);border:1px solid #cde4de;border-radius:22px;box-shadow:0 12px 32px rgba(18,61,57,.07)}
.hub-backup-stats[b-jg7l8x90zj]{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}.hub-backup-stats>div[b-jg7l8x90zj]{padding:13px;border-radius:15px;background:rgba(255,255,255,.88);border:1px solid #d8e8e4}.hub-backup-stats small[b-jg7l8x90zj],.hub-backup-stats strong[b-jg7l8x90zj]{display:block}.hub-backup-stats small[b-jg7l8x90zj]{font-size:.62rem;font-weight:900;letter-spacing:.07em;color:#698092}.hub-backup-stats strong[b-jg7l8x90zj]{margin-top:3px;color:#075f52}.hub-backup-list[b-jg7l8x90zj]{display:grid;gap:8px;margin-top:14px}.hub-backup-card[b-jg7l8x90zj]{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:15px;background:#fff;border:1px solid #d9e8e4}.hub-backup-file[b-jg7l8x90zj]{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e2f6ef;color:#08715f}.hub-backup-card>div[b-jg7l8x90zj]{min-width:0;flex:1}.hub-backup-card strong[b-jg7l8x90zj],.hub-backup-card small[b-jg7l8x90zj]{display:block}.hub-backup-card small[b-jg7l8x90zj]{margin-top:2px;color:#6d7f90}.hub-backup-state[b-jg7l8x90zj]{padding:5px 8px;border-radius:999px;background:#f1f4f5;color:#6d7d89;font-size:.62rem;font-weight:900}.hub-backup-state.is-valid[b-jg7l8x90zj]{background:#dff7e9;color:#087653}.hub-restore-note[b-jg7l8x90zj]{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 13px;border-radius:14px;background:#e8f1ff;border:1px solid #cbdcf6;color:#23558b}.hub-restore-note strong[b-jg7l8x90zj],.hub-restore-note small[b-jg7l8x90zj]{display:block}.hub-restore-note small[b-jg7l8x90zj]{margin-top:2px;color:#60758b}
.hub-recovery-heading[b-jg7l8x90zj]{display:flex;align-items:center;gap:14px}
.hub-recovery-heading>div:nth-child(2)[b-jg7l8x90zj]{flex:1}
.hub-recovery-heading>div>span[b-jg7l8x90zj]{font-size:.72rem;font-weight:900;letter-spacing:.12em;color:#08715f}
.hub-recovery-heading h2[b-jg7l8x90zj]{margin:1px 0;font-size:1.2rem}
.hub-recovery-heading p[b-jg7l8x90zj]{margin:0;color:#687a8d;font-size:.86rem}
.hub-retry-all[b-jg7l8x90zj]{margin-left:auto}
.hub-recovery-empty[b-jg7l8x90zj]{display:flex;align-items:center;gap:12px;margin-top:15px;padding:14px;border-radius:16px;background:linear-gradient(90deg,#e9faf4,#f7fbfa);border:1px solid #cdebe2;color:#08715f}
.hub-recovery-empty>.mud-icon-root[b-jg7l8x90zj]{font-size:30px}
.hub-recovery-empty strong[b-jg7l8x90zj],.hub-recovery-empty small[b-jg7l8x90zj]{display:block}
.hub-recovery-empty small[b-jg7l8x90zj]{margin-top:2px;color:#60798b}
.hub-failure-list[b-jg7l8x90zj]{display:grid;gap:9px;margin-top:15px}
.hub-failure-card[b-jg7l8x90zj]{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #f0d8c8;border-radius:16px;background:#fffaf6}
.hub-failure-icon[b-jg7l8x90zj]{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ffeadb;color:#b34c12}
.hub-failure-copy[b-jg7l8x90zj]{min-width:0;flex:1}
.hub-failure-copy>div[b-jg7l8x90zj]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hub-failure-copy>div>span[b-jg7l8x90zj],.hub-failure-copy small[b-jg7l8x90zj]{font-size:.72rem;color:#758394}
.hub-failure-copy p[b-jg7l8x90zj]{margin:3px 0;color:#9c4318;font-weight:650;overflow-wrap:anywhere}
@media(max-width:900px){.hub-recovery-heading[b-jg7l8x90zj]{align-items:flex-start;flex-wrap:wrap}.hub-retry-all[b-jg7l8x90zj]{margin-left:62px}.hub-failure-card[b-jg7l8x90zj]{align-items:flex-start;flex-wrap:wrap}.hub-failure-card .mud-button-root[b-jg7l8x90zj]{margin-left:52px}.hub-backup-stats[b-jg7l8x90zj]{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hub-recovery[b-jg7l8x90zj],.hub-backup[b-jg7l8x90zj]{padding:17px;border-radius:18px}.hub-retry-all[b-jg7l8x90zj],.hub-failure-card .mud-button-root[b-jg7l8x90zj]{margin-left:0}.hub-backup-stats[b-jg7l8x90zj]{grid-template-columns:1fr}.hub-backup-card[b-jg7l8x90zj]{align-items:flex-start;flex-wrap:wrap}.hub-backup-card .mud-button-root[b-jg7l8x90zj]{margin-left:49px}}

.hub-discovery-actions[b-jg7l8x90zj]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hub-discovery-actions>span[b-jg7l8x90zj]{font-size:.75rem;font-weight:800;color:#08715f}.hub-discovery-list[b-jg7l8x90zj]{display:grid;gap:7px}.hub-discovery-card[b-jg7l8x90zj]{width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid #cde1dc;border-radius:14px;background:linear-gradient(90deg,#f7fbfa,#edf9f5);color:inherit;text-align:left;cursor:pointer}.hub-discovery-card:hover[b-jg7l8x90zj]{border-color:#12937c;box-shadow:0 7px 18px rgba(8,113,95,.1)}.hub-discovery-card>span[b-jg7l8x90zj]{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#dff4ed;color:#08715f}.hub-discovery-card>div[b-jg7l8x90zj]{min-width:0;flex:1}.hub-discovery-card strong[b-jg7l8x90zj],.hub-discovery-card small[b-jg7l8x90zj]{display:block}.hub-discovery-card small[b-jg7l8x90zj]{color:#667b8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-discovery-card em[b-jg7l8x90zj]{font-style:normal;font-size:.61rem;font-weight:900;color:#08715f;background:#d8f5e9;border-radius:999px;padding:5px 8px}
.hub-fleet[b-jg7l8x90zj]{padding:20px;background:linear-gradient(145deg,#fff 0%,#edf9f6 100%);border:1px solid #c8e2db;border-radius:22px;box-shadow:0 14px 34px rgba(13,73,66,.08)}.hub-pairing-studio[b-jg7l8x90zj]{display:flex;align-items:center;gap:20px;margin-top:16px;padding:16px;border-radius:19px;background:linear-gradient(120deg,#082f3d,#0a7468);color:#fff;box-shadow:0 13px 30px rgba(5,68,63,.16)}.hub-qr-frame[b-jg7l8x90zj]{flex:0 0 auto;padding:8px;border-radius:15px;background:#fff}.hub-qr-frame img[b-jg7l8x90zj]{display:block;width:126px;height:126px;border-radius:7px}.hub-pairing-copy[b-jg7l8x90zj]{min-width:0}.hub-pairing-copy>span[b-jg7l8x90zj]{font-size:.68rem;font-weight:900;letter-spacing:.12em;color:#9ff5df}.hub-pairing-copy>strong[b-jg7l8x90zj]{display:block;font-size:2rem;letter-spacing:.18em;margin:3px 0}.hub-pairing-copy p[b-jg7l8x90zj]{margin:0 0 5px;color:#def7f1;font-weight:650}.hub-pairing-copy small[b-jg7l8x90zj]{color:#a9d8cf}.hub-device-enrol[b-jg7l8x90zj]{display:grid;grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) auto;align-items:center;gap:10px;margin-top:15px;padding:13px;border-radius:17px;background:#fff;border:1px solid #d5e7e2}.hub-fleet-stats[b-jg7l8x90zj]{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.hub-fleet-stats>div[b-jg7l8x90zj]{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #d7e7e3}.hub-fleet-stats small[b-jg7l8x90zj],.hub-fleet-stats strong[b-jg7l8x90zj]{display:block}.hub-fleet-stats small[b-jg7l8x90zj]{font-size:.62rem;font-weight:900;letter-spacing:.08em;color:#718294}.hub-fleet-stats strong[b-jg7l8x90zj]{font-size:1.45rem;color:#123047}.hub-fleet-stats .is-online[b-jg7l8x90zj]{background:#e6f8ef;border-color:#bce8d3}.hub-fleet-stats .is-online strong[b-jg7l8x90zj]{color:#087653}.hub-fleet-stats .is-attention[b-jg7l8x90zj]{background:#fff3e7;border-color:#f1d2b7}.hub-fleet-stats .is-attention strong[b-jg7l8x90zj]{color:#aa4b10}.hub-device-list[b-jg7l8x90zj]{display:grid;gap:8px;margin-top:12px}.hub-device-card[b-jg7l8x90zj]{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #d7e6e2;border-radius:16px;background:rgba(255,255,255,.93)}.hub-device-card.is-revoked[b-jg7l8x90zj]{opacity:.72;background:#f4f5f6}.hub-device-icon[b-jg7l8x90zj]{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e0f5ee;color:#08715f}.hub-device-copy[b-jg7l8x90zj]{min-width:0;flex:1}.hub-device-copy>div[b-jg7l8x90zj]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hub-device-copy p[b-jg7l8x90zj],.hub-device-copy small[b-jg7l8x90zj]{margin:2px 0 0;color:#6d7f90}.hub-device-copy small[b-jg7l8x90zj]{font-size:.7rem}.hub-device-health[b-jg7l8x90zj]{font-size:.6rem;font-weight:900;padding:4px 7px;border-radius:999px;background:#edf1f3;color:#6b7c88;text-transform:uppercase}.hub-device-health.is-online[b-jg7l8x90zj]{background:#dcf7e9;color:#087653}.hub-device-health.is-attention[b-jg7l8x90zj]{background:#fff0dd;color:#ad4b0b}.hub-device-health.is-revoked[b-jg7l8x90zj]{background:#fee5e6;color:#ba292f}.hub-device-queue[b-jg7l8x90zj]{text-align:center;min-width:65px}.hub-device-queue small[b-jg7l8x90zj],.hub-device-queue strong[b-jg7l8x90zj]{display:block}.hub-device-queue small[b-jg7l8x90zj]{font-size:.58rem;font-weight:900;color:#718294}.hub-device-queue strong[b-jg7l8x90zj]{color:#123047}.hub-revoked-label[b-jg7l8x90zj]{font-size:.62rem;font-weight:900;color:#a1373b}
@media(max-width:900px){.hub-device-enrol[b-jg7l8x90zj]{grid-template-columns:1fr 1fr}.hub-device-enrol .mud-button-root[b-jg7l8x90zj]{grid-column:1/-1}.hub-fleet-stats[b-jg7l8x90zj]{grid-template-columns:1fr 1fr}.hub-device-card[b-jg7l8x90zj]{align-items:flex-start;flex-wrap:wrap}.hub-device-card .mud-button-root[b-jg7l8x90zj]{margin-left:53px}}@media(max-width:560px){.hub-fleet[b-jg7l8x90zj]{padding:17px;border-radius:18px}.hub-pairing-studio[b-jg7l8x90zj]{align-items:flex-start;flex-direction:column}.hub-qr-frame[b-jg7l8x90zj]{align-self:center}.hub-device-enrol[b-jg7l8x90zj],.hub-fleet-stats[b-jg7l8x90zj]{grid-template-columns:1fr}.hub-device-card .mud-button-root[b-jg7l8x90zj]{margin-left:0}.hub-device-queue[b-jg7l8x90zj]{margin-left:auto}}
.hub-discovery-card.is-selected[b-jg7l8x90zj]{border-color:#08715f;background:linear-gradient(90deg,#dcf7ee,#edf9f5);box-shadow:inset 4px 0 #08715f,0 9px 22px rgba(8,113,95,.12)}
.hub-fleet-stats[b-jg7l8x90zj]{grid-template-columns:repeat(5,1fr)}
.hub-app-usage[b-jg7l8x90zj]{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-top:10px}
.hub-app-usage article[b-jg7l8x90zj]{padding:11px 12px;border:1px solid #d5e7e2;border-radius:14px;background:rgba(255,255,255,.88)}
.hub-app-usage span[b-jg7l8x90zj],.hub-app-usage strong[b-jg7l8x90zj],.hub-app-usage small[b-jg7l8x90zj]{display:block}
.hub-app-usage span[b-jg7l8x90zj]{font-size:.64rem;font-weight:900;letter-spacing:.07em;color:#60788a;text-transform:uppercase}
.hub-app-usage strong[b-jg7l8x90zj]{margin-top:3px;color:#08715f}
.hub-app-usage small[b-jg7l8x90zj]{margin-top:2px;color:#718294}
@media(max-width:900px){.hub-fleet-stats[b-jg7l8x90zj]{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hub-fleet-stats[b-jg7l8x90zj]{grid-template-columns:1fr}}
/* _content/POS.Shared/Components/Pages/OwnerAdminPage.razor.rz.scp.css */
.owner-admin-screen[b-251uz7xzd9] {
    min-height: calc(100vh - 5.5rem);
}

.owner-hero[b-251uz7xzd9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 1rem;
    padding: 1.25rem;
    border-radius: 12px;
    background: linear-gradient(135deg, #0f172a 0%, #14532d 58%, #0f766e 100%);
    color: white;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
}

.owner-kicker[b-251uz7xzd9] {
    display: inline-flex;
    margin-bottom: 0.55rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.owner-hero h1[b-251uz7xzd9] {
    margin: 0;
    font-size: 2.1rem;
    line-height: 2.35rem;
}

.owner-hero p[b-251uz7xzd9] {
    max-width: 680px;
    margin: 0.5rem 0 1rem;
    color: rgba(255, 255, 255, 0.76);
}

.owner-hero-actions[b-251uz7xzd9] {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.owner-action[b-251uz7xzd9],
.refresh-link[b-251uz7xzd9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 36px;
    padding: 0 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    color: white;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.owner-action.primary[b-251uz7xzd9] {
    background: white;
    color: #14532d;
}

.owner-hero-side[b-251uz7xzd9] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.1);
}

.owner-hero-side small[b-251uz7xzd9] {
    color: rgba(255, 255, 255, 0.72);
    font-weight: 700;
}

.outlet-picker[b-251uz7xzd9] {
    min-width: 260px;
}

.admin-stat-grid[b-251uz7xzd9] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.admin-stat-card[b-251uz7xzd9] {
    position: relative;
    min-height: 126px;
    padding: 1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    background: white;
    overflow: hidden;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}

.admin-stat-card .mud-icon-root[b-251uz7xzd9] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    color: #0f766e;
    opacity: 0.72;
}

.admin-stat-card.sales[b-251uz7xzd9] {
    background: linear-gradient(135deg, #0f172a 0%, #14532d 100%);
    color: white;
}

.admin-stat-card.sales span[b-251uz7xzd9],
.admin-stat-card.sales small[b-251uz7xzd9],
.admin-stat-card.sales strong[b-251uz7xzd9],
.admin-stat-card.sales .mud-icon-root[b-251uz7xzd9] {
    color: white;
}

.admin-stat-card span[b-251uz7xzd9] {
    color: #64748b;
    font-size: 0.78rem;
    font-weight: 800;
}

.admin-stat-card strong[b-251uz7xzd9] {
    display: block;
    margin: 0.5rem 0 0.35rem;
    color: #0f172a;
    font-size: 1.5rem;
    line-height: 1.75rem;
}

.admin-stat-card small[b-251uz7xzd9],
.admin-muted[b-251uz7xzd9] {
    color: #64748b;
}

.owner-dashboard-grid[b-251uz7xzd9] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr);
    gap: 1rem;
}

.owner-chart-panel[b-251uz7xzd9],
.management-panel[b-251uz7xzd9],
.admin-tabs[b-251uz7xzd9],
.admin-form-panel[b-251uz7xzd9],
.admin-list-panel[b-251uz7xzd9] {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    background: white;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04);
}

.owner-chart-panel[b-251uz7xzd9],
.management-panel[b-251uz7xzd9],
.admin-form-panel[b-251uz7xzd9],
.admin-list-panel[b-251uz7xzd9] {
    padding: 1rem;
}

.management-panel[b-251uz7xzd9] {
    grid-column: 1 / -1;
}

.panel-title[b-251uz7xzd9] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.panel-title span[b-251uz7xzd9] {
    color: #64748b;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
}

.panel-title strong[b-251uz7xzd9] {
    display: block;
    color: #0f172a;
    font-size: 1.05rem;
}

.bar-chart[b-251uz7xzd9] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.bar-row[b-251uz7xzd9] {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) 92px;
    align-items: center;
    gap: 0.75rem;
    color: #334155;
    font-size: 0.82rem;
    font-weight: 800;
}

.bar-track[b-251uz7xzd9] {
    height: 14px;
    border-radius: 999px;
    background: #e2e8f0;
    overflow: hidden;
}

.bar-fill[b-251uz7xzd9] {
    height: 100%;
    border-radius: inherit;
}

.dine[b-251uz7xzd9] {
    background: #0f766e;
}

.delivery[b-251uz7xzd9] {
    background: #2563eb;
}

.takeaway[b-251uz7xzd9] {
    background: #f59e0b;
}

.ring-wrap[b-251uz7xzd9] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 1rem;
    align-items: center;
}

.ring-chart[b-251uz7xzd9] {
    width: 150px;
    aspect-ratio: 1;
    border-radius: 50%;
    position: relative;
}

.ring-chart[b-251uz7xzd9]::after {
    content: "";
    position: absolute;
    inset: 34px;
    border-radius: 50%;
    background: white;
}

.ring-legend[b-251uz7xzd9] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.ring-legend div[b-251uz7xzd9] {
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    gap: 0.45rem;
    align-items: center;
    font-weight: 800;
    color: #334155;
}

.legend-dot[b-251uz7xzd9] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
}

.management-grid[b-251uz7xzd9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.management-card[b-251uz7xzd9] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 0.75rem;
    align-items: center;
    min-height: 82px;
    padding: 0.9rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    color: #0f172a;
    text-decoration: none;
    background: #f8fafc;
}

.management-card .mud-icon-root[b-251uz7xzd9] {
    color: #0f766e;
}

.management-card span[b-251uz7xzd9] {
    display: block;
    font-weight: 900;
}

.management-card small[b-251uz7xzd9] {
    color: #64748b;
    font-weight: 600;
}

.print-template-preview-v2[b-251uz7xzd9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 0.85rem;
    border: 1px solid rgba(13, 148, 136, 0.24);
    border-radius: 12px;
    background:
        linear-gradient(135deg, rgba(240, 253, 250, 0.9), rgba(255, 255, 255, 0.96));
}

.print-template-preview-v2__meta[b-251uz7xzd9] {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    min-width: 0;
}

.print-template-preview-v2__meta .material-icons[b-251uz7xzd9] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: #0f766e;
    color: #ffffff;
}

.print-template-preview-v2__meta strong[b-251uz7xzd9],
.print-template-preview-v2__meta small[b-251uz7xzd9] {
    display: block;
}

.print-template-preview-v2__meta small[b-251uz7xzd9] {
    color: #64748b;
    font-weight: 700;
}

.print-template-preview-v2__paper[b-251uz7xzd9] {
    width: min(var(--print-preview-width, 210px), 100%);
    padding: 0.75rem;
    border: 1px solid rgba(15, 23, 42, 0.18);
    border-radius: 8px;
    background: #ffffff;
    color: #030712;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.12);
    font-family: Arial, Helvetica, sans-serif;
    font-size: calc(0.74rem * var(--print-preview-scale, 1));
    line-height: 1.25;
}

.paper-a4 .print-template-preview-v2__paper[b-251uz7xzd9] { aspect-ratio: 210 / 297; }
.paper-a5 .print-template-preview-v2__paper[b-251uz7xzd9] { aspect-ratio: 148 / 210; }
.paper-a4landscape .print-template-preview-v2__paper[b-251uz7xzd9] { aspect-ratio: 297 / 210; }
.paper-halfa4 .print-template-preview-v2__paper[b-251uz7xzd9] { aspect-ratio: 210 / 148; }
.paper-custom210x150 .print-template-preview-v2__paper[b-251uz7xzd9] { aspect-ratio: 210 / 150; }
.paper-a4 .print-template-preview-v2__paper[b-251uz7xzd9],
.paper-a5 .print-template-preview-v2__paper[b-251uz7xzd9],
.paper-a4landscape .print-template-preview-v2__paper[b-251uz7xzd9],
.paper-halfa4 .print-template-preview-v2__paper[b-251uz7xzd9],
.paper-custom210x150 .print-template-preview-v2__paper[b-251uz7xzd9] { font-family: "Public Sans", Arial, sans-serif; }

.print-template-preview-v2__paper > strong[b-251uz7xzd9],
.print-template-preview-v2__paper > span[b-251uz7xzd9] {
    display: block;
    text-align: center;
}

.print-template-preview-v2__paper > strong[b-251uz7xzd9] {
    font-size: 1.12em;
    font-weight: 950;
}

.print-template-preview-v2__paper > span[b-251uz7xzd9] {
    margin-top: 0.15rem;
    font-size: 0.82em;
    font-weight: 900;
    letter-spacing: 0.02em;
}

.print-template-preview-v2__paper p[b-251uz7xzd9] {
    display: flex;
    justify-content: space-between;
    gap: 0.5rem;
    margin: 0.25rem 0;
    font-weight: 800;
}

.print-template-preview-v2__line[b-251uz7xzd9] {
    margin: 0.45rem 0;
    border-top: 1.5px dashed #111827;
}

.print-template-preview-v2--compact .print-template-preview-v2__paper[b-251uz7xzd9] {
    padding: 0.45rem;
    line-height: 1.12;
}

.print-template-preview-v2--bold .print-template-preview-v2__paper[b-251uz7xzd9],
.print-template-preview-v2--kitchen-bold .print-template-preview-v2__paper[b-251uz7xzd9],
.density-4 .print-template-preview-v2__paper[b-251uz7xzd9],
.density-5 .print-template-preview-v2__paper[b-251uz7xzd9] {
    font-weight: 900;
    text-shadow: 0.18px 0 #000000;
}

.density-5 .print-template-preview-v2__paper[b-251uz7xzd9] {
    text-shadow: 0.28px 0 #000000, 0 0.18px #000000;
}

html[data-theme='dark'] .print-template-preview-v2[b-251uz7xzd9],
body.dark .print-template-preview-v2[b-251uz7xzd9] {
    background:
        linear-gradient(135deg, rgba(15, 118, 110, 0.18), rgba(15, 23, 42, 0.72));
    border-color: rgba(45, 212, 191, 0.28);
}

html[data-theme='dark'] .print-template-preview-v2__meta small[b-251uz7xzd9],
body.dark .print-template-preview-v2__meta small[b-251uz7xzd9] {
    color: #cbd5e1;
}

@media (max-width: 1100px) {
    .owner-hero[b-251uz7xzd9],
    .owner-dashboard-grid[b-251uz7xzd9] {
        grid-template-columns: 1fr;
    }

    .admin-stat-grid[b-251uz7xzd9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .admin-stat-grid[b-251uz7xzd9],
    .management-grid[b-251uz7xzd9],
    .ring-wrap[b-251uz7xzd9] {
        grid-template-columns: 1fr;
    }

    .owner-hero h1[b-251uz7xzd9] {
        font-size: 1.6rem;
    }

    .outlet-picker[b-251uz7xzd9] {
        width: 100%;
    }

    .bar-row[b-251uz7xzd9] {
        grid-template-columns: 82px minmax(0, 1fr);
    }

    .bar-row strong[b-251uz7xzd9] {
        grid-column: 2;
    }

    .print-template-preview-v2[b-251uz7xzd9] {
        grid-template-columns: 1fr;
    }
}
/* _content/POS.Shared/Components/Pages/PlatformFleetPage.razor.rz.scp.css */
.fleet-page[b-hqcl23ay9y]{display:grid;gap:15px;padding:18px;color:#10233b}.fleet-hero[b-hqcl23ay9y]{position:relative;display:flex;align-items:center;gap:17px;overflow:hidden;padding:23px 27px;border-radius:24px;background:radial-gradient(circle at 75% -40%,rgba(45,212,191,.3),transparent 42%),linear-gradient(118deg,#082f49 0%,#075e57 58%,#119d89 100%);color:#fff;box-shadow:0 18px 44px rgba(8,47,73,.2)}.fleet-hero[b-hqcl23ay9y]:after{content:"";position:absolute;right:16%;bottom:-82px;width:180px;height:180px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.fleet-hero-mark[b-hqcl23ay9y]{display:grid;place-items:center;flex:0 0 55px;width:55px;height:55px;border:1px solid rgba(255,255,255,.23);border-radius:17px;background:rgba(255,255,255,.13)}.fleet-hero-mark[b-hqcl23ay9y]  svg{font-size:29px}.fleet-hero-copy[b-hqcl23ay9y]{position:relative;z-index:1}.fleet-hero-copy>span[b-hqcl23ay9y]{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:#80fff0}.fleet-hero h1[b-hqcl23ay9y]{margin:2px 0;font-size:1.68rem}.fleet-hero p[b-hqcl23ay9y]{margin:0;color:#d7fffa}.fleet-refresh[b-hqcl23ay9y]{position:relative;z-index:1;display:flex;align-items:center;gap:7px;margin-left:auto;padding:11px 15px;border:1px solid rgba(255,255,255,.42);border-radius:13px;background:rgba(255,255,255,.1);color:#fff;font:inherit;font-size:.7rem;font-weight:900;letter-spacing:.05em;cursor:pointer}.fleet-refresh:hover[b-hqcl23ay9y]{background:rgba(255,255,255,.19)}.fleet-refresh:disabled[b-hqcl23ay9y]{opacity:.6}.fleet-refresh[b-hqcl23ay9y]  svg{font-size:19px}
.fleet-loader[b-hqcl23ay9y]{display:grid;min-height:430px;place-items:center}.fleet-error[b-hqcl23ay9y],.fleet-empty[b-hqcl23ay9y]{display:flex;align-items:center;justify-content:center;gap:15px;min-height:270px;padding:25px;border:1px solid #f2c8c2;border-radius:22px;background:#fff8f6;text-align:left}.fleet-error>div[b-hqcl23ay9y]{max-width:680px}.fleet-error>div>small[b-hqcl23ay9y]{font-weight:900;letter-spacing:.11em;color:#b23a2b}.fleet-error h2[b-hqcl23ay9y],.fleet-empty h2[b-hqcl23ay9y]{margin:3px 0}.fleet-error p[b-hqcl23ay9y],.fleet-empty p[b-hqcl23ay9y]{margin:0;color:#687b8e}.fleet-error>button[b-hqcl23ay9y],.fleet-empty>button[b-hqcl23ay9y]{padding:10px 14px;border:0;border-radius:11px;background:#0b725f;color:#fff;font-weight:900;cursor:pointer}.fleet-error>svg[b-hqcl23ay9y],.fleet-empty>svg[b-hqcl23ay9y]{font-size:36px;color:#c44a39}
.fleet-summary[b-hqcl23ay9y]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.fleet-summary article[b-hqcl23ay9y]{display:flex;align-items:center;gap:11px;min-width:0;padding:14px;border:1px solid #dae7e5;border-radius:17px;background:#fff;box-shadow:0 7px 21px rgba(12,58,64,.055)}.fleet-summary article.has-warning[b-hqcl23ay9y]{border-color:#f2d39c;background:#fffaf0}.fleet-summary article.has-danger[b-hqcl23ay9y]{border-color:#f3bab3;background:#fff6f5}.summary-icon[b-hqcl23ay9y]{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:#e8f7f4;color:#087565}.summary-icon.attention[b-hqcl23ay9y],.summary-icon.version[b-hqcl23ay9y]{background:#fff1d6;color:#b06000}.summary-icon.queue[b-hqcl23ay9y]{background:#ffebe8;color:#b93c2d}.summary-icon[b-hqcl23ay9y]  svg{font-size:21px}.fleet-summary article>div[b-hqcl23ay9y]{display:grid;min-width:0}.fleet-summary small[b-hqcl23ay9y]{font-size:.59rem;font-weight:900;letter-spacing:.07em;color:#687c90}.fleet-summary strong[b-hqcl23ay9y]{font-size:1.17rem;line-height:1.15}.fleet-summary article>div>span[b-hqcl23ay9y]{overflow:hidden;color:#76899b;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}
.fleet-toolbar[b-hqcl23ay9y]{display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid #d5e5e2;border-radius:18px;background:#fff}.fleet-search[b-hqcl23ay9y]{display:flex;align-items:center;gap:7px;flex:1;min-width:260px;padding:0 10px;border:1px solid #c9dcda;border-radius:12px;background:#f8fbfb}.fleet-search[b-hqcl23ay9y]  svg{font-size:20px;color:#0b7b6d}.fleet-search input[b-hqcl23ay9y]{width:100%;height:42px;border:0;outline:0;background:transparent;color:#13283e;font:inherit}.fleet-search button[b-hqcl23ay9y]{display:grid;place-items:center;border:0;background:transparent;color:#738799;cursor:pointer}.fleet-filters[b-hqcl23ay9y]{display:flex;gap:5px;padding:3px;border-radius:12px;background:#eef5f4}.fleet-filters button[b-hqcl23ay9y]{display:flex;align-items:center;gap:6px;padding:8px 9px;border:0;border-radius:9px;background:transparent;color:#53697e;font:inherit;font-size:.68rem;font-weight:850;cursor:pointer}.fleet-filters button span[b-hqcl23ay9y]{display:grid;min-width:20px;height:20px;place-items:center;border-radius:999px;background:#dde9e7;font-size:.6rem}.fleet-filters button.is-selected[b-hqcl23ay9y]{background:#087565;color:#fff;box-shadow:0 4px 12px rgba(8,117,101,.18)}.fleet-filters button.is-selected span[b-hqcl23ay9y]{background:rgba(255,255,255,.18)}.fleet-generated[b-hqcl23ay9y]{display:flex;align-items:center;gap:5px;color:#6b8094;font-size:.66rem;white-space:nowrap}.fleet-generated[b-hqcl23ay9y]  svg{font-size:17px}
.tenant-fleet[b-hqcl23ay9y]{display:grid;gap:13px}.tenant-card[b-hqcl23ay9y]{overflow:hidden;border:1px solid #d5e4e2;border-radius:21px;background:#fff;box-shadow:0 10px 28px rgba(12,62,67,.065)}.tenant-header[b-hqcl23ay9y]{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 19px;background:linear-gradient(112deg,#fff 20%,#f0fffb 100%)}.tenant-identity[b-hqcl23ay9y]{display:flex;align-items:center;min-width:0;gap:12px}.tenant-avatar[b-hqcl23ay9y]{display:grid;flex:0 0 43px;width:43px;height:43px;place-items:center;border-radius:13px;background:linear-gradient(145deg,#075e57,#12a68f);color:#fff;font-size:.78rem;font-weight:900;box-shadow:0 8px 18px rgba(8,117,101,.17)}.tenant-identity>div[b-hqcl23ay9y]{min-width:0}.tenant-title-line[b-hqcl23ay9y]{display:flex;align-items:center;gap:8px;min-width:0}.tenant-title-line h2[b-hqcl23ay9y]{overflow:hidden;margin:0;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.tenant-code[b-hqcl23ay9y],.tenant-state[b-hqcl23ay9y]{padding:4px 7px;border-radius:999px;background:#e9f3f2;color:#587084;font-size:.56rem;font-weight:900;letter-spacing:.05em}.tenant-state.active[b-hqcl23ay9y]{background:#dcfaef;color:#06725e}.tenant-state.warning[b-hqcl23ay9y]{background:#fff0cf;color:#9b5c00}.tenant-state.paused[b-hqcl23ay9y]{background:#ffe3df;color:#ad3526}.tenant-identity p[b-hqcl23ay9y]{margin:3px 0 0;color:#64798e;font-size:.7rem}.tenant-kpis[b-hqcl23ay9y]{display:flex;gap:6px}.tenant-kpis>div[b-hqcl23ay9y]{display:grid;min-width:65px;padding:8px 10px;border:1px solid #dce9e7;border-radius:11px;background:rgba(255,255,255,.82);text-align:center}.tenant-kpis small[b-hqcl23ay9y]{font-size:.52rem;font-weight:900;color:#708499}.tenant-kpis strong[b-hqcl23ay9y]{font-size:.93rem}.tenant-kpis .warning[b-hqcl23ay9y]{border-color:#f0ce8f;background:#fff7e6;color:#a65a00}
.entitlement-strip[b-hqcl23ay9y]{display:flex;align-items:center;gap:13px;padding:10px 18px;border-top:1px solid #e4eeec;border-bottom:1px solid #e4eeec;background:#f7fbfa}.entitlement-label[b-hqcl23ay9y]{display:flex;align-items:center;gap:6px;flex:0 0 auto;color:#087565;font-size:.59rem;font-weight:900;letter-spacing:.075em}.entitlement-label[b-hqcl23ay9y]  svg{font-size:18px}.entitlement-list[b-hqcl23ay9y]{display:flex;gap:7px;overflow-x:auto;padding:1px}.entitlement-chip[b-hqcl23ay9y]{display:grid;grid-template-columns:auto auto;gap:0 8px;flex:0 0 auto;min-width:127px;padding:7px 9px;border:1px solid #d5e6e3;border-radius:10px;background:#fff}.entitlement-chip>span[b-hqcl23ay9y]{overflow:hidden;max-width:110px;color:#526a7e;font-size:.6rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.entitlement-chip strong[b-hqcl23ay9y]{font-size:.7rem;text-align:right}.entitlement-chip small[b-hqcl23ay9y]{grid-column:1/3;color:#75899a;font-size:.55rem}.entitlement-chip.at-limit[b-hqcl23ay9y]{border-color:#efc887;background:#fff8e9}.entitlement-empty[b-hqcl23ay9y],.hub-empty[b-hqcl23ay9y]{display:flex;align-items:center;gap:8px;padding:12px 18px;color:#6d8193;font-size:.68rem}.entitlement-empty[b-hqcl23ay9y]  svg{font-size:18px}.hub-empty[b-hqcl23ay9y]{justify-content:center;min-height:95px}.hub-empty[b-hqcl23ay9y]  svg{font-size:27px;color:#82a49f}.hub-empty div[b-hqcl23ay9y]{display:grid}.hub-empty span[b-hqcl23ay9y]{font-size:.65rem}
.hub-table-wrap[b-hqcl23ay9y]{overflow-x:auto}.hub-table[b-hqcl23ay9y]{width:100%;border-collapse:collapse;min-width:980px}.hub-table th[b-hqcl23ay9y]{padding:9px 14px;border-bottom:1px solid #dfe9e8;background:#fbfdfd;color:#667b8e;font-size:.56rem;font-weight:900;letter-spacing:.08em;text-align:left}.hub-table td[b-hqcl23ay9y]{padding:11px 14px;border-bottom:1px solid #edf2f1;vertical-align:middle;font-size:.7rem}.hub-table tr:last-child td[b-hqcl23ay9y]{border-bottom:0}.hub-table tr.is-disabled[b-hqcl23ay9y]{background:#fff9f8;opacity:.78}.hub-identity[b-hqcl23ay9y]{display:flex;align-items:center;gap:9px}.hub-pulse[b-hqcl23ay9y]{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:#a2b1bc}.hub-pulse.online[b-hqcl23ay9y]{background:#16b886;box-shadow:0 0 0 5px #dff9f0}.hub-identity>div[b-hqcl23ay9y]{display:grid}.hub-identity strong[b-hqcl23ay9y]{font-size:.73rem}.hub-identity span[b-hqcl23ay9y],.hub-identity small[b-hqcl23ay9y],.hub-note[b-hqcl23ay9y]{display:block;color:#6d8193;font-size:.58rem}.health-badge[b-hqcl23ay9y]{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#e8f2f1;color:#526a7d;font-size:.59rem;font-weight:900;text-transform:uppercase}.health-badge i[b-hqcl23ay9y]{width:6px;height:6px;border-radius:50%;background:currentColor}.health-badge.healthy[b-hqcl23ay9y],.health-badge.syncing[b-hqcl23ay9y]{background:#dcf8ed;color:#08715d}.health-badge.offline[b-hqcl23ay9y],.health-badge.disabled[b-hqcl23ay9y],.health-badge.expired[b-hqcl23ay9y]{background:#ffe8e4;color:#ae3b2d}.health-badge.attention[b-hqcl23ay9y],.health-badge.degraded[b-hqcl23ay9y]{background:#fff0d3;color:#9d5c00}.release-badge[b-hqcl23ay9y]{display:inline-block;padding:5px 8px;border-radius:8px;background:#e6f8f4;color:#087565;font-size:.62rem;font-weight:900}.release-badge.outdated[b-hqcl23ay9y]{background:#fff0d5;color:#9b5b00}.hub-note.warning[b-hqcl23ay9y]{color:#a16000}.contact-time[b-hqcl23ay9y]{font-size:.68rem}.sync-counters[b-hqcl23ay9y]{display:flex;gap:5px}.sync-counters span[b-hqcl23ay9y]{padding:4px 6px;border-radius:7px;background:#eef5f4;color:#62788b;font-size:.55rem}.sync-counters span.warning[b-hqcl23ay9y]{background:#fff0d5;color:#9b5b00}.sync-counters span.danger[b-hqcl23ay9y]{background:#ffe7e3;color:#b1392b}.hub-error[b-hqcl23ay9y]{display:block;overflow:hidden;max-width:190px;margin-top:4px;color:#b33b2d;font-size:.56rem;text-overflow:ellipsis;white-space:nowrap}.entitlement-state[b-hqcl23ay9y]{display:inline-block;padding:5px 7px;border-radius:7px;font-size:.57rem;font-weight:900}.entitlement-state.active[b-hqcl23ay9y]{background:#dcf9ef;color:#08715d}.entitlement-state.expired[b-hqcl23ay9y],.entitlement-state.disabled[b-hqcl23ay9y]{background:#ffe5e1;color:#ac392b}
.fleet-empty[b-hqcl23ay9y]{flex-direction:column;border-color:#d5e5e2;background:#f8fbfb;text-align:center}.fleet-empty>svg[b-hqcl23ay9y]{color:#6c938d}
@media(max-width:1350px){.fleet-summary[b-hqcl23ay9y]{grid-template-columns:repeat(3,1fr)}.fleet-toolbar[b-hqcl23ay9y]{flex-wrap:wrap}.fleet-search[b-hqcl23ay9y]{flex-basis:100%}.fleet-generated[b-hqcl23ay9y]{margin-left:auto}.tenant-header[b-hqcl23ay9y]{align-items:flex-start;flex-direction:column}.tenant-kpis[b-hqcl23ay9y]{width:100%}.tenant-kpis>div[b-hqcl23ay9y]{flex:1}}
@media(max-width:800px){.fleet-page[b-hqcl23ay9y]{padding:10px}.fleet-hero[b-hqcl23ay9y]{align-items:flex-start;flex-wrap:wrap;padding:20px}.fleet-refresh[b-hqcl23ay9y]{margin-left:72px}.fleet-summary[b-hqcl23ay9y]{grid-template-columns:repeat(2,1fr)}.fleet-filters[b-hqcl23ay9y]{width:100%;overflow-x:auto}.fleet-filters button[b-hqcl23ay9y]{flex:0 0 auto}.fleet-generated[b-hqcl23ay9y]{margin-left:0}.tenant-title-line[b-hqcl23ay9y]{align-items:flex-start;flex-wrap:wrap}.tenant-title-line h2[b-hqcl23ay9y]{width:100%}.tenant-kpis[b-hqcl23ay9y]{display:grid;grid-template-columns:repeat(4,1fr)}.tenant-kpis>div[b-hqcl23ay9y]{min-width:0}.entitlement-strip[b-hqcl23ay9y]{align-items:flex-start;flex-direction:column}.fleet-toolbar[b-hqcl23ay9y]{align-items:stretch}.fleet-generated[b-hqcl23ay9y]{justify-content:center}}
@media(max-width:480px){.fleet-summary[b-hqcl23ay9y]{grid-template-columns:1fr}.fleet-hero-mark[b-hqcl23ay9y]{width:45px;height:45px;flex-basis:45px}.fleet-hero h1[b-hqcl23ay9y]{font-size:1.35rem}.fleet-refresh[b-hqcl23ay9y]{margin-left:0}.tenant-kpis[b-hqcl23ay9y]{grid-template-columns:repeat(2,1fr)}}
/* _content/POS.Shared/Components/Pages/ProductsPage.razor.rz.scp.css */
.products-page-shell[b-0bgc8l7tu5] {
    padding: 0 0 1.25rem;
}

.products-content-frame[b-0bgc8l7tu5] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    width: 100%;
    padding: 0.85rem 1.5rem 1.5rem;
    box-sizing: border-box;
}

.products-page-header[b-0bgc8l7tu5] {
    padding: 0;
}

.products-hero-v2[b-0bgc8l7tu5] {
    position: relative;
    min-height: 146px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(440px, 620px) auto;
    align-items: center !important;
    gap: 20px;
    padding: 30px 34px;
    border-radius: 18px;
    overflow: hidden;
    background:
        radial-gradient(circle at 86% 44%, rgba(255,255,255,.16) 0 0, transparent 138px),
        linear-gradient(135deg, #07384a 0%, #0f7b68 100%);
    border: 1px solid rgba(174, 248, 229, .48);
    box-shadow: 0 22px 60px rgba(2, 12, 27, .28);
}

html.pos-dark-theme body.pos-dark-theme .products-hero-v2[b-0bgc8l7tu5],
.dark-theme .products-hero-v2[b-0bgc8l7tu5],
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2[b-0bgc8l7tu5] {
    background:
        radial-gradient(circle at 86% 44%, rgba(255,255,255,.16) 0 0, transparent 138px),
        linear-gradient(135deg, #07384a 0%, #0f7b68 100%);
    border-color: rgba(174, 248, 229, .48);
}

.products-hero-v2 > div[b-0bgc8l7tu5],
.products-hero-v2 > .mud-stack[b-0bgc8l7tu5] {
    position: relative;
    z-index: 1;
}

.products-hero-kicker-v2[b-0bgc8l7tu5] {
    display: block;
    margin-bottom: .35rem;
    color: #a8ffdf;
    font-size: .75rem;
    font-weight: 950;
    text-transform: uppercase;
}

.products-hero-v2[b-0bgc8l7tu5]  .mud-typography,
.products-hero-v2 .mud-typography[b-0bgc8l7tu5] {
    color: #ffffff !important;
    opacity: 1 !important;
}

.products-hero-v2[b-0bgc8l7tu5]  .mud-secondary-text,
.products-hero-v2 .mud-secondary-text[b-0bgc8l7tu5] {
    color: rgba(255,255,255,.9) !important;
    opacity: 1 !important;
}

.products-hero-v2[b-0bgc8l7tu5]  .mud-typography-h4,
.products-hero-v2 .mud-typography-h4[b-0bgc8l7tu5],
.products-hero-v2[b-0bgc8l7tu5]  .products-hero-title-v2,
.products-hero-v2 .products-hero-title-v2[b-0bgc8l7tu5] {
    color: #ffffff !important;
    text-shadow: 0 2px 12px rgba(2, 6, 23, .24);
}

.products-hero-v2[b-0bgc8l7tu5]  .products-hero-subtitle-v2,
.products-hero-v2 .products-hero-subtitle-v2[b-0bgc8l7tu5] {
    color: rgba(255,255,255,.9) !important;
    opacity: 1 !important;
}

.products-hero-v2[b-0bgc8l7tu5]  .mud-button-root,
.products-hero-v2 .mud-button-root[b-0bgc8l7tu5] {
    color: #ffffff !important;
    border-color: rgba(255,255,255,.58) !important;
    background: rgba(15, 23, 42, .22);
}

.products-hero-v2[b-0bgc8l7tu5]  .mud-button-outlined,
.products-hero-v2 .mud-button-outlined[b-0bgc8l7tu5] {
    background: rgba(255,255,255,.12) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

.products-hero-v2[b-0bgc8l7tu5]  .mud-button-label,
.products-hero-v2[b-0bgc8l7tu5]  .mud-button-root .mud-icon-root,
.products-hero-v2[b-0bgc8l7tu5]  .products-hero-back-v2,
.products-hero-v2[b-0bgc8l7tu5]  .products-hero-back-v2 .mud-button-label,
.products-hero-v2[b-0bgc8l7tu5]  .products-hero-back-v2 .mud-icon-root,
.products-hero-v2 .mud-button-label[b-0bgc8l7tu5],
.products-hero-v2 .mud-button-root .mud-icon-root[b-0bgc8l7tu5],
.products-hero-v2 .products-hero-back-v2[b-0bgc8l7tu5] {
    color: #ffffff !important;
}

.products-hero-v2[b-0bgc8l7tu5]  .products-hero-back-v2,
.products-hero-v2 .products-hero-back-v2[b-0bgc8l7tu5] {
    border-color: rgba(255,255,255,.72) !important;
    background: rgba(255,255,255,.16) !important;
    opacity: 1 !important;
}

.products-hero-actions-v2[b-0bgc8l7tu5] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.products-hero-metrics-v2[b-0bgc8l7tu5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(104px, 1fr));
    gap: 12px;
}

.products-hero-metrics-v2 div[b-0bgc8l7tu5] {
    min-height: 76px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 10px;
    align-items: center;
    padding: 14px;
    border-radius: 14px;
    background: rgba(255,255,255,.14);
    border: 1px solid rgba(255,255,255,.22);
    color: #ffffff;
    backdrop-filter: blur(12px);
}

.products-hero-metrics-v2 .mud-icon-root[b-0bgc8l7tu5] {
    grid-row: 1 / span 2;
    width: 34px;
    height: 34px;
    padding: 7px;
    border-radius: 12px;
    background: rgba(255,255,255,.14);
    color: #d9fff4;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}

.products-hero-metrics-v2 small[b-0bgc8l7tu5] {
    color: rgba(235, 255, 249, .8);
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1;
}

.products-hero-metrics-v2 strong[b-0bgc8l7tu5] {
    color: #ffffff;
    font-size: 1.3rem;
    line-height: 1.1;
    font-weight: 900;
}

html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2[b-0bgc8l7tu5]  .mud-button-root,
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2 .mud-button-root[b-0bgc8l7tu5] {
    color: #ffffff !important;
    border-color: rgba(255,255,255,.62) !important;
}

html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2[b-0bgc8l7tu5]  .mud-typography,
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2[b-0bgc8l7tu5]  .mud-typography-h4,
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2[b-0bgc8l7tu5]  .mud-secondary-text,
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2[b-0bgc8l7tu5]  .products-hero-title-v2,
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2[b-0bgc8l7tu5]  .products-hero-subtitle-v2,
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2[b-0bgc8l7tu5]  .products-hero-back-v2,
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2[b-0bgc8l7tu5]  .products-hero-back-v2 .mud-button-label,
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2[b-0bgc8l7tu5]  .products-hero-back-v2 .mud-icon-root,
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2[b-0bgc8l7tu5]  .mud-button-label,
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2[b-0bgc8l7tu5]  .mud-button-root .mud-icon-root,
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2 .mud-typography[b-0bgc8l7tu5],
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2 .mud-typography-h4[b-0bgc8l7tu5],
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2 .mud-secondary-text[b-0bgc8l7tu5],
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2 .products-hero-title-v2[b-0bgc8l7tu5],
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2 .products-hero-subtitle-v2[b-0bgc8l7tu5],
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2 .products-hero-back-v2[b-0bgc8l7tu5],
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2 .mud-button-label[b-0bgc8l7tu5],
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2 .mud-button-root .mud-icon-root[b-0bgc8l7tu5] {
    color: #ffffff !important;
    opacity: 1 !important;
}

html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2[b-0bgc8l7tu5]  .mud-button-filled-primary,
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-v2 .mud-button-filled-primary[b-0bgc8l7tu5] {
    background-color: #065f46;
    color: #ffffff;
}

html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-metrics-v2 div[b-0bgc8l7tu5] {
    background: rgba(255,255,255,.16);
    border-color: rgba(255,255,255,.24);
}

html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-metrics-v2 .mud-icon-root[b-0bgc8l7tu5] {
    color: #d9fff4;
}

html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-metrics-v2 small[b-0bgc8l7tu5],
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .products-hero-metrics-v2 strong[b-0bgc8l7tu5] {
    color: #ffffff;
}

.product-filter-card[b-0bgc8l7tu5] {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 18px;
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-primary) 8%);
    padding: 1rem;
}

html.pos-dark-theme body.pos-dark-theme .product-filter-card[b-0bgc8l7tu5],
.dark-theme .product-filter-card[b-0bgc8l7tu5] {
    background: linear-gradient(135deg, rgba(18, 33, 55, .96), rgba(10, 24, 43, .98));
    border-color: rgba(148, 163, 184, .22);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .24);
}

html:not(.pos-dark-theme) body:not(.pos-dark-theme) .product-filter-card[b-0bgc8l7tu5] {
    background:
        linear-gradient(135deg, rgba(236, 253, 245, .72), rgba(255, 255, 255, .96) 42%),
        #ffffff;
    border-color: #dbe5ee;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .08);
}

.product-filter-head[b-0bgc8l7tu5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

.product-filter-head div[b-0bgc8l7tu5] {
    min-width: 0;
}

.product-filter-head span[b-0bgc8l7tu5],
.product-filter-head strong[b-0bgc8l7tu5] {
    display: block;
}

.product-filter-head span[b-0bgc8l7tu5] {
    color: var(--mud-palette-primary);
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.product-filter-head strong[b-0bgc8l7tu5] {
    overflow: hidden;
    color: var(--mud-palette-text-primary);
    font-size: 1rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-filter-head[b-0bgc8l7tu5]  .mud-button-root {
    min-width: 118px;
    height: 42px;
    border-radius: 999px;
    font-weight: 900;
    box-shadow: 0 12px 24px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

.product-scope-row[b-0bgc8l7tu5],
.product-filter-row[b-0bgc8l7tu5] {
    display: grid;
    gap: .75rem;
}

.product-scope-row[b-0bgc8l7tu5] {
    grid-template-columns: minmax(240px, .95fr) minmax(240px, .95fr) minmax(360px, 1.55fr);
    align-items: end;
}

.product-filter-row[b-0bgc8l7tu5] {
    grid-template-columns: minmax(260px, 1.35fr) minmax(180px, .85fr) minmax(200px, .95fr) minmax(96px, .45fr);
    align-items: end;
    margin-top: .65rem;
}

.product-filter-field[b-0bgc8l7tu5] {
    min-width: 0;
    padding: .1rem .65rem .25rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-lines-default) 78%, transparent);
    border-radius: 14px;
    background: color-mix(in srgb, var(--mud-palette-surface) 86%, var(--mud-palette-primary) 5%);
}

.product-filter-search[b-0bgc8l7tu5] {
    background: color-mix(in srgb, var(--mud-palette-surface) 92%, var(--mud-palette-info) 4%);
}

.product-filter-card[b-0bgc8l7tu5]  .mud-input-control {
    margin-top: 0;
}

.product-filter-card[b-0bgc8l7tu5]  .mud-input,
.product-filter-card[b-0bgc8l7tu5]  .mud-input-root,
.product-filter-card[b-0bgc8l7tu5]  .mud-select,
.product-filter-card[b-0bgc8l7tu5]  input {
    color: var(--mud-palette-text-primary);
    font-weight: 800;
}

.product-filter-card[b-0bgc8l7tu5]  .mud-input-label {
    color: var(--mud-palette-text-secondary);
    font-weight: 900;
}

.product-filter-card[b-0bgc8l7tu5]  .mud-input-adornment .mud-icon-root {
    color: var(--mud-palette-primary);
}

html.pos-dark-theme body.pos-dark-theme .product-filter-field[b-0bgc8l7tu5],
.dark-theme .product-filter-field[b-0bgc8l7tu5] {
    background: rgba(15, 23, 42, .72);
    border-color: rgba(148, 163, 184, .20);
}

html:not(.pos-dark-theme) body:not(.pos-dark-theme) .product-filter-field[b-0bgc8l7tu5] {
    background: rgba(255, 255, 255, .88);
    border-color: #dce8ef;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.product-list-insights[b-0bgc8l7tu5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 0.75rem;
}

.product-list-insights div[b-0bgc8l7tu5] {
    min-height: 70px;
    padding: 0.8rem 0.95rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 14px;
    background: var(--mud-palette-surface);
    box-shadow: 0 12px 30px color-mix(in srgb, var(--mud-palette-dark) 12%, transparent);
}

html.pos-dark-theme body.pos-dark-theme .product-list-insights div[b-0bgc8l7tu5],
.dark-theme .product-list-insights div[b-0bgc8l7tu5] {
    background: linear-gradient(135deg, rgba(15, 55, 51, .92), rgba(18, 40, 54, .96));
    border-color: rgba(74, 222, 128, .22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}

html:not(.pos-dark-theme) body:not(.pos-dark-theme) .product-list-insights div[b-0bgc8l7tu5] {
    background: #ffffff;
    border-color: #dbe5ee;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .07);
}

.product-list-insights span[b-0bgc8l7tu5],
.product-list-insights strong[b-0bgc8l7tu5] {
    display: block;
}

.product-list-insights span[b-0bgc8l7tu5] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.7rem;
    font-weight: 850;
    text-transform: uppercase;
}

.product-list-insights strong[b-0bgc8l7tu5] {
    margin-top: 0.25rem;
    color: var(--mud-palette-text-primary);
    font-size: 1.35rem;
    font-weight: 950;
    line-height: 1.45rem;
}

.product-master-card[b-0bgc8l7tu5] {
    border-radius: 14px;
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    box-shadow: 0 18px 46px color-mix(in srgb, var(--mud-palette-dark) 14%, transparent);
}

html.pos-dark-theme body.pos-dark-theme .product-master-card[b-0bgc8l7tu5],
.dark-theme .product-master-card[b-0bgc8l7tu5] {
    overflow: hidden;
    background: linear-gradient(180deg, rgba(16, 42, 54, .98), rgba(14, 31, 49, .98));
    border-color: rgba(148, 163, 184, .24);
    box-shadow: 0 16px 42px rgba(0, 0, 0, .22);
}

html:not(.pos-dark-theme) body:not(.pos-dark-theme) .product-master-card[b-0bgc8l7tu5] {
    overflow: hidden;
    background: #ffffff;
    border-color: #dbe5ee;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .08);
}

.product-list-toolbar[b-0bgc8l7tu5],
.product-list-footer[b-0bgc8l7tu5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.75rem 0.95rem;
    background: color-mix(in srgb, var(--mud-palette-surface) 88%, var(--mud-palette-primary) 12%);
}

html.pos-dark-theme body.pos-dark-theme .product-list-toolbar[b-0bgc8l7tu5],
html.pos-dark-theme body.pos-dark-theme .product-list-footer[b-0bgc8l7tu5],
.dark-theme .product-list-toolbar[b-0bgc8l7tu5],
.dark-theme .product-list-footer[b-0bgc8l7tu5] {
    background:
        radial-gradient(circle at 94% 20%, rgba(34, 197, 94, .18), transparent 180px),
        linear-gradient(135deg, rgba(17, 67, 60, .95), rgba(15, 38, 54, .95));
    border-color: rgba(148, 163, 184, .24);
}

html:not(.pos-dark-theme) body:not(.pos-dark-theme) .product-list-toolbar[b-0bgc8l7tu5],
html:not(.pos-dark-theme) body:not(.pos-dark-theme) .product-list-footer[b-0bgc8l7tu5] {
    background:
        radial-gradient(circle at 94% 20%, rgba(20, 184, 166, .12), transparent 180px),
        linear-gradient(135deg, #ffffff, #effdf8);
    border-color: #dbe5ee;
}

.product-list-toolbar[b-0bgc8l7tu5] {
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.product-list-footer[b-0bgc8l7tu5] {
    border-top: 1px solid var(--mud-palette-lines-default);
}

.product-list-toolbar strong[b-0bgc8l7tu5] {
    display: block;
    color: var(--mud-palette-text-primary);
    font-size: 0.95rem;
    font-weight: 950;
}

.product-list-toolbar span[b-0bgc8l7tu5],
.product-list-footer span[b-0bgc8l7tu5],
.product-pager-actions span[b-0bgc8l7tu5] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.78rem;
    font-weight: 800;
}

.product-pager-actions[b-0bgc8l7tu5] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
    white-space: nowrap;
}

.product-list-table[b-0bgc8l7tu5] {
    width: 100%;
    overflow-x: auto;
}

.product-list-head[b-0bgc8l7tu5],
.product-list-row[b-0bgc8l7tu5] {
    display: grid;
    grid-template-columns: minmax(240px, 1.5fr) minmax(130px, 0.8fr) minmax(150px, 0.9fr) minmax(130px, 0.75fr) minmax(130px, 0.75fr) minmax(110px, 0.65fr) 96px;
    align-items: center;
    gap: 0.75rem;
    min-width: 980px;
}

.product-list-head[b-0bgc8l7tu5] {
    min-height: 38px;
    padding: 0 1rem;
    color: var(--mud-palette-text-secondary);
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
    background: color-mix(in srgb, var(--mud-palette-surface) 86%, var(--mud-palette-primary) 14%);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

html.pos-dark-theme body.pos-dark-theme .product-list-head[b-0bgc8l7tu5],
.dark-theme .product-list-head[b-0bgc8l7tu5] {
    background: rgba(15, 23, 42, .92);
    color: #ffffff;
    border-color: rgba(148, 163, 184, .22);
}

html:not(.pos-dark-theme) body:not(.pos-dark-theme) .product-list-head[b-0bgc8l7tu5] {
    background: #f8fbfc;
    color: #52657c;
    border-color: #dbe5ee;
}

.product-list-row[b-0bgc8l7tu5] {
    min-height: 58px;
    padding: 0.45rem 1rem;
    border-bottom: 1px solid var(--mud-palette-lines-default);
    color: var(--mud-palette-text-primary);
}

.product-list-row:last-child[b-0bgc8l7tu5] {
    border-bottom: 0;
}

.product-row[b-0bgc8l7tu5] {
    background: var(--mud-palette-surface);
}

html.pos-dark-theme body.pos-dark-theme .product-row[b-0bgc8l7tu5],
.dark-theme .product-row[b-0bgc8l7tu5] {
    background: #101827;
}

html:not(.pos-dark-theme) body:not(.pos-dark-theme) .product-row[b-0bgc8l7tu5] {
    background: #ffffff;
}

.product-row:hover[b-0bgc8l7tu5],
.variant-row:hover[b-0bgc8l7tu5] {
    background: color-mix(in srgb, var(--mud-palette-surface) 78%, var(--mud-palette-primary) 22%);
}

.product-save-overlay[b-0bgc8l7tu5] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    width: min(100%, 720px);
    padding: 0.9rem 1rem;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 28%, var(--mud-palette-lines-default));
    border-radius: 16px;
    background:
        linear-gradient(135deg,
            color-mix(in srgb, var(--mud-palette-primary) 12%, var(--mud-palette-surface)),
            color-mix(in srgb, var(--mud-palette-success) 10%, var(--mud-palette-surface)));
    color: var(--mud-palette-text-primary);
    box-shadow: 0 14px 36px rgba(15, 118, 110, 0.16);
}

.product-save-spinner[b-0bgc8l7tu5] {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: color-mix(in srgb, var(--mud-palette-primary) 12%, var(--mud-palette-surface));
}

.product-save-overlay strong[b-0bgc8l7tu5],
.product-save-overlay span[b-0bgc8l7tu5] {
    display: block;
}

.product-save-overlay strong[b-0bgc8l7tu5] {
    font-size: 0.95rem;
    font-weight: 900;
}

.product-save-overlay span[b-0bgc8l7tu5] {
    margin-top: 0.1rem;
    color: var(--mud-palette-text-secondary);
    font-size: 0.82rem;
    font-weight: 700;
}

html.pos-dark-theme body.pos-dark-theme .product-save-overlay[b-0bgc8l7tu5],
.dark-theme .product-save-overlay[b-0bgc8l7tu5] {
    border-color: rgba(45, 212, 191, 0.26);
    background:
        linear-gradient(135deg,
            rgba(20, 184, 166, 0.16),
            rgba(15, 23, 42, 0.96));
    box-shadow: 0 16px 42px rgba(0, 0, 0, 0.36);
}

html.pos-dark-theme body.pos-dark-theme .product-save-spinner[b-0bgc8l7tu5],
.dark-theme .product-save-spinner[b-0bgc8l7tu5] {
    background: rgba(20, 184, 166, 0.12);
}

.product-row.last-saved[b-0bgc8l7tu5] {
    position: relative;
    background: color-mix(in srgb, var(--mud-palette-success) 16%, var(--mud-palette-surface));
    box-shadow: inset 4px 0 0 var(--mud-palette-success), 0 8px 22px rgba(16, 185, 129, .12);
}

.variant-row[b-0bgc8l7tu5] {
    min-height: 48px;
    background: color-mix(in srgb, var(--mud-palette-surface) 86%, var(--mud-palette-primary) 14%);
}

html.pos-dark-theme body.pos-dark-theme .variant-row[b-0bgc8l7tu5],
.dark-theme .variant-row[b-0bgc8l7tu5] {
    background: rgba(13, 45, 45, .72);
}

html:not(.pos-dark-theme) body:not(.pos-dark-theme) .variant-row[b-0bgc8l7tu5] {
    background: #f8fbfc;
}

.product-name-cell[b-0bgc8l7tu5] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    min-width: 0;
}

.product-title-line[b-0bgc8l7tu5] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    flex-wrap: wrap;
}

.product-name-cell strong[b-0bgc8l7tu5] {
    color: var(--mud-palette-text-primary);
    font-size: 0.92rem;
    line-height: 1.1rem;
}

.quick-item-badge[b-0bgc8l7tu5],
.last-saved-badge[b-0bgc8l7tu5] {
    display: inline-flex;
    align-items: center;
    gap: 0.18rem;
    min-height: 20px;
    padding: 0.08rem 0.42rem;
    border-radius: 999px;
    border: 1px solid rgba(15, 118, 110, 0.18);
    background: rgba(20, 184, 166, 0.12);
    color: #047857;
    font-size: 0.66rem;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
}

.last-saved-badge[b-0bgc8l7tu5] {
    border-color: rgba(22, 163, 74, 0.24);
    background: rgba(34, 197, 94, 0.14);
    color: #15803d;
}

.quick-item-badge .mud-icon-root[b-0bgc8l7tu5],
.last-saved-badge .mud-icon-root[b-0bgc8l7tu5] {
    font-size: 0.86rem;
}

html.pos-dark-theme body.pos-dark-theme .quick-item-badge[b-0bgc8l7tu5],
.dark-theme .quick-item-badge[b-0bgc8l7tu5] {
    border-color: rgba(94, 234, 212, 0.28);
    background: rgba(20, 184, 166, 0.18);
    color: #99f6e4;
}

html.pos-dark-theme body.pos-dark-theme .last-saved-badge[b-0bgc8l7tu5],
.dark-theme .last-saved-badge[b-0bgc8l7tu5] {
    border-color: rgba(134, 239, 172, 0.28);
    background: rgba(34, 197, 94, 0.18);
    color: #bbf7d0;
}

.product-name-cell small[b-0bgc8l7tu5],
.variant-indent[b-0bgc8l7tu5] {
    color: var(--mud-palette-primary);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.variant-row .product-name-cell[b-0bgc8l7tu5] {
    padding-left: 1.1rem;
    border-left: 3px solid color-mix(in srgb, var(--mud-palette-primary) 38%, transparent);
}

.barcode-cell[b-0bgc8l7tu5] {
    color: var(--mud-palette-text-secondary);
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.86rem;
}

.variant-row .barcode-cell[b-0bgc8l7tu5] {
    color: var(--mud-palette-primary);
    font-weight: 800;
}

.product-actions[b-0bgc8l7tu5] {
    display: flex;
    justify-content: flex-end;
    gap: 0.25rem;
}

.product-list-empty[b-0bgc8l7tu5] {
    display: grid;
    place-items: center;
    gap: 0.35rem;
    min-width: 980px;
    padding: 3rem 1rem;
    color: var(--mud-palette-text-secondary);
    text-align: center;
}

.product-list-empty .mud-icon-root[b-0bgc8l7tu5] {
    color: var(--mud-palette-primary);
    font-size: 2rem;
}

.product-list-empty strong[b-0bgc8l7tu5] {
    color: var(--mud-palette-text-primary);
    font-size: 1rem;
    font-weight: 950;
}

.product-list-empty span[b-0bgc8l7tu5] {
    max-width: 420px;
    font-size: 0.82rem;
    font-weight: 750;
}

.product-list-loader[b-0bgc8l7tu5] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    min-width: 980px;
    min-height: 260px;
    padding: 3.5rem 1rem;
    color: var(--mud-palette-text-secondary);
    background:
        radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--mud-palette-primary) 14%, transparent), transparent 250px),
        color-mix(in srgb, var(--mud-palette-surface) 94%, var(--mud-palette-primary) 6%);
    text-align: left;
}

.product-loader-mark[b-0bgc8l7tu5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border: 1px solid color-mix(in srgb, var(--mud-palette-primary) 28%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface));
    box-shadow: 0 12px 28px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}

.product-list-loader strong[b-0bgc8l7tu5] {
    display: block;
    color: var(--mud-palette-text-primary);
    font-size: 1rem;
    font-weight: 950;
}

.product-list-loader span[b-0bgc8l7tu5] {
    display: block;
    max-width: 460px;
    margin-top: 0.18rem;
    color: var(--mud-palette-text-secondary);
    font-size: 0.82rem;
    font-weight: 750;
}

html.pos-dark-theme body.pos-dark-theme .product-list-loader[b-0bgc8l7tu5],
.dark-theme .product-list-loader[b-0bgc8l7tu5] {
    background:
        radial-gradient(circle at 50% 35%, rgba(20, 184, 166, 0.18), transparent 260px),
        linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(14, 31, 49, 0.98));
}

html.pos-dark-theme body.pos-dark-theme .product-loader-mark[b-0bgc8l7tu5],
.dark-theme .product-loader-mark[b-0bgc8l7tu5] {
    border-color: rgba(94, 234, 212, 0.28);
    background: rgba(20, 184, 166, 0.12);
    box-shadow: 0 14px 32px rgba(20, 184, 166, 0.12);
}

@media (min-width: 768px) and (max-width: 1180px) {
    .product-scope-row[b-0bgc8l7tu5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product-filter-search[b-0bgc8l7tu5] {
        grid-column: 1 / -1;
    }

    .product-filter-row[b-0bgc8l7tu5] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .product-master-card[b-0bgc8l7tu5] {
        border-radius: 12px;
    }

    .product-list-table[b-0bgc8l7tu5] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .product-list-head[b-0bgc8l7tu5],
    .product-list-row[b-0bgc8l7tu5] {
        grid-template-columns: minmax(200px, 1.35fr) minmax(108px, 0.7fr) minmax(124px, 0.85fr) minmax(104px, 0.7fr) minmax(104px, 0.7fr) minmax(92px, 0.6fr) 82px;
        min-width: 840px;
        gap: 0.55rem;
    }

    .product-list-head[b-0bgc8l7tu5] {
        min-height: 34px;
        padding-inline: 0.75rem;
        font-size: 0.72rem;
    }

    .product-list-row[b-0bgc8l7tu5] {
        min-height: 52px;
        padding: 0.38rem 0.75rem;
    }

    .product-name-cell strong[b-0bgc8l7tu5] {
        font-size: 0.86rem;
    }

    .barcode-cell[b-0bgc8l7tu5] {
        font-size: 0.78rem;
    }

    .product-list-loader[b-0bgc8l7tu5] {
        min-width: 840px;
    }
}

@media (max-width: 767px) {
    .products-content-frame[b-0bgc8l7tu5] {
        padding: 0.75rem 1rem 1.25rem;
    }

    .products-page-header[b-0bgc8l7tu5] {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    .products-page-header > .mud-stack[b-0bgc8l7tu5] {
        width: 100%;
        flex-wrap: wrap;
    }

    .product-filter-card[b-0bgc8l7tu5] {
        padding: .8rem;
    }

    .product-filter-head[b-0bgc8l7tu5] {
        align-items: stretch;
        flex-direction: column;
    }

    .product-filter-head[b-0bgc8l7tu5]  .mud-button-root {
        width: 100%;
    }

    .product-scope-row[b-0bgc8l7tu5],
    .product-filter-row[b-0bgc8l7tu5] {
        grid-template-columns: 1fr;
    }

    .product-list-insights[b-0bgc8l7tu5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product-list-toolbar[b-0bgc8l7tu5],
    .product-list-footer[b-0bgc8l7tu5] {
        align-items: flex-start;
        flex-direction: column;
    }

    .product-pager-actions[b-0bgc8l7tu5] {
        width: 100%;
        justify-content: space-between;
    }

    .product-list-loader[b-0bgc8l7tu5] {
        min-width: 840px;
        min-height: 220px;
        justify-content: flex-start;
        padding: 2.5rem 1rem;
    }
}

@media (max-width: 520px) {
    .product-list-insights[b-0bgc8l7tu5] {
        grid-template-columns: 1fr;
    }
}
/* _content/POS.Shared/Components/Pages/RetailTraceabilityPage.razor.rz.scp.css */
.trace-page[b-zky9g4odi5]{padding:22px;max-width:1500px;margin:auto;background:#f6f7fb;min-height:100%}.trace-hero[b-zky9g4odi5]{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;border-radius:24px;color:#fff;background:radial-gradient(circle at 85% 10%,#8b5cf6 0,transparent 30%),linear-gradient(135deg,#111633,#312066 62%,#5b21b6);box-shadow:0 20px 45px #312e812b}.trace-hero h1[b-zky9g4odi5]{margin:4px 0;font-size:clamp(1.6rem,3vw,2.5rem)}.trace-hero p[b-zky9g4odi5]{margin:0;color:#e8e7ff}.eyebrow[b-zky9g4odi5]{font-size:.72rem;font-weight:800;letter-spacing:.16em;color:#c4b5fd}.trace-tools[b-zky9g4odi5]{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;gap:12px;margin:18px 0;padding:16px;border:1px solid #e7e7f1;border-radius:18px;background:#fff}.trace-kpis[b-zky9g4odi5]{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.trace-kpis article[b-zky9g4odi5]{padding:18px;border-radius:18px;background:#fff;border:1px solid #e7e7f1}.trace-kpis span[b-zky9g4odi5]{display:block;color:#74748b;font-size:.78rem;font-weight:700}.trace-kpis strong[b-zky9g4odi5]{font-size:1.7rem;color:#25213f}.trace-grid[b-zky9g4odi5]{border:1px solid #e7e7f1;border-radius:18px;overflow:hidden}.trace-grid small[b-zky9g4odi5]{display:block;color:#7d7b90}.trace-grid code[b-zky9g4odi5]{font-weight:800;color:#4c1d95}.trace-empty[b-zky9g4odi5]{padding:42px;color:#777;text-align:center}@media(max-width:700px){.trace-page[b-zky9g4odi5]{padding:10px}.trace-hero[b-zky9g4odi5]{padding:22px}.trace-tools[b-zky9g4odi5],.trace-kpis[b-zky9g4odi5]{grid-template-columns:1fr}}
/* _content/POS.Shared/Components/Pages/SubscriptionPage.razor.rz.scp.css */
.subscription-page[b-q888s8kox0]{padding:18px;display:grid;gap:16px;color:#10233b}.subscription-hero[b-q888s8kox0]{display:flex;align-items:center;gap:18px;padding:26px 30px;border-radius:24px;background:linear-gradient(118deg,#082f49 0%,#0f766e 62%,#14b8a6 100%);color:white;box-shadow:0 18px 44px rgba(8,47,73,.2)}.subscription-hero-icon[b-q888s8kox0]{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22)}.subscription-hero-icon[b-q888s8kox0]  svg{font-size:30px}.subscription-hero span[b-q888s8kox0],.subscription-overview header span[b-q888s8kox0],.subscription-control header span[b-q888s8kox0],.subscription-timeline header span[b-q888s8kox0],.subscription-client-picker span[b-q888s8kox0]{font-size:.72rem;font-weight:900;letter-spacing:.12em}.subscription-hero h1[b-q888s8kox0]{font-size:1.65rem;margin:2px 0 3px}.subscription-hero p[b-q888s8kox0]{margin:0;color:#d8fffb}.subscription-state[b-q888s8kox0]{margin-left:auto;min-width:145px;padding:12px 18px;border-radius:16px;background:rgba(255,255,255,.13);display:grid}.subscription-state strong[b-q888s8kox0]{font-size:1.25rem}.subscription-state.is-warning[b-q888s8kox0]{background:#fff1c7;color:#854d0e}.subscription-state.is-blocked[b-q888s8kox0]{background:#fee2e2;color:#991b1b}.subscription-client-picker[b-q888s8kox0]{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border:1px solid #cde6e3;border-radius:18px;background:#f4fffd}.subscription-client-picker div:first-child[b-q888s8kox0]{display:grid}.subscription-client-select[b-q888s8kox0]{width:min(580px,65vw)}

.plan-showcase[b-q888s8kox0]{position:relative;overflow:hidden;padding:24px;border:1px solid #cfe5e1;border-radius:24px;background:radial-gradient(circle at 90% 0,rgba(45,212,191,.13),transparent 30%),linear-gradient(145deg,#fff 0%,#f7fcfb 100%);box-shadow:0 15px 38px rgba(11,78,72,.08)}.plan-showcase-header[b-q888s8kox0]{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:19px}.plan-showcase-header>div:first-child>span[b-q888s8kox0]{font-size:.69rem;font-weight:900;letter-spacing:.13em;color:#087565}.plan-showcase-header h2[b-q888s8kox0]{margin:3px 0;font-size:1.45rem}.plan-showcase-header p[b-q888s8kox0]{margin:0;max-width:760px;color:#60748a}.plan-cycle-toggle[b-q888s8kox0]{display:flex;flex:0 0 auto;padding:4px;border:1px solid #c8ddda;border-radius:14px;background:#eef7f5}.plan-cycle-toggle button[b-q888s8kox0]{border:0;border-radius:10px;padding:9px 13px;background:transparent;color:#5d7185;font:inherit;font-size:.72rem;font-weight:900;letter-spacing:.04em;cursor:pointer}.plan-cycle-toggle button.is-selected[b-q888s8kox0]{background:#fff;color:#096f62;box-shadow:0 5px 14px rgba(6,78,69,.12)}.plan-cycle-toggle small[b-q888s8kox0]{margin-left:5px;color:#0b8b77;font-size:.58rem}.plan-card-grid[b-q888s8kox0]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.plan-card[b-q888s8kox0]{--plan-accent:#7a8a9b;position:relative;display:flex;flex-direction:column;min-width:0;padding:18px;border:1px solid #dbe6e5;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(14,55,65,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.plan-card:hover[b-q888s8kox0]{transform:translateY(-3px);border-color:#9dd7ce;box-shadow:0 16px 34px rgba(11,95,83,.12)}.plan-card.is-recommended[b-q888s8kox0]{--plan-accent:#10a38f;border-color:#82d4c7;background:linear-gradient(160deg,#f3fffc,#fff 48%)}.plan-card.is-current[b-q888s8kox0]{--plan-accent:#087565;border-width:2px;box-shadow:0 14px 34px rgba(8,117,101,.16)}.plan-card.is-enterprise[b-q888s8kox0]{--plan-accent:#6254d9;background:linear-gradient(160deg,#f8f7ff,#fff 52%)}.plan-card-accent[b-q888s8kox0]{position:absolute;inset:0 auto 0 0;width:5px;border-radius:20px 0 0 20px;background:var(--plan-accent)}.plan-card>header[b-q888s8kox0]{display:flex;align-items:flex-start;justify-content:space-between;min-height:46px}.plan-card-icon[b-q888s8kox0]{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--plan-accent) 12%,white);color:var(--plan-accent)}.plan-card-icon[b-q888s8kox0]  svg{font-size:23px}.plan-card-badges[b-q888s8kox0]{display:grid;justify-items:end;gap:5px}.plan-badge[b-q888s8kox0]{display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;font-size:.57rem;font-weight:900;letter-spacing:.055em;white-space:nowrap}.plan-badge[b-q888s8kox0]  svg{font-size:13px}.plan-badge.current[b-q888s8kox0]{background:#dff8f2;color:#076f61}.plan-badge.recommended[b-q888s8kox0]{background:#082f49;color:#fff}.plan-card-copy[b-q888s8kox0]{margin-top:14px;min-height:112px}.plan-card-copy small[b-q888s8kox0]{font-size:.65rem;font-weight:900;letter-spacing:.11em;color:var(--plan-accent)}.plan-card-copy h3[b-q888s8kox0]{margin:3px 0 7px;font-size:1.28rem}.plan-card-copy p[b-q888s8kox0]{margin:0;color:#61758a;line-height:1.45;font-size:.84rem}.plan-price[b-q888s8kox0]{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;min-height:76px;padding:13px 0;border-top:1px solid #e8eeee;border-bottom:1px solid #e8eeee}.plan-price strong[b-q888s8kox0]{font-size:1.55rem;letter-spacing:-.035em;color:#10243b}.plan-price>span[b-q888s8kox0]{font-size:.73rem;color:#60748a}.plan-price>small[b-q888s8kox0]{width:100%;color:#74869a;font-size:.67rem}.plan-capacity[b-q888s8kox0]{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:13px 0}.plan-capacity div[b-q888s8kox0]{display:grid;justify-items:center;text-align:center;gap:1px;padding:9px 3px;border-radius:11px;background:#f3f8f7}.plan-capacity[b-q888s8kox0]  svg{font-size:17px;color:var(--plan-accent)}.plan-capacity strong[b-q888s8kox0]{font-size:.88rem}.plan-capacity span[b-q888s8kox0]{font-size:.57rem;color:#687d90;line-height:1.2}.plan-feature-list[b-q888s8kox0]{display:grid;align-content:start;gap:8px;min-height:123px;margin-bottom:15px}.plan-feature-list>div[b-q888s8kox0]{display:flex;align-items:center;gap:7px;color:#30475d;font-size:.76rem}.plan-feature-list[b-q888s8kox0]  svg{font-size:16px;color:#11a38f}.plan-feature-list>small[b-q888s8kox0]{padding-left:23px;color:#087565;font-weight:800;font-size:.66rem}.plan-action[b-q888s8kox0]{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:41px;margin-top:auto;padding:10px 9px;border:1px solid #087565;border-radius:12px;background:#087565;color:#fff;text-decoration:none;font:inherit;font-size:.69rem;font-weight:900;letter-spacing:.04em;cursor:pointer}.plan-action:hover[b-q888s8kox0]{background:#065e52;color:#fff}.plan-action[b-q888s8kox0]  svg{font-size:17px}.plan-action.is-current[b-q888s8kox0]{border-color:#bcded8;background:#eaf8f5;color:#087565;cursor:default}.plan-assurance[b-q888s8kox0]{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:18px;padding-top:17px;border-top:1px solid #dceae7}.plan-assurance div[b-q888s8kox0]{display:flex;align-items:center;gap:8px;color:#5d7286;font-size:.76rem}.plan-assurance[b-q888s8kox0]  svg{color:#0e8d7d;font-size:19px}.plan-assurance strong[b-q888s8kox0]{color:#173149}

.subscription-grid[b-q888s8kox0]{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);gap:16px}.subscription-overview[b-q888s8kox0],.subscription-control[b-q888s8kox0],.subscription-timeline[b-q888s8kox0]{background:white;border:1px solid #dbe7e5;border-radius:22px;padding:24px;box-shadow:0 10px 30px rgba(15,60,65,.07)}.subscription-overview header[b-q888s8kox0],.subscription-timeline header[b-q888s8kox0]{display:flex;justify-content:space-between;align-items:flex-start}.subscription-overview h2[b-q888s8kox0],.subscription-control h2[b-q888s8kox0],.subscription-timeline h2[b-q888s8kox0]{margin:2px 0;font-size:1.35rem}.subscription-overview header p[b-q888s8kox0],.subscription-control header p[b-q888s8kox0]{margin:2px 0;color:#60748a}.subscription-plan-code[b-q888s8kox0]{background:#dffbf4;color:#087565;padding:7px 11px;border-radius:999px}.subscription-warning[b-q888s8kox0]{display:flex;gap:12px;margin:18px 0;padding:14px;border-radius:15px;background:#fff8e5;color:#8a5200}.subscription-warning.is-blocked[b-q888s8kox0]{background:#fff0f0;color:#9f2020}.subscription-warning div[b-q888s8kox0]{display:grid}.subscription-facts[b-q888s8kox0]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.subscription-facts div[b-q888s8kox0]{padding:13px;border-radius:14px;background:#f6f9fb;border:1px solid #e3ecec;display:grid}.subscription-facts small[b-q888s8kox0],.subscription-usage small[b-q888s8kox0]{font-size:.67rem;font-weight:900;color:#60748a;letter-spacing:.06em}.subscription-usage[b-q888s8kox0]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.subscription-usage article[b-q888s8kox0]{display:flex;gap:11px;align-items:center;padding:14px;border-radius:16px;background:linear-gradient(145deg,#f2fffc,#f8fbff);border:1px solid #cfe9e5}.subscription-usage article[b-q888s8kox0]  svg{color:#0f8a7b}.subscription-usage article div[b-q888s8kox0]{display:grid}.subscription-usage strong[b-q888s8kox0]{font-size:1.15rem}.subscription-control[b-q888s8kox0]{display:grid;gap:12px}.subscription-form-row[b-q888s8kox0]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.subscription-limits[b-q888s8kox0]{grid-template-columns:repeat(3,1fr)}.subscription-switches[b-q888s8kox0]{display:flex;gap:12px;flex-wrap:wrap}.subscription-timeline header>span[b-q888s8kox0]{padding:7px 10px;border-radius:999px;background:#edf8f6;color:#087565}.subscription-timeline article[b-q888s8kox0]{display:grid;grid-template-columns:14px 1fr auto;gap:12px;padding:14px 4px;border-bottom:1px solid #edf2f2}.subscription-event-dot[b-q888s8kox0]{width:10px;height:10px;border-radius:50%;background:#12a594;margin-top:5px;box-shadow:0 0 0 5px #e0faf6}.subscription-timeline article p[b-q888s8kox0],.subscription-timeline article small[b-q888s8kox0]{margin:2px 0;color:#60748a}.subscription-timeline time[b-q888s8kox0]{text-align:right;font-weight:700}.subscription-timeline time small[b-q888s8kox0]{display:block}.subscription-empty[b-q888s8kox0]{padding:18px;border-radius:14px;background:#f7fafb;color:#60748a}.subscription-loader[b-q888s8kox0]{min-height:360px;display:grid;place-items:center}
@media(max-width:1350px){.plan-card-grid[b-q888s8kox0]{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card-copy[b-q888s8kox0]{min-height:90px}}
@media(max-width:1000px){.subscription-grid[b-q888s8kox0]{grid-template-columns:1fr}.subscription-facts[b-q888s8kox0],.subscription-usage[b-q888s8kox0]{grid-template-columns:repeat(2,1fr)}.plan-showcase-header[b-q888s8kox0]{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.subscription-page[b-q888s8kox0]{padding:10px}.subscription-hero[b-q888s8kox0]{align-items:flex-start;padding:20px;flex-wrap:wrap}.subscription-state[b-q888s8kox0]{margin-left:0}.subscription-client-picker[b-q888s8kox0]{align-items:stretch;flex-direction:column}.subscription-client-select[b-q888s8kox0]{width:100%}.plan-showcase[b-q888s8kox0]{padding:16px}.plan-card-grid[b-q888s8kox0]{grid-template-columns:1fr}.plan-cycle-toggle[b-q888s8kox0]{width:100%}.plan-cycle-toggle button[b-q888s8kox0]{flex:1}.plan-card-copy[b-q888s8kox0]{min-height:0}.subscription-facts[b-q888s8kox0],.subscription-usage[b-q888s8kox0],.subscription-form-row[b-q888s8kox0],.subscription-limits[b-q888s8kox0]{grid-template-columns:1fr}.subscription-timeline article[b-q888s8kox0]{grid-template-columns:14px 1fr}.subscription-timeline time[b-q888s8kox0]{grid-column:2;text-align:left}}
/* _content/POS.Shared/Components/Pages/TableViewPage.razor.rz.scp.css */
.table-view-screen[b-t8zt8bf2fm] {
    min-height: calc(100vh - 5.5rem);
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 1rem clamp(1rem, 1.6vw, 1.6rem) 1.25rem !important;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 12% 4%, rgba(20, 184, 166, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(248, 250, 252, 0.92), rgba(241, 245, 249, 0.72));
}

.table-view-header[b-t8zt8bf2fm],
.table-outlet-workspace[b-t8zt8bf2fm],
.table-status-bar[b-t8zt8bf2fm],
.table-map-panel[b-t8zt8bf2fm] {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    align-self: stretch;
}

.table-view-header[b-t8zt8bf2fm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(15, 118, 110, 0.12);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.05);
}

.table-actions[b-t8zt8bf2fm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.table-search[b-t8zt8bf2fm] {
    width: 240px;
}

.table-nav-button[b-t8zt8bf2fm] {
    min-height: 38px;
    border-radius: 999px;
    font-weight: 850;
    white-space: nowrap;
}

.table-outlet-workspace[b-t8zt8bf2fm] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.9rem 1rem;
    overflow: hidden;
    border: 1px solid rgba(15, 118, 110, 0.2);
    border-radius: 18px;
    background:
        radial-gradient(circle at 97% 18%, rgba(20, 184, 166, 0.18), transparent 30%),
        linear-gradient(135deg, rgba(240, 253, 250, 0.98), rgba(255, 255, 255, 0.98) 56%, rgba(236, 253, 245, 0.88));
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
}

.workspace-head[b-t8zt8bf2fm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.workspace-brand[b-t8zt8bf2fm] {
    display: flex;
    align-items: center;
    gap: 0.9rem;
    min-width: 0;
}

.workspace-icon[b-t8zt8bf2fm] {
    width: 50px;
    height: 50px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.16), transparent),
        linear-gradient(135deg, #0f766e, #115e59);
    box-shadow: 0 14px 30px rgba(15, 118, 110, 0.24);
    flex: 0 0 auto;
}

.workspace-copy[b-t8zt8bf2fm] {
    min-width: 0;
}

.workspace-copy span[b-t8zt8bf2fm] {
    display: block;
    color: #0f766e;
    font-size: 0.72rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.workspace-copy strong[b-t8zt8bf2fm] {
    display: block;
    color: #0f172a;
    font-size: 1.08rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-copy small[b-t8zt8bf2fm] {
    display: block;
    color: #64748b;
    font-weight: 700;
}

.workspace-metrics[b-t8zt8bf2fm] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.workspace-metrics span[b-t8zt8bf2fm] {
    display: inline-flex;
    align-items: center;
    gap: 0.34rem;
    min-height: 30px;
    padding: 0 0.66rem;
    border: 1px solid rgba(15, 118, 110, 0.14);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.78);
    color: #0f172a;
    font-size: 0.78rem;
    font-weight: 850;
    white-space: nowrap;
}

.workspace-metrics span .mud-icon-root[b-t8zt8bf2fm] {
    color: #0f766e;
}

.outlet-button-grid[b-t8zt8bf2fm] {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 0.58rem;
}

.outlet-choice[b-t8zt8bf2fm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.55rem;
    flex: 0 0 218px;
    max-width: 218px;
    min-height: 62px;
    padding: 0.56rem 0.62rem;
    border: 1px solid rgba(15, 118, 110, 0.16);
    border-radius: 14px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.94)),
        #ffffff;
    color: #0f172a;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
    transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

.outlet-choice:disabled[b-t8zt8bf2fm] {
    cursor: progress;
}

.outlet-choice.loading[b-t8zt8bf2fm] {
    opacity: 0.9;
}

.outlet-choice:hover[b-t8zt8bf2fm] {
    border-color: rgba(15, 118, 110, 0.34);
    transform: translateY(-1px);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
}

.outlet-choice.selected[b-t8zt8bf2fm] {
    border-color: rgba(20, 184, 166, 0.7);
    background:
        radial-gradient(circle at 96% 20%, rgba(255, 255, 255, 0.18), transparent 24%),
        linear-gradient(135deg, #0f766e, #115e59);
    color: #ffffff;
    box-shadow: 0 18px 40px rgba(15, 118, 110, 0.25);
}

.outlet-choice-icon[b-t8zt8bf2fm] {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0f766e;
    background: rgba(20, 184, 166, 0.12);
    flex: 0 0 auto;
}

.outlet-choice.selected .outlet-choice-icon[b-t8zt8bf2fm] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.18);
}

.outlet-choice-text[b-t8zt8bf2fm] {
    min-width: 0;
}

.outlet-choice-text strong[b-t8zt8bf2fm] {
    display: block;
    overflow: hidden;
    color: inherit;
    font-size: 0.86rem;
    font-weight: 950;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.outlet-choice-text small[b-t8zt8bf2fm] {
    display: block;
    overflow: hidden;
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.outlet-choice.selected .outlet-choice-text small[b-t8zt8bf2fm] {
    color: rgba(255, 255, 255, 0.82);
}

.outlet-choice-actions[b-t8zt8bf2fm] {
    display: flex;
    justify-content: flex-start;
    grid-column: 2;
    min-width: 0;
}

.default-chip[b-t8zt8bf2fm],
.set-default-chip[b-t8zt8bf2fm] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    min-height: 23px;
    padding: 0 0.48rem;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 950;
    white-space: nowrap;
}

.default-chip[b-t8zt8bf2fm] {
    border: 1px solid rgba(34, 197, 94, 0.22);
    background: rgba(220, 252, 231, 0.88);
    color: #166534;
}

.set-default-chip[b-t8zt8bf2fm] {
    border: 1px solid rgba(15, 118, 110, 0.18);
    background: rgba(255, 255, 255, 0.78);
    color: #0f766e;
}

.set-default-chip:hover[b-t8zt8bf2fm] {
    border-color: rgba(15, 118, 110, 0.35);
    background: rgba(240, 253, 250, 0.96);
}

.outlet-choice.selected .default-chip[b-t8zt8bf2fm] {
    border-color: rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
}

.outlet-choice.selected .set-default-chip[b-t8zt8bf2fm] {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.13);
    color: #ffffff;
}

.table-status-bar[b-t8zt8bf2fm] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
    padding: 0.75rem 1.1rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.status-filter[b-t8zt8bf2fm] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 34px;
    padding: 0 0.72rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: white;
    color: #334155;
    font-weight: 700;
    cursor: pointer;
}

.status-filter strong[b-t8zt8bf2fm] {
    color: #0f172a;
    font-size: 0.78rem;
}

.status-filter.active[b-t8zt8bf2fm] {
    border-color: rgba(15, 118, 110, 0.35);
    background: rgba(15, 118, 110, 0.08);
    color: #0f766e;
}

.status-dot[b-t8zt8bf2fm] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #cbd5e1;
}

.status-dot.all[b-t8zt8bf2fm] {
    background: linear-gradient(135deg, #cbd5e1 0%, #06b6d4 35%, #facc15 70%, #22c55e 100%);
}

.status-dot.blank[b-t8zt8bf2fm] {
    background: #cbd5e1;
}

.status-dot.running[b-t8zt8bf2fm] {
    background: #06b6d4;
}

.status-dot.running-kot[b-t8zt8bf2fm] {
    background: #facc15;
}

.status-dot.printed[b-t8zt8bf2fm] {
    background: #22c55e;
}

.status-dot.paid[b-t8zt8bf2fm] {
    background: #fb923c;
}

.table-map-panel[b-t8zt8bf2fm] {
    position: relative;
    padding: 1.1rem 1.35rem !important;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.96);
}

.table-view-route-veil[b-t8zt8bf2fm] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    background: rgba(248, 250, 252, 0.88);
    backdrop-filter: blur(7px);
    animation: table-route-veil-in-b-t8zt8bf2fm 0.16s ease-out both;
}

.table-view-route-loader[b-t8zt8bf2fm] {
    display: grid;
    min-width: min(350px, calc(100vw - 2rem));
    justify-items: center;
    gap: 0.45rem;
    padding: 1.25rem 1.45rem;
    border: 1px solid rgba(15, 118, 110, 0.2);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.16);
    color: #0f766e;
    text-align: center;
}

.table-view-route-loader strong[b-t8zt8bf2fm] {
    color: #0f172a;
    font-size: 1rem;
}

.table-view-route-loader span[b-t8zt8bf2fm] {
    color: #64748b;
    font-size: 0.84rem;
    font-weight: 750;
}

@keyframes table-route-veil-in-b-t8zt8bf2fm {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.table-route-loader[b-t8zt8bf2fm] {
    position: absolute;
    inset: 0;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    background: rgba(248, 250, 252, 0.82);
    color: #0f766e;
    font-weight: 900;
    backdrop-filter: blur(5px);
}

.table-loading[b-t8zt8bf2fm] {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    color: #64748b;
    font-weight: 700;
}

.table-empty-state[b-t8zt8bf2fm] {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    text-align: center;
    color: #64748b;
    border: 1px dashed rgba(15, 118, 110, 0.32);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.72), rgba(255, 255, 255, 0.92));
}

.table-empty-state .mud-icon-root[b-t8zt8bf2fm] {
    color: #0f766e;
}

.table-empty-state strong[b-t8zt8bf2fm] {
    color: #0f172a;
    font-size: 1.15rem;
    font-weight: 900;
}

.table-empty-state span[b-t8zt8bf2fm] {
    max-width: 520px;
    font-weight: 700;
}

.floor-section[b-t8zt8bf2fm] {
    margin-top: 1.15rem;
}

.floor-section:first-child[b-t8zt8bf2fm] {
    margin-top: 0;
}

.counter-service-section[b-t8zt8bf2fm] {
    margin-bottom: 1.15rem;
}

.counter-title[b-t8zt8bf2fm]::before {
    background: #0f766e;
}

.section-title[b-t8zt8bf2fm] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-bottom: 0.75rem;
    color: #0f172a;
    font-weight: 800;
}

.section-title[b-t8zt8bf2fm]::before {
    content: "";
    width: 4px;
    height: 18px;
    border-radius: 999px;
    background: #0f766e;
}

.section-title small[b-t8zt8bf2fm] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 600;
}

.table-grid[b-t8zt8bf2fm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(126px, 1fr));
    gap: 0.7rem;
}

.counter-service-grid[b-t8zt8bf2fm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 240px));
    gap: 0.7rem;
}

.counter-service-card[b-t8zt8bf2fm] {
    min-height: 86px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 0.65rem;
    padding: 0.65rem;
    border: 1px solid rgba(15, 118, 110, 0.22);
    border-radius: 12px;
    background:
        radial-gradient(circle at 18% 12%, rgba(204, 251, 241, 0.42), transparent 42%),
        linear-gradient(135deg, #ffffff, #f0fdfa);
    color: #0f172a;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.05);
    transition: transform 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.counter-service-card:hover[b-t8zt8bf2fm] {
    transform: translateY(-2px);
    border-color: rgba(15, 118, 110, 0.42);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
}

.counter-service-card:disabled[b-t8zt8bf2fm] {
    cursor: wait;
    opacity: 0.82;
}

.counter-service-card.loading[b-t8zt8bf2fm] {
    border-color: rgba(20, 184, 166, 0.62);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.12), 0 16px 30px rgba(15, 23, 42, 0.08);
}

.counter-service-card.takeaway[b-t8zt8bf2fm] {
    border-color: rgba(20, 184, 166, 0.36);
}

.counter-service-icon[b-t8zt8bf2fm] {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: rgba(15, 118, 110, 0.12);
    color: #0f766e;
}

.counter-service-copy[b-t8zt8bf2fm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.counter-service-copy small[b-t8zt8bf2fm] {
    color: #0f766e;
    font-size: 0.66rem;
    font-weight: 950;
    text-transform: uppercase;
}

.counter-service-copy strong[b-t8zt8bf2fm] {
    overflow: hidden;
    color: #0f172a;
    font-size: 0.9rem;
    font-weight: 950;
    line-height: 1.05rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.counter-service-copy span[b-t8zt8bf2fm] {
    overflow: hidden;
    color: #475569;
    font-size: 0.72rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.counter-service-token[b-t8zt8bf2fm] {
    grid-column: 1 / -1;
    justify-self: start;
    max-width: 100%;
    min-height: 20px;
    display: inline-flex;
    align-items: center;
    padding: 0 0.48rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.12);
    color: #0f766e;
    font-size: 0.64rem;
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-tile[b-t8zt8bf2fm] {
    position: relative;
    display: flex;
    min-height: 116px;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.4rem;
    padding: 0.6rem;
    border: 1px solid rgba(100, 116, 139, 0.24);
    border-radius: 10px;
    background: #ffffff;
    color: #334155;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.045);
    transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}

.table-tile.customer-order[b-t8zt8bf2fm] {
    border-color: rgba(220, 38, 38, 0.5);
    box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.18), 0 18px 34px rgba(127, 29, 29, 0.16);
    animation: table-order-pulse-b-t8zt8bf2fm 1.45s ease-in-out infinite;
}

.table-alert-badge[b-t8zt8bf2fm] {
    position: absolute;
    top: -8px;
    right: 8px;
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    min-height: 20px;
    max-width: calc(100% - 16px);
    padding: 0 0.4rem;
    border-radius: 999px;
    background: #dc2626;
    color: #ffffff;
    font-size: 0.56rem;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 8px 18px rgba(127, 29, 29, 0.22);
    overflow: hidden;
}

.table-alert-badge span[b-t8zt8bf2fm] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-alert-badge.accepted[b-t8zt8bf2fm] {
    background: #16a34a;
}

.table-alert-badge.food-ready[b-t8zt8bf2fm] {
    background: #0284c7;
}

.table-alert-badge.rejected[b-t8zt8bf2fm] {
    background: #64748b;
}

@keyframes table-order-pulse-b-t8zt8bf2fm {
    0%, 100% {
        box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.16), 0 18px 34px rgba(127, 29, 29, 0.14);
    }

    50% {
        box-shadow: 0 0 0 5px rgba(248, 113, 113, 0.08), 0 18px 34px rgba(127, 29, 29, 0.2);
    }
}

.table-tile:hover[b-t8zt8bf2fm] {
    transform: translateY(-2px);
    border-color: rgba(15, 118, 110, 0.35);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.08);
}

.table-tile.loading-pos[b-t8zt8bf2fm] {
    border-color: rgba(20, 184, 166, 0.62);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.12), 0 16px 30px rgba(15, 23, 42, 0.08);
}

.table-tile-loader[b-t8zt8bf2fm] {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.32rem;
    border-radius: inherit;
    background: rgba(240, 253, 250, 0.86);
    color: #0f766e;
    font-size: 0.68rem;
    font-weight: 950;
    text-transform: uppercase;
    backdrop-filter: blur(2px);
}

.table-tile.blank[b-t8zt8bf2fm] {
    background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
    border-color: rgba(148, 163, 184, 0.45);
}

.table-tile.running[b-t8zt8bf2fm] {
    background: linear-gradient(180deg, #ecfeff 0%, #cffafe 100%);
    border-color: rgba(6, 182, 212, 0.45);
}

.table-tile.running-kot[b-t8zt8bf2fm] {
    background: linear-gradient(180deg, #fefce8 0%, #fef08a 100%);
    border-color: rgba(202, 138, 4, 0.35);
}

.table-tile.printed[b-t8zt8bf2fm] {
    background: linear-gradient(180deg, #f0fdf4 0%, #dcfce7 100%);
    border-color: rgba(34, 197, 94, 0.36);
}

.table-tile.paid[b-t8zt8bf2fm] {
    background: linear-gradient(180deg, #fff7ed 0%, #ffedd5 100%);
    border-color: rgba(251, 146, 60, 0.38);
}

.table-status-line[b-t8zt8bf2fm] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
    color: #475569;
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
}

.table-main[b-t8zt8bf2fm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    color: #0f172a;
}

.table-code[b-t8zt8bf2fm] {
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.1rem;
}

.table-token[b-t8zt8bf2fm] {
    max-width: 100%;
    padding: 0.1rem 0.38rem;
    border-radius: 999px;
    background: rgba(15, 118, 110, 0.1);
    color: #0f766e;
    font-size: 0.58rem;
    font-weight: 900;
    line-height: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-meta[b-t8zt8bf2fm] {
    min-height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.35rem;
    color: #475569;
    font-size: 0.62rem;
    font-weight: 700;
    overflow: hidden;
}

.table-meta span[b-t8zt8bf2fm] {
    display: inline-flex;
    align-items: center;
    gap: 0.12rem;
}

.table-meta strong[b-t8zt8bf2fm] {
    color: #0f172a;
    font-size: 0.66rem;
    white-space: nowrap;
}

.table-footer[b-t8zt8bf2fm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.35rem;
    align-items: center;
}

.table-card-actions[b-t8zt8bf2fm] {
    display: flex;
    gap: 0.2rem;
    justify-content: flex-end;
}

.table-icon-action[b-t8zt8bf2fm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #334155;
    cursor: pointer;
    text-decoration: none;
}

.table-icon-action .mud-progress-circular[b-t8zt8bf2fm] {
    width: 16px !important;
    height: 16px !important;
}

.table-icon-action.primary[b-t8zt8bf2fm] {
    color: #0f766e;
}

.table-icon-action.order[b-t8zt8bf2fm] {
    color: #dc2626;
}

.table-icon-action.qr[b-t8zt8bf2fm] {
    color: #7c3aed;
}

.table-icon-action.danger[b-t8zt8bf2fm] {
    color: #dc2626;
}

.table-icon-action:hover:not(:disabled)[b-t8zt8bf2fm] {
    background: rgba(255, 255, 255, 0.74);
    color: #0f766e;
}

.table-icon-action.danger:hover:not(:disabled)[b-t8zt8bf2fm] {
    background: rgba(254, 226, 226, 0.9);
    color: #b91c1c;
}

.table-icon-action:disabled[b-t8zt8bf2fm] {
    cursor: not-allowed;
    opacity: 0.45;
}

.table-pager[b-t8zt8bf2fm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 1rem;
    padding-top: 0.8rem;
    border-top: 1px solid rgba(100, 116, 139, 0.18);
    color: #64748b;
    font-size: 0.82rem;
    font-weight: 800;
}

.table-pager-controls[b-t8zt8bf2fm] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.table-page-size[b-t8zt8bf2fm] {
    width: 92px;
}

.table-page-button[b-t8zt8bf2fm] {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(100, 116, 139, 0.24);
    border-radius: 8px;
    background: #ffffff;
    color: #0f766e;
    cursor: pointer;
}

.table-page-button:disabled[b-t8zt8bf2fm] {
    color: #94a3b8;
    cursor: not-allowed;
    opacity: 0.6;
}

:global(html.pos-dark-theme) .table-status-bar[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-status-bar[b-t8zt8bf2fm] {
    border-color: rgba(148, 163, 184, 0.2);
    background: rgba(15, 23, 42, 0.82);
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.22);
}

:global(html.pos-dark-theme) .table-outlet-workspace[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-outlet-workspace[b-t8zt8bf2fm] {
    border-color: rgba(45, 212, 191, 0.24);
    background:
        radial-gradient(circle at 97% 18%, rgba(20, 184, 166, 0.22), transparent 32%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(17, 24, 39, 0.9));
    box-shadow: 0 16px 38px rgba(0, 0, 0, 0.22);
}

:global(html.pos-dark-theme) .workspace-metrics span[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .workspace-metrics span[b-t8zt8bf2fm] {
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.64);
    color: #e2e8f0;
}

:global(html.pos-dark-theme) .outlet-choice[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .outlet-choice[b-t8zt8bf2fm] {
    border-color: rgba(148, 163, 184, 0.2);
    background:
        linear-gradient(135deg, rgba(30, 41, 59, 0.9), rgba(15, 23, 42, 0.92)),
        #111827;
    color: #f8fafc;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
}

:global(html.pos-dark-theme) .outlet-choice:hover[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .outlet-choice:hover[b-t8zt8bf2fm] {
    border-color: rgba(45, 212, 191, 0.42);
}

:global(html.pos-dark-theme) .outlet-choice.selected[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .outlet-choice.selected[b-t8zt8bf2fm] {
    border-color: rgba(94, 234, 212, 0.62);
    background:
        radial-gradient(circle at 96% 20%, rgba(255, 255, 255, 0.12), transparent 24%),
        linear-gradient(135deg, #0f766e, #134e4a);
}

:global(html.pos-dark-theme) .outlet-choice-icon[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .outlet-choice-icon[b-t8zt8bf2fm] {
    color: #5eead4;
    background: rgba(45, 212, 191, 0.14);
}

:global(html.pos-dark-theme) .outlet-choice-text small[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .outlet-choice-text small[b-t8zt8bf2fm] {
    color: #cbd5e1;
}

:global(html.pos-dark-theme) .set-default-chip[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .set-default-chip[b-t8zt8bf2fm] {
    border-color: rgba(45, 212, 191, 0.24);
    background: rgba(15, 23, 42, 0.62);
    color: #5eead4;
}

:global(html.pos-dark-theme) .default-chip[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .default-chip[b-t8zt8bf2fm] {
    border-color: rgba(34, 197, 94, 0.28);
    background: rgba(22, 101, 52, 0.34);
    color: #bbf7d0;
}

:global(html.pos-dark-theme) .workspace-copy strong[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .workspace-copy strong[b-t8zt8bf2fm],
:global(html.pos-dark-theme) .table-empty-state strong[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-empty-state strong[b-t8zt8bf2fm] {
    color: #f8fafc;
}

:global(html.pos-dark-theme) .workspace-copy small[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .workspace-copy small[b-t8zt8bf2fm],
:global(html.pos-dark-theme) .table-empty-state[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-empty-state[b-t8zt8bf2fm] {
    color: #cbd5e1;
}

:global(html.pos-dark-theme) .table-empty-state[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-empty-state[b-t8zt8bf2fm] {
    border-color: rgba(45, 212, 191, 0.28);
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.82), rgba(17, 24, 39, 0.78));
}

:global(html.pos-dark-theme) .status-filter[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .status-filter[b-t8zt8bf2fm],
:global(html.pos-dark-theme) .table-page-button[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-page-button[b-t8zt8bf2fm],
:global(html.pos-dark-theme) .table-review-button[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-review-button[b-t8zt8bf2fm] {
    border-color: rgba(148, 163, 184, 0.22);
    background: #111827;
    color: #d1d5db;
}

:global(html.pos-dark-theme) .status-filter strong[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .status-filter strong[b-t8zt8bf2fm],
:global(html.pos-dark-theme) .section-title[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .section-title[b-t8zt8bf2fm],
:global(html.pos-dark-theme) .table-main[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-main[b-t8zt8bf2fm],
:global(html.pos-dark-theme) .table-meta strong[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-meta strong[b-t8zt8bf2fm] {
    color: #f8fafc;
}

:global(html.pos-dark-theme) .table-map-panel[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-map-panel[b-t8zt8bf2fm] {
    border-color: rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.78);
}

:global(html.pos-dark-theme) .table-route-loader[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-route-loader[b-t8zt8bf2fm] {
    background: rgba(15, 23, 42, 0.82);
    color: #99f6e4;
}

:global(html.pos-dark-theme) .table-view-route-veil[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-view-route-veil[b-t8zt8bf2fm] {
    background: rgba(2, 6, 23, 0.84);
}

:global(html.pos-dark-theme) .table-view-route-loader[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-view-route-loader[b-t8zt8bf2fm] {
    border-color: rgba(45, 212, 191, 0.22);
    background: rgba(15, 23, 42, 0.94);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.38);
    color: #99f6e4;
}

:global(html.pos-dark-theme) .table-view-route-loader strong[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-view-route-loader strong[b-t8zt8bf2fm] {
    color: #f8fafc;
}

:global(html.pos-dark-theme) .table-view-route-loader span[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-view-route-loader span[b-t8zt8bf2fm] {
    color: #cbd5e1;
}

:global(html.pos-dark-theme) .table-tile-loader[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-tile-loader[b-t8zt8bf2fm] {
    background: rgba(15, 23, 42, 0.78);
    color: #99f6e4;
}

:global(html.pos-dark-theme) .counter-service-card[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .counter-service-card[b-t8zt8bf2fm] {
    border-color: rgba(45, 212, 191, 0.2);
    background:
        radial-gradient(circle at 18% 12%, rgba(45, 212, 191, 0.16), transparent 42%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(17, 34, 47, 0.94));
    color: #f8fafc;
    box-shadow: none;
}

:global(html.pos-dark-theme) .counter-service-card:hover[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .counter-service-card:hover[b-t8zt8bf2fm] {
    border-color: rgba(94, 234, 212, 0.38);
}

:global(html.pos-dark-theme) .counter-service-icon[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .counter-service-icon[b-t8zt8bf2fm],
:global(html.pos-dark-theme) .counter-service-token[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .counter-service-token[b-t8zt8bf2fm] {
    background: rgba(45, 212, 191, 0.14);
    color: #99f6e4;
}

:global(html.pos-dark-theme) .counter-service-copy small[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .counter-service-copy small[b-t8zt8bf2fm] {
    color: #99f6e4;
}

:global(html.pos-dark-theme) .counter-service-copy strong[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .counter-service-copy strong[b-t8zt8bf2fm] {
    color: #f8fafc;
}

:global(html.pos-dark-theme) .counter-service-copy span[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .counter-service-copy span[b-t8zt8bf2fm] {
    color: #cbd5e1;
}

:global(html.pos-dark-theme) .table-tile[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-tile[b-t8zt8bf2fm] {
    border-color: rgba(148, 163, 184, 0.24);
    background: #111827;
    color: #cbd5e1;
}

:global(html.pos-dark-theme) .table-tile.blank[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-tile.blank[b-t8zt8bf2fm] {
    background: linear-gradient(180deg, #1f2937 0%, #111827 100%);
}

:global(html.pos-dark-theme) .table-tile.running[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-tile.running[b-t8zt8bf2fm] {
    background: linear-gradient(180deg, #083344 0%, #164e63 100%);
}

:global(html.pos-dark-theme) .table-tile.running-kot[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-tile.running-kot[b-t8zt8bf2fm] {
    background: linear-gradient(180deg, #422006 0%, #713f12 100%);
}

:global(html.pos-dark-theme) .table-tile.printed[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-tile.printed[b-t8zt8bf2fm] {
    background: linear-gradient(180deg, #052e16 0%, #14532d 100%);
}

:global(html.pos-dark-theme) .table-tile.paid[b-t8zt8bf2fm],
:global(body.pos-dark-theme) .table-tile.paid[b-t8zt8bf2fm] {
    background: linear-gradient(180deg, #431407 0%, #7c2d12 100%);
}

@media (max-width: 760px) {
    .table-view-screen[b-t8zt8bf2fm] {
        padding: 0.6rem !important;
    }

    .table-view-header[b-t8zt8bf2fm],
    .table-outlet-workspace[b-t8zt8bf2fm],
    .table-status-bar[b-t8zt8bf2fm],
    .table-map-panel[b-t8zt8bf2fm] {
        width: 100%;
        margin-inline: 0;
    }

    .table-map-panel[b-t8zt8bf2fm] {
        padding: 0.8rem !important;
    }

    .table-view-header[b-t8zt8bf2fm] {
        align-items: stretch;
        flex-direction: column;
    }

    .table-actions[b-t8zt8bf2fm],
    .table-search[b-t8zt8bf2fm] {
        width: 100%;
    }

    .table-outlet-workspace[b-t8zt8bf2fm] {
        padding: 0.8rem;
        border-radius: 16px;
    }

    .workspace-head[b-t8zt8bf2fm] {
        align-items: flex-start;
        flex-direction: column;
    }

    .workspace-metrics[b-t8zt8bf2fm] {
        justify-content: flex-start;
    }

    .outlet-button-grid[b-t8zt8bf2fm] {
        grid-template-columns: 1fr;
    }

    .outlet-choice[b-t8zt8bf2fm] {
        grid-template-columns: auto minmax(0, 1fr);
        flex: 1 1 100%;
        max-width: none;
    }

    .outlet-choice-actions[b-t8zt8bf2fm] {
        grid-column: 2;
        justify-content: flex-start;
    }

    .table-grid[b-t8zt8bf2fm] {
        grid-template-columns: repeat(auto-fill, minmax(122px, 1fr));
    }

    .table-pager[b-t8zt8bf2fm] {
        align-items: stretch;
        flex-direction: column;
    }

    .table-pager-controls[b-t8zt8bf2fm] {
        justify-content: space-between;
    }
}

@media (min-width: 768px) and (max-width: 1180px) {
    .table-view-screen[b-t8zt8bf2fm] {
        min-height: calc(100dvh - 4.5rem);
    }

    .table-view-header[b-t8zt8bf2fm] {
        align-items: flex-start;
        gap: 0.75rem;
    }

    .table-actions[b-t8zt8bf2fm] {
        gap: 0.5rem;
    }

    .table-search[b-t8zt8bf2fm] {
        width: min(280px, 36vw);
    }

    .table-outlet-workspace[b-t8zt8bf2fm] {
        padding: 0.8rem;
    }

    .outlet-choice[b-t8zt8bf2fm] {
        flex-basis: 220px;
        max-width: 240px;
    }

    .workspace-head[b-t8zt8bf2fm] {
        align-items: flex-start;
    }

    .table-status-bar[b-t8zt8bf2fm] {
        padding: 0.5rem;
        gap: 0.4rem;
    }

    .status-filter[b-t8zt8bf2fm] {
        min-height: 32px;
        padding-inline: 0.6rem;
    }

    .table-map-panel[b-t8zt8bf2fm] {
        padding: 0.75rem;
    }

    .floor-section[b-t8zt8bf2fm] {
        margin-top: 0.9rem;
    }

    .table-grid[b-t8zt8bf2fm] {
        grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
        gap: 0.55rem;
    }

    .table-tile[b-t8zt8bf2fm] {
        min-height: 104px;
        padding: 0.5rem;
    }
}
/* _content/POS.Shared/Components/Shared/ZippiBillLoader.razor.rz.scp.css */
.zippi-loader[b-tye4f2lvik] {
    position: relative;
    min-width: min(390px, calc(100vw - 32px));
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    padding: 18px 22px 17px 18px;
    border: 1px solid rgba(15, 118, 110, .2);
    border-radius: 22px;
    color: #0f172a;
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(240,253,250,.97));
    box-shadow: 0 24px 70px rgba(15, 23, 42, .2), 0 8px 24px rgba(15, 118, 110, .1);
    overflow: hidden;
}

.zippi-loader[b-tye4f2lvik]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 20%, rgba(45,212,191,.12) 44%, rgba(255,255,255,.68) 50%, transparent 62%);
    transform: translateX(-115%);
    animation: zippi-sheen-b-tye4f2lvik 2.3s ease-in-out infinite;
    pointer-events: none;
}

.zippi-loader-mark[b-tye4f2lvik] {
    position: relative;
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
}

.zippi-loader-mark img[b-tye4f2lvik] {
    position: relative;
    z-index: 3;
    width: 42px;
    height: 42px;
    padding: 8px;
    border-radius: 15px;
    background: #fff;
    filter: drop-shadow(0 7px 12px rgba(15,118,110,.18));
    animation: zippi-float-b-tye4f2lvik 1.8s ease-in-out infinite;
}

.zippi-loader-orbit[b-tye4f2lvik],
.zippi-loader-glow[b-tye4f2lvik] {
    position: absolute;
    border-radius: 50%;
}

.zippi-loader-orbit[b-tye4f2lvik] { inset: 5px; border: 2px solid transparent; border-top-color: #0f766e; border-right-color: rgba(45,212,191,.45); animation: zippi-spin-b-tye4f2lvik 1.25s linear infinite; }
.zippi-loader-orbit.orbit-two[b-tye4f2lvik] { inset: 12px; border-width: 1px; border-top-color: #2dd4bf; border-right-color: transparent; animation-duration: .9s; animation-direction: reverse; }
.zippi-loader-glow[b-tye4f2lvik] { inset: 15px; background: rgba(45,212,191,.18); filter: blur(8px); animation: zippi-pulse-b-tye4f2lvik 1.6s ease-in-out infinite; }

.zippi-loader-copy[b-tye4f2lvik] { position: relative; z-index: 2; min-width: 0; }
.zippi-loader-copy > img[b-tye4f2lvik] { width: 132px; height: 31px; display: block; object-fit: contain; object-position: left center; }
.zippi-loader-copy > span[b-tye4f2lvik] { display: block; margin-top: 3px; color: #14532d; font-size: 14px; font-weight: 850; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zippi-loader-copy > small[b-tye4f2lvik] { display: block; margin-top: 2px; color: #64748b; font-size: 11px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zippi-loader-progress[b-tye4f2lvik] { height: 4px; margin-top: 10px; border-radius: 999px; background: #dbeee8; overflow: hidden; }
.zippi-loader-progress i[b-tye4f2lvik] { width: 42%; height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, #047857, #2dd4bf); animation: zippi-progress-b-tye4f2lvik 1.35s ease-in-out infinite; }

.zippi-loader.compact[b-tye4f2lvik] { min-width: min(340px, calc(100vw - 32px)); grid-template-columns: 58px minmax(0, 1fr); padding: 13px 17px 12px 13px; border-radius: 18px; }
.zippi-loader.compact .zippi-loader-mark[b-tye4f2lvik] { width: 56px; height: 56px; }
.zippi-loader.compact .zippi-loader-mark img[b-tye4f2lvik] { width: 34px; height: 34px; padding: 7px; border-radius: 12px; }
.zippi-loader.compact .zippi-loader-copy > img[b-tye4f2lvik] { width: 112px; height: 25px; }
.zippi-loader.compact .zippi-loader-progress[b-tye4f2lvik] { margin-top: 7px; }

@keyframes zippi-spin-b-tye4f2lvik { to { transform: rotate(360deg); } }
@keyframes zippi-float-b-tye4f2lvik { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(-2px) scale(1.035); } }
@keyframes zippi-pulse-b-tye4f2lvik { 0%,100% { opacity: .45; transform: scale(.86); } 50% { opacity: .9; transform: scale(1.12); } }
@keyframes zippi-sheen-b-tye4f2lvik { 0%,28% { transform: translateX(-115%); } 72%,100% { transform: translateX(115%); } }
@keyframes zippi-progress-b-tye4f2lvik { 0% { transform: translateX(-110%); } 55% { transform: translateX(85%); } 100% { transform: translateX(245%); } }

@media (max-width: 480px) {
    .zippi-loader[b-tye4f2lvik] { grid-template-columns: 62px minmax(0, 1fr); gap: 12px; padding: 15px; border-radius: 19px; }
    .zippi-loader-mark[b-tye4f2lvik] { width: 60px; height: 60px; }
    .zippi-loader-copy > img[b-tye4f2lvik] { width: 116px; height: 27px; }
    .zippi-loader-copy > span[b-tye4f2lvik] { font-size: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .zippi-loader[b-tye4f2lvik]::before,
    .zippi-loader-mark img[b-tye4f2lvik],
    .zippi-loader-orbit[b-tye4f2lvik],
    .zippi-loader-glow[b-tye4f2lvik],
    .zippi-loader-progress i[b-tye4f2lvik] { animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}