/* /Components/Layout/MainLayout.razor.rz.scp.css */
:host[b-avacp28r3b] {
    display: block;
}

.backoffice-loading[b-avacp28r3b] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.9rem;
    background: #08172a;
    color: #f8fafc;
    font-size: 0.95rem;
}

.backoffice-loading img[b-avacp28r3b] {
    width: 54px;
    height: 54px;
    object-fit: contain;
    animation: almond-loading-pulse-b-avacp28r3b 1.2s ease-in-out infinite;
}

@keyframes almond-loading-pulse-b-avacp28r3b {
    0%, 100% { opacity: 0.72; transform: scale(0.96); }
    50% { opacity: 1; transform: scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .backoffice-loading img[b-avacp28r3b] { animation: none; }
}

/* ─────────────────────────────────────────────────────────────────────────────
   SHELL  — two-column grid, sidebar + workspace
   ───────────────────────────────────────────────────────────────────────────── */
.backoffice-shell[b-avacp28r3b] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    background: var(--surface-0);
    transition: grid-template-columns 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.backoffice-shell.is-collapsed[b-avacp28r3b] {
    grid-template-columns: 76px minmax(0, 1fr);
}

/* ─────────────────────────────────────────────────────────────────────────────
   SIDEBAR PANEL
   ───────────────────────────────────────────────────────────────────────────── */
.sidebar-panel[b-avacp28r3b] {
    --ui-canvas: #090a0c;
    --ui-canvas-muted: #0d0f12;
    --ui-canvas-subtle: #0e1014;
    --ui-panel-deep: #101216;
    --ui-panel-base: #111214;
    --ui-panel-control: #111318;
    --ui-panel-control-alt: #111316;
    --ui-panel-control-soft: #111317;
    --ui-panel: #15171b;
    --ui-panel-card: #17191f;
    --ui-panel-card-alt: #181b20;
    --ui-panel-raised: #1a1d22;
    --ui-panel-raised-alt: #1a1c22;
    --ui-panel-hover: #202329;
    --ui-panel-hover-alt: #20242a;
    --ui-panel-selected: #252932;
    --ui-panel-compact: #121418;
    --ui-panel-hover-soft: #20242b;
    --ui-panel-marker: #272b33;
    --ui-border: #2a2e36;
    --ui-border-strong: #343944;
    --ui-border-strong-alt: #343945;
    --ui-border-hover: #3b424d;
    --ui-border-muted: #303640;
    --ui-border-interactive: #48505d;
    --ui-text-muted: #929cad;
    --ui-text-primary: #e8edf5;
    --ui-text-strong: #f4f7fb;
    --ui-text-secondary: #c5ccd6;
    --ui-text-secondary-alt: #c8d0dc;
    --ui-text-secondary-soft: #cbd4df;
    --ui-text-secondary-strong: #dce2ea;
    --ui-text-subtle: #737d8d;
    --ui-text-subtle-alt: #7f8998;
    --ui-text-dim: #697382;
    --ui-text-dim-alt: #8d98a8;
    --ui-text-supporting: #aeb7c4;
    --ui-text-supporting-alt: #aab4c1;
    --ui-text-supporting-soft: #aeb8c5;
    --ui-text-supporting-strong: #c5cfdb;
    --ui-text-card: #cbd3de;
    --ui-text-caption: #737e8d;
    --ui-text-caption-alt: #707b89;
    background: var(--sidebar-bg);
    border-right: 1px solid var(--sidebar-border);
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
    z-index: 20;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.025), 16px 0 36px rgba(15, 15, 17, 0.10);
    transition: width 0.28s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-inner[b-avacp28r3b] {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    width: 280px; /* fixed inner width so content doesn't re-flow during collapse */
    transition: width 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.backoffice-shell.is-collapsed .sidebar-inner[b-avacp28r3b] {
    width: 76px;
}

/* ─────────────────────────────────────────────────────────────────────────────
   BRAND / HEADER
   ───────────────────────────────────────────────────────────────────────────── */
.brand-panel[b-avacp28r3b] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 0.875rem;
    height: 76px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--sidebar-bg);
    overflow: hidden;
    transition: padding 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Hide the in-sidebar toggle — the toggle lives in the topbar now */
.sidebar-toggle[b-avacp28r3b] {
    display: none;
}

.brand-lockup[b-avacp28r3b] {
    display: flex;
    align-items: center;
    gap: 0;
    overflow: hidden;
    min-width: 0;
    flex: 1 1 auto;
    transition: opacity 0.2s ease;
}

.brand-mark[b-avacp28r3b] {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 0.5rem;
    display: none;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #fff;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(230, 166, 46, 0.16);
}

.brand-mark img[b-avacp28r3b] {
    width: 100%;
    height: 100%;
    display: block;
}

.brand-copy[b-avacp28r3b] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    align-items: flex-start;
    line-height: 1;
    transition: opacity 0.18s ease, width 0.28s cubic-bezier(0.4, 0, 0.2, 1),
                max-width 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    max-width: 216px;
}

.brand-wordmark[b-avacp28r3b] {
    display: block;
    width: min(205px, 100%);
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}

/* Mobile close button — hidden on desktop */
.mobile-close-btn[b-avacp28r3b] {
    display: none;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--sidebar-border);
    border-radius: 0.5rem;
    background: transparent;
    color: var(--sidebar-text);
    font-size: 1rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s;
}

.mobile-close-btn:hover[b-avacp28r3b] {
    background: var(--sidebar-hover);
}

/* ─────────────────────────────────────────────────────────────────────────────
   NAV SCROLL AREA
   ───────────────────────────────────────────────────────────────────────────── */
.sidebar-nav-scroll[b-avacp28r3b] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0.75rem 0.875rem 1.25rem;
    scrollbar-width: thin;
    scrollbar-color: var(--sidebar-border) transparent;
    transition: padding 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-nav-scroll[b-avacp28r3b]::-webkit-scrollbar {
    width: 3px;
}

.sidebar-nav-scroll[b-avacp28r3b]::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-nav-scroll[b-avacp28r3b]::-webkit-scrollbar-thumb {
    background: var(--sidebar-border);
    border-radius: 999px;
}

/* ─────────────────────────────────────────────────────────────────────────────
   SECTION LABELS
   ───────────────────────────────────────────────────────────────────────────── */
.sidebar-nav[b-avacp28r3b] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding-top: 0.125rem;
}

.nav-section-label[b-avacp28r3b] {
    padding: 1.125rem 0.625rem 0.375rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 0.48);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity 0.15s ease;
}

/* ─────────────────────────────────────────────────────────────────────────────
   NAV ENTRIES — flat rows, brand-accent active bar
   ───────────────────────────────────────────────────────────────────────────── */
.nav-group[b-avacp28r3b] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.nav-group-toggle[b-avacp28r3b],
.nav-entry[b-avacp28r3b] {
    position: relative;
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--sidebar-nav-text);
    text-decoration: none;
    text-decoration-line: none;
    border-radius: 0.5rem;
    min-height: 2.625rem;
    padding: 0.5rem 0.625rem;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
    font-size: 0.875rem;
    font-weight: 500;
    font-family: inherit;
    line-height: 1.4;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
}

.nav-group-toggle:hover[b-avacp28r3b],
.nav-entry:hover[b-avacp28r3b],
.nav-group-toggle:focus[b-avacp28r3b],
.nav-entry:focus[b-avacp28r3b],
.nav-group-toggle:active[b-avacp28r3b],
.nav-entry:active[b-avacp28r3b] {
    text-decoration: none;
    text-decoration-line: none;
}

/* left accent bar — hidden by default */
.nav-group-toggle[b-avacp28r3b]::before,
.nav-entry[b-avacp28r3b]::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55rem;
    bottom: 0.55rem;
    width: 3px;
    border-radius: 0 999px 999px 0;
    background: var(--brand);
    opacity: 0;
    transition: opacity 0.15s, transform 0.15s;
    transform: scaleY(0.4);
}

/* Hover */
.nav-group-toggle:hover[b-avacp28r3b],
.nav-entry:hover[b-avacp28r3b] {
    background: rgba(255, 255, 255, 0.075);
    color: var(--sidebar-nav-text-hover);
}

.nav-group-toggle:hover .nav-icon[b-avacp28r3b],
.nav-entry:hover .nav-icon[b-avacp28r3b] {
    color: var(--sidebar-text);
}

/* Active */
.nav-entry.active[b-avacp28r3b],
.nav-group-toggle.active[b-avacp28r3b] {
    background: rgba(230, 166, 46, 0.18);
    color: var(--sidebar-nav-text-active);
    font-weight: 600;
    box-shadow: inset 0 0 0 1px rgba(230, 166, 46, 0.24);
}

.nav-entry.active[b-avacp28r3b]::before,
.nav-group-toggle.active[b-avacp28r3b]::before {
    opacity: 1;
    transform: scaleY(1);
}

.nav-entry.active .nav-icon[b-avacp28r3b],
.nav-group-toggle.active .nav-icon[b-avacp28r3b] {
    color: var(--brand);
}

/* Focus-visible ring for keyboard nav */
.nav-group-toggle:focus-visible[b-avacp28r3b],
.nav-entry:focus-visible[b-avacp28r3b] {
    outline: 2px solid var(--brand);
    outline-offset: 1px;
}

/* ─────────────────────────────────────────────────────────────────────────────
   ICON — clean, no box
   ───────────────────────────────────────────────────────────────────────────── */
.nav-icon[b-avacp28r3b] {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 1rem;
    line-height: 1;
    color: rgba(255, 255, 255, 0.68);
    transition: color 0.14s;
}

.nav-icon .bi[b-avacp28r3b] {
    display: block;
    line-height: 1;
}

/* ─────────────────────────────────────────────────────────────────────────────
   LABEL + CHEVRON
   ───────────────────────────────────────────────────────────────────────────── */
.nav-group-copy[b-avacp28r3b] {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    overflow: hidden;
    flex: 1 1 auto;
    min-width: 0;
}

.nav-label[b-avacp28r3b] {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    display: block;
    color: inherit;
    opacity: 1;
    transition: opacity 0.15s ease;
}

.nav-chevron[b-avacp28r3b] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.54);
    opacity: 0.78;
    transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s;
}

.nav-chevron.expanded[b-avacp28r3b] {
    transform: rotate(180deg);
    opacity: 0.9;
}

/* ─────────────────────────────────────────────────────────────────────────────
   CHILDREN — indented sub-list with a thread line
   ───────────────────────────────────────────────────────────────────────────── */
.nav-children[b-avacp28r3b] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    margin-top: 0.125rem;
    margin-bottom: 0.375rem;
    padding-left: 0.875rem;
    border-left: 1px solid rgba(255, 255, 255, 0.10);
    margin-left: 1.375rem;
}

.nav-child[b-avacp28r3b] {
    min-height: 2.25rem;
    padding: 0.375rem 0.5rem 0.375rem 0.625rem;
    font-size: 0.8125rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.76);
}

.nav-child .nav-icon[b-avacp28r3b] {
    font-size: 0.8125rem;
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
}

.nav-child:hover[b-avacp28r3b] {
    background: rgba(255, 255, 255, 0.065);
    color: var(--sidebar-text);
}

.nav-child:hover .nav-icon[b-avacp28r3b] {
    color: var(--sidebar-text);
}

.nav-child.active[b-avacp28r3b] {
    color: var(--sidebar-nav-text-active);
    font-weight: 600;
    background: rgba(230, 166, 46, 0.16);
}

.nav-child.active[b-avacp28r3b]::before {
    opacity: 1;
    transform: scaleY(1);
}

.nav-child.active .nav-icon[b-avacp28r3b] {
    color: var(--brand);
}

.sidebar-nav[b-avacp28r3b]  a.nav-entry {
    position: relative;
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--sidebar-nav-text);
    text-decoration: none;
    text-decoration-line: none;
    border-radius: 0.5rem;
    min-height: 2.625rem;
    padding: 0.5rem 0.625rem;
    display: flex;
    align-items: center;
    gap: 0.625rem;
    transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
    font-size: 0.875rem;
    font-weight: 500;
    font-family: inherit;
    line-height: 1.4;
    overflow: hidden;
    white-space: nowrap;
}

.sidebar-nav[b-avacp28r3b]  a.nav-entry:hover,
.sidebar-nav[b-avacp28r3b]  a.nav-entry:focus,
.sidebar-nav[b-avacp28r3b]  a.nav-entry:active {
    text-decoration: none;
    text-decoration-line: none;
}

.sidebar-nav[b-avacp28r3b]  a.nav-entry::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.55rem;
    bottom: 0.55rem;
    width: 3px;
    border-radius: 0 999px 999px 0;
    background: var(--brand);
    opacity: 0;
    transition: opacity 0.15s, transform 0.15s;
    transform: scaleY(0.4);
}

.sidebar-nav[b-avacp28r3b]  a.nav-entry:hover {
    background: rgba(255, 255, 255, 0.075);
    color: var(--sidebar-nav-text-hover);
}

.sidebar-nav[b-avacp28r3b]  a.nav-entry.active {
    background: rgba(230, 166, 46, 0.18);
    color: var(--sidebar-nav-text-active);
    font-weight: 600;
    box-shadow: inset 0 0 0 1px rgba(230, 166, 46, 0.24);
}

.sidebar-nav[b-avacp28r3b]  a.nav-entry.active::before {
    opacity: 1;
    transform: scaleY(1);
}

.sidebar-nav[b-avacp28r3b]  a.nav-entry .nav-icon {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 1rem;
    line-height: 1;
    color: rgba(255, 255, 255, 0.68);
    transition: color 0.14s;
}

.sidebar-nav[b-avacp28r3b]  a.nav-entry:hover .nav-icon {
    color: var(--sidebar-text);
}

.sidebar-nav[b-avacp28r3b]  a.nav-entry.active .nav-icon {
    color: var(--brand);
}

.sidebar-nav[b-avacp28r3b]  a.nav-entry .nav-icon .bi {
    display: block;
    line-height: 1;
}

.sidebar-nav[b-avacp28r3b]  a.nav-entry .nav-label {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    display: block;
    color: inherit;
    opacity: 1;
}

.sidebar-nav[b-avacp28r3b]  a.nav-child {
    min-height: 2.25rem;
    padding: 0.375rem 0.5rem 0.375rem 0.625rem;
    font-size: 0.8125rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.76);
}

.sidebar-nav[b-avacp28r3b]  a.nav-child .nav-icon {
    font-size: 0.8125rem;
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
}

.sidebar-nav[b-avacp28r3b]  a.nav-child:hover {
    background: rgba(255, 255, 255, 0.065);
    color: var(--sidebar-text);
}

.sidebar-nav[b-avacp28r3b]  a.nav-child.active {
    color: var(--sidebar-nav-text-active);
    font-weight: 600;
    background: rgba(230, 166, 46, 0.16);
}

/* ─────────────────────────────────────────────────────────────────────────────
   SIDEBAR FOOTER
   ───────────────────────────────────────────────────────────────────────────── */
.sidebar-footer[b-avacp28r3b] {
    flex: 0 0 auto;
    padding: 0.75rem 0.875rem;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    background: var(--sidebar-bg);
    transition: padding 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-footer-profile[b-avacp28r3b] {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.15s;
    overflow: hidden;
}

.sidebar-footer-profile:hover[b-avacp28r3b] {
    background: rgba(255, 255, 255, 0.075);
}

.sidebar-footer-copy[b-avacp28r3b] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    line-height: 1.25;
    transition: opacity 0.15s ease;
}

.sidebar-footer-copy strong[b-avacp28r3b] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--sidebar-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-footer-role[b-avacp28r3b] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.6875rem;
    color: var(--sidebar-text-muted);
    white-space: nowrap;
}

.sidebar-footer-dot[b-avacp28r3b] {
    font-size: 0.35rem;
    color: var(--brand);
    line-height: 1;
}

/* Avatar circle */
.avatar-circle[b-avacp28r3b] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: var(--brand);
    color: #fff;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 0 0 2px rgba(230, 166, 46, 0.25);
}

/* ─────────────────────────────────────────────────────────────────────────────
   COLLAPSED STATE — icon-only, labels/chevrons/sections hidden
   ───────────────────────────────────────────────────────────────────────────── */
.backoffice-shell.is-collapsed .brand-copy[b-avacp28r3b],
.backoffice-shell.is-collapsed .nav-label[b-avacp28r3b],
.backoffice-shell.is-collapsed .nav-chevron[b-avacp28r3b],
.backoffice-shell.is-collapsed .nav-section-label[b-avacp28r3b],
.backoffice-shell.is-collapsed .sidebar-footer-copy[b-avacp28r3b] {
    opacity: 0;
    max-width: 0;
    overflow: hidden;
    pointer-events: none;
}

.backoffice-shell.is-collapsed .brand-panel[b-avacp28r3b] {
    justify-content: center;
    padding-inline: 0;
}

.backoffice-shell.is-collapsed .brand-lockup[b-avacp28r3b] {
    justify-content: center;
    flex: 0 0 auto;
}

.backoffice-shell.is-collapsed .brand-mark[b-avacp28r3b] {
    display: inline-flex;
}

.backoffice-shell.is-collapsed .sidebar-nav-scroll[b-avacp28r3b] {
    padding-inline: 0.625rem;
}

.backoffice-shell.is-collapsed .nav-group-toggle[b-avacp28r3b],
.backoffice-shell.is-collapsed .nav-entry[b-avacp28r3b] {
    justify-content: center;
    padding-inline: 0;
    width: 2.75rem;
    margin-inline: auto;
}

.backoffice-shell.is-collapsed .nav-icon[b-avacp28r3b] {
    width: 1.625rem;
    min-width: 1.625rem;
    height: 1.625rem;
    font-size: 1rem;
}

.backoffice-shell.is-collapsed .nav-children[b-avacp28r3b] {
    display: none;
}

.backoffice-shell.is-collapsed .sidebar-footer[b-avacp28r3b] {
    padding-inline: 0.625rem;
}

.backoffice-shell.is-collapsed .sidebar-footer-profile[b-avacp28r3b] {
    justify-content: center;
    padding-inline: 0;
}

.backoffice-shell.is-collapsed .sidebar-nav[b-avacp28r3b]  a.nav-entry {
    justify-content: center;
    padding-inline: 0;
    width: 2.75rem;
    margin-inline: auto;
}

.backoffice-shell.is-collapsed .sidebar-nav[b-avacp28r3b]  a.nav-entry .nav-label {
    opacity: 0;
    max-width: 0;
    overflow: hidden;
    pointer-events: none;
}

.backoffice-shell.is-collapsed .sidebar-nav[b-avacp28r3b]  a.nav-entry .nav-icon {
    width: 1.625rem;
    min-width: 1.625rem;
    height: 1.625rem;
    font-size: 1rem;
}

/* ─────────────────────────────────────────────────────────────────────────────
   TOGGLE BUTTON — lives in the topbar, always visible on desktop
   ───────────────────────────────────────────────────────────────────────────── */
.sidebar-toggle-btn[b-avacp28r3b] {
    flex: 0 0 auto;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 0.35rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-panel);
    color: var(--ui-text-muted);
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s,
                transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebar-toggle-btn:hover[b-avacp28r3b] {
    background: var(--ui-panel-hover);
    color: var(--ui-text-primary);
    border-color: var(--ui-border-interactive);
}

.sidebar-toggle-btn:focus-visible[b-avacp28r3b] {
    outline: 2px solid var(--brand);
    outline-offset: 2px;
}

/* Rotates the icon when collapsed so it's always the correct affordance */
.backoffice-shell.is-collapsed .sidebar-toggle-btn[b-avacp28r3b] {
    transform: rotate(180deg);
}

/* ─────────────────────────────────────────────────────────────────────────────
   WORKSPACE
   ───────────────────────────────────────────────────────────────────────────── */
.workspace-panel[b-avacp28r3b] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: var(--surface-0);
}

.workspace-content.theme-transition-out[b-avacp28r3b] {
    will-change: filter, opacity;
    animation: theme-blur-out-b-avacp28r3b 90ms ease-out both;
    pointer-events: none;
}

.workspace-content.theme-transition-in[b-avacp28r3b] {
    will-change: filter, opacity;
    animation: theme-blur-in-b-avacp28r3b 170ms ease-in both;
    pointer-events: none;
}

@keyframes theme-blur-out-b-avacp28r3b {
    from { filter: blur(0); opacity: 1; }
    to { filter: blur(5px); opacity: 0.9; }
}

@keyframes theme-blur-in-b-avacp28r3b {
    from { filter: blur(5px); opacity: 0.9; }
    to { filter: blur(0); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .workspace-content.theme-transition-out[b-avacp28r3b],
    .workspace-content.theme-transition-in[b-avacp28r3b] {
        animation: none;
        filter: none;
        opacity: 1;
    }
}

/* ─────────────────────────────────────────────────────────────────────────────
   TOPBAR
   ───────────────────────────────────────────────────────────────────────────── */
.mobile-menu-btn[b-avacp28r3b] {
    display: none;
    flex: 0 0 auto;
    width: 2.125rem;
    height: 2.125rem;
    border: 1px solid var(--ui-border);
    border-radius: 0.35rem;
    background: var(--ui-panel);
    color: var(--ui-text-primary);
    font-size: 1.15rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s;
}

.mobile-menu-btn:hover[b-avacp28r3b] {
    background: var(--ui-panel-hover);
}

.topbar[b-avacp28r3b] {
    position: sticky;
    top: 0;
    z-index: 10;
    height: 60px;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0 1.1rem;
    border-bottom: 1px solid var(--topbar-border);
    background: var(--topbar-bg);
    box-shadow: var(--topbar-shadow);
}

.topbar-context-icon[b-avacp28r3b] {
    width: 2.125rem;
    height: 2.125rem;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--ui-border);
    border-radius: 0.35rem;
    color: #17c8a3;
    background: var(--ui-panel);
    font-size: 0.88rem;
}

.topbar-title[b-avacp28r3b] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    color: var(--ui-text-primary);
    line-height: 1.15;
    margin-right: auto;
}

.topbar-title strong[b-avacp28r3b] {
    max-width: 32ch;
    overflow: hidden;
    color: var(--ui-text-strong);
    font-size: 0.82rem;
    font-weight: 720;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-title span[b-avacp28r3b] {
    max-width: 42ch;
    overflow: hidden;
    color: var(--ui-text-muted);
    font-size: 0.65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topbar-actions[b-avacp28r3b] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.4rem;
    flex: 0 0 auto;
}

/* Waiter alert pulse */
@keyframes waiter-pulse-b-avacp28r3b {
    0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.55); }
    50%       { box-shadow: 0 0 0 5px rgba(239, 68, 68, 0); }
}

.waiter-notif-btn.has-alerts[b-avacp28r3b] {
    color: #ef4444;
    border-color: rgba(239, 68, 68, 0.3);
    animation: waiter-pulse-b-avacp28r3b 1.8s ease-in-out infinite;
}

.waiter-badge[b-avacp28r3b] {
    background: #ef4444;
}

/* Icon pill — shared by theme-toggle, notif button */
.icon-pill[b-avacp28r3b] {
    flex: 0 0 auto;
    position: relative;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 0.35rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-panel);
    color: var(--ui-text-muted);
    font-size: 0.88rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.icon-pill:hover[b-avacp28r3b] {
    border-color: var(--ui-border-interactive);
    background: var(--ui-panel-hover);
    color: var(--ui-text-primary);
}

.theme-toggle[b-avacp28r3b] {
    flex: 0 0 auto;
    width: 2.125rem;
    height: 2.125rem;
    border-radius: 0.35rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-panel);
    color: var(--ui-text-muted);
    font-size: 0.88rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

.theme-toggle:hover[b-avacp28r3b] {
    border-color: var(--ui-border-interactive);
    background: var(--ui-panel-hover);
    color: var(--ui-text-primary);
}

.theme-toggle:disabled[b-avacp28r3b] {
    cursor: wait;
    opacity: 0.72;
}

.notif-badge[b-avacp28r3b] {
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
    min-width: 1.1rem;
    height: 1.1rem;
    padding: 0 0.2rem;
    border-radius: 999px;
    background: var(--brand);
    color: #fff;
    font-size: 0.625rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.topbar-plan[b-avacp28r3b],
.profile-chip[b-avacp28r3b] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2.125rem;
    padding: 0.25rem 0.55rem;
    border: 1px solid var(--ui-border);
    border-radius: 0.35rem;
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
    white-space: nowrap;
}

.topbar-plan[b-avacp28r3b] {
    cursor: pointer;
    font: inherit;
    transition: background 0.15s, border-color 0.15s;
}

.topbar-plan:hover[b-avacp28r3b] {
    border-color: var(--ui-border-interactive);
    background: var(--ui-panel-raised-alt);
}

.topbar-plan-dot[b-avacp28r3b] {
    width: 0.42rem;
    height: 0.42rem;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #17c8a3;
}

.topbar-plan-copy[b-avacp28r3b],
.profile-copy[b-avacp28r3b] {
    min-width: 0;
    line-height: 1.15;
}

.topbar-plan-copy small[b-avacp28r3b],
.topbar-plan-copy strong[b-avacp28r3b] {
    display: block;
}

.topbar-plan-copy small[b-avacp28r3b] {
    color: var(--ui-text-muted);
    font-size: 0.58rem;
}

.topbar-plan-copy strong[b-avacp28r3b] {
    max-width: 16ch;
    overflow: hidden;
    color: var(--ui-text-primary);
    font-size: 0.7rem;
    font-weight: 680;
    text-overflow: ellipsis;
}

.profile-chip .avatar-circle[b-avacp28r3b] {
    width: 1.65rem;
    height: 1.65rem;
    color: #071a16;
    background: #17c8a3;
    font-size: 0.58rem;
    box-shadow: none;
}

.profile-copy strong[b-avacp28r3b] {
    max-width: 14ch;
    overflow: hidden;
    color: var(--ui-text-primary);
    font-size: 0.7rem;
    font-weight: 650;
    display: block;
    text-overflow: ellipsis;
}

.profile-copy span[b-avacp28r3b] {
    color: var(--ui-text-muted);
    font-size: 0.58rem;
    display: block;
}

.topbar-signout[b-avacp28r3b] {
    min-height: 2.125rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0 0.65rem;
    border: 1px solid var(--ui-border);
    border-radius: 0.35rem;
    color: var(--ui-text-topbar-action);
    background: transparent;
    font: inherit;
    font-size: 0.68rem;
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
}

.topbar-signout:hover[b-avacp28r3b] {
    border-color: var(--ui-border-interactive);
    color: var(--ui-text-strong);
    background: var(--ui-panel);
}

.topbar button:focus-visible[b-avacp28r3b] {
    outline: 2px solid #17c8a3;
    outline-offset: 2px;
}

/* ─────────────────────────────────────────────────────────────────────────────
   WORKSPACE CONTENT
   ───────────────────────────────────────────────────────────────────────────── */
.workspace-content[b-avacp28r3b] {
    min-width: 0;
    flex: 1 1 auto;
}

/* ─────────────────────────────────────────────────────────────────────────────
   MOBILE BACKDROP
   ───────────────────────────────────────────────────────────────────────────── */
.mobile-backdrop[b-avacp28r3b] {
    display: none;
}

/* ─────────────────────────────────────────────────────────────────────────────
   ERROR UI
   ───────────────────────────────────────────────────────────────────────────── */
#blazor-error-ui[b-avacp28r3b] {
    display: none;
}

/* ─────────────────────────────────────────────────────────────────────────────
   RESPONSIVE
   ───────────────────────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .topbar-plan[b-avacp28r3b] {
        display: none;
    }
}

/* ── Tablet / mobile breakpoint ── */
@media (max-width: 992px) {
    /* Shell reverts to single column */
    .backoffice-shell[b-avacp28r3b],
    .backoffice-shell.is-collapsed[b-avacp28r3b] {
        grid-template-columns: 1fr;
    }

    /* Sidebar becomes a fixed off-canvas drawer */
    .sidebar-panel[b-avacp28r3b] {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        width: min(320px, 86vw);
        height: 100vh;
        z-index: 1001;
        transform: translateX(-100%);
        box-shadow: none;
    }

    .sidebar-panel.mobile-open[b-avacp28r3b] {
        transform: translateX(0);
        box-shadow: 12px 0 40px rgba(0, 0, 0, 0.4);
    }

    /* Inner width always full drawer on mobile */
    .sidebar-inner[b-avacp28r3b],
    .backoffice-shell.is-collapsed .sidebar-inner[b-avacp28r3b] {
        width: min(320px, 86vw);
    }

    /* Reset ALL collapsed overrides on mobile */
    .backoffice-shell.is-collapsed .nav-label[b-avacp28r3b],
    .backoffice-shell.is-collapsed .nav-chevron[b-avacp28r3b],
    .backoffice-shell.is-collapsed .nav-section-label[b-avacp28r3b],
    .backoffice-shell.is-collapsed .sidebar-footer-copy[b-avacp28r3b],
    .backoffice-shell.is-collapsed .brand-copy[b-avacp28r3b] {
        opacity: 1;
        max-width: unset;
        overflow: visible;
        pointer-events: auto;
        display: block; /* ensure revert from any display:none */
    }

    .backoffice-shell.is-collapsed .nav-chevron[b-avacp28r3b] {
        display: inline-flex;
    }

    .backoffice-shell.is-collapsed .nav-section-label[b-avacp28r3b] {
        display: block;
    }

    .backoffice-shell.is-collapsed .brand-panel[b-avacp28r3b] {
        justify-content: flex-start;
        padding-inline: 1rem;
    }

    .backoffice-shell.is-collapsed .brand-lockup[b-avacp28r3b] {
        flex: 1 1 auto;
        justify-content: flex-start;
    }

    .backoffice-shell.is-collapsed .brand-mark[b-avacp28r3b] {
        display: none;
    }

    .backoffice-shell.is-collapsed .sidebar-nav-scroll[b-avacp28r3b] {
        padding-inline: 0.875rem;
    }

    .backoffice-shell.is-collapsed .nav-group-toggle[b-avacp28r3b],
    .backoffice-shell.is-collapsed .nav-entry[b-avacp28r3b] {
        justify-content: flex-start;
        width: 100%;
        margin-inline: 0;
        padding-inline: 0.625rem;
    }

    .backoffice-shell.is-collapsed .nav-icon[b-avacp28r3b] {
        width: 1.5rem;
        min-width: 1.5rem;
        height: 1.5rem;
        font-size: 1rem;
    }

    .backoffice-shell.is-collapsed .nav-children[b-avacp28r3b] {
        display: flex;
    }

    .backoffice-shell.is-collapsed .sidebar-footer[b-avacp28r3b] {
        padding-inline: 0.875rem;
    }

    .backoffice-shell.is-collapsed .sidebar-footer-profile[b-avacp28r3b] {
        justify-content: flex-start;
        padding-inline: 0.5rem;
    }

    .backoffice-shell.is-collapsed .sidebar-nav[b-avacp28r3b]  a.nav-entry {
        justify-content: flex-start;
        width: 100%;
        margin-inline: 0;
        padding-inline: 0.625rem;
    }

    .backoffice-shell.is-collapsed .sidebar-nav[b-avacp28r3b]  a.nav-entry .nav-label {
        opacity: 1;
        max-width: unset;
        overflow: hidden;
        pointer-events: auto;
    }

    .backoffice-shell.is-collapsed .sidebar-nav[b-avacp28r3b]  a.nav-entry .nav-icon {
        width: 1.5rem;
        min-width: 1.5rem;
        height: 1.5rem;
        font-size: 1rem;
    }

    /* Toggle button: hide the topbar toggle, show the mobile open/close buttons */
    .sidebar-toggle-btn[b-avacp28r3b] {
        display: none;
    }

    .mobile-close-btn[b-avacp28r3b] {
        display: inline-flex;
    }

    .mobile-menu-btn[b-avacp28r3b] {
        display: inline-flex;
    }

    /* Collapsed icon rotation does not apply on mobile */
    .backoffice-shell.is-collapsed .sidebar-toggle-btn[b-avacp28r3b] {
        transform: none;
    }

    /* Mobile backdrop */
    .mobile-backdrop[b-avacp28r3b] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 1000;
        backdrop-filter: blur(2px);
    }

    .topbar[b-avacp28r3b] {
        padding-inline: 0.875rem;
        height: 56px;
        gap: 0.625rem;
    }

    .profile-chip[b-avacp28r3b] {
        display: none;
    }
}

@media (max-width: 640px) {
    .topbar[b-avacp28r3b] {
        padding-inline: 0.75rem;
    }

    .topbar-context-icon[b-avacp28r3b],
    .topbar-title span[b-avacp28r3b],
    .topbar-signout span[b-avacp28r3b] {
        display: none;
    }

    .topbar-signout[b-avacp28r3b] {
        width: 2.125rem;
        justify-content: center;
        padding: 0;
    }
}
.waiter-prompt[b-avacp28r3b] {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: min(440px, calc(100vw - 32px));
    z-index: 1100;
    padding: 18px;
    border: 1px solid #e5a425;
    border-left: 4px solid #e5a425;
    border-radius: 8px;
    background: var(--surface-0, #fff);
    color: var(--sidebar-text, #17202a);
    box-shadow: 0 8px 28px #0003;
}
.waiter-prompt-heading[b-avacp28r3b], .waiter-prompt-actions[b-avacp28r3b] { display: flex; align-items: center; gap: 10px; }
.waiter-prompt-heading strong[b-avacp28r3b] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.waiter-prompt-heading > i[b-avacp28r3b] { color: #e5a425; }
.waiter-prompt p[b-avacp28r3b] { margin: 10px 0 14px; overflow-wrap: anywhere; }
.waiter-prompt-actions[b-avacp28r3b] { flex-wrap: wrap; }
/* /Components/Layout/StationLayout.razor.rz.scp.css */
/* ── Station Layout ─────────────────────────────────────────── */
.station-shell[b-4sq7q4gvba] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--surface-0);
    color: var(--text-primary);
}

/* ── Top bar ────────────────────────────────────────────────── */
.station-topbar[b-4sq7q4gvba] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1.5rem;
    background: var(--surface-1);
    border-bottom: 1px solid var(--border-subtle);
    flex-shrink: 0;
}

.station-brand[b-4sq7q4gvba] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.station-brand-icon[b-4sq7q4gvba] {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: block;
    flex: 0 0 auto;
}

.station-brand-wordmark[b-4sq7q4gvba] {
    display: block;
    width: 172px;
    height: auto;
    border-radius: 8px;
    flex: 0 0 auto;
}

.station-title[b-4sq7q4gvba] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.station-dept-badge[b-4sq7q4gvba] {
    background: var(--brand);
    color: #fff;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: 1rem;
    text-transform: capitalize;
}

.station-establishment[b-4sq7q4gvba] {
    color: var(--text-muted);
    font-size: 0.875rem;
}

.station-topbar-actions[b-4sq7q4gvba] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.station-user[b-4sq7q4gvba] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.station-sign-out-btn[b-4sq7q4gvba] {
    background: transparent;
    border: 1px solid var(--border-subtle);
    color: var(--text-secondary);
    padding: 0.375rem 0.875rem;
    border-radius: 6px;
    font-size: 0.8125rem;
    cursor: pointer;
    transition: background 0.15s;
}

.station-sign-out-btn:hover[b-4sq7q4gvba] {
    background: var(--surface-2);
}

/* ── Content ────────────────────────────────────────────────── */
.station-content[b-4sq7q4gvba] {
    flex: 1;
    overflow: auto;
    padding: 1rem;
}
/* /Components/Pages/DashboardNew.razor.rz.scp.css */
.dashboard-new[b-5pjit8v8b3] {
    --dashboard-bg: var(--surface-0);
    --dashboard-panel: var(--ui-panel);
    --dashboard-panel-alt: var(--ui-panel-raised-alt);
    --dashboard-border: var(--ui-border);
    --dashboard-text: var(--ui-text-primary);
    --dashboard-muted: var(--ui-text-muted);
    --dashboard-accent: #17c8a3;
    --dashboard-blue: #268fd0;
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--dashboard-text);
    background: var(--dashboard-bg);
}

.dashboard-heading[b-5pjit8v8b3],
.dashboard-heading-actions[b-5pjit8v8b3],
.panel-heading[b-5pjit8v8b3],
.new-kpi-header[b-5pjit8v8b3],
.chart-legend[b-5pjit8v8b3],
.report-intro[b-5pjit8v8b3],
.report-grid > div > span[b-5pjit8v8b3],
.table-row > span:first-child[b-5pjit8v8b3] {
    display: flex;
    align-items: center;
}

.dashboard-heading[b-5pjit8v8b3] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.dashboard-heading h1[b-5pjit8v8b3],
.dashboard-heading p[b-5pjit8v8b3],
.panel-heading h2[b-5pjit8v8b3],
.panel-heading p[b-5pjit8v8b3],
.new-kpi h2[b-5pjit8v8b3],
.new-kpi p[b-5pjit8v8b3],
.report-intro h3[b-5pjit8v8b3],
.report-intro p[b-5pjit8v8b3],
.report-grid p[b-5pjit8v8b3] {
    margin: 0;
}

.dashboard-heading h1[b-5pjit8v8b3] {
    font-size: 1.12rem;
    font-weight: 650;
}

.dashboard-heading p[b-5pjit8v8b3] {
    margin-top: 0.25rem;
    color: var(--dashboard-muted);
    font-size: 0.84rem;
}

.dashboard-heading-actions[b-5pjit8v8b3] {
    gap: 0.75rem;
}

.live-state[b-5pjit8v8b3] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--dashboard-muted);
    font-size: 0.806rem;
}

.live-state > span[b-5pjit8v8b3] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--dashboard-accent);
}

.dashboard-link-button[b-5pjit8v8b3] {
    padding: 0.5rem 0.7rem;
    border: 1px solid var(--dashboard-border);
    border-radius: 0.35rem;
    color: var(--dashboard-text);
    background: var(--dashboard-panel);
    font-size: 0.806rem;
    font-weight: 600;
    text-decoration: none;
}

.dashboard-link-button:hover[b-5pjit8v8b3],
.dashboard-link-button:focus-visible[b-5pjit8v8b3] {
    border-color: var(--dashboard-accent);
    color: #fff;
}

.new-kpi-grid[b-5pjit8v8b3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 0.9rem;
}

.new-kpi[b-5pjit8v8b3],
.activity-panel[b-5pjit8v8b3],
.data-panel[b-5pjit8v8b3] {
    border: 1px solid var(--dashboard-border);
    border-radius: 0.4rem;
    background: var(--dashboard-panel);
}

.new-kpi-header[b-5pjit8v8b3] {
    justify-content: space-between;
    padding: 0.75rem 0.9rem;
    border-bottom: 1px dashed var(--dashboard-border);
}

.new-kpi h2[b-5pjit8v8b3] {
    font-size: 0.918rem;
    font-weight: 600;
}

.new-kpi-header > span[b-5pjit8v8b3] {
    padding: 0.15rem 0.4rem;
    border-radius: 0.25rem;
    color: var(--order-positive-text, var(--dashboard-accent));
    background: rgba(23, 200, 163, 0.12);
    font-size: 0.72rem;
    font-weight: 700;
}

.new-kpi:last-child .new-kpi-header > span[b-5pjit8v8b3] {
    color: #f2a541;
    background: rgba(242, 165, 65, 0.12);
}

.new-kpi-body[b-5pjit8v8b3] {
    min-height: 104px;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 0.8rem 0.9rem;
}

.new-kpi-body > div:last-child[b-5pjit8v8b3] {
    min-width: 0;
    text-align: right;
}

.new-kpi-body strong[b-5pjit8v8b3] {
    display: block;
    overflow: hidden;
    font-size: 1.512rem;
    font-weight: 500;
    letter-spacing: -0.03em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new-kpi-body p[b-5pjit8v8b3] {
    margin-top: 0.35rem;
    overflow: hidden;
    color: var(--dashboard-muted);
    font-size: 0.784rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.metric-ring[b-5pjit8v8b3] {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: conic-gradient(var(--ring-color) calc(var(--ring-value) * 1%), #4a505b 0);
}

.metric-ring[b-5pjit8v8b3]::before {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--dashboard-panel);
    content: "";
}

.metric-ring span[b-5pjit8v8b3] {
    position: absolute;
    color: transparent;
    font-size: 0;
}

.panel-heading[b-5pjit8v8b3] {
    min-height: 58px;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px dashed var(--dashboard-border);
}

.panel-heading h2[b-5pjit8v8b3] {
    font-size: 0.952rem;
    font-weight: 600;
}

.panel-heading p[b-5pjit8v8b3] {
    margin-top: 0.2rem;
    color: var(--dashboard-muted);
    font-size: 0.762rem;
}

.period-tabs[b-5pjit8v8b3] {
    display: flex;
    align-self: stretch;
}

.period-tabs button[b-5pjit8v8b3] {
    min-width: 68px;
    border: 0;
    border-bottom: 1px solid transparent;
    color: #c9d1dc;
    background: transparent;
    font: inherit;
    font-size: 0.806rem;
    font-weight: 600;
    cursor: pointer;
}

.period-tabs button:hover[b-5pjit8v8b3] {
    color: #fff;
}

.period-tabs button.active[b-5pjit8v8b3] {
    border-bottom-color: var(--dashboard-accent);
    color: var(--order-positive-text, var(--dashboard-accent));
}

.period-tabs button:focus-visible[b-5pjit8v8b3],
.report-intro a:focus-visible[b-5pjit8v8b3],
.panel-heading a:focus-visible[b-5pjit8v8b3] {
    outline: 2px solid var(--dashboard-accent);
    outline-offset: 2px;
}

.activity-layout[b-5pjit8v8b3] {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(330px, 0.75fr);
}

.chart-region[b-5pjit8v8b3] {
    min-width: 0;
    padding: 0.9rem 1rem 0.7rem;
    border-right: 1px dashed var(--dashboard-border);
}

.chart-legend[b-5pjit8v8b3] {
    justify-content: center;
    gap: 1rem;
    color: var(--dashboard-muted);
    font-size: 0.728rem;
}

.chart-legend i[b-5pjit8v8b3] {
    display: inline-block;
    width: 0.9rem;
    height: 0.45rem;
    margin-right: 0.3rem;
    border-radius: 2px;
}

.legend-line[b-5pjit8v8b3] { background: var(--dashboard-accent); }
.legend-bar[b-5pjit8v8b3] { background: var(--dashboard-blue); }
.legend-muted[b-5pjit8v8b3] { background: #565d68; }

.combo-chart[b-5pjit8v8b3] {
    position: relative;
    height: 300px;
    margin-top: 0.6rem;
}

.chart-grid[b-5pjit8v8b3] {
    position: absolute;
    inset: 0 0 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.chart-grid span[b-5pjit8v8b3] {
    width: 100%;
    border-top: 1px dashed var(--order-divider, #292d34);
}

.chart-columns[b-5pjit8v8b3] {
    position: absolute;
    inset: 0 0 0;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(var(--bucket-count), minmax(0, 1fr));
    gap: 0.35rem;
}

.chart-column[b-5pjit8v8b3] {
    min-width: 0;
    display: grid;
    grid-template-rows: 1fr 22px;
    align-items: end;
}

.chart-bars-pair[b-5pjit8v8b3] {
    height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 3px;
    padding: 0 12%;
}

.chart-bars-pair span[b-5pjit8v8b3] {
    width: 38%;
    min-height: 3px;
    border-radius: 3px 3px 0 0;
}

.chart-bar-primary[b-5pjit8v8b3] { background: var(--dashboard-blue); }
.chart-bar-muted[b-5pjit8v8b3] { background: #565d68; }

.chart-column small[b-5pjit8v8b3] {
    overflow: hidden;
    color: var(--dashboard-muted);
    font-size: 0.72rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chart-line[b-5pjit8v8b3] {
    position: absolute;
    inset: 14px 3% 38px;
    z-index: 2;
    width: 94%;
    height: calc(100% - 52px);
    overflow: visible;
    pointer-events: none;
}

.chart-line polyline[b-5pjit8v8b3] {
    fill: none;
    stroke: var(--dashboard-accent);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
    vector-effect: non-scaling-stroke;
}

.chart-line circle[b-5pjit8v8b3] {
    fill: var(--dashboard-panel);
    stroke: var(--dashboard-accent);
    stroke-width: 3;
    vector-effect: non-scaling-stroke;
}

.report-rail[b-5pjit8v8b3] {
    min-width: 0;
    background: var(--ui-panel-card);
}

.report-intro[b-5pjit8v8b3] {
    min-height: 86px;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px dashed var(--dashboard-border);
}

.report-intro h3[b-5pjit8v8b3] {
    font-size: 0.896rem;
}

.report-intro p[b-5pjit8v8b3] {
    margin-top: 0.35rem;
    color: var(--dashboard-muted);
    font-size: 0.762rem;
}

.report-intro a[b-5pjit8v8b3] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border: 1px solid #434955;
    border-radius: 50%;
    color: var(--dashboard-text);
}

.report-grid[b-5pjit8v8b3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.report-grid > div[b-5pjit8v8b3] {
    min-width: 0;
    padding: 1rem;
    border-right: 1px dashed var(--dashboard-border);
    border-bottom: 1px dashed var(--dashboard-border);
}

.report-grid > div:nth-child(2n)[b-5pjit8v8b3] {
    border-right: 0;
}

.report-grid strong[b-5pjit8v8b3] {
    font-size: 1.176rem;
}

.report-grid > div > span[b-5pjit8v8b3] {
    float: right;
    gap: 0.25rem;
    margin-top: 0.15rem;
    font-size: 0.72rem;
}

.trend-up[b-5pjit8v8b3] { color: var(--order-positive-text, var(--dashboard-accent)); }
.trend-watch[b-5pjit8v8b3] { color: #f15b68; }

.report-grid p[b-5pjit8v8b3] {
    clear: both;
    padding-top: 0.55rem;
    overflow: hidden;
    color: var(--dashboard-muted);
    font-size: 0.728rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-progress[b-5pjit8v8b3] {
    height: 4px;
    display: block;
    margin-top: 0.8rem;
    overflow: hidden;
    background: var(--order-inset-surface, #282c34);
}

.report-progress span[b-5pjit8v8b3] {
    height: 100%;
    display: block;
    background: var(--dashboard-blue);
}

.report-link[b-5pjit8v8b3] {
    width: max-content;
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin: 1rem auto;
    border-bottom: 1px solid currentColor;
    color: var(--dashboard-text);
    font-size: 0.784rem;
    text-decoration: none;
}

.lower-grid[b-5pjit8v8b3] {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 0.9rem;
    margin-top: 0.9rem;
}

.panel-heading.compact[b-5pjit8v8b3] {
    min-height: 54px;
}

.panel-heading > a[b-5pjit8v8b3] {
    color: var(--order-positive-text, var(--dashboard-accent));
    font-size: 0.762rem;
    text-decoration: none;
}

.table-header[b-5pjit8v8b3],
.table-row[b-5pjit8v8b3] {
    display: grid;
    align-items: center;
    gap: 0.75rem;
    min-height: 42px;
    padding: 0 1rem;
    border-bottom: 1px dashed var(--dashboard-border);
}

.item-table .table-header[b-5pjit8v8b3],
.item-table .table-row[b-5pjit8v8b3] {
    grid-template-columns: minmax(0, 1fr) 60px 90px;
}

.orders-table .table-header[b-5pjit8v8b3],
.orders-table .table-row[b-5pjit8v8b3] {
    grid-template-columns: minmax(100px, 1fr) minmax(90px, 0.8fr) 90px 80px;
}

.table-header[b-5pjit8v8b3] {
    min-height: 34px;
    color: var(--ui-text-subtle);
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.table-row[b-5pjit8v8b3] {
    color: var(--ui-text-secondary-alt);
    font-size: 0.762rem;
}

.table-row:last-child[b-5pjit8v8b3] {
    border-bottom: 0;
}

.table-row > span[b-5pjit8v8b3],
.table-row > strong[b-5pjit8v8b3] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-row > span:first-child[b-5pjit8v8b3] {
    gap: 0.55rem;
}

.table-row > span:first-child > i[b-5pjit8v8b3] {
    color: var(--order-positive-text, var(--dashboard-accent));
}

.table-row > span:first-child:has(small)[b-5pjit8v8b3] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

.table-row small[b-5pjit8v8b3] {
    color: var(--dashboard-muted);
    font-size: 0.72rem;
}

.order-status[b-5pjit8v8b3] {
    width: max-content;
    padding: 0.18rem 0.4rem;
    border-radius: 0.25rem;
    color: var(--status);
    background: color-mix(in srgb, var(--status) 12%, transparent);
}

.table-empty[b-5pjit8v8b3] {
    padding: 1.5rem 1rem;
    color: var(--dashboard-muted);
    font-size: 0.806rem;
}

.dashboard-alert[b-5pjit8v8b3] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0.9rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid rgba(242, 165, 65, 0.35);
    color: #f4c27f;
    background: rgba(242, 165, 65, 0.08);
    font-size: 0.806rem;
}

.dashboard-skeleton[b-5pjit8v8b3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
}

.dashboard-skeleton span[b-5pjit8v8b3] {
    height: 160px;
    border: 1px solid var(--dashboard-border);
    border-radius: 0.4rem;
    background: var(--dashboard-panel);
    animation: dashboard-loading-b-5pjit8v8b3 1.2s ease-in-out infinite alternate;
}

.dashboard-skeleton-wide[b-5pjit8v8b3] {
    grid-template-columns: 1fr;
    margin-top: 0.9rem;
}

.dashboard-skeleton-wide span[b-5pjit8v8b3] {
    height: 420px;
}

@keyframes dashboard-loading-b-5pjit8v8b3 {
    from { opacity: 0.5; }
    to { opacity: 1; }
}

@media (max-width: 1200px) {
    .new-kpi-grid[b-5pjit8v8b3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .activity-layout[b-5pjit8v8b3] {
        grid-template-columns: minmax(0, 1.5fr) minmax(300px, 0.8fr);
    }
}

@media (max-width: 900px) {
    .activity-layout[b-5pjit8v8b3],
    .lower-grid[b-5pjit8v8b3] {
        grid-template-columns: 1fr;
    }

    .chart-region[b-5pjit8v8b3] {
        border-right: 0;
        border-bottom: 1px dashed var(--dashboard-border);
    }
}

@media (max-width: 640px) {
    .dashboard-new[b-5pjit8v8b3] {
        padding: 0.75rem;
    }

    .dashboard-heading[b-5pjit8v8b3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .dashboard-heading-actions[b-5pjit8v8b3] {
        width: 100%;
        justify-content: space-between;
    }

    .new-kpi-grid[b-5pjit8v8b3],
    .dashboard-skeleton[b-5pjit8v8b3] {
        grid-template-columns: 1fr;
    }

    .panel-heading[b-5pjit8v8b3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .period-tabs[b-5pjit8v8b3] {
        width: 100%;
        min-height: 36px;
    }

    .period-tabs button[b-5pjit8v8b3] {
        flex: 1;
    }

    .combo-chart[b-5pjit8v8b3] {
        height: 240px;
    }

    .chart-columns[b-5pjit8v8b3] {
        gap: 0.1rem;
    }

    .report-grid[b-5pjit8v8b3] {
        grid-template-columns: 1fr;
    }

    .report-grid > div[b-5pjit8v8b3] {
        border-right: 0;
    }

    .orders-table[b-5pjit8v8b3] {
        overflow-x: auto;
    }

    .orders-table .table-header[b-5pjit8v8b3],
    .orders-table .table-row[b-5pjit8v8b3] {
        min-width: 520px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-skeleton span[b-5pjit8v8b3] {
        animation: none;
    }
}
/* /Components/Pages/Deliveries/ActiveDeliveries.razor.rz.scp.css */
.delivery-board[b-vruhfg9jpf] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    min-height: 0;
}

.delivery-column[b-vruhfg9jpf] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--surface-1);
    border-radius: 12px;
    border: 1px solid var(--border-subtle);
    overflow: hidden;
}

.delivery-column-header[b-vruhfg9jpf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid var(--col-color, var(--border-subtle));
}

.delivery-column-dot[b-vruhfg9jpf] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.delivery-column-count[b-vruhfg9jpf] {
    margin-left: auto;
    background: var(--surface-2);
    color: var(--text-secondary);
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.91rem;
    font-weight: 600;
}

.delivery-column-cards[b-vruhfg9jpf] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.delivery-card[b-vruhfg9jpf] {
    background: var(--surface-2);
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    padding: 0.875rem;
}

.delivery-card.urgent[b-vruhfg9jpf] {
    border-color: #ef4444;
    box-shadow: 0 0 0 1px #ef444455, 0 0 12px #ef444422;
}

.delivery-card-header[b-vruhfg9jpf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.delivery-card-ref[b-vruhfg9jpf] {
    display: flex;
    flex-direction: column;
}

.delivery-card-unit[b-vruhfg9jpf] {
    font-size: 0.91rem;
    color: var(--text-muted);
}

.delivery-card-elapsed[b-vruhfg9jpf] {
    background: color-mix(in srgb, var(--elapsed-color, #f59e0b) 15%, transparent);
    color: var(--elapsed-color, #f59e0b);
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    font-size: 0.91rem;
    font-weight: 600;
    white-space: nowrap;
}

.delivery-customer[b-vruhfg9jpf] {
    font-size: 0.91rem;
    color: var(--text-secondary);
    display: grid;
    gap: 0.15rem;
    margin-bottom: 0.6rem;
}

.delivery-paid[b-vruhfg9jpf] {
    color: #10b981;
    font-weight: 600;
}

.delivery-items[b-vruhfg9jpf] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.delivery-item[b-vruhfg9jpf] {
    padding: 0.5rem 0.625rem;
    background: var(--surface-1);
    border-radius: 8px;
    border: 1px solid var(--border-subtle);
}

.delivery-item-main[b-vruhfg9jpf] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.delivery-item-qty[b-vruhfg9jpf] {
    font-weight: 700;
    color: var(--brand);
    min-width: 2rem;
}

.delivery-item-choices[b-vruhfg9jpf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.25rem;
    padding-left: 2rem;
}

.delivery-item-choice[b-vruhfg9jpf] {
    font-size: 0.91rem;
    background: var(--surface-2);
    color: var(--text-secondary);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
}

.delivery-item-note[b-vruhfg9jpf] {
    font-size: 0.91rem;
    color: var(--text-muted);
    font-style: italic;
    margin-top: 0.25rem;
    padding-left: 2rem;
}

.delivery-action-btn[b-vruhfg9jpf] {
    width: 100%;
    margin-top: 0.75rem;
    padding: 0.625rem;
    background: color-mix(in srgb, var(--action-color, var(--brand)) 15%, transparent);
    color: var(--action-color, var(--brand));
    border: 1px solid color-mix(in srgb, var(--action-color, var(--brand)) 40%, transparent);
    border-radius: 8px;
    font-size: 1.05rem;
    font-weight: 600;
    cursor: pointer;
}

.delivery-action-btn:disabled[b-vruhfg9jpf] {
    opacity: 0.5;
    cursor: not-allowed;
}

.delivery-empty-col[b-vruhfg9jpf] {
    text-align: center;
    padding: 1.5rem 1rem;
    color: var(--text-muted);
    font-size: 0.98rem;
}
/* /Components/Pages/Deliveries/ReadyToDeliver.razor.rz.scp.css */
.delivery-board.single-column[b-frvgojbfzd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.delivery-column[b-frvgojbfzd] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--surface-1);
    border-radius: 12px;
    border: 1px solid var(--border-subtle);
    overflow: hidden;
}

.delivery-column-header[b-frvgojbfzd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid var(--col-color, var(--border-subtle));
}

.delivery-column-dot[b-frvgojbfzd] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.delivery-column-count[b-frvgojbfzd] {
    margin-left: auto;
    background: var(--surface-2);
    color: var(--text-secondary);
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.91rem;
    font-weight: 600;
}

.delivery-column-cards[b-frvgojbfzd] {
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.delivery-card[b-frvgojbfzd] {
    background: var(--surface-2);
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    padding: 0.875rem;
}

.delivery-card.urgent[b-frvgojbfzd] {
    border-color: #ef4444;
    box-shadow: 0 0 0 1px #ef444455, 0 0 12px #ef444422;
}

.delivery-card-header[b-frvgojbfzd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.delivery-card-ref[b-frvgojbfzd] {
    display: flex;
    flex-direction: column;
}

.delivery-card-unit[b-frvgojbfzd] {
    font-size: 0.91rem;
    color: var(--text-muted);
}

.delivery-card-elapsed[b-frvgojbfzd] {
    background: color-mix(in srgb, var(--elapsed-color, #f59e0b) 15%, transparent);
    color: var(--elapsed-color, #f59e0b);
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    font-size: 0.91rem;
    font-weight: 600;
    white-space: nowrap;
}

.delivery-customer[b-frvgojbfzd] {
    font-size: 0.91rem;
    color: var(--text-secondary);
    display: grid;
    gap: 0.15rem;
    margin-bottom: 0.6rem;
}

.delivery-paid[b-frvgojbfzd] {
    color: #10b981;
    font-weight: 600;
}

.delivery-unpaid[b-frvgojbfzd] {
    color: #ef4444;
    font-weight: 600;
}

.delivery-items[b-frvgojbfzd] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.delivery-item[b-frvgojbfzd] {
    padding: 0.5rem 0.625rem;
    background: var(--surface-1);
    border-radius: 8px;
    border: 1px solid var(--border-subtle);
}

.delivery-item-main[b-frvgojbfzd] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
}

.delivery-item-qty[b-frvgojbfzd] {
    font-weight: 700;
    color: var(--brand);
    min-width: 2rem;
}

.delivery-item-choices[b-frvgojbfzd] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.25rem;
    padding-left: 2rem;
}

.delivery-item-choice[b-frvgojbfzd] {
    font-size: 0.91rem;
    background: var(--surface-2);
    color: var(--text-secondary);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
}

.delivery-item-note[b-frvgojbfzd] {
    font-size: 0.91rem;
    color: var(--text-muted);
    font-style: italic;
    margin-top: 0.25rem;
    padding-left: 2rem;
}

.delivery-action-btn[b-frvgojbfzd] {
    width: 100%;
    margin-top: 0.75rem;
    padding: 0.625rem;
    background: color-mix(in srgb, var(--action-color, var(--brand)) 15%, transparent);
    color: var(--action-color, var(--brand));
    border: 1px solid color-mix(in srgb, var(--action-color, var(--brand)) 40%, transparent);
    border-radius: 8px;
    font-size: 1.05rem;
    font-weight: 600;
    cursor: pointer;
}

.delivery-action-btn:disabled[b-frvgojbfzd] {
    opacity: 0.5;
    cursor: not-allowed;
}

.delivery-empty-col[b-frvgojbfzd] {
    text-align: center;
    padding: 1.5rem 1rem;
    color: var(--text-muted);
    font-size: 0.98rem;
}
/* /Components/Pages/DirectOrdering.razor.rz.scp.css */
.direct-ordering[b-a1256par9n] {
    --pos-bg: var(--ui-canvas);
    --pos-panel: var(--ui-panel);
    --pos-panel-raised: var(--ui-panel-raised);
    --pos-border: var(--ui-border);
    --pos-border-strong: #3a404a;
    --pos-text: var(--ui-text-primary);
    --pos-muted: var(--ui-text-muted);
    --pos-teal: #17c8a3;
    --pos-teal-soft: rgba(23, 200, 163, 0.12);
    min-height: 100%;
    padding: 1.15rem 1.25rem 1.5rem;
    background: var(--pos-bg);
    color: var(--pos-text);
}

.pos-header[b-a1256par9n],
.service-strip[b-a1256par9n],
.schedule-strip[b-a1256par9n],
.pos-workspace[b-a1256par9n],
.success-banner[b-a1256par9n] {
    max-width: 1680px;
    margin-inline: auto;
}

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

.eyebrow[b-a1256par9n],
.rail-label[b-a1256par9n] {
    display: block;
    color: var(--order-positive-text, var(--pos-teal));
    font-size: 0.762rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.pos-header h1[b-a1256par9n] {
    margin: .15rem 0 .18rem;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    font-weight: 760;
    letter-spacing: -.035em;
}

.pos-header p[b-a1256par9n] {
    margin: 0;
    color: var(--pos-muted);
    font-size: 0.918rem;
}

.shift-status[b-a1256par9n] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .55rem .75rem;
    border: 1px solid var(--pos-border);
    border-radius: .65rem;
    background: var(--pos-panel);
    color: var(--ui-text-card-strong);
    font-size: 0.829rem;
    font-weight: 700;
}

.header-actions[b-a1256par9n] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.timing-switcher[b-a1256par9n] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding: .32rem .38rem .32rem .62rem;
    border: 1px solid var(--pos-border);
    border-radius: .65rem;
    background: var(--pos-panel);
}

.timing-switcher > span[b-a1256par9n] {
    color: var(--pos-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.timing-switcher > div[b-a1256par9n] {
    display: flex;
    gap: .2rem;
}

.timing-switcher button[b-a1256par9n] {
    display: flex;
    align-items: center;
    gap: .35rem;
    min-height: 2rem;
    padding: .38rem .55rem;
    border: 1px solid transparent;
    border-radius: .42rem;
    background: transparent;
    color: var(--pos-muted);
    font-size: 0.75rem;
    font-weight: 800;
}

.timing-switcher button.active[b-a1256par9n] {
    border-color: rgba(23, 200, 163, .38);
    background: var(--pos-teal-soft);
    color: var(--order-positive-text, var(--pos-teal));
}

.timing-switcher button:disabled[b-a1256par9n] {
    cursor: not-allowed;
    color: #59626e;
}

.status-dot[b-a1256par9n] {
    width: .52rem;
    height: .52rem;
    border-radius: 50%;
    background: var(--pos-teal);
    box-shadow: 0 0 0 .22rem rgba(23, 200, 163, .12);
}

.service-strip[b-a1256par9n] {
    display: grid;
    grid-template-columns: minmax(420px, 1fr) minmax(420px, .9fr);
    gap: .8rem;
    margin-bottom: .85rem;
}

.mode-switcher[b-a1256par9n],
.service-context[b-a1256par9n] {
    display: grid;
    padding: .38rem;
    border: 1px solid var(--pos-border);
    border-radius: .85rem;
    background: var(--pos-panel);
}

.mode-switcher[b-a1256par9n] {
    grid-template-columns: repeat(3, 1fr);
    gap: .35rem;
}

.mode-button[b-a1256par9n] {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    column-gap: .65rem;
    padding: .68rem .75rem;
    border: 1px solid transparent;
    border-radius: .65rem;
    background: transparent;
    color: var(--pos-muted);
    text-align: left;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.mode-button i[b-a1256par9n] {
    grid-row: 1 / 3;
    align-self: center;
    font-size: 1.176rem;
}

.mode-button span[b-a1256par9n] {
    color: inherit;
    font-size: 0.885rem;
    font-weight: 800;
}

.mode-button small[b-a1256par9n] {
    color: var(--pos-muted);
    font-size: 0.739rem;
}

.mode-button:hover[b-a1256par9n] {
    background: var(--light-control-hover, #1c2025);
    color: var(--pos-text);
}

.mode-button.active[b-a1256par9n] {
    border-color: rgba(23, 200, 163, .38);
    background: var(--pos-teal-soft);
    color: var(--order-positive-text, var(--pos-teal));
}

.service-context[b-a1256par9n] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
}

.service-context label[b-a1256par9n],
.customer-fields label[b-a1256par9n],
.config-note[b-a1256par9n] {
    display: grid;
    gap: .28rem;
}

.service-context label > span[b-a1256par9n],
.customer-fields label > span[b-a1256par9n],
.config-note > span[b-a1256par9n] {
    color: var(--pos-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.service-context select[b-a1256par9n],
.customer-fields input[b-a1256par9n],
.customer-fields textarea[b-a1256par9n],
.config-note textarea[b-a1256par9n] {
    width: 100%;
    border: 1px solid var(--pos-border);
    border-radius: .5rem;
    outline: none;
    background: var(--light-field-bg, #0f1114);
    color: var(--pos-text);
    font-size: 0.829rem;
}

.service-context select[b-a1256par9n] {
    height: 2.35rem;
    padding: 0 .55rem;
}

.service-context select:focus[b-a1256par9n],
.customer-fields input:focus[b-a1256par9n],
.customer-fields textarea:focus[b-a1256par9n],
.config-note textarea:focus[b-a1256par9n] {
    border-color: var(--pos-teal);
    box-shadow: 0 0 0 .16rem rgba(23, 200, 163, .1);
}

.schedule-strip[b-a1256par9n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .38fr) auto;
    align-items: center;
    gap: .8rem;
    margin-bottom: .85rem;
    padding: .7rem .8rem;
    border: 1px solid rgba(38, 143, 208, .32);
    border-radius: .75rem;
    background: rgba(38, 143, 208, .08);
}

.schedule-copy[b-a1256par9n] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.schedule-copy > i[b-a1256par9n] {
    display: grid;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border-radius: .45rem;
    background: rgba(38, 143, 208, .16);
    color: #61b8ec;
    place-items: center;
}

.schedule-copy > div[b-a1256par9n] {
    display: grid;
    gap: .08rem;
}

.schedule-copy strong[b-a1256par9n] {
    font-size: 0.84rem;
}

.schedule-copy span[b-a1256par9n] {
    color: #a8b4c3;
    font-size: 0.739rem;
    line-height: 1.35;
}

.schedule-strip label[b-a1256par9n] {
    display: grid;
    gap: .25rem;
}

.schedule-strip label > span[b-a1256par9n] {
    color: #9ca9b8;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.schedule-strip input[b-a1256par9n] {
    min-height: 2.3rem;
    padding: .35rem .55rem;
    border: 1px solid #354957;
    border-radius: .48rem;
    outline: 0;
    background: var(--light-field-bg, #0d1419);
    color: var(--pos-text);
    color-scheme: inherit;
    font-size: 0.784rem;
}

.schedule-strip input:focus[b-a1256par9n] {
    border-color: #268fd0;
    box-shadow: 0 0 0 .16rem rgba(38, 143, 208, .12);
}

.schedule-strip > a[b-a1256par9n] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 2.3rem;
    padding: .45rem .65rem;
    border: 1px solid #354957;
    border-radius: .48rem;
    color: #a9d8f5;
    font-size: 0.739rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.success-banner[b-a1256par9n],
.error-state[b-a1256par9n],
.loading-state[b-a1256par9n] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 4rem;
    margin: 0 auto .85rem;
    padding: .8rem 1rem;
    border-radius: .75rem;
}

.success-banner[b-a1256par9n] {
    border: 1px solid rgba(23, 200, 163, .3);
    background: rgba(23, 200, 163, .08);
    color: var(--order-positive-text, var(--pos-teal));
}

.success-banner > i[b-a1256par9n] {
    font-size: 1.232rem;
}

.success-banner div[b-a1256par9n],
.error-state div[b-a1256par9n] {
    display: grid;
    flex: 1;
    gap: .08rem;
}

.success-banner strong[b-a1256par9n],
.error-state strong[b-a1256par9n] {
    font-size: 0.862rem;
}

.success-banner span[b-a1256par9n],
.error-state span[b-a1256par9n] {
    color: #b9c3cf;
    font-size: 0.795rem;
}

.success-banner button[b-a1256par9n],
.error-state button[b-a1256par9n] {
    border: 0;
    background: transparent;
    color: inherit;
}

.loading-state[b-a1256par9n],
.error-state[b-a1256par9n] {
    max-width: 1680px;
    border: 1px solid var(--pos-border);
    background: var(--pos-panel);
}

.error-state[b-a1256par9n] {
    color: #f15b68;
}

.error-state button[b-a1256par9n] {
    padding: .5rem .75rem;
    border: 1px solid var(--pos-border-strong);
    border-radius: .5rem;
    color: var(--pos-text);
}

.pos-workspace[b-a1256par9n] {
    display: grid;
    grid-template-columns: 155px minmax(0, 1fr) minmax(330px, 390px);
    min-height: calc(100vh - 15.5rem);
    max-height: calc(100vh - 11rem);
    overflow: hidden;
    border: 1px solid var(--pos-border);
    border-radius: .9rem;
    background: var(--pos-panel);
}

.category-rail[b-a1256par9n] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    padding: .8rem .6rem;
    overflow-y: auto;
    border-right: 1px solid var(--pos-border);
    background: var(--ui-panel-deep);
}

.rail-label[b-a1256par9n] {
    padding: .2rem .55rem .45rem;
}

.category-rail button[b-a1256par9n] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .45rem;
    min-height: 2.7rem;
    padding: .55rem .62rem;
    border: 1px solid transparent;
    border-radius: .55rem;
    background: transparent;
    color: var(--ui-text-supporting);
    font-size: 0.806rem;
    font-weight: 700;
    text-align: left;
}

.category-rail button i[b-a1256par9n] {
    display: none;
}

.category-rail button small[b-a1256par9n] {
    min-width: 1.35rem;
    padding: .12rem .3rem;
    border-radius: 999px;
    background: var(--light-control-bg, #24272d);
    color: var(--order-muted-foreground, #8993a2);
    font-size: 0.72rem;
    text-align: center;
}

.category-rail button:hover[b-a1256par9n],
.category-rail button.active[b-a1256par9n] {
    background: var(--ui-panel-hover-alt);
    color: var(--pos-text);
}

.category-rail button.active[b-a1256par9n] {
    border-color: rgba(23, 200, 163, .28);
}

.category-rail button.active small[b-a1256par9n] {
    background: var(--pos-teal);
    color: #07110f;
}

.catalogue-panel[b-a1256par9n] {
    min-width: 0;
    overflow-y: auto;
    background: var(--ui-canvas-muted);
}

.catalogue-toolbar[b-a1256par9n] {
    position: sticky;
    z-index: 5;
    top: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .7rem;
    border-bottom: 1px solid var(--pos-border);
    background: rgba(13, 15, 18, .96);
    backdrop-filter: blur(10px);
}

.search-box[b-a1256par9n] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: .55rem;
    height: 2.6rem;
    padding: 0 .7rem;
    border: 1px solid var(--pos-border);
    border-radius: .6rem;
    background: var(--pos-panel);
}

.search-box i[b-a1256par9n] {
    color: var(--pos-muted);
}

.search-box input[b-a1256par9n] {
    flex: 1;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--pos-text);
    font-size: 0.874rem;
}

.catalogue-count[b-a1256par9n] {
    display: grid;
    min-width: 4.5rem;
    line-height: 1;
    text-align: right;
}

.catalogue-count strong[b-a1256par9n] {
    color: var(--pos-text);
    font-size: 1.008rem;
}

.catalogue-count span[b-a1256par9n] {
    margin-top: .2rem;
    color: var(--pos-muted);
    font-size: 0.72rem;
}

.mobile-categories[b-a1256par9n] {
    display: none;
}

.product-grid[b-a1256par9n] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: .62rem;
    padding: .7rem;
}

.product-card[b-a1256par9n] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--pos-border);
    border-radius: .68rem;
    background: var(--pos-panel);
    transition: transform .14s ease, border-color .14s ease, background-color .14s ease;
}

.product-card:hover[b-a1256par9n] {
    transform: translateY(-1px);
    border-color: var(--pos-border-strong);
    background: var(--pos-panel-raised);
}

.product-main[b-a1256par9n] {
    display: grid;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
}

.product-media[b-a1256par9n] {
    position: relative;
    display: grid;
    height: 92px;
    overflow: hidden;
    place-items: center;
    background: var(--light-info-bg, #21252b);
    color: var(--order-icon-foreground, #778291);
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: -.04em;
}

.product-media img[b-a1256par9n] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-media em[b-a1256par9n] {
    position: absolute;
    top: .45rem;
    left: .45rem;
    padding: .2rem .38rem;
    border-radius: .28rem;
    background: rgba(9, 10, 12, .84);
    color: #f2a541;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.product-copy[b-a1256par9n] {
    display: grid;
    grid-template-rows: auto auto 1fr;
    min-height: 96px;
    padding: .65rem;
}

.product-copy > strong[b-a1256par9n] {
    overflow-wrap: anywhere;
    color: var(--pos-text);
    font-size: 0.851rem;
    line-height: 1.25;
}

.product-copy > span[b-a1256par9n] {
    margin-top: .18rem;
    color: var(--pos-muted);
    font-size: 0.72rem;
}

.product-copy > div[b-a1256par9n] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: .65rem;
}

.product-copy b[b-a1256par9n] {
    color: var(--ui-text-strong);
    font-size: 0.806rem;
}

.product-copy i[b-a1256par9n] {
    display: grid;
    width: 1.65rem;
    height: 1.65rem;
    border-radius: .45rem;
    background: var(--pos-teal);
    color: #07110f;
    font-size: 0.806rem;
    place-items: center;
}

.catalogue-empty[b-a1256par9n] {
    display: grid;
    min-height: 18rem;
    place-content: center;
    justify-items: center;
    color: var(--pos-muted);
    text-align: center;
}

.catalogue-empty i[b-a1256par9n] {
    margin-bottom: .65rem;
    font-size: 2.016rem;
}

.catalogue-empty strong[b-a1256par9n] {
    color: var(--pos-text);
    font-size: 0.952rem;
}

.catalogue-empty span[b-a1256par9n] {
    margin-top: .25rem;
    font-size: 0.784rem;
}

.ticket-panel[b-a1256par9n] {
    position: relative;
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    min-width: 0;
    border-left: 1px solid var(--pos-border);
    background: var(--pos-panel);
}

.ticket-heading[b-a1256par9n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 3.7rem;
    padding: .65rem .85rem;
    border-bottom: 1px solid var(--pos-border);
}

.ticket-heading div[b-a1256par9n] {
    display: grid;
}

.ticket-heading span[b-a1256par9n] {
    color: var(--pos-muted);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ticket-heading strong[b-a1256par9n] {
    margin-top: .08rem;
    font-size: 0.963rem;
}

.ticket-heading button[b-a1256par9n] {
    border: 0;
    background: transparent;
    color: #f15b68;
    font-size: 0.762rem;
    font-weight: 750;
}

.fulfillment-card[b-a1256par9n] {
    display: grid;
    gap: .65rem;
    margin: .7rem .7rem 0;
    padding: .7rem;
    border: 1px solid var(--pos-border);
    border-radius: .6rem;
    background: var(--ui-panel-deep);
}

.service-location-summary[b-a1256par9n] {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.service-location-summary > i[b-a1256par9n] {
    display: grid;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border-radius: .48rem;
    background: var(--pos-teal-soft);
    color: var(--order-positive-text, var(--pos-teal));
    place-items: center;
}

.service-location-summary > div[b-a1256par9n] {
    display: grid;
}

.service-location-summary span[b-a1256par9n] {
    color: var(--pos-muted);
    font-size: 0.72rem;
}

.service-location-summary strong[b-a1256par9n] {
    font-size: 0.84rem;
}

.customer-fields[b-a1256par9n] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .55rem;
    width: 100%;
}

.customer-fields .wide[b-a1256par9n] {
    grid-column: 1 / -1;
}

.customer-fields input[b-a1256par9n] {
    height: 2.1rem;
    padding: 0 .55rem;
}

.customer-fields textarea[b-a1256par9n],
.config-note textarea[b-a1256par9n] {
    padding: .5rem .55rem;
    resize: vertical;
}

.ticket-lines[b-a1256par9n] {
    min-height: 0;
    padding: .7rem;
    overflow-y: auto;
}

.ticket-empty[b-a1256par9n] {
    display: grid;
    height: 100%;
    min-height: 13rem;
    place-content: center;
    justify-items: center;
    text-align: center;
}

.empty-icon[b-a1256par9n] {
    display: grid;
    width: 3rem;
    height: 3rem;
    margin-bottom: .65rem;
    border: 1px solid var(--pos-border);
    border-radius: .75rem;
    background: var(--ui-panel-deep);
    color: #677181;
    font-size: 1.288rem;
    place-items: center;
}

.ticket-empty strong[b-a1256par9n] {
    font-size: 0.918rem;
}

.ticket-empty p[b-a1256par9n] {
    max-width: 13rem;
    margin: .2rem 0 0;
    color: var(--pos-muted);
    font-size: 0.762rem;
}

.ticket-line[b-a1256par9n] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .35rem .55rem;
    padding: .7rem 0;
    border-bottom: 1px solid var(--pos-border);
}

.line-copy[b-a1256par9n] {
    display: grid;
    min-width: 0;
}

.line-copy strong[b-a1256par9n] {
    color: var(--pos-text);
    font-size: 0.818rem;
    line-height: 1.25;
}

.line-copy span[b-a1256par9n] {
    margin-top: .16rem;
    overflow: hidden;
    color: var(--pos-muted);
    font-size: 0.72rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.line-copy textarea[b-a1256par9n] {
    width: min(100%, 15rem);
    min-height: 3rem;
    margin-top: .35rem;
    padding: .55rem .65rem;
    border: 1px solid var(--pos-border);
    border-radius: .55rem;
    outline: 0;
    resize: vertical;
    background: var(--light-field-bg, #0f1114);
    color: var(--pos-text);
    font-size: .82rem;
    line-height: 1.35;
}

.line-copy textarea[b-a1256par9n]::placeholder {
    color: var(--pos-muted);
}

.line-copy textarea:focus[b-a1256par9n] {
    border-color: var(--pos-teal);
    box-shadow: 0 0 0 .16rem rgba(23, 200, 163, .1);
}

.line-price[b-a1256par9n] {
    font-size: 0.784rem;
}

.quantity-control[b-a1256par9n] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: max-content;
}

.quantity-control button[b-a1256par9n] {
    display: grid;
    flex: 0 0 2.75rem;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 1px solid var(--pos-border-strong);
    border-radius: 50%;
    background: var(--ui-panel-hover-alt);
    color: var(--pos-text);
    font-size: 1rem;
    place-items: center;
    transition: transform .12s ease, border-color .12s ease, background-color .12s ease, color .12s ease;
    touch-action: manipulation;
}

.quantity-control button:hover[b-a1256par9n] {
    border-color: var(--pos-teal);
    background: var(--pos-teal-soft);
    color: var(--order-positive-text, var(--pos-teal));
}

.quantity-control button:active[b-a1256par9n] {
    transform: scale(.94);
}

.quantity-control button:focus-visible[b-a1256par9n] {
    outline: 3px solid rgba(23, 200, 163, .24);
    outline-offset: 2px;
    border-color: var(--pos-teal);
}

.quantity-control span[b-a1256par9n] {
    min-width: 2rem;
    color: var(--pos-text);
    font-size: 1rem;
    font-weight: 800;
    text-align: center;
}

.remove-line[b-a1256par9n] {
    align-self: center;
    justify-self: end;
    border: 0;
    background: transparent;
    color: #727c89;
    font-size: 0.806rem;
}

.remove-line:hover[b-a1256par9n] {
    color: #f15b68;
}

.ticket-summary[b-a1256par9n] {
    position: sticky;
    z-index: 4;
    bottom: 0;
    padding: .78rem;
    border-top: 1px solid var(--pos-border);
    background: var(--ui-panel-control-soft);
    box-shadow: 0 -.8rem 1.6rem rgba(9, 10, 12, .34);
}

.ticket-summary > div:not(.inline-error)[b-a1256par9n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .35rem;
    color: var(--pos-muted);
    font-size: 0.75rem;
}

.ticket-summary > div strong[b-a1256par9n] {
    color: var(--pos-text);
}

.ticket-summary > div:nth-child(2) strong[b-a1256par9n] {
    font-size: 1.12rem;
}

.ticket-summary > small[b-a1256par9n] {
    display: block;
    margin: .25rem 0 .7rem;
    color: #697483;
    font-size: 0.72rem;
    line-height: 1.35;
}

.inline-error[b-a1256par9n] {
    margin: .55rem 0;
    padding: .5rem .58rem;
    border: 1px solid rgba(241, 91, 104, .28);
    border-radius: .48rem;
    background: rgba(241, 91, 104, .08);
    color: #ff9ba4;
    font-size: 0.739rem;
}

.send-order[b-a1256par9n],
.add-configured[b-a1256par9n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 2.8rem;
    padding: .65rem .8rem;
    border: 0;
    border-radius: .55rem;
    background: var(--pos-teal);
    color: #06110e;
    font-size: 0.829rem;
    font-weight: 850;
}

.send-order[b-a1256par9n] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .65rem;
    min-height: 3.45rem;
    padding: .65rem .78rem;
    text-align: left;
}

.send-order > i[b-a1256par9n] {
    font-size: 1.176rem;
}

.send-order-copy[b-a1256par9n] {
    display: grid;
    gap: .08rem;
}

.send-order-copy strong[b-a1256par9n] {
    font-size: 0.84rem;
}

.send-order-copy small[b-a1256par9n] {
    color: rgba(6, 17, 14, .72);
    font-size: 0.72rem;
    font-weight: 700;
}

.send-order-total[b-a1256par9n] {
    font-size: 0.851rem;
    white-space: nowrap;
}

.send-order:disabled[b-a1256par9n] {
    cursor: not-allowed;
    border: 1px solid #3b424c;
    background: var(--ui-panel-field);
    color: #a9b2bf;
}

.send-order:disabled .send-order-copy small[b-a1256par9n] {
    color: #7e8997;
}

.mobile-ticket-bar[b-a1256par9n] {
    display: none;
}

.config-backdrop[b-a1256par9n] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: grid;
    padding: 1rem;
    background: rgba(0, 0, 0, .72);
    backdrop-filter: blur(5px);
    place-items: center;
}

.config-sheet[b-a1256par9n] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    width: min(560px, 100%);
    max-height: min(760px, calc(100vh - 2rem));
    overflow: hidden;
    border: 1px solid var(--pos-border-strong);
    border-radius: .9rem;
    background: var(--ui-panel);
    color: var(--pos-text);
    box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, .5);
}

.config-sheet header[b-a1256par9n] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid var(--pos-border);
}

.config-sheet header span[b-a1256par9n] {
    color: var(--order-positive-text, var(--pos-teal));
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.config-sheet h2[b-a1256par9n] {
    margin: .18rem 0;
    font-size: 1.176rem;
}

.config-sheet header p[b-a1256par9n] {
    max-width: 27rem;
    margin: 0;
    color: var(--pos-muted);
    font-size: 0.762rem;
    line-height: 1.4;
}

.config-sheet header button[b-a1256par9n] {
    display: grid;
    flex: 0 0 auto;
    width: 2.1rem;
    height: 2.1rem;
    border: 1px solid var(--pos-border);
    border-radius: .5rem;
    background: var(--ui-panel-hover-alt);
    color: var(--pos-text);
    place-items: center;
}

.config-groups[b-a1256par9n] {
    padding: 1rem;
    overflow-y: auto;
}

.config-groups fieldset[b-a1256par9n] {
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
}

.config-groups legend[b-a1256par9n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: .5rem;
}

.config-groups legend span[b-a1256par9n] {
    font-size: 0.84rem;
    font-weight: 800;
}

.config-groups legend small[b-a1256par9n] {
    color: var(--pos-muted);
    font-size: 0.72rem;
}

.choice-list[b-a1256par9n] {
    display: grid;
    gap: .38rem;
}

.choice-row[b-a1256par9n] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .55rem;
    min-height: 2.65rem;
    padding: .5rem .6rem;
    border: 1px solid var(--pos-border);
    border-radius: .55rem;
    background: var(--ui-panel-deep);
    color: var(--pos-text);
    text-align: left;
}

.choice-row.selected[b-a1256par9n] {
    border-color: rgba(23, 200, 163, .5);
    background: var(--pos-teal-soft);
}

.choice-check[b-a1256par9n] {
    display: grid;
    width: 1.15rem;
    height: 1.15rem;
    border: 1px solid #49515d;
    border-radius: .3rem;
    color: #07110f;
    font-size: 0.72rem;
    place-items: center;
}

.choice-row.selected .choice-check[b-a1256par9n] {
    border-color: var(--pos-teal);
    background: var(--pos-teal);
}

.choice-row strong[b-a1256par9n] {
    font-size: 0.784rem;
}

.choice-row > span:last-child[b-a1256par9n] {
    color: var(--pos-muted);
    font-size: 0.72rem;
}

.config-sheet footer[b-a1256par9n] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .65rem;
    padding: .8rem 1rem;
    border-top: 1px solid var(--pos-border);
    background: var(--ui-panel-control-soft);
}

.config-quantity[b-a1256par9n] {
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid var(--pos-border);
    border-radius: .55rem;
}

.config-quantity button[b-a1256par9n] {
    width: 2.4rem;
    height: 2.8rem;
    border: 0;
    background: var(--ui-panel-hover-alt);
    color: var(--pos-text);
}

.config-quantity strong[b-a1256par9n] {
    min-width: 2.2rem;
    font-size: 0.84rem;
    text-align: center;
}

@media (max-width: 1180px) {
    .direct-ordering[b-a1256par9n] {
        padding: 1rem;
    }

    .service-strip[b-a1256par9n] {
        grid-template-columns: 1fr;
    }

    .schedule-strip[b-a1256par9n] {
        grid-template-columns: minmax(0, 1fr) minmax(220px, .55fr);
    }

    .schedule-strip > a[b-a1256par9n] {
        grid-column: 1 / -1;
        justify-self: end;
    }

    .pos-workspace[b-a1256par9n] {
        grid-template-columns: 130px minmax(0, 1fr) 330px;
        height: max(560px, calc(100dvh - 19rem));
        min-height: 0;
        max-height: 760px;
    }
}

@media (max-width: 900px) {
    .pos-workspace[b-a1256par9n] {
        grid-template-columns: minmax(0, 1fr) 320px;
        overflow: visible;
    }

    .category-rail[b-a1256par9n] {
        display: none;
    }

    .mobile-categories[b-a1256par9n] {
        display: flex;
        gap: .38rem;
        padding: .65rem .7rem 0;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .mobile-categories button[b-a1256par9n] {
        flex: 0 0 auto;
        padding: .45rem .65rem;
        border: 1px solid var(--pos-border);
        border-radius: .48rem;
        background: var(--pos-panel);
        color: var(--pos-muted);
        font-size: 0.728rem;
        font-weight: 700;
    }

    .mobile-categories button.active[b-a1256par9n] {
        border-color: rgba(23, 200, 163, .45);
        color: var(--order-positive-text, var(--pos-teal));
    }
}

@media (max-width: 700px) {
    .direct-ordering[b-a1256par9n] {
        padding: .875rem .875rem 5.25rem;
    }

    .pos-header[b-a1256par9n] {
        align-items: flex-start;
    }

    .header-actions .shift-status[b-a1256par9n] {
        display: none;
    }

    .timing-switcher[b-a1256par9n] {
        align-items: flex-start;
    }

    .timing-switcher > span[b-a1256par9n] {
        display: none;
    }

    .pos-header p[b-a1256par9n] {
        max-width: 26rem;
    }

    .mode-button[b-a1256par9n] {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: .25rem;
        padding: .6rem .35rem;
        text-align: center;
    }

    .mode-button i[b-a1256par9n] {
        font-size: 1.064rem;
    }

    .mode-button small[b-a1256par9n] {
        display: none;
    }

    .service-context[b-a1256par9n] {
        grid-template-columns: 1fr 1fr;
    }

    .service-context .table-selector[b-a1256par9n] {
        grid-column: 1 / -1;
    }

    .schedule-strip[b-a1256par9n] {
        grid-template-columns: 1fr;
    }

    .schedule-strip > a[b-a1256par9n] {
        grid-column: auto;
        justify-self: stretch;
    }

    .pos-workspace[b-a1256par9n] {
        display: block;
        height: auto;
        min-height: 0;
        max-height: none;
        border: 0;
        background: transparent;
    }

    .catalogue-panel[b-a1256par9n],
    .ticket-panel[b-a1256par9n] {
        border: 1px solid var(--pos-border);
        border-radius: .8rem;
        background: var(--pos-panel);
    }

    .catalogue-panel[b-a1256par9n] {
        max-height: none;
        margin-bottom: .75rem;
    }

    .catalogue-toolbar[b-a1256par9n] {
        border-radius: .8rem .8rem 0 0;
    }

    .ticket-panel[b-a1256par9n] {
        display: grid;
        min-height: 25rem;
        scroll-margin-top: .75rem;
    }

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

    .product-media[b-a1256par9n] {
        height: 84px;
    }

    .mobile-ticket-bar[b-a1256par9n] {
        position: fixed;
        z-index: 20;
        right: .75rem;
        bottom: .55rem;
        left: .75rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        margin: 0;
        padding: .6rem;
        border: 1px solid var(--pos-border-strong);
        border-radius: .7rem;
        background: var(--light-control-bg, #171a1f);
        box-shadow: 0 .6rem 1.8rem rgba(0, 0, 0, .38);
    }

    .mobile-ticket-bar > div[b-a1256par9n] {
        display: grid;
        padding-left: .25rem;
    }

    .mobile-ticket-bar > div span[b-a1256par9n] {
        color: var(--pos-muted);
        font-size: 0.72rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .mobile-ticket-bar > div strong[b-a1256par9n] {
        font-size: 0.874rem;
    }

    .mobile-ticket-bar a[b-a1256par9n] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .55rem;
        min-height: 2.75rem;
        padding: .55rem .8rem;
        border-radius: .5rem;
        background: var(--pos-teal);
        color: #06110e;
        font-size: 0.784rem;
        font-weight: 850;
        text-decoration: none;
    }
}

@media (max-width: 410px) {
    .service-context[b-a1256par9n] {
        grid-template-columns: 1fr;
    }

    .service-context .table-selector[b-a1256par9n] {
        grid-column: auto;
    }

    .product-grid[b-a1256par9n] {
        gap: .48rem;
        padding: .55rem;
    }

    .product-copy[b-a1256par9n] {
        padding: .55rem;
    }
}
/* /Components/Pages/Help/HelpCenter.razor.rz.scp.css */
.help-center-page[b-4n0km4jcc6] {
    gap: 1.25rem;
}

.help-hero[b-4n0km4jcc6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.2rem;
    padding: clamp(1.5rem, 3vw, 2.3rem);
    border: 1px solid var(--border-subtle);
    border-radius: 0.75rem;
    background:
        linear-gradient(135deg, rgba(230, 166, 46, 0.16), rgba(230, 166, 46, 0.04)),
        var(--surface-1);
    box-shadow: var(--card-shadow);
}

.help-hero-copy[b-4n0km4jcc6] {
    max-width: 820px;
}

.help-search-shell[b-4n0km4jcc6] {
    width: min(840px, 100%);
    min-height: 3.35rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0 1rem;
    border: 1px solid var(--border-subtle);
    border-radius: 0.75rem;
    background: var(--surface-1);
    color: var(--text-secondary);
    box-shadow: var(--card-shadow);
}

.help-search-shell:focus-within[b-4n0km4jcc6] {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px var(--brand-light), var(--card-shadow);
}

.help-search-shell .bi[b-4n0km4jcc6] {
    flex: 0 0 auto;
    color: var(--brand);
}

.help-search-shell input[b-4n0km4jcc6] {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--text-primary);
    font: inherit;
}

.help-search-shell input[b-4n0km4jcc6]::placeholder {
    color: var(--text-muted);
}

.help-search-clear[b-4n0km4jcc6] {
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 0.5rem;
    background: var(--surface-2);
    color: var(--text-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.help-search-clear:hover[b-4n0km4jcc6] {
    background: var(--surface-3);
    color: var(--text-primary);
}

.help-workspace[b-4n0km4jcc6] {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.help-sidebar[b-4n0km4jcc6] {
    position: sticky;
    top: 76px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: calc(100vh - 92px);
    overflow: hidden;
}

.help-sidebar-header[b-4n0km4jcc6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.help-sidebar-header strong[b-4n0km4jcc6] {
    color: var(--text-primary);
    white-space: nowrap;
}

.help-category-list[b-4n0km4jcc6] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.help-category-chip[b-4n0km4jcc6] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid transparent;
    border-radius: 0.625rem;
    padding: 0.62rem 0.75rem;
    background: transparent;
    color: var(--text-secondary);
    font: inherit;
    font-size: 1.008rem;
    text-align: left;
}

.help-category-chip span:first-child[b-4n0km4jcc6] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.help-category-chip span:last-child[b-4n0km4jcc6] {
    color: var(--text-muted);
    font-size: 0.874rem;
}

.help-category-chip:hover[b-4n0km4jcc6],
.help-category-chip.active[b-4n0km4jcc6] {
    background: var(--brand-light);
    color: var(--text-primary);
    border-color: rgba(230, 166, 46, 0.24);
}

.help-results-heading[b-4n0km4jcc6] {
    padding-top: 0.25rem;
}

.help-article-list[b-4n0km4jcc6] {
    min-height: 0;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding-right: 0.15rem;
}

.help-article-link[b-4n0km4jcc6] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    border: 1px solid var(--border-subtle);
    border-radius: 0.625rem;
    padding: 0.72rem;
    background: var(--surface-2);
    color: var(--text-primary);
    font: inherit;
    text-align: left;
}

.help-article-link:hover[b-4n0km4jcc6],
.help-article-link.active[b-4n0km4jcc6] {
    border-color: rgba(230, 166, 46, 0.42);
    background: var(--surface-accent);
}

.help-article-icon[b-4n0km4jcc6],
.help-article-heading-icon[b-4n0km4jcc6] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.55rem;
    background: var(--brand-light);
    color: var(--brand);
}

.help-article-copy[b-4n0km4jcc6] {
    min-width: 0;
}

.help-article-copy strong[b-4n0km4jcc6],
.help-article-copy small[b-4n0km4jcc6] {
    display: block;
}

.help-article-copy strong[b-4n0km4jcc6] {
    font-size: 1.03rem;
    line-height: 1.3;
}

.help-article-copy small[b-4n0km4jcc6] {
    margin-top: 0.25rem;
    color: var(--text-secondary);
}

.help-empty-state[b-4n0km4jcc6],
.help-reader-empty[b-4n0km4jcc6] {
    display: grid;
    place-items: center;
    gap: 0.45rem;
    text-align: center;
    color: var(--text-secondary);
    padding: 2rem 1rem;
}

.help-empty-state .bi[b-4n0km4jcc6],
.help-reader-empty .bi[b-4n0km4jcc6] {
    font-size: 2.016rem;
    color: var(--brand);
}

.help-empty-state strong[b-4n0km4jcc6],
.help-reader-empty h2[b-4n0km4jcc6] {
    color: var(--text-primary);
}

.help-reader[b-4n0km4jcc6] {
    min-height: 680px;
}

.help-article-header[b-4n0km4jcc6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--border-subtle);
}

.help-article-header h2[b-4n0km4jcc6] {
    margin: 0.25rem 0 0.45rem;
    color: var(--text-primary);
    font-size: clamp(1.45rem, 2vw, 2rem);
    line-height: 1.15;
}

.help-article-header p[b-4n0km4jcc6] {
    max-width: 780px;
    margin: 0;
    color: var(--text-secondary);
}

.help-article-heading-icon[b-4n0km4jcc6] {
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.344rem;
}

.help-tag-list[b-4n0km4jcc6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin: 1rem 0;
}

.help-screenshot-strip[b-4n0km4jcc6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
    margin: 1rem 0 1.25rem;
}

.help-screenshot[b-4n0km4jcc6] {
    margin: 0;
}

.help-screenshot img[b-4n0km4jcc6] {
    display: block;
    width: 100%;
    border: 1px solid var(--border-subtle);
    border-radius: 0.625rem;
    background: var(--surface-2);
}

.help-screenshot figcaption[b-4n0km4jcc6] {
    margin-top: 0.45rem;
    color: var(--text-secondary);
    font-size: 0.963rem;
}

.help-article-body[b-4n0km4jcc6] {
    display: flex;
    flex-direction: column;
}

.help-content-section[b-4n0km4jcc6] {
    padding: 1.2rem 0;
    border-top: 1px solid var(--border-subtle);
}

.help-content-section:first-child[b-4n0km4jcc6] {
    border-top: 0;
    padding-top: 0.2rem;
}

.help-content-section h3[b-4n0km4jcc6] {
    margin: 0 0 0.7rem;
    color: var(--text-primary);
    font-size: 1.232rem;
}

.help-content-section p[b-4n0km4jcc6] {
    max-width: 820px;
    margin: 0 0 0.65rem;
    color: var(--text-secondary);
}

.help-list-block[b-4n0km4jcc6] {
    margin-top: 0.85rem;
    padding-left: 1rem;
    border-left: 3px solid var(--brand);
}

.help-list-block.success[b-4n0km4jcc6] {
    border-left-color: var(--success);
}

.help-list-block.warning[b-4n0km4jcc6] {
    border-left-color: var(--warning);
}

.help-list-block strong[b-4n0km4jcc6] {
    display: block;
    margin-bottom: 0.45rem;
    color: var(--text-primary);
}

.help-list-block ol[b-4n0km4jcc6],
.help-list-block ul[b-4n0km4jcc6] {
    margin: 0;
    padding-left: 1.15rem;
    color: var(--text-secondary);
}

.help-list-block li + li[b-4n0km4jcc6] {
    margin-top: 0.38rem;
}

@media (max-width: 1100px) {
    .help-workspace[b-4n0km4jcc6] {
        grid-template-columns: 1fr;
    }

    .help-sidebar[b-4n0km4jcc6] {
        position: static;
        max-height: none;
    }

    .help-category-list[b-4n0km4jcc6] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .help-article-list[b-4n0km4jcc6] {
        max-height: 340px;
    }
}

@media (max-width: 720px) {
    .help-hero[b-4n0km4jcc6] {
        padding: 1.2rem;
    }

    .help-search-shell[b-4n0km4jcc6] {
        min-height: 3rem;
    }

    .help-category-list[b-4n0km4jcc6] {
        grid-template-columns: 1fr;
    }

    .help-article-header[b-4n0km4jcc6] {
        grid-template-columns: 1fr;
    }

    .help-article-heading-icon[b-4n0km4jcc6] {
        width: 2.5rem;
        height: 2.5rem;
    }
}
/* /Components/Pages/Inventory/ProcurementWorkspace.razor.rz.scp.css */
.procurement-shell[b-774i00f7yz] {
    --po-panel: var(--ui-panel);
    --po-raised: var(--ui-panel-raised);
    --po-border: var(--ui-border);
    --po-text: var(--ui-text-primary);
    --po-muted: var(--ui-text-muted);
    --po-teal: #17c8a3;
    --po-blue: #268fd0;
    --po-amber: #f2a541;
    --po-red: #f15b68;
    min-height: 100%;
    padding: 1.15rem 1.25rem 1.5rem;
    background: var(--ui-canvas);
    color: var(--po-text);
    max-width: none;
    width: auto;
}

.procurement-shell .procurement-header[b-774i00f7yz] {
    margin-bottom: .7rem;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.procurement-shell .procurement-header .section-kicker[b-774i00f7yz] {
    display: none;
}

.procurement-shell .procurement-header .page-title[b-774i00f7yz] {
    margin: 0 0 .16rem;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    font-weight: 780;
    letter-spacing: -.04em;
}

.procurement-shell .procurement-header .page-description[b-774i00f7yz] {
    color: var(--po-muted);
    font-size: 0.851rem;
}

.procurement-shell .procurement-header .btn-brand[b-774i00f7yz] {
    min-height: 2.45rem;
    padding-inline: .75rem;
    border: 0;
    border-radius: .5rem;
    background: var(--po-teal);
    color: #04130f;
    font-size: 0.728rem;
    font-weight: 850;
}

.procurement-shell .procurement-header .btn-ghost[b-774i00f7yz] {
    width: 2.45rem;
    height: 2.45rem;
    border-color: var(--po-border);
    border-radius: .5rem;
    background: var(--po-panel);
}

.procurement-shell .procurement-nav[b-774i00f7yz] {
    margin-bottom: .8rem;
    padding: .32rem !important;
    border-color: var(--po-border);
    border-radius: .55rem;
    background: var(--ui-panel-control-soft);
}

.procurement-shell .procurement-nav > div[b-774i00f7yz] {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .25rem !important;
}

.procurement-shell .procurement-nav a[b-774i00f7yz] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    min-height: 2.3rem;
    border: 0;
    border-radius: .38rem;
    color: var(--po-muted);
    background: transparent;
    font-size: 0.72rem;
    font-weight: 750;
}

.procurement-shell .procurement-nav a.btn-brand[b-774i00f7yz] {
    color: var(--po-text);
    background: var(--po-raised);
    box-shadow: inset 0 -2px var(--po-teal);
}

.procurement-dashboard-view[b-774i00f7yz],
.goods-receiving-view[b-774i00f7yz],
.purchase-orders-view[b-774i00f7yz] {
    display: grid;
    gap: .75rem;
}

.procurement-metrics[b-774i00f7yz],
.purchase-order-metrics[b-774i00f7yz] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.procurement-metrics article[b-774i00f7yz],
.purchase-order-metrics article[b-774i00f7yz] {
    position: relative;
    display: grid;
    gap: .12rem;
    padding: .75rem .82rem;
    border: 1px solid var(--po-border);
    border-radius: .58rem;
    background: var(--po-panel);
    overflow: hidden;
}

.procurement-metrics article[b-774i00f7yz]::before,
.purchase-order-metrics article[b-774i00f7yz]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: #687383;
    content: "";
}

.procurement-metrics .approval[b-774i00f7yz]::before,
.purchase-order-metrics .approval[b-774i00f7yz]::before { background: var(--po-amber); }
.procurement-metrics .open[b-774i00f7yz]::before,
.purchase-order-metrics .open[b-774i00f7yz]::before { background: var(--po-blue); }
.procurement-metrics .received[b-774i00f7yz]::before { background: var(--po-teal); }
.procurement-metrics .rejected[b-774i00f7yz]::before { background: var(--po-red); }
.procurement-metrics span[b-774i00f7yz],
.purchase-order-metrics span[b-774i00f7yz] { color: var(--po-muted); font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.procurement-metrics strong[b-774i00f7yz],
.purchase-order-metrics strong[b-774i00f7yz] { overflow: hidden; font-size: 1.21rem; text-overflow: ellipsis; white-space: nowrap; }
.procurement-metrics small[b-774i00f7yz],
.purchase-order-metrics small[b-774i00f7yz] { color: var(--ui-text-caption); font-size: 0.72rem; }

.procurement-overview-grid[b-774i00f7yz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.procurement-feed[b-774i00f7yz],
.receipt-register[b-774i00f7yz] {
    border: 1px solid var(--po-border);
    border-radius: .65rem;
    background: var(--po-panel);
    overflow: hidden;
}

.procurement-feed > header[b-774i00f7yz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3.65rem;
    padding: .65rem .78rem;
    border-bottom: 1px solid var(--po-border);
    background: var(--ui-panel-control-soft);
}

.procurement-feed > header div[b-774i00f7yz] {
    display: grid;
    gap: .08rem;
}

.procurement-feed > header span[b-774i00f7yz],
.receipt-toolbar > div span[b-774i00f7yz] {
    color: var(--po-muted);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.procurement-feed > header h2[b-774i00f7yz],
.receipt-toolbar h2[b-774i00f7yz] {
    margin: 0;
    font-size: 0.806rem;
}

.procurement-feed > header a[b-774i00f7yz] {
    color: #75cdbb;
    font-size: 0.72rem;
    font-weight: 800;
    text-decoration: none;
}

.procurement-feed-list[b-774i00f7yz] {
    display: grid;
}

.procurement-feed-row[b-774i00f7yz] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) minmax(6.5rem, auto) minmax(6rem, auto);
    align-items: center;
    gap: .55rem;
    min-height: 4.15rem;
    padding: .58rem .72rem;
    border-bottom: 1px solid var(--po-border);
}

.procurement-feed-row:last-child[b-774i00f7yz] {
    border-bottom: 0;
}

.feed-icon[b-774i00f7yz] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    background: var(--ui-panel-info);
    color: #83b3db;
}

.feed-icon.receipt[b-774i00f7yz] {
    color: var(--order-positive-text, #67dac1);
}

.feed-main[b-774i00f7yz],
.feed-meta[b-774i00f7yz] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.feed-main strong[b-774i00f7yz],
.feed-main small[b-774i00f7yz],
.feed-meta span[b-774i00f7yz],
.feed-meta small[b-774i00f7yz] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.feed-main strong[b-774i00f7yz],
.feed-value[b-774i00f7yz] {
    font-size: 0.728rem;
}

.feed-main small[b-774i00f7yz],
.feed-meta small[b-774i00f7yz] {
    color: var(--po-muted);
    font-size: 0.72rem;
}

.feed-meta span[b-774i00f7yz] {
    color: #b8c2ce;
    font-size: 0.72rem;
}

.feed-value[b-774i00f7yz] {
    justify-self: end;
    white-space: nowrap;
}

.procurement-feed-empty[b-774i00f7yz] {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 15rem;
    color: #647080;
}

.procurement-feed-empty i[b-774i00f7yz] {
    font-size: 1.344rem;
}

.procurement-feed-empty p[b-774i00f7yz] {
    margin: .4rem 0 0;
    font-size: 0.72rem;
}

.purchase-order-register[b-774i00f7yz] {
    border: 1px solid var(--po-border);
    border-radius: .65rem;
    background: var(--po-panel);
    overflow: hidden;
}

.purchase-order-toolbar[b-774i00f7yz] {
    display: grid;
    grid-template-columns: minmax(15rem, 1fr) minmax(10rem, 13rem) auto;
    align-items: center;
    gap: .55rem;
    padding: .65rem;
    border-bottom: 1px solid var(--po-border);
    background: var(--ui-panel-control-soft);
}

.purchase-order-toolbar label[b-774i00f7yz] {
    display: flex;
    align-items: center;
    gap: .48rem;
    min-height: 2.3rem;
    padding: 0 .65rem;
    border: 1px solid var(--po-border);
    border-radius: .4rem;
    background: var(--ui-canvas-muted);
    color: var(--ui-text-caption-alt);
}

.purchase-order-toolbar input[b-774i00f7yz],
.purchase-order-toolbar select[b-774i00f7yz] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--po-text);
    font-size: 0.739rem;
}

.purchase-order-toolbar select[b-774i00f7yz] {
    min-height: 2.3rem;
    padding: 0 .5rem;
    border: 1px solid var(--po-border);
    border-radius: .4rem;
    background: var(--ui-canvas-muted);
}

.purchase-order-toolbar option[b-774i00f7yz] { background: var(--ui-panel); }
.purchase-order-toolbar > span[b-774i00f7yz] { color: var(--po-muted); font-size: 0.72rem; white-space: nowrap; }
.purchase-order-list[b-774i00f7yz] { display: grid; }

.purchase-order-row[b-774i00f7yz] {
    display: grid;
    grid-template-columns: minmax(14rem, 1.25fr) minmax(8rem, .65fr) minmax(9rem, .75fr) minmax(8rem, .55fr) auto;
    align-items: center;
    gap: .75rem;
    min-height: 5.1rem;
    padding: .7rem .8rem;
    border-bottom: 1px solid var(--po-border);
}

.purchase-order-row:last-child[b-774i00f7yz] { border-bottom: 0; }
.purchase-order-row:hover[b-774i00f7yz] { background: var(--ui-panel-card-alt); }
.po-identity[b-774i00f7yz] { display: flex; align-items: center; gap: .65rem; min-width: 0; }
.po-icon[b-774i00f7yz] { display: grid; flex: none; place-items: center; width: 2.35rem; height: 2.35rem; background: var(--ui-panel-info); color: #83b3db; }
.po-identity div[b-774i00f7yz] { min-width: 0; }
.po-identity h2[b-774i00f7yz] { overflow: hidden; margin: 0; font-size: 0.818rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.po-identity p[b-774i00f7yz] { overflow: hidden; margin: .17rem 0 0; color: var(--po-muted); font-size: 0.72rem; text-overflow: ellipsis; white-space: nowrap; }
.po-status-block[b-774i00f7yz], .po-total[b-774i00f7yz] { display: grid; gap: .15rem; }
.po-status[b-774i00f7yz] { width: fit-content; padding: .18rem .4rem; border-radius: 999px; background: rgba(146, 156, 173, .1); color: #abb5c2; font-size: 0.72rem; font-weight: 850; text-transform: uppercase; }
.status-pendingapproval[b-774i00f7yz] { background: rgba(242, 165, 65, .1); color: #f5bb70; }
.status-approved[b-774i00f7yz], .status-sent[b-774i00f7yz] { background: rgba(38, 143, 208, .12); color: #77bce7; }
.status-partiallyreceived[b-774i00f7yz] { background: rgba(155, 112, 221, .12); color: #b99ae8; }
.status-received[b-774i00f7yz], .status-closed[b-774i00f7yz] { background: rgba(23, 200, 163, .1); color: #66dec4; }
.status-cancelled[b-774i00f7yz] { background: rgba(241, 91, 104, .1); color: #f58e98; }
.po-status-block small[b-774i00f7yz], .po-total small[b-774i00f7yz], .po-receiving small[b-774i00f7yz] { color: var(--po-muted); font-size: 0.72rem; }
.po-status-block small[b-774i00f7yz] { color: var(--ui-text-supporting-alt); }
.po-receiving[b-774i00f7yz] { display: grid; gap: .24rem; }
.po-receiving > div[b-774i00f7yz] { display: flex; justify-content: space-between; color: var(--po-muted); font-size: 0.72rem; }
.po-receiving > div strong[b-774i00f7yz] { color: var(--ui-text-supporting-strong); }
.po-receiving > span[b-774i00f7yz] { display: block; height: 3px; background: #292e36; }
.po-receiving > span i[b-774i00f7yz] { display: block; height: 100%; background: var(--po-teal); }
.po-total span[b-774i00f7yz] { color: var(--po-muted); font-size: 0.72rem; text-transform: uppercase; }
.po-total strong[b-774i00f7yz] { font-size: 0.784rem; }
.po-actions[b-774i00f7yz] { display: flex; justify-content: flex-end; gap: .3rem; }
.po-actions button[b-774i00f7yz] { min-height: 2rem; padding: 0 .5rem; border: 1px solid var(--po-border); border-radius: .36rem; background: var(--ui-panel-control-soft); color: #bdc7d3; font-size: 0.72rem; font-weight: 800; white-space: nowrap; }
.po-actions .primary[b-774i00f7yz] { border-color: #159c82; background: #138f77; color: #effffb; }
.po-actions .danger[b-774i00f7yz], .po-actions .icon-danger[b-774i00f7yz] { border-color: rgba(241, 91, 104, .32); color: #f58d97; }
.po-actions .icon-danger[b-774i00f7yz] { width: 2rem; padding: 0; }
.po-actions button:disabled[b-774i00f7yz] { cursor: wait; opacity: .45; }
.purchase-order-empty[b-774i00f7yz] { display: grid; place-items: center; align-content: center; min-height: 18rem; text-align: center; }
.purchase-order-empty > span[b-774i00f7yz] { display: grid; place-items: center; width: 3rem; height: 3rem; border: 1px solid var(--po-border); border-radius: .65rem; background: var(--ui-panel-deep); color: var(--po-blue); }
.purchase-order-empty h2[b-774i00f7yz] { margin: .65rem 0 .2rem; font-size: 0.941rem; }
.purchase-order-empty p[b-774i00f7yz] { margin: 0; color: var(--po-muted); font-size: 0.728rem; }

.receipt-toolbar[b-774i00f7yz] {
    display: grid;
    grid-template-columns: minmax(10rem, auto) minmax(15rem, 1fr) auto;
    align-items: center;
    gap: .7rem;
    min-height: 4rem;
    padding: .65rem .78rem;
    border-bottom: 1px solid var(--po-border);
    background: var(--ui-panel-control-soft);
}

.receipt-toolbar > div[b-774i00f7yz] {
    display: grid;
    gap: .08rem;
}

.receipt-toolbar label[b-774i00f7yz] {
    display: flex;
    align-items: center;
    justify-self: end;
    gap: .48rem;
    width: min(100%, 27rem);
    min-height: 2.3rem;
    padding: 0 .65rem;
    border: 1px solid var(--po-border);
    border-radius: .4rem;
    background: var(--ui-canvas-muted);
    color: var(--ui-text-caption-alt);
}

.receipt-toolbar input[b-774i00f7yz] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--po-text);
    font-size: 0.739rem;
}

.receipt-toolbar > small[b-774i00f7yz] {
    color: var(--po-muted);
    font-size: 0.72rem;
    white-space: nowrap;
}

.receipt-list[b-774i00f7yz] {
    display: grid;
}

.receipt-row[b-774i00f7yz] {
    display: grid;
    grid-template-columns: minmax(14rem, 1.2fr) minmax(11rem, .8fr) minmax(9rem, .7fr) minmax(8rem, .55fr) auto;
    align-items: center;
    gap: .75rem;
    min-height: 5rem;
    padding: .7rem .8rem;
    border-bottom: 1px solid var(--po-border);
}

.receipt-row:last-child[b-774i00f7yz] {
    border-bottom: 0;
}

.receipt-row:hover[b-774i00f7yz] {
    background: var(--ui-panel-card-alt);
}

.receipt-row.is-reversed[b-774i00f7yz] {
    opacity: .58;
}

.receipt-identity[b-774i00f7yz] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.receipt-identity > span[b-774i00f7yz] {
    display: grid;
    flex: none;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    background: var(--order-positive-surface, #1e2a28);
    color: var(--order-positive-text, #67dac1);
}

.receipt-identity > div[b-774i00f7yz],
.receipt-date[b-774i00f7yz],
.receipt-quality[b-774i00f7yz],
.receipt-value[b-774i00f7yz] {
    display: grid;
    gap: .13rem;
    min-width: 0;
}

.receipt-identity h2[b-774i00f7yz] {
    overflow: hidden;
    margin: 0;
    font-size: 0.784rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receipt-identity p[b-774i00f7yz],
.receipt-date small[b-774i00f7yz],
.receipt-quality small[b-774i00f7yz],
.receipt-value small[b-774i00f7yz] {
    overflow: hidden;
    margin: 0;
    color: var(--po-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receipt-date > span[b-774i00f7yz],
.receipt-quality > span[b-774i00f7yz],
.receipt-value > span[b-774i00f7yz] {
    color: var(--po-muted);
    font-size: 0.72rem;
    font-weight: 750;
    text-transform: uppercase;
}

.receipt-date strong[b-774i00f7yz],
.receipt-quality strong[b-774i00f7yz],
.receipt-value strong[b-774i00f7yz] {
    overflow: hidden;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receipt-value small[b-774i00f7yz] {
    color: var(--po-red);
    font-weight: 800;
    text-transform: uppercase;
}

.reverse-receipt[b-774i00f7yz] {
    min-height: 2rem;
    padding: 0 .55rem;
    border: 1px solid rgba(241, 91, 104, .3);
    border-radius: .36rem;
    background: var(--light-danger-bg, #171417);
    color: var(--light-danger-text, #f58d97);
    font-size: 0.72rem;
    font-weight: 800;
}

.suppliers-view[b-774i00f7yz] {
    display: grid;
    gap: .75rem;
}

.supplier-register[b-774i00f7yz] {
    border: 1px solid var(--po-border);
    border-radius: .65rem;
    background: var(--po-panel);
    overflow: hidden;
}

.supplier-toolbar[b-774i00f7yz] {
    display: grid;
    grid-template-columns: minmax(10rem, auto) minmax(15rem, 1fr) minmax(9rem, 12rem) auto;
    align-items: center;
    gap: .6rem;
    min-height: 4rem;
    padding: .65rem .78rem;
    border-bottom: 1px solid var(--po-border);
    background: var(--ui-panel-control-soft);
}

.supplier-toolbar > div[b-774i00f7yz] {
    display: grid;
    gap: .08rem;
}

.supplier-toolbar > div span[b-774i00f7yz] {
    color: var(--po-muted);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.supplier-toolbar h2[b-774i00f7yz] {
    margin: 0;
    font-size: 0.806rem;
}

.supplier-toolbar label[b-774i00f7yz] {
    display: flex;
    align-items: center;
    justify-self: end;
    gap: .48rem;
    width: min(100%, 30rem);
    min-height: 2.3rem;
    padding: 0 .65rem;
    border: 1px solid var(--po-border);
    border-radius: .4rem;
    background: var(--ui-canvas-muted);
    color: var(--ui-text-caption-alt);
}

.supplier-toolbar input[b-774i00f7yz],
.supplier-toolbar select[b-774i00f7yz] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--po-text);
    font-size: 0.739rem;
}

.supplier-toolbar select[b-774i00f7yz] {
    min-height: 2.3rem;
    padding: 0 .5rem;
    border: 1px solid var(--po-border);
    border-radius: .4rem;
    background: var(--ui-canvas-muted);
}

.supplier-toolbar option[b-774i00f7yz] {
    background: var(--ui-panel);
}

.supplier-toolbar > small[b-774i00f7yz] {
    color: var(--po-muted);
    font-size: 0.72rem;
    white-space: nowrap;
}

.supplier-list[b-774i00f7yz] {
    display: grid;
}

.supplier-row[b-774i00f7yz] {
    display: grid;
    grid-template-columns: minmax(14rem, 1.2fr) minmax(10rem, .8fr) minmax(8rem, .6fr) minmax(7rem, .5fr) auto auto;
    align-items: center;
    gap: .75rem;
    min-height: 5.2rem;
    padding: .7rem .8rem;
    border-bottom: 1px solid var(--po-border);
}

.supplier-row:last-child[b-774i00f7yz] {
    border-bottom: 0;
}

.supplier-row:hover[b-774i00f7yz] {
    background: var(--ui-panel-card-alt);
}

.supplier-row.is-inactive[b-774i00f7yz] {
    opacity: .64;
}

.supplier-identity[b-774i00f7yz] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.supplier-identity > span[b-774i00f7yz] {
    display: grid;
    flex: none;
    place-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: .38rem;
    background: var(--status-success-surface);
    color: #74dec7;
    font-size: 0.72rem;
    font-weight: 850;
}

.supplier-identity > div[b-774i00f7yz],
.supplier-contact[b-774i00f7yz],
.supplier-terms[b-774i00f7yz],
.supplier-orders[b-774i00f7yz] {
    display: grid;
    gap: .13rem;
    min-width: 0;
}

.supplier-identity h2[b-774i00f7yz] {
    overflow: hidden;
    margin: 0;
    font-size: 0.795rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.supplier-identity p[b-774i00f7yz],
.supplier-contact small[b-774i00f7yz],
.supplier-terms small[b-774i00f7yz],
.supplier-orders small[b-774i00f7yz] {
    overflow: hidden;
    margin: 0;
    color: var(--po-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.supplier-contact > span[b-774i00f7yz],
.supplier-terms > span[b-774i00f7yz],
.supplier-orders > span[b-774i00f7yz] {
    color: var(--po-muted);
    font-size: 0.72rem;
    font-weight: 750;
    text-transform: uppercase;
}

.supplier-contact strong[b-774i00f7yz],
.supplier-terms strong[b-774i00f7yz],
.supplier-orders strong[b-774i00f7yz] {
    overflow: hidden;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.supplier-status[b-774i00f7yz] {
    width: fit-content;
    padding: .19rem .42rem;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.supplier-status.active[b-774i00f7yz] {
    background: rgba(23, 200, 163, .1);
    color: #66dec4;
}

.supplier-status.inactive[b-774i00f7yz] {
    background: rgba(146, 156, 173, .1);
    color: var(--ui-text-supporting-alt);
}

.supplier-actions[b-774i00f7yz] {
    display: flex;
    justify-content: flex-end;
    gap: .3rem;
}

.supplier-actions button[b-774i00f7yz] {
    min-height: 2rem;
    padding: 0 .5rem;
    border: 1px solid var(--po-border);
    border-radius: .36rem;
    background: var(--ui-panel-control-soft);
    color: #bdc7d3;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.supplier-actions button.primary[b-774i00f7yz] {
    border-color: #159c82;
    background: #138f77;
    color: #effffb;
}

.supplier-drawer[b-774i00f7yz] {
    --po-panel: var(--ui-panel);
    --po-raised: var(--ui-panel-raised);
    --po-border: var(--ui-border);
    --po-text: var(--ui-text-primary);
    --po-muted: var(--ui-text-muted);
    width: min(42rem, 100vw);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    background: var(--ui-panel-control-soft);
    color: var(--po-text);
}

.supplier-drawer-header[b-774i00f7yz] {
    border-bottom: 1px solid var(--po-border);
    background: var(--po-panel);
}

.supplier-drawer-header > div > span[b-774i00f7yz] {
    color: var(--order-positive-text, var(--po-teal));
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.supplier-drawer-header h3[b-774i00f7yz] {
    margin: .12rem 0;
    font-size: 1.03rem;
}

.supplier-drawer-header p[b-774i00f7yz] {
    margin: 0;
    color: var(--po-muted);
    font-size: 0.72rem;
}

.supplier-drawer-body[b-774i00f7yz] {
    display: grid;
    align-content: start;
    gap: .7rem;
    padding: .85rem 1rem;
}

.supplier-form-section[b-774i00f7yz] {
    padding: .75rem;
    border: 1px solid var(--po-border);
    border-radius: .5rem;
    background: var(--po-raised);
}

.supplier-form-section > header[b-774i00f7yz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .65rem;
}

.supplier-form-section h4[b-774i00f7yz] {
    margin: 0;
    font-size: 0.784rem;
}

.supplier-form-section header span[b-774i00f7yz] {
    color: var(--po-muted);
    font-size: 0.72rem;
}

.supplier-fields[b-774i00f7yz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
}

.supplier-form-section label[b-774i00f7yz] {
    display: grid;
    gap: .28rem;
}

.supplier-form-section label > span:first-child[b-774i00f7yz],
.supplier-notes-section > label:first-child > span[b-774i00f7yz] {
    color: var(--ui-text-legacy-muted);
    font-size: 0.72rem;
    font-weight: 750;
}

.supplier-form-section input:not([type="checkbox"])[b-774i00f7yz],
.supplier-form-section textarea[b-774i00f7yz] {
    min-width: 0;
    min-height: 2.25rem;
    padding: .48rem .55rem;
    border: 1px solid var(--po-border);
    border-radius: .36rem;
    outline: 0;
    background: var(--ui-canvas-muted);
    color: var(--po-text);
    font-size: 0.728rem;
}

.supplier-form-section textarea[b-774i00f7yz] {
    resize: vertical;
}

.supplier-form-section input:focus[b-774i00f7yz],
.supplier-form-section textarea:focus[b-774i00f7yz],
.supplier-toolbar input:focus[b-774i00f7yz],
.supplier-toolbar select:focus[b-774i00f7yz] {
    border-color: #288f7d;
    box-shadow: 0 0 0 2px rgba(23, 200, 163, .12);
}

.supplier-address-field[b-774i00f7yz],
.supplier-tax-field[b-774i00f7yz] {
    grid-column: 1 / -1;
}

.supplier-notes-section[b-774i00f7yz] {
    display: grid;
    gap: .7rem;
}

.supplier-active-toggle[b-774i00f7yz] {
    display: flex !important;
    align-items: flex-start;
    gap: .55rem !important;
    padding-top: .65rem;
    border-top: 1px solid var(--po-border);
    cursor: pointer;
}

.supplier-active-toggle input[b-774i00f7yz] {
    width: 1rem;
    height: 1rem;
    margin-top: .08rem;
    accent-color: var(--po-teal);
}

.supplier-active-toggle > span[b-774i00f7yz] {
    display: grid;
    gap: .12rem;
}

.supplier-active-toggle strong[b-774i00f7yz] {
    color: var(--po-text);
    font-size: 0.72rem;
}

.supplier-active-toggle small[b-774i00f7yz] {
    color: var(--po-muted);
    font-size: 0.72rem;
    font-weight: 400;
}

.supplier-drawer-footer[b-774i00f7yz] {
    display: flex;
    justify-content: flex-end;
    gap: .45rem;
    padding: .75rem 1rem;
    border-top: 1px solid var(--po-border);
    background: var(--po-panel);
}

.supplier-drawer-footer button[b-774i00f7yz] {
    min-height: 2.35rem;
    padding: 0 .72rem;
    border-radius: .38rem;
    font-size: 0.72rem;
    font-weight: 800;
}

.purchase-order-drawer[b-774i00f7yz] {
    --po-panel: var(--ui-panel);
    --po-raised: var(--ui-panel-raised);
    --po-border: var(--ui-border);
    --po-text: var(--ui-text-primary);
    --po-muted: var(--ui-text-muted);
    --po-teal: #17c8a3;
    width: min(49rem, 100vw);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    background: var(--ui-panel-control-soft);
    color: var(--po-text);
}

.purchase-drawer-header[b-774i00f7yz] { border-bottom: 1px solid var(--po-border); background: var(--po-panel); }
.purchase-drawer-header > div > span[b-774i00f7yz] { color: var(--order-positive-text, var(--po-teal)); font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.purchase-drawer-header h3[b-774i00f7yz] { margin: .12rem 0; font-size: 1.03rem; }
.purchase-drawer-header p[b-774i00f7yz] { margin: 0; color: var(--po-muted); font-size: 0.72rem; }
.purchase-drawer-body[b-774i00f7yz] { display: grid; align-content: start; gap: .75rem; padding: .85rem 1rem; }
.purchase-panel-error[b-774i00f7yz] { display: flex; align-items: center; gap: .48rem; padding: .6rem .7rem; border: 1px solid rgba(241, 91, 104, .35); border-radius: .45rem; background: rgba(241, 91, 104, .08); color: #ff969f; font-size: 0.72rem; }
.purchase-details[b-774i00f7yz], .purchase-lines[b-774i00f7yz] { border: 1px solid var(--po-border); border-radius: .5rem; background: var(--po-raised); }
.purchase-details[b-774i00f7yz] { padding: .75rem; }
.purchase-details > header[b-774i00f7yz], .purchase-lines > header[b-774i00f7yz] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.purchase-details h4[b-774i00f7yz], .purchase-lines h4[b-774i00f7yz] { margin: 0; font-size: 0.806rem; }
.purchase-details header span[b-774i00f7yz], .purchase-lines header span[b-774i00f7yz] { color: var(--po-muted); font-size: 0.72rem; }
.purchase-fields[b-774i00f7yz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .62rem; margin-top: .65rem; }
.purchase-fields label[b-774i00f7yz], .purchase-line label[b-774i00f7yz] { display: grid; gap: .28rem; }
.purchase-fields label > span[b-774i00f7yz], .purchase-line label > span[b-774i00f7yz], .line-total > span[b-774i00f7yz] { color: var(--ui-text-legacy-muted); font-size: 0.72rem; font-weight: 750; }
.purchase-fields input[b-774i00f7yz], .purchase-fields select[b-774i00f7yz], .purchase-fields textarea[b-774i00f7yz], .purchase-line input[b-774i00f7yz], .purchase-line select[b-774i00f7yz] { min-width: 0; min-height: 2.25rem; padding: .48rem .55rem; border: 1px solid var(--po-border); border-radius: .36rem; outline: 0; background: var(--ui-canvas-muted); color: var(--po-text); font-size: 0.728rem; }
.purchase-fields select option[b-774i00f7yz], .purchase-line select option[b-774i00f7yz] { background: var(--ui-panel); }
.purchase-notes[b-774i00f7yz] { grid-column: 1 / -1; }
.purchase-fields textarea[b-774i00f7yz] { resize: vertical; }
.purchase-lines[b-774i00f7yz] { overflow: hidden; }
.purchase-lines > header[b-774i00f7yz] { padding: .65rem .75rem; border-bottom: 1px solid var(--po-border); }
.purchase-lines > header > div[b-774i00f7yz] { display: grid; gap: .12rem; }
.purchase-lines > header button[b-774i00f7yz] { min-height: 2rem; padding: 0 .5rem; border: 1px solid var(--po-border); border-radius: .35rem; background: var(--ui-panel-control-soft); color: var(--ui-text-list-strong); font-size: 0.72rem; font-weight: 800; }
.purchase-line-list[b-774i00f7yz] { display: grid; gap: 1px; background: var(--po-border); }
.purchase-line[b-774i00f7yz] { display: grid; grid-template-columns: 1.35rem minmax(13rem, 1fr) 5.5rem 6.5rem 7rem 2rem; align-items: end; gap: .5rem; padding: .65rem .7rem; background: var(--ui-panel); }
.line-number[b-774i00f7yz] { display: grid; place-items: center; width: 1.35rem; height: 1.35rem; margin-bottom: .45rem; border-radius: 50%; background: var(--ui-panel-marker); color: var(--ui-text-supporting-soft); font-size: 0.72rem; font-weight: 800; }
.purchase-line small[b-774i00f7yz] { overflow: hidden; color: var(--po-muted); font-size: 0.72rem; text-overflow: ellipsis; white-space: nowrap; }
.line-total[b-774i00f7yz] { display: grid; align-self: center; gap: .16rem; }
.line-total strong[b-774i00f7yz] { font-size: 0.739rem; white-space: nowrap; }
.remove-line[b-774i00f7yz] { width: 2rem; height: 2.25rem; border: 1px solid rgba(241, 91, 104, .28); border-radius: .36rem; background: var(--light-danger-bg, #171417); color: var(--light-danger-text, #ed8791); }
.remove-line:disabled[b-774i00f7yz] { opacity: .3; }
.purchase-drawer-footer[b-774i00f7yz] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1rem; border-top: 1px solid var(--po-border); background: var(--po-panel); }
.purchase-drawer-footer > div:first-child[b-774i00f7yz] { display: grid; gap: .1rem; }
.purchase-drawer-footer > div:first-child span[b-774i00f7yz] { color: var(--po-muted); font-size: 0.72rem; text-transform: uppercase; }
.purchase-drawer-footer > div:first-child strong[b-774i00f7yz] { font-size: 0.986rem; }
.purchase-drawer-footer > div:last-child[b-774i00f7yz] { display: flex; gap: .45rem; }
.purchase-drawer-footer button[b-774i00f7yz] { min-height: 2.35rem; padding: 0 .72rem; border-radius: .38rem; font-size: 0.72rem; font-weight: 800; }
.cancel-draft[b-774i00f7yz] { border: 1px solid var(--po-border); background: var(--ui-panel-secondary); color: var(--ui-text-list-soft); }
.save-draft[b-774i00f7yz] { border: 1px solid #159c82; background: #138f77; color: #f0fffb; }
.save-draft:disabled[b-774i00f7yz] { opacity: .45; }

@media (max-width: 1380px) {
    .purchase-order-row[b-774i00f7yz] { grid-template-columns: minmax(13rem, 1fr) minmax(8rem, auto) minmax(8rem, auto) auto; }
    .po-receiving[b-774i00f7yz] { display: none; }
    .receipt-row[b-774i00f7yz] { grid-template-columns: minmax(13rem, 1fr) minmax(10rem, auto) minmax(8rem, auto) auto; }
    .receipt-quality[b-774i00f7yz] { display: none; }
    .supplier-row[b-774i00f7yz] { grid-template-columns: minmax(13rem, 1fr) minmax(9rem, auto) minmax(7rem, auto) auto auto; }
    .supplier-terms[b-774i00f7yz] { display: none; }
}

@media (max-width: 1000px) {
    .procurement-overview-grid[b-774i00f7yz] { grid-template-columns: 1fr; }
    .purchase-order-row[b-774i00f7yz] { grid-template-columns: minmax(12rem, 1fr) minmax(7rem, auto) auto; }
    .po-status-block[b-774i00f7yz] { display: none; }
    .receipt-row[b-774i00f7yz] { grid-template-columns: minmax(12rem, 1fr) minmax(8rem, auto) auto; }
    .receipt-date[b-774i00f7yz] { display: none; }
    .supplier-row[b-774i00f7yz] { grid-template-columns: minmax(12rem, 1fr) minmax(7rem, auto) auto auto; }
    .supplier-contact[b-774i00f7yz] { display: none; }
    .purchase-line[b-774i00f7yz] { grid-template-columns: 1.2rem minmax(11rem, 1fr) 5rem 6rem 2rem; }
    .line-total[b-774i00f7yz] { display: none; }
}

@media (max-width: 720px) {
    .procurement-shell[b-774i00f7yz] { padding: 1rem; }
    .procurement-shell .procurement-header .page-description[b-774i00f7yz] { display: none; }
    .procurement-shell .procurement-nav[b-774i00f7yz] { overflow-x: auto; }
    .procurement-shell .procurement-nav > div[b-774i00f7yz] { display: flex !important; width: max-content; }
    .procurement-shell .procurement-nav a[b-774i00f7yz] { min-width: 8rem; }
    .procurement-metrics[b-774i00f7yz],
    .purchase-order-metrics[b-774i00f7yz] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .procurement-feed-row[b-774i00f7yz] { grid-template-columns: 2rem minmax(0, 1fr) auto; }
    .procurement-feed-row .feed-meta[b-774i00f7yz] { display: none; }
    .receipt-toolbar[b-774i00f7yz] { grid-template-columns: 1fr auto; }
    .receipt-toolbar label[b-774i00f7yz] { grid-column: 1 / -1; grid-row: 2; justify-self: stretch; width: 100%; }
    .receipt-row[b-774i00f7yz] { grid-template-columns: minmax(0, 1fr) auto; }
    .receipt-value[b-774i00f7yz] { justify-items: end; }
    .reverse-receipt[b-774i00f7yz] { grid-column: 1 / -1; justify-self: start; }
    .supplier-toolbar[b-774i00f7yz] { grid-template-columns: 1fr auto; }
    .supplier-toolbar label[b-774i00f7yz] { grid-column: 1 / -1; grid-row: 2; justify-self: stretch; width: 100%; }
    .supplier-toolbar select[b-774i00f7yz] { grid-column: 1; grid-row: 3; }
    .supplier-toolbar > small[b-774i00f7yz] { grid-column: 2; grid-row: 3; justify-self: end; }
    .supplier-row[b-774i00f7yz] { grid-template-columns: minmax(0, 1fr) auto; }
    .supplier-orders[b-774i00f7yz] { justify-items: end; }
    .supplier-status[b-774i00f7yz] { grid-column: 1; }
    .supplier-actions[b-774i00f7yz] { grid-column: 1 / -1; justify-content: flex-start; }
    .supplier-fields[b-774i00f7yz] { grid-template-columns: 1fr; }
    .supplier-address-field[b-774i00f7yz],
    .supplier-tax-field[b-774i00f7yz] { grid-column: auto; }
    .purchase-order-toolbar[b-774i00f7yz] { grid-template-columns: 1fr auto; }
    .purchase-order-toolbar label[b-774i00f7yz] { grid-column: 1 / -1; }
    .purchase-order-row[b-774i00f7yz] { grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; }
    .po-total[b-774i00f7yz] { justify-items: end; }
    .po-actions[b-774i00f7yz] { grid-column: 1 / -1; justify-content: flex-start; overflow-x: auto; }
    .purchase-fields[b-774i00f7yz] { grid-template-columns: 1fr; }
    .purchase-notes[b-774i00f7yz] { grid-column: auto; }
    .purchase-line[b-774i00f7yz] { grid-template-columns: 1.2rem minmax(0, 1fr) 2rem; }
    .purchase-line > label:not(.line-item)[b-774i00f7yz] { grid-column: 2; }
    .remove-line[b-774i00f7yz] { grid-column: 3; grid-row: 1; }
    .purchase-drawer-footer[b-774i00f7yz] { align-items: flex-end; }
}

@media (max-width: 420px) {
    .procurement-shell .procurement-header .btn-brand[b-774i00f7yz] { width: 2.45rem; padding: 0; font-size: 0; }
    .procurement-shell .procurement-header .btn-brand i[b-774i00f7yz] { font-size: 0.896rem; }
    .procurement-feed-row[b-774i00f7yz] { grid-template-columns: minmax(0, 1fr) auto; }
    .procurement-feed-row .feed-icon[b-774i00f7yz] { display: none; }
    .supplier-metrics[b-774i00f7yz] { grid-template-columns: 1fr; }
    .supplier-actions[b-774i00f7yz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .supplier-actions button[b-774i00f7yz] { min-height: 2.4rem; }
    .supplier-drawer-footer[b-774i00f7yz] { display: grid; grid-template-columns: 1fr 1.5fr; }
    .purchase-drawer-footer[b-774i00f7yz] { align-items: stretch; flex-direction: column; }
    .purchase-drawer-footer > div:last-child[b-774i00f7yz] { display: grid; grid-template-columns: 1fr 1.5fr; }
}
/* /Components/Pages/Inventory/StockAdjustments.razor.rz.scp.css */
.adjustment-shell[b-1yj3wjn38n] {
    --adjust-panel: var(--ui-panel);
    --adjust-raised: var(--ui-panel-raised);
    --adjust-border: var(--ui-border);
    --adjust-text: var(--ui-text-primary);
    --adjust-muted: var(--ui-text-muted);
    --adjust-teal: #17c8a3;
    --adjust-blue: #268fd0;
    --adjust-amber: #f2a541;
    --adjust-red: #f15b68;
    min-height: 100%;
    width: auto;
    max-width: none;
    padding: 1.15rem 1.25rem 1.5rem;
    background: var(--ui-canvas);
    color: var(--adjust-text);
}

.adjustment-header[b-1yj3wjn38n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.adjustment-header h1[b-1yj3wjn38n] {
    margin: 0 0 .16rem;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    font-weight: 780;
    letter-spacing: -.04em;
}

.adjustment-header p[b-1yj3wjn38n] {
    margin: 0;
    color: var(--adjust-muted);
    font-size: 0.851rem;
}

.adjustment-header-actions[b-1yj3wjn38n] {
    display: flex;
    gap: .45rem;
}

.adjustment-primary[b-1yj3wjn38n],
.adjustment-secondary[b-1yj3wjn38n],
.adjustment-error button[b-1yj3wjn38n],
.adjustment-empty button[b-1yj3wjn38n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .36rem;
    min-height: 2.4rem;
    padding: 0 .72rem;
    border: 1px solid var(--adjust-border);
    border-radius: .42rem;
    background: var(--adjust-panel);
    color: var(--ui-text-supporting-strong);
    font-size: 0.72rem;
    font-weight: 800;
    text-decoration: none;
}

.adjustment-primary[b-1yj3wjn38n],
.adjustment-empty button[b-1yj3wjn38n] {
    border-color: #159c82;
    background: #138f77;
    color: #f0fffb;
}

.adjustment-success[b-1yj3wjn38n],
.adjustment-error[b-1yj3wjn38n] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    padding: .62rem .72rem;
    border: 1px solid rgba(23, 200, 163, .3);
    border-radius: .48rem;
    background: rgba(23, 200, 163, .08);
    color: #78dfc9;
    font-size: 0.72rem;
}

.adjustment-error[b-1yj3wjn38n] {
    border-color: rgba(241, 91, 104, .35);
    background: rgba(241, 91, 104, .08);
    color: #ff9ca5;
}

.adjustment-error span[b-1yj3wjn38n] {
    flex: 1;
}

.adjustment-error button[b-1yj3wjn38n] {
    min-height: 1.9rem;
    border-color: rgba(241, 91, 104, .35);
    background: transparent;
    color: #ffb0b7;
}

.adjustment-loading[b-1yj3wjn38n],
.adjustment-empty[b-1yj3wjn38n] {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 20rem;
    color: var(--adjust-muted);
    text-align: center;
}

.adjustment-loading[b-1yj3wjn38n] {
    border: 1px solid var(--adjust-border);
    border-radius: .65rem;
    background: var(--adjust-panel);
}

.adjustment-loading i[b-1yj3wjn38n] {
    animation: adjustment-spin-b-1yj3wjn38n .8s linear infinite;
}

.adjustment-loading p[b-1yj3wjn38n],
.adjustment-empty p[b-1yj3wjn38n] {
    margin: .45rem 0 .7rem;
    font-size: 0.72rem;
}

.adjustment-empty i[b-1yj3wjn38n] {
    color: #748091;
    font-size: 1.4rem;
}

.adjustment-empty h2[b-1yj3wjn38n] {
    margin: .55rem 0 0;
    color: var(--adjust-text);
    font-size: 0.896rem;
}

.adjustment-metrics[b-1yj3wjn38n] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .75rem;
}

.adjustment-metrics article[b-1yj3wjn38n] {
    position: relative;
    display: grid;
    gap: .12rem;
    padding: .75rem .82rem;
    border: 1px solid var(--adjust-border);
    border-radius: .58rem;
    background: var(--adjust-panel);
    overflow: hidden;
}

.adjustment-metrics article[b-1yj3wjn38n]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: #687383;
    content: "";
}

.adjustment-metrics .additions[b-1yj3wjn38n]::before { background: var(--adjust-teal); }
.adjustment-metrics .reductions[b-1yj3wjn38n]::before { background: var(--adjust-red); }
.adjustment-metrics span[b-1yj3wjn38n] { color: var(--adjust-muted); font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.adjustment-metrics strong[b-1yj3wjn38n] { overflow: hidden; font-size: 1.21rem; text-overflow: ellipsis; white-space: nowrap; }
.adjustment-metrics small[b-1yj3wjn38n] { color: var(--ui-text-caption); font-size: 0.72rem; }

.adjustment-register[b-1yj3wjn38n] {
    border: 1px solid var(--adjust-border);
    border-radius: .65rem;
    background: var(--adjust-panel);
    overflow: hidden;
}

.adjustment-toolbar[b-1yj3wjn38n] {
    display: grid;
    grid-template-columns: minmax(9rem, auto) minmax(15rem, 1fr) minmax(9rem, 12rem) minmax(9rem, 12rem);
    align-items: center;
    gap: .55rem;
    min-height: 4rem;
    padding: .65rem .78rem;
    border-bottom: 1px solid var(--adjust-border);
    background: var(--ui-panel-control-soft);
}

.adjustment-toolbar > div[b-1yj3wjn38n] {
    display: grid;
    gap: .08rem;
}

.adjustment-toolbar h2[b-1yj3wjn38n] {
    margin: 0;
    font-size: 0.806rem;
}

.adjustment-toolbar > div span[b-1yj3wjn38n] {
    color: var(--adjust-muted);
    font-size: 0.72rem;
}

.adjustment-toolbar label[b-1yj3wjn38n] {
    display: flex;
    align-items: center;
    justify-self: end;
    gap: .48rem;
    width: min(100%, 28rem);
    min-height: 2.3rem;
    padding: 0 .65rem;
    border: 1px solid var(--adjust-border);
    border-radius: .4rem;
    background: var(--ui-canvas-muted);
    color: var(--ui-text-caption-alt);
}

.adjustment-toolbar input[b-1yj3wjn38n],
.adjustment-toolbar select[b-1yj3wjn38n] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--adjust-text);
    font-size: 0.72rem;
}

.adjustment-toolbar > select[b-1yj3wjn38n] {
    min-height: 2.3rem;
    padding: 0 .5rem;
    border: 1px solid var(--adjust-border);
    border-radius: .4rem;
    background: var(--ui-canvas-muted);
}

.adjustment-toolbar option[b-1yj3wjn38n] {
    background: var(--ui-panel);
}

.adjustment-toolbar label:focus-within[b-1yj3wjn38n],
.adjustment-toolbar > select:focus[b-1yj3wjn38n] {
    border-color: #288f7d;
    box-shadow: 0 0 0 2px rgba(23, 200, 163, .12);
}

.adjustment-list[b-1yj3wjn38n] {
    display: grid;
}

.adjustment-row[b-1yj3wjn38n] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(14rem, 1.2fr) minmax(13rem, 1fr) minmax(8rem, .6fr) minmax(9rem, .65fr) minmax(8rem, .55fr);
    align-items: center;
    gap: .75rem;
    min-height: 5.1rem;
    padding: .7rem .8rem;
    border-bottom: 1px solid var(--adjust-border);
}

.adjustment-row[b-1yj3wjn38n]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: var(--adjust-red);
    content: "";
}

.adjustment-row.addition[b-1yj3wjn38n]::before {
    background: var(--adjust-teal);
}

.adjustment-row:last-child[b-1yj3wjn38n] { border-bottom: 0; }
.adjustment-row:hover[b-1yj3wjn38n] { background: var(--ui-panel-card-alt); }

.adjustment-identity[b-1yj3wjn38n] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.adjustment-identity > span[b-1yj3wjn38n] {
    display: grid;
    flex: none;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    background: var(--order-negative-surface, #2b2022);
    color: var(--order-negative-text, #f38a94);
}

.adjustment-row.addition .adjustment-identity > span[b-1yj3wjn38n] {
    background: var(--order-positive-surface, #1e2a28);
    color: var(--order-positive-text, #67dac1);
}

.adjustment-identity > div[b-1yj3wjn38n],
.adjustment-reason[b-1yj3wjn38n],
.adjustment-delta[b-1yj3wjn38n],
.adjustment-author[b-1yj3wjn38n],
.adjustment-time[b-1yj3wjn38n] {
    display: grid;
    gap: .13rem;
    min-width: 0;
}

.adjustment-identity h2[b-1yj3wjn38n] {
    overflow: hidden;
    margin: 0;
    font-size: 0.795rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adjustment-identity p[b-1yj3wjn38n],
.adjustment-row small[b-1yj3wjn38n] {
    overflow: hidden;
    margin: 0;
    color: var(--adjust-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adjustment-reason > span[b-1yj3wjn38n],
.adjustment-delta > span[b-1yj3wjn38n],
.adjustment-author > span[b-1yj3wjn38n],
.adjustment-time > span[b-1yj3wjn38n] {
    color: var(--adjust-muted);
    font-size: 0.72rem;
    font-weight: 750;
    text-transform: uppercase;
}

.adjustment-row strong[b-1yj3wjn38n] {
    overflow: hidden;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.adjustment-delta strong[b-1yj3wjn38n] {
    color: #f58e98;
}

.adjustment-row.addition .adjustment-delta strong[b-1yj3wjn38n] {
    color: #66dec4;
}

.adjustment-drawer[b-1yj3wjn38n] {
    --adjust-panel: var(--ui-panel);
    --adjust-raised: var(--ui-panel-raised);
    --adjust-border: var(--ui-border);
    --adjust-text: var(--ui-text-primary);
    --adjust-muted: var(--ui-text-muted);
    --adjust-teal: #17c8a3;
    --adjust-red: #f15b68;
    width: min(43rem, 100vw);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    background: var(--ui-panel-control-soft);
    color: var(--adjust-text);
}

.adjustment-drawer-header[b-1yj3wjn38n] {
    border-bottom: 1px solid var(--adjust-border);
    background: var(--adjust-panel);
}

.adjustment-drawer-header > div > span[b-1yj3wjn38n] {
    color: var(--order-positive-text, var(--adjust-teal));
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.adjustment-drawer-header h3[b-1yj3wjn38n] {
    margin: .12rem 0;
    font-size: 1.03rem;
}

.adjustment-drawer-header p[b-1yj3wjn38n] {
    margin: 0;
    color: var(--adjust-muted);
    font-size: 0.72rem;
}

.adjustment-drawer-body[b-1yj3wjn38n] {
    display: grid;
    align-content: start;
    gap: .7rem;
    padding: .85rem 1rem;
}

.adjustment-panel-error[b-1yj3wjn38n] {
    display: flex;
    align-items: center;
    gap: .48rem;
    padding: .6rem .7rem;
    border: 1px solid rgba(241, 91, 104, .35);
    border-radius: .45rem;
    background: rgba(241, 91, 104, .08);
    color: #ff969f;
    font-size: 0.72rem;
}

.adjustment-form-section[b-1yj3wjn38n] {
    padding: .75rem;
    border: 1px solid var(--adjust-border);
    border-radius: .5rem;
    background: var(--adjust-raised);
}

.adjustment-form-section > header[b-1yj3wjn38n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .65rem;
}

.adjustment-form-section h4[b-1yj3wjn38n] {
    margin: 0;
    font-size: 0.784rem;
}

.adjustment-form-section header span[b-1yj3wjn38n] {
    color: var(--adjust-muted);
    font-size: 0.72rem;
}

.adjustment-fields[b-1yj3wjn38n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
}

.adjustment-fields label[b-1yj3wjn38n],
.adjustment-quantity[b-1yj3wjn38n] {
    display: grid;
    gap: .28rem;
}

.adjustment-fields label > span[b-1yj3wjn38n],
.adjustment-quantity > span[b-1yj3wjn38n] {
    color: var(--ui-text-legacy-muted);
    font-size: 0.72rem;
    font-weight: 750;
}

.adjustment-fields input[b-1yj3wjn38n],
.adjustment-fields select[b-1yj3wjn38n],
.adjustment-fields textarea[b-1yj3wjn38n],
.adjustment-quantity input[b-1yj3wjn38n] {
    min-width: 0;
    min-height: 2.25rem;
    padding: .48rem .55rem;
    border: 1px solid var(--adjust-border);
    border-radius: .36rem;
    outline: 0;
    background: var(--ui-canvas-muted);
    color: var(--adjust-text);
    font-size: 0.728rem;
}

.adjustment-fields select option[b-1yj3wjn38n] {
    background: var(--ui-panel);
}

.adjustment-fields textarea[b-1yj3wjn38n] {
    resize: vertical;
}

.adjustment-fields input:focus[b-1yj3wjn38n],
.adjustment-fields select:focus[b-1yj3wjn38n],
.adjustment-fields textarea:focus[b-1yj3wjn38n],
.adjustment-quantity input:focus[b-1yj3wjn38n] {
    border-color: #288f7d;
    box-shadow: 0 0 0 2px rgba(23, 200, 163, .12);
}

.adjustment-notes[b-1yj3wjn38n] {
    grid-column: 1 / -1;
}

.adjustment-direction[b-1yj3wjn38n] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .4rem;
    margin-bottom: .65rem;
}

.adjustment-direction button[b-1yj3wjn38n] {
    min-height: 2.45rem;
    border: 1px solid var(--adjust-border);
    border-radius: .38rem;
    background: var(--ui-panel-control-soft);
    color: var(--ui-text-supporting-alt);
    font-size: 0.72rem;
    font-weight: 800;
}

.adjustment-direction button.active.add[b-1yj3wjn38n] {
    border-color: rgba(23, 200, 163, .55);
    background: rgba(23, 200, 163, .1);
    color: #6de1c8;
}

.adjustment-direction button.active.remove[b-1yj3wjn38n] {
    border-color: rgba(241, 91, 104, .5);
    background: rgba(241, 91, 104, .09);
    color: #f7959e;
}

.adjustment-quantity[b-1yj3wjn38n] {
    max-width: 15rem;
}

.adjustment-quantity > div[b-1yj3wjn38n] {
    display: grid;
    grid-template-columns: 1fr auto;
}

.adjustment-quantity input[b-1yj3wjn38n] {
    border-radius: .36rem 0 0 .36rem;
}

.adjustment-quantity strong[b-1yj3wjn38n] {
    display: grid;
    place-items: center;
    min-width: 3.5rem;
    padding: 0 .5rem;
    border: 1px solid var(--adjust-border);
    border-left: 0;
    border-radius: 0 .36rem .36rem 0;
    background: var(--ui-control-addon);
    color: var(--ui-text-supporting-soft);
    font-size: 0.72rem;
}

.balance-preview[b-1yj3wjn38n] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: .6rem;
    margin-top: .65rem;
    padding: .65rem;
    border: 1px solid var(--adjust-border);
    border-radius: .4rem;
    background: var(--ui-panel-deep);
}

.balance-preview > div[b-1yj3wjn38n] {
    display: grid;
    gap: .12rem;
}

.balance-preview > div:last-child[b-1yj3wjn38n] {
    text-align: right;
}

.balance-preview span[b-1yj3wjn38n] {
    color: var(--adjust-muted);
    font-size: 0.72rem;
}

.balance-preview strong[b-1yj3wjn38n] {
    font-size: 0.762rem;
}

.balance-preview strong.negative[b-1yj3wjn38n] {
    color: var(--adjust-red);
}

.balance-preview > i[b-1yj3wjn38n] {
    color: #657080;
}

.adjustment-drawer-footer[b-1yj3wjn38n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 1rem;
    border-top: 1px solid var(--adjust-border);
    background: var(--adjust-panel);
}

.adjustment-drawer-footer > div:first-child[b-1yj3wjn38n] {
    display: grid;
    gap: .1rem;
}

.adjustment-drawer-footer > div:first-child span[b-1yj3wjn38n] {
    color: var(--adjust-muted);
    font-size: 0.72rem;
    text-transform: uppercase;
}

.adjustment-drawer-footer > div:first-child strong[b-1yj3wjn38n] {
    font-size: 0.896rem;
}

.adjustment-drawer-footer .positive[b-1yj3wjn38n] { color: #66dec4; }
.adjustment-drawer-footer .negative[b-1yj3wjn38n] { color: #f58e98; }
.adjustment-drawer-footer > div:last-child[b-1yj3wjn38n] { display: flex; gap: .45rem; }
.adjustment-drawer-footer button[b-1yj3wjn38n] { min-height: 2.35rem; padding: 0 .72rem; border-radius: .38rem; font-size: 0.72rem; font-weight: 800; }
.adjustment-cancel[b-1yj3wjn38n] { border: 1px solid var(--adjust-border); background: var(--ui-panel-secondary); color: var(--ui-text-list-soft); }
.adjustment-save[b-1yj3wjn38n] { border: 1px solid #159c82; background: #138f77; color: #f0fffb; }
.adjustment-save:disabled[b-1yj3wjn38n] { opacity: .45; }

@keyframes adjustment-spin-b-1yj3wjn38n {
    to { transform: rotate(360deg); }
}

@media (max-width: 1200px) {
    .adjustment-row[b-1yj3wjn38n] { grid-template-columns: minmax(13rem, 1fr) minmax(12rem, 1fr) minmax(8rem, auto) minmax(8rem, auto); }
    .adjustment-author[b-1yj3wjn38n] { display: none; }
}

@media (max-width: 900px) {
    .adjustment-toolbar[b-1yj3wjn38n] { grid-template-columns: 1fr 1fr; }
    .adjustment-toolbar > div[b-1yj3wjn38n],
    .adjustment-toolbar label[b-1yj3wjn38n] { grid-column: 1 / -1; justify-self: stretch; width: 100%; }
    .adjustment-row[b-1yj3wjn38n] { grid-template-columns: minmax(12rem, 1fr) minmax(10rem, 1fr) minmax(8rem, auto); }
    .adjustment-time[b-1yj3wjn38n] { display: none; }
}

@media (max-width: 720px) {
    .adjustment-shell[b-1yj3wjn38n] { padding: 1rem; }
    .adjustment-header p[b-1yj3wjn38n] { display: none; }
    .adjustment-secondary[b-1yj3wjn38n] { width: 2.4rem; padding: 0; font-size: 0; }
    .adjustment-secondary i[b-1yj3wjn38n] { font-size: 0.896rem; }
    .adjustment-metrics[b-1yj3wjn38n] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .adjustment-row[b-1yj3wjn38n] { grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; }
    .adjustment-reason[b-1yj3wjn38n] { grid-column: 1 / -1; }
    .adjustment-delta[b-1yj3wjn38n] { grid-column: 2; grid-row: 1; justify-items: end; }
    .adjustment-fields[b-1yj3wjn38n] { grid-template-columns: 1fr; }
    .adjustment-notes[b-1yj3wjn38n] { grid-column: auto; }
}

@media (max-width: 420px) {
    .adjustment-primary[b-1yj3wjn38n] { width: 2.4rem; padding: 0; font-size: 0; }
    .adjustment-primary i[b-1yj3wjn38n] { font-size: 0.896rem; }
    .adjustment-metrics[b-1yj3wjn38n] { grid-template-columns: 1fr; }
    .adjustment-drawer-footer[b-1yj3wjn38n] { align-items: stretch; flex-direction: column; }
    .adjustment-drawer-footer > div:last-child[b-1yj3wjn38n] { display: grid; grid-template-columns: 1fr 1.5fr; }
}
/* /Components/Pages/Inventory/StockOverview.razor.rz.scp.css */
.stock-shell[b-ir2i0ml43h] {
    --stock-panel: var(--ui-panel);
    --stock-raised: var(--ui-panel-raised);
    --stock-border: var(--ui-border);
    --stock-text: var(--ui-text-primary);
    --stock-muted: var(--ui-text-muted);
    --stock-teal: #17c8a3;
    --stock-blue: #268fd0;
    --stock-amber: #f2a541;
    --stock-red: #f15b68;
    min-height: 100%;
    width: auto;
    max-width: none;
    padding: 1.15rem 1.25rem 1.5rem;
    background: var(--ui-canvas);
    color: var(--stock-text);
}

.stock-header[b-ir2i0ml43h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.stock-header h1[b-ir2i0ml43h] {
    margin: 0 0 .16rem;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    font-weight: 780;
    letter-spacing: -.04em;
}

.stock-header p[b-ir2i0ml43h] {
    margin: 0;
    color: var(--stock-muted);
    font-size: 0.851rem;
}

.stock-header-actions[b-ir2i0ml43h] {
    display: flex;
    gap: .45rem;
}

.stock-primary[b-ir2i0ml43h],
.stock-secondary[b-ir2i0ml43h],
.stock-export[b-ir2i0ml43h],
.stock-adjust-link[b-ir2i0ml43h],
.stock-error button[b-ir2i0ml43h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .36rem;
    min-height: 2.4rem;
    padding: 0 .72rem;
    border: 1px solid var(--stock-border);
    border-radius: .42rem;
    background: var(--stock-panel);
    color: var(--ui-text-supporting-strong);
    font-size: 0.72rem;
    font-weight: 800;
    text-decoration: none;
}

.stock-primary[b-ir2i0ml43h] {
    border-color: #159c82;
    background: #138f77;
    color: #f0fffb;
}

.stock-secondary[b-ir2i0ml43h] {
    width: 2.4rem;
    padding: 0;
}

.stock-secondary:disabled[b-ir2i0ml43h],
.stock-export:disabled[b-ir2i0ml43h] {
    opacity: .45;
}

.stock-error[b-ir2i0ml43h] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    padding: .62rem .72rem;
    border: 1px solid rgba(241, 91, 104, .35);
    border-radius: .48rem;
    background: rgba(241, 91, 104, .08);
    color: #ff9ca5;
    font-size: 0.72rem;
}

.stock-error span[b-ir2i0ml43h] {
    flex: 1;
}

.stock-error button[b-ir2i0ml43h] {
    min-height: 1.9rem;
    border-color: rgba(241, 91, 104, .35);
    background: transparent;
    color: #ffb0b7;
}

.stock-loading[b-ir2i0ml43h],
.stock-empty[b-ir2i0ml43h] {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 20rem;
    border: 1px solid var(--stock-border);
    border-radius: .65rem;
    background: var(--stock-panel);
    color: var(--stock-muted);
    text-align: center;
}

.stock-loading i[b-ir2i0ml43h] {
    animation: stock-spin-b-ir2i0ml43h .8s linear infinite;
}

.stock-loading p[b-ir2i0ml43h],
.stock-empty p[b-ir2i0ml43h] {
    margin: .45rem 0 0;
    font-size: 0.72rem;
}

.stock-empty i[b-ir2i0ml43h] {
    color: #748091;
    font-size: 1.4rem;
}

.stock-empty h2[b-ir2i0ml43h] {
    margin: .55rem 0 0;
    color: var(--stock-text);
    font-size: 0.896rem;
}

.stock-metrics[b-ir2i0ml43h] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .75rem;
}

.stock-metrics article[b-ir2i0ml43h] {
    position: relative;
    display: grid;
    gap: .12rem;
    padding: .75rem .82rem;
    border: 1px solid var(--stock-border);
    border-radius: .58rem;
    background: var(--stock-panel);
    overflow: hidden;
}

.stock-metrics article[b-ir2i0ml43h]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: #687383;
    content: "";
}

.stock-metrics .risk[b-ir2i0ml43h]::before { background: var(--stock-amber); }
.stock-metrics .out[b-ir2i0ml43h]::before { background: var(--stock-red); }
.stock-metrics .value[b-ir2i0ml43h]::before { background: var(--stock-teal); }
.stock-metrics span[b-ir2i0ml43h] { color: var(--stock-muted); font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.stock-metrics strong[b-ir2i0ml43h] { overflow: hidden; font-size: 1.21rem; text-overflow: ellipsis; white-space: nowrap; }
.stock-metrics small[b-ir2i0ml43h] { color: var(--ui-text-caption); font-size: 0.72rem; }

.stock-register[b-ir2i0ml43h] {
    border: 1px solid var(--stock-border);
    border-radius: .65rem;
    background: var(--stock-panel);
    overflow: hidden;
}

.stock-toolbar[b-ir2i0ml43h] {
    display: grid;
    grid-template-columns: minmax(9rem, auto) minmax(15rem, 1fr) minmax(9rem, 12rem) minmax(8rem, 10rem) auto;
    align-items: center;
    gap: .55rem;
    min-height: 4rem;
    padding: .65rem .78rem;
    border-bottom: 1px solid var(--stock-border);
    background: var(--ui-panel-control-soft);
}

.stock-toolbar > div[b-ir2i0ml43h] {
    display: grid;
    gap: .08rem;
}

.stock-toolbar h2[b-ir2i0ml43h] {
    margin: 0;
    font-size: 0.806rem;
}

.stock-toolbar > div span[b-ir2i0ml43h],
.stock-toolbar > select[b-ir2i0ml43h],
.stock-toolbar input[b-ir2i0ml43h] {
    font-size: 0.72rem;
}

.stock-toolbar > div span[b-ir2i0ml43h] {
    color: var(--stock-muted);
}

.stock-search[b-ir2i0ml43h] {
    display: flex;
    align-items: center;
    justify-self: end;
    gap: .48rem;
    width: min(100%, 28rem);
    min-height: 2.3rem;
    padding: 0 .65rem;
    border: 1px solid var(--stock-border);
    border-radius: .4rem;
    background: var(--ui-canvas-muted);
    color: var(--ui-text-caption-alt);
}

.stock-search input[b-ir2i0ml43h] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--stock-text);
}

.stock-toolbar > select[b-ir2i0ml43h] {
    min-height: 2.3rem;
    padding: 0 .5rem;
    border: 1px solid var(--stock-border);
    border-radius: .4rem;
    outline: 0;
    background: var(--ui-canvas-muted);
    color: var(--stock-text);
}

.stock-toolbar option[b-ir2i0ml43h] {
    background: var(--ui-panel);
}

.stock-list[b-ir2i0ml43h] {
    display: grid;
}

.stock-row[b-ir2i0ml43h] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(14rem, 1.2fr) minmax(9rem, .65fr) minmax(9rem, .65fr) minmax(8rem, .55fr) minmax(8rem, .55fr) auto auto;
    align-items: center;
    gap: .75rem;
    min-height: 5.25rem;
    padding: .7rem .8rem;
    border-bottom: 1px solid var(--stock-border);
}

.stock-row[b-ir2i0ml43h]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: var(--stock-teal);
    content: "";
}

.stock-row.status-watch[b-ir2i0ml43h]::before { background: var(--stock-amber); }
.stock-row.status-low[b-ir2i0ml43h]::before,
.stock-row.status-out[b-ir2i0ml43h]::before { background: var(--stock-red); }
.stock-row:last-child[b-ir2i0ml43h] { border-bottom: 0; }
.stock-row:hover[b-ir2i0ml43h] { background: var(--ui-panel-card-alt); }

.stock-identity[b-ir2i0ml43h] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.stock-identity > span[b-ir2i0ml43h] {
    display: grid;
    flex: none;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    background: var(--ui-panel-info);
    color: #83b3db;
}

.stock-identity > div[b-ir2i0ml43h],
.stock-on-hand[b-ir2i0ml43h],
.stock-threshold[b-ir2i0ml43h],
.stock-value[b-ir2i0ml43h],
.stock-updated[b-ir2i0ml43h] {
    display: grid;
    gap: .13rem;
    min-width: 0;
}

.stock-identity h2[b-ir2i0ml43h] {
    overflow: hidden;
    margin: 0;
    font-size: 0.795rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stock-identity p[b-ir2i0ml43h],
.stock-row small[b-ir2i0ml43h] {
    overflow: hidden;
    margin: 0;
    color: var(--stock-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stock-on-hand > span[b-ir2i0ml43h],
.stock-threshold > span[b-ir2i0ml43h],
.stock-value > span[b-ir2i0ml43h],
.stock-updated > span[b-ir2i0ml43h] {
    color: var(--stock-muted);
    font-size: 0.72rem;
    font-weight: 750;
    text-transform: uppercase;
}

.stock-row strong[b-ir2i0ml43h] {
    overflow: hidden;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stock-status[b-ir2i0ml43h] {
    width: fit-content;
    padding: .19rem .42rem;
    border-radius: 999px;
    background: rgba(23, 200, 163, .1);
    color: #66dec4;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.status-watch .stock-status[b-ir2i0ml43h] { background: rgba(242, 165, 65, .1); color: #f5bb70; }
.status-low .stock-status[b-ir2i0ml43h],
.status-out .stock-status[b-ir2i0ml43h] { background: rgba(241, 91, 104, .1); color: #f58e98; }

.stock-adjust-link[b-ir2i0ml43h] {
    min-height: 2rem;
    padding: 0 .52rem;
    background: var(--ui-panel-control-soft);
}

.stock-search:focus-within[b-ir2i0ml43h],
.stock-toolbar > select:focus[b-ir2i0ml43h] {
    border-color: #288f7d;
    box-shadow: 0 0 0 2px rgba(23, 200, 163, .12);
}

@keyframes stock-spin-b-ir2i0ml43h {
    to { transform: rotate(360deg); }
}

@media (max-width: 1400px) {
    .stock-row[b-ir2i0ml43h] { grid-template-columns: minmax(13rem, 1fr) minmax(8rem, auto) minmax(8rem, auto) minmax(7rem, auto) auto auto; }
    .stock-updated[b-ir2i0ml43h] { display: none; }
}

@media (max-width: 1100px) {
    .stock-toolbar[b-ir2i0ml43h] { grid-template-columns: minmax(9rem, auto) 1fr auto; }
    .stock-toolbar .stock-search[b-ir2i0ml43h] { grid-column: 1 / -1; grid-row: 2; justify-self: stretch; width: 100%; }
    .stock-row[b-ir2i0ml43h] { grid-template-columns: minmax(12rem, 1fr) minmax(8rem, auto) minmax(7rem, auto) auto auto; }
    .stock-threshold[b-ir2i0ml43h] { display: none; }
}

@media (max-width: 720px) {
    .stock-shell[b-ir2i0ml43h] { padding: 1rem; }
    .stock-header p[b-ir2i0ml43h] { display: none; }
    .stock-primary[b-ir2i0ml43h] { width: 2.4rem; padding: 0; font-size: 0; }
    .stock-primary i[b-ir2i0ml43h] { font-size: 0.896rem; }
    .stock-metrics[b-ir2i0ml43h] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .stock-toolbar[b-ir2i0ml43h] { grid-template-columns: 1fr 1fr; }
    .stock-toolbar > div[b-ir2i0ml43h],
    .stock-toolbar .stock-search[b-ir2i0ml43h] { grid-column: 1 / -1; }
    .stock-export[b-ir2i0ml43h] { grid-column: 1 / -1; }
    .stock-row[b-ir2i0ml43h] { grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; }
    .stock-on-hand[b-ir2i0ml43h] { justify-items: end; }
    .stock-value[b-ir2i0ml43h] { grid-column: 1; }
    .stock-status[b-ir2i0ml43h] { grid-column: 2; grid-row: 2; justify-self: end; }
    .stock-adjust-link[b-ir2i0ml43h] { grid-column: 1 / -1; min-height: 2.35rem; }
}

@media (max-width: 420px) {
    .stock-metrics[b-ir2i0ml43h] { grid-template-columns: 1fr; }
    .stock-value[b-ir2i0ml43h] { display: none; }
    .stock-status[b-ir2i0ml43h] { grid-row: auto; }
}
/* /Components/Pages/Operations/AssignWaiter.razor.rz.scp.css */
.assign-page[b-hjmr3y28id] {
    --assign-panel: var(--ui-panel);
    --assign-raised: var(--ui-panel-raised);
    --assign-border: var(--ui-border);
    --assign-text: var(--ui-text-primary);
    --assign-muted: var(--ui-text-muted);
    --assign-teal: #17c8a3;
    --assign-blue: #268fd0;
    min-height: 100%;
    padding: 1.15rem 1.25rem 1.5rem;
    background: var(--ui-canvas);
    color: var(--assign-text);
}

.assign-header[b-hjmr3y28id],
.assign-toolbar[b-hjmr3y28id],
.assignment-grid[b-hjmr3y28id],
.assign-empty[b-hjmr3y28id],
.assign-loading[b-hjmr3y28id],
.assign-alert[b-hjmr3y28id] {
    max-width: 1540px;
    margin-inline: auto;
}

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

.assign-header h1[b-hjmr3y28id] {
    margin: .08rem 0 .16rem;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    font-weight: 780;
    letter-spacing: -.04em;
}

.assign-header p[b-hjmr3y28id] {
    margin: 0;
    color: var(--assign-muted);
    font-size: 0.851rem;
}

.assign-live[b-hjmr3y28id] {
    display: flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.35rem;
    padding: 0 .65rem;
    border: 1px solid var(--assign-border);
    border-radius: .5rem;
    background: var(--assign-panel);
    color: var(--assign-muted);
    font-size: 0.72rem;
}

.assign-live i[b-hjmr3y28id] {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: var(--assign-teal);
    box-shadow: 0 0 0 .2rem rgba(23, 200, 163, .1);
}

.assign-live strong[b-hjmr3y28id] {
    display: grid;
    place-items: center;
    min-width: 1.45rem;
    height: 1.45rem;
    margin-left: .2rem;
    border-radius: .35rem;
    background: var(--ui-divider);
    color: var(--assign-text);
}

.assign-alert[b-hjmr3y28id] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    padding: .65rem .75rem;
    border: 1px solid rgba(241, 91, 104, .35);
    border-radius: .55rem;
    background: rgba(241, 91, 104, .08);
    color: #ff929c;
    font-size: 0.762rem;
}

.assign-toolbar[b-hjmr3y28id] {
    display: grid;
    grid-template-columns: minmax(15rem, 1fr) auto auto;
    align-items: center;
    gap: .6rem;
    margin-bottom: .75rem;
    padding: .65rem;
    border: 1px solid var(--assign-border);
    border-radius: .6rem;
    background: var(--assign-panel);
}

.assign-toolbar label[b-hjmr3y28id] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 2.35rem;
    padding: 0 .65rem;
    border: 1px solid var(--assign-border);
    border-radius: .4rem;
    background: var(--light-field-bg, #0e1013);
    color: var(--ui-text-caption-alt);
}

.assign-toolbar input[b-hjmr3y28id] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--assign-text);
    font-size: 0.773rem;
}

.assign-toolbar > span[b-hjmr3y28id] {
    color: var(--assign-muted);
    font-size: 0.72rem;
}

.assign-toolbar > span strong[b-hjmr3y28id] {
    color: var(--assign-text);
}

.assign-toolbar > button[b-hjmr3y28id] {
    min-height: 2.35rem;
    padding: 0 .65rem;
    border: 1px solid var(--assign-border);
    border-radius: .4rem;
    background: var(--light-control-bg, #1d2026);
    color: var(--order-control-foreground, #c5ceda);
    font-size: 0.72rem;
    font-weight: 750;
}

.assignment-grid[b-hjmr3y28id],
.assign-loading[b-hjmr3y28id] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
    gap: .7rem;
}

.assignment-card[b-hjmr3y28id] {
    display: grid;
    gap: .7rem;
    min-width: 0;
    padding: .85rem;
    border: 1px solid var(--assign-border);
    border-radius: .58rem;
    background: var(--assign-panel);
}

.assignment-card:hover[b-hjmr3y28id] {
    border-color: var(--ui-toggle-off-border);
}

.assignment-card > header[b-hjmr3y28id],
.order-identity[b-hjmr3y28id],
.assignment-facts[b-hjmr3y28id],
.assignment-control > div[b-hjmr3y28id] {
    display: flex;
    align-items: center;
}

.assignment-card > header[b-hjmr3y28id] {
    align-items: flex-start;
    justify-content: space-between;
    gap: .6rem;
}

.order-identity[b-hjmr3y28id] {
    min-width: 0;
    gap: .55rem;
}

.order-identity > span[b-hjmr3y28id] {
    display: grid;
    flex: none;
    place-items: center;
    width: 2.35rem;
    height: 2.35rem;
    background: var(--ui-panel-info);
    color: #8bb9de;
}

.order-identity h2[b-hjmr3y28id] {
    overflow: hidden;
    margin: 0;
    font-size: 0.851rem;
    font-weight: 780;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-identity p[b-hjmr3y28id] {
    margin: .17rem 0 0;
    color: var(--assign-muted);
    font-size: 0.72rem;
}

.order-stage[b-hjmr3y28id] {
    flex: none;
    padding: .18rem .4rem;
    border-radius: 999px;
    background: rgba(146, 156, 173, .1);
    color: #aab4c2;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.status-pending[b-hjmr3y28id] { background: rgba(242, 165, 65, .1); color: #f5bb70; }
.status-inprogress[b-hjmr3y28id] { background: rgba(38, 143, 208, .12); color: #76bce7; }
.status-ready[b-hjmr3y28id] { background: rgba(23, 200, 163, .1); color: #66dec4; }

.assignment-facts[b-hjmr3y28id] {
    flex-wrap: wrap;
    gap: .35rem .7rem;
    color: var(--assign-muted);
    font-size: 0.72rem;
}

.assignment-facts span[b-hjmr3y28id] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.assignment-facts i[b-hjmr3y28id] {
    color: #7899bd;
}

.assignment-control[b-hjmr3y28id] {
    margin-top: auto;
    padding-top: .65rem;
    border-top: 1px dashed var(--assign-border);
}

.assignment-control > label[b-hjmr3y28id] {
    display: block;
    margin-bottom: .35rem;
    color: var(--assign-muted);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .045em;
}

.assignment-control > div[b-hjmr3y28id] {
    gap: .35rem;
}

.assignment-control select[b-hjmr3y28id] {
    min-width: 0;
    min-height: 2.2rem;
    flex: 1;
    padding: 0 .45rem;
    border: 1px solid var(--assign-border);
    border-radius: .38rem;
    background: var(--light-field-bg, #0e1013);
    color: var(--assign-text);
    font-size: 0.72rem;
}

.assignment-control button[b-hjmr3y28id] {
    min-height: 2.2rem;
    padding: 0 .6rem;
    border: 1px solid rgba(23, 200, 163, .45);
    border-radius: .38rem;
    background: #138f77;
    color: #f1fffb;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.assignment-control button:disabled[b-hjmr3y28id] {
    opacity: .38;
}

.assign-loading span[b-hjmr3y28id] {
    height: 12rem;
    border: 1px solid var(--assign-border);
    border-radius: .58rem;
    background: var(--assign-panel);
    animation: assign-pulse-b-hjmr3y28id 1.2s ease-in-out infinite alternate;
}

.assign-empty[b-hjmr3y28id] {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 20rem;
    border: 1px solid var(--assign-border);
    border-radius: .65rem;
    background: var(--assign-panel);
    text-align: center;
}

.assign-empty > span[b-hjmr3y28id] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid #2f373f;
    border-radius: .7rem;
    background: var(--ui-panel-deep);
    color: var(--order-positive-text, var(--assign-teal));
}

.assign-empty h2[b-hjmr3y28id] {
    margin: .7rem 0 .2rem;
    font-size: 0.963rem;
}

.assign-empty p[b-hjmr3y28id] {
    margin: 0;
    color: var(--assign-muted);
    font-size: 0.75rem;
}

@keyframes assign-pulse-b-hjmr3y28id {
    from { opacity: .5; }
    to { opacity: 1; }
}

@media (max-width: 680px) {
    .assign-page[b-hjmr3y28id] { padding: 1rem; }
    .assign-header p[b-hjmr3y28id] { display: none; }
    .assign-live span[b-hjmr3y28id] { display: none; }
    .assign-toolbar[b-hjmr3y28id] { grid-template-columns: 1fr auto; }
    .assign-toolbar label[b-hjmr3y28id] { grid-column: 1 / -1; }
}

@media (max-width: 400px) {
    .assignment-control > div[b-hjmr3y28id] { align-items: stretch; flex-direction: column; }
}
/* /Components/Pages/Operations/Payments.razor.rz.scp.css */
.payments-page[b-d8ur44h2ne],
.payment-confirm-dialog[b-d8ur44h2ne] {
    --pay-panel: var(--ui-panel);
    --pay-raised: var(--ui-panel-raised);
    --pay-border: var(--ui-border);
    --pay-text: var(--ui-text-primary);
    --pay-muted: var(--ui-text-muted);
    --pay-teal: #17c8a3;
    --pay-amber: #f2a541;
    --pay-red: #f15b68;
}

.payments-page[b-d8ur44h2ne] {
    min-height: 100%;
    padding: 1.15rem 1.25rem 1.5rem;
    background: var(--ui-canvas);
    color: var(--pay-text);
}

.payments-header[b-d8ur44h2ne],
.payment-alert[b-d8ur44h2ne],
.payment-metrics[b-d8ur44h2ne],
.payments-workspace[b-d8ur44h2ne] {
    max-width: 1540px;
    margin-inline: auto;
}

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

.payments-header h1[b-d8ur44h2ne] {
    margin: .08rem 0 .16rem;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    font-weight: 780;
    letter-spacing: -.04em;
}

.payments-header p[b-d8ur44h2ne] {
    margin: 0;
    color: var(--pay-muted);
    font-size: 0.851rem;
}

.payments-refresh[b-d8ur44h2ne] {
    min-height: 2.4rem;
    padding: 0 .7rem;
    border: 1px solid var(--pay-border);
    border-radius: .48rem;
    background: var(--pay-panel);
    color: var(--ui-text-list);
    font-size: 0.728rem;
    font-weight: 750;
}

.payment-alert[b-d8ur44h2ne] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .7rem;
    padding: .62rem .72rem;
    border: 1px solid;
    border-radius: .52rem;
    font-size: 0.75rem;
}

.payment-alert span[b-d8ur44h2ne] { flex: 1; }
.payment-alert button[b-d8ur44h2ne] { border: 0; background: transparent; color: inherit; }
.payment-alert.success[b-d8ur44h2ne] { border-color: rgba(23, 200, 163, .34); background: rgba(23, 200, 163, .08); color: #72e0c8; }
.payment-alert.danger[b-d8ur44h2ne] { border-color: rgba(241, 91, 104, .36); background: rgba(241, 91, 104, .08); color: #ff969f; }

.payment-metrics[b-d8ur44h2ne] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .8rem;
}

.payment-metrics article[b-d8ur44h2ne] {
    position: relative;
    display: grid;
    gap: .12rem;
    padding: .78rem .85rem;
    border: 1px solid var(--pay-border);
    border-radius: .6rem;
    background: var(--pay-panel);
    overflow: hidden;
}

.payment-metrics article[b-d8ur44h2ne]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: var(--pay-teal);
    content: "";
}

.payment-metrics article.due[b-d8ur44h2ne]::before { background: var(--pay-amber); }
.payment-metrics span[b-d8ur44h2ne] { color: var(--pay-muted); font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.payment-metrics strong[b-d8ur44h2ne] { font-size: 1.322rem; font-weight: 720; }
.payment-metrics small[b-d8ur44h2ne] { color: #758090; font-size: 0.72rem; }

.payments-workspace[b-d8ur44h2ne] {
    border: 1px solid var(--pay-border);
    border-radius: .68rem;
    background: var(--pay-panel);
    overflow: hidden;
}

.payment-tabs[b-d8ur44h2ne] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-bottom: 1px solid var(--pay-border);
    background: var(--ui-panel-control-soft);
}

.payment-tabs button[b-d8ur44h2ne] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 3rem;
    border: 0;
    border-right: 1px solid var(--pay-border);
    background: transparent;
    color: var(--pay-muted);
    font-size: 0.762rem;
    font-weight: 750;
}

.payment-tabs button:last-child[b-d8ur44h2ne] { border-right: 0; }
.payment-tabs button strong[b-d8ur44h2ne] { min-width: 1.5rem; padding: .12rem .35rem; border-radius: 999px; background: var(--ui-panel-selected); color: #c8d1dc; font-size: 0.72rem; }
.payment-tabs button.active[b-d8ur44h2ne] { background: var(--pay-panel); color: var(--pay-text); }
.payment-tabs button.active[b-d8ur44h2ne]::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--pay-teal); content: ""; }
.payment-tabs button:first-child.active[b-d8ur44h2ne]::after { background: var(--pay-amber); }

.payments-toolbar[b-d8ur44h2ne] {
    display: grid;
    grid-template-columns: minmax(15rem, 1fr) minmax(10rem, 13rem) auto;
    align-items: center;
    gap: .55rem;
    padding: .7rem;
    border-bottom: 1px solid var(--pay-border);
}

.payments-toolbar label[b-d8ur44h2ne] {
    display: flex;
    align-items: center;
    gap: .48rem;
    min-height: 2.3rem;
    padding: 0 .65rem;
    border: 1px solid var(--pay-border);
    border-radius: .42rem;
    background: var(--ui-canvas-muted);
    color: var(--ui-text-caption-alt);
}

.payments-toolbar input[b-d8ur44h2ne],
.payments-toolbar select[b-d8ur44h2ne] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--pay-text);
    font-size: 0.762rem;
}

.payments-toolbar select[b-d8ur44h2ne] {
    min-height: 2.3rem;
    padding: 0 .55rem;
    border: 1px solid var(--pay-border);
    border-radius: .42rem;
    background: var(--ui-canvas-muted);
}

.payments-toolbar select option[b-d8ur44h2ne] { background: var(--ui-panel); }
.payments-toolbar > span[b-d8ur44h2ne] { color: var(--pay-muted); font-size: 0.72rem; white-space: nowrap; }

.payment-list[b-d8ur44h2ne] {
    display: grid;
}

.payment-row[b-d8ur44h2ne] {
    display: grid;
    grid-template-columns: minmax(15rem, 1.4fr) minmax(7rem, .55fr) minmax(7rem, .55fr) minmax(9rem, .7fr) auto;
    align-items: center;
    gap: .8rem;
    min-height: 4.75rem;
    padding: .68rem .8rem;
    border-bottom: 1px solid var(--pay-border);
}

.payment-row:last-child[b-d8ur44h2ne] { border-bottom: 0; }
.payment-row:hover[b-d8ur44h2ne] { background: var(--ui-panel-card-alt); }
.payment-identity[b-d8ur44h2ne] { display: flex; align-items: center; gap: .65rem; min-width: 0; }
.payment-identity > span[b-d8ur44h2ne] { display: grid; flex: none; place-items: center; width: 2.25rem; height: 2.25rem; border-radius: .45rem; background: rgba(23, 200, 163, .1); color: var(--order-positive-text, var(--pay-teal)); }
.payment-identity > span.pending[b-d8ur44h2ne] { background: rgba(242, 165, 65, .1); color: var(--pay-amber); }
.payment-identity h2[b-d8ur44h2ne] { overflow: hidden; margin: 0; font-size: 0.84rem; font-weight: 780; text-overflow: ellipsis; white-space: nowrap; }
.payment-identity p[b-d8ur44h2ne] { overflow: hidden; margin: .16rem 0 0; color: var(--pay-muted); font-size: 0.72rem; text-overflow: ellipsis; white-space: nowrap; }

.payment-reference[b-d8ur44h2ne],
.payment-updated[b-d8ur44h2ne],
.payment-amount[b-d8ur44h2ne] {
    display: grid;
    gap: .13rem;
}

.payment-reference span[b-d8ur44h2ne],
.payment-updated span[b-d8ur44h2ne],
.payment-amount span[b-d8ur44h2ne] { color: var(--ui-text-caption); font-size: 0.72rem; font-weight: 750; text-transform: uppercase; letter-spacing: .045em; }
.payment-reference strong[b-d8ur44h2ne],
.payment-updated strong[b-d8ur44h2ne] { color: #b7c1ce; font-size: 0.72rem; }
.payment-amount strong[b-d8ur44h2ne] { color: #edf2f8; font-size: 0.829rem; }

.payment-actions[b-d8ur44h2ne] {
    display: flex;
    justify-content: flex-end;
    gap: .32rem;
}

.payment-actions button[b-d8ur44h2ne] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    min-height: 2.05rem;
    padding: 0 .52rem;
    border: 1px solid var(--pay-border);
    border-radius: .38rem;
    background: var(--ui-panel-control-soft);
    color: #b9c4d0;
    font-size: 0.72rem;
    font-weight: 750;
    white-space: nowrap;
}

.payment-actions .collect[b-d8ur44h2ne] {
    border-color: #159c82;
    background: #138f77;
    color: #effffb;
}

.payment-actions button:disabled[b-d8ur44h2ne] { opacity: .4; }

.payments-loading[b-d8ur44h2ne] {
    display: grid;
    gap: 1px;
    background: var(--pay-border);
}

.payments-loading span[b-d8ur44h2ne] {
    height: 4.75rem;
    background: var(--pay-panel);
    animation: payment-pulse-b-d8ur44h2ne 1.2s ease-in-out infinite alternate;
}

.payments-empty[b-d8ur44h2ne] {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 18rem;
    padding: 2rem;
    text-align: center;
}

.payments-empty > span[b-d8ur44h2ne] {
    display: grid;
    place-items: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid var(--pay-border);
    border-radius: .65rem;
    background: var(--ui-panel-deep);
    color: var(--order-positive-text, var(--pay-teal));
}

.payments-empty h2[b-d8ur44h2ne] { margin: .7rem 0 .2rem; font-size: 0.963rem; }
.payments-empty p[b-d8ur44h2ne] { margin: 0; color: var(--pay-muted); font-size: 0.739rem; }

.modal-overlay[b-d8ur44h2ne] {
    background: rgba(0, 0, 0, .72);
    backdrop-filter: blur(3px);
}

.payment-confirm-dialog[b-d8ur44h2ne] {
    width: min(30rem, calc(100vw - 1.5rem));
    max-height: calc(100vh - 2rem);
    padding: 1.1rem;
    overflow-y: auto;
    border: 1px solid var(--pay-border);
    border-radius: .7rem;
    background: var(--ui-panel);
    color: var(--pay-text);
    box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, .5);
}

.payment-confirm-dialog .form-control[b-d8ur44h2ne] {
    border-color: var(--pay-border);
    background: var(--ui-canvas-muted);
    color: var(--pay-text);
}

.payment-confirm-dialog .chip[b-d8ur44h2ne] {
    min-height: 2.35rem;
    padding: 0 .75rem;
    border-radius: .4rem;
    font-size: 0.728rem;
    font-weight: 800;
}

@keyframes payment-pulse-b-d8ur44h2ne {
    from { opacity: .5; }
    to { opacity: 1; }
}

@media (max-width: 1380px) {
    .payment-row[b-d8ur44h2ne] { grid-template-columns: minmax(0, 1fr) minmax(8rem, auto) auto; }
    .payment-reference[b-d8ur44h2ne],
    .payment-updated[b-d8ur44h2ne] { display: none; }
}

@media (max-width: 980px) {
    .payments-page[b-d8ur44h2ne] { padding: 1rem; }
    .payments-header p[b-d8ur44h2ne] { display: none; }
    .payment-metrics[b-d8ur44h2ne] { grid-template-columns: 1fr 1fr; }
    .payment-metrics article:last-child[b-d8ur44h2ne] { grid-column: 1 / -1; }
    .payments-toolbar[b-d8ur44h2ne] { grid-template-columns: 1fr auto; }
    .payments-toolbar label[b-d8ur44h2ne] { grid-column: 1 / -1; }
    .payment-row[b-d8ur44h2ne] { grid-template-columns: minmax(0, 1fr) auto; gap: .55rem; }
    .payment-amount[b-d8ur44h2ne] { justify-items: end; }
    .payment-actions[b-d8ur44h2ne] { grid-column: 1 / -1; justify-content: stretch; }
    .payment-actions button[b-d8ur44h2ne] { flex: 1; }
}

@media (max-width: 430px) {
    .payment-actions button:not(.collect) span[b-d8ur44h2ne] { display: none; }
    .payment-actions button:not(.collect)[b-d8ur44h2ne] { flex: 0 0 2.2rem; padding: 0; }
}
/* /Components/Pages/Operations/PreOrders.razor.rz.scp.css */
.preorders-page[b-u4r4jciwnk] {
    --queue-bg: var(--ui-canvas);
    --queue-panel: var(--ui-panel);
    --queue-panel-raised: var(--ui-panel-raised);
    --queue-border: var(--ui-border);
    --queue-border-strong: var(--ui-border-hover);
    --queue-text: var(--ui-text-primary);
    --queue-muted: var(--ui-text-muted);
    --queue-blue: #268fd0;
    --queue-blue-soft: rgba(38, 143, 208, .1);
    --queue-teal: #17c8a3;
    --queue-amber: #f2a541;
    --queue-red: #f15b68;
    min-height: 100%;
    padding: 1.15rem 1.25rem 1.5rem;
    background: var(--queue-bg);
    color: var(--queue-text);
}

.preorders-header[b-u4r4jciwnk],
.queue-summary[b-u4r4jciwnk],
.queue-toolbar[b-u4r4jciwnk],
.held-queue[b-u4r4jciwnk],
.queue-empty[b-u4r4jciwnk],
.queue-loading[b-u4r4jciwnk],
.queue-alert[b-u4r4jciwnk] {
    max-width: 1500px;
    margin-inline: auto;
}

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

.preorders-header h1[b-u4r4jciwnk] {
    margin: 0 0 .18rem;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    font-weight: 760;
    letter-spacing: -.035em;
}

.preorders-header p[b-u4r4jciwnk] {
    max-width: 68ch;
    margin: 0;
    color: var(--queue-muted);
    font-size: 0.874rem;
    line-height: 1.45;
}

.header-actions[b-u4r4jciwnk] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.refresh-button[b-u4r4jciwnk],
.create-link[b-u4r4jciwnk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.5rem;
    padding: .5rem .72rem;
    border-radius: .52rem;
    font-size: 0.773rem;
    font-weight: 800;
    text-decoration: none;
}

.refresh-button[b-u4r4jciwnk] {
    border: 1px solid var(--queue-border);
    background: var(--queue-panel);
    color: #bdc6d2;
}

.refresh-button:disabled[b-u4r4jciwnk] {
    opacity: .62;
}

.create-link[b-u4r4jciwnk] {
    border: 1px solid var(--queue-teal);
    background: var(--queue-teal);
    color: #06110e;
}

.queue-alert[b-u4r4jciwnk] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-bottom: .8rem;
    padding: .75rem .85rem;
    border: 1px solid rgba(241, 91, 104, .35);
    border-radius: .68rem;
    background: rgba(241, 91, 104, .08);
    color: #ff9ba4;
}

.queue-alert > div[b-u4r4jciwnk] {
    display: grid;
    flex: 1;
    gap: .08rem;
}

.queue-alert strong[b-u4r4jciwnk] {
    font-size: 0.829rem;
}

.queue-alert span[b-u4r4jciwnk] {
    color: #c5adb1;
    font-size: 0.728rem;
}

.queue-alert button[b-u4r4jciwnk] {
    padding: .4rem .6rem;
    border: 1px solid rgba(241, 91, 104, .38);
    border-radius: .42rem;
    background: transparent;
    color: #ffb4ba;
    font-size: 0.72rem;
    font-weight: 800;
}

.queue-summary[b-u4r4jciwnk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(110px, .55fr)) minmax(170px, .9fr) minmax(230px, 1.25fr);
    margin-bottom: .75rem;
    overflow: hidden;
    border: 1px solid var(--queue-border);
    border-radius: .72rem;
    background: var(--queue-panel);
}

.queue-summary > div[b-u4r4jciwnk] {
    display: grid;
    gap: .15rem;
    min-width: 0;
    padding: .72rem .82rem;
    border-right: 1px solid var(--queue-border);
}

.queue-summary > div:last-child[b-u4r4jciwnk] {
    border-right: 0;
}

.queue-summary span[b-u4r4jciwnk] {
    color: var(--queue-muted);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.queue-summary strong[b-u4r4jciwnk] {
    overflow: hidden;
    color: var(--queue-text);
    font-size: 0.986rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.queue-summary .urgent strong[b-u4r4jciwnk] {
    color: var(--queue-red);
}

.queue-summary .summary-value strong[b-u4r4jciwnk] {
    color: var(--order-positive-text, var(--queue-teal));
}

.queue-summary .next-release[b-u4r4jciwnk] {
    background: var(--queue-blue-soft);
}

.queue-summary .next-release strong[b-u4r4jciwnk] {
    color: #9dd8fa;
    font-size: 0.818rem;
}

.queue-toolbar[b-u4r4jciwnk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .75rem;
}

.queue-tabs[b-u4r4jciwnk] {
    display: flex;
    gap: .25rem;
    padding: .28rem;
    border: 1px solid var(--queue-border);
    border-radius: .62rem;
    background: var(--queue-panel);
}

.queue-tabs button[b-u4r4jciwnk] {
    display: flex;
    align-items: center;
    gap: .42rem;
    min-height: 2.15rem;
    padding: .4rem .58rem;
    border: 1px solid transparent;
    border-radius: .42rem;
    background: transparent;
    color: var(--queue-muted);
    font-size: 0.728rem;
    font-weight: 800;
}

.queue-tabs button small[b-u4r4jciwnk] {
    display: grid;
    min-width: 1.25rem;
    min-height: 1.25rem;
    border-radius: 999px;
    background: var(--ui-panel-field);
    color: #8993a2;
    font-size: 0.72rem;
    place-items: center;
}

.queue-tabs button.active[b-u4r4jciwnk] {
    border-color: rgba(38, 143, 208, .36);
    background: var(--queue-blue-soft);
    color: #a9dbf8;
}

.queue-tabs button.active small[b-u4r4jciwnk] {
    background: var(--queue-blue);
    color: #071119;
}

.queue-search[b-u4r4jciwnk] {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: min(360px, 100%);
    min-height: 2.65rem;
    padding: 0 .7rem;
    border: 1px solid var(--queue-border);
    border-radius: .58rem;
    background: var(--queue-panel);
}

.queue-search i[b-u4r4jciwnk] {
    color: var(--queue-muted);
}

.queue-search input[b-u4r4jciwnk] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--queue-text);
    font-size: 0.784rem;
}

.queue-search:focus-within[b-u4r4jciwnk] {
    border-color: var(--queue-blue);
    box-shadow: 0 0 0 .16rem rgba(38, 143, 208, .1);
}

.held-queue[b-u4r4jciwnk] {
    overflow: hidden;
    border: 1px solid var(--queue-border);
    border-radius: .8rem;
    background: var(--queue-panel);
}

.queue-heading[b-u4r4jciwnk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .78rem .9rem;
    border-bottom: 1px solid var(--queue-border);
}

.queue-heading > div[b-u4r4jciwnk] {
    display: flex;
    align-items: baseline;
    gap: .55rem;
}

.queue-heading h2[b-u4r4jciwnk] {
    margin: 0;
    font-size: 0.941rem;
}

.queue-heading span[b-u4r4jciwnk],
.queue-heading p[b-u4r4jciwnk] {
    color: var(--queue-muted);
    font-size: 0.72rem;
}

.queue-heading p[b-u4r4jciwnk] {
    margin: 0;
}

.order-list[b-u4r4jciwnk] {
    display: grid;
}

.held-order[b-u4r4jciwnk] {
    display: grid;
    grid-template-columns: 76px minmax(210px, 1.5fr) minmax(135px, .75fr) minmax(110px, .55fr) minmax(220px, auto);
    align-items: center;
    gap: .85rem;
    min-width: 0;
    padding: .8rem .9rem;
    border-bottom: 1px solid var(--queue-border);
    background: var(--queue-panel);
}

.held-order:last-child[b-u4r4jciwnk] {
    border-bottom: 0;
}

.held-order:hover[b-u4r4jciwnk] {
    background: var(--queue-panel-raised);
}

.fulfillment-time[b-u4r4jciwnk] {
    display: grid;
    justify-items: center;
    min-width: 0;
    padding: .42rem .3rem;
    border: 1px solid var(--queue-border);
    border-radius: .52rem;
    background: var(--ui-panel-deep);
}

.fulfillment-time span[b-u4r4jciwnk] {
    color: var(--queue-blue);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: .08em;
}

.fulfillment-time strong[b-u4r4jciwnk] {
    font-size: 1.154rem;
    line-height: 1.1;
}

.fulfillment-time b[b-u4r4jciwnk] {
    margin-top: .14rem;
    color: var(--queue-muted);
    font-size: 0.72rem;
    font-weight: 700;
}

.order-identity[b-u4r4jciwnk] {
    min-width: 0;
}

.identity-line[b-u4r4jciwnk] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.identity-line > strong[b-u4r4jciwnk] {
    font-size: 0.728rem;
}

.identity-line > span[b-u4r4jciwnk] {
    padding: .15rem .34rem;
    border-radius: .3rem;
    background: var(--light-control-bg, #24282f);
    color: var(--ui-text-supporting-alt);
    font-size: 0.72rem;
    font-weight: 800;
}

.order-identity h3[b-u4r4jciwnk] {
    margin: .18rem 0 .22rem;
    overflow: hidden;
    color: var(--queue-text);
    font-size: 0.896rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compact-total[b-u4r4jciwnk] {
    display: none;
    color: var(--order-positive-text, var(--queue-teal));
    font-size: 0.762rem;
}

.order-meta[b-u4r4jciwnk] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .65rem;
    color: var(--queue-muted);
    font-size: 0.72rem;
}

.order-meta span[b-u4r4jciwnk] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.release-window[b-u4r4jciwnk],
.order-total[b-u4r4jciwnk] {
    display: grid;
    gap: .12rem;
}

.release-window span[b-u4r4jciwnk],
.order-total span[b-u4r4jciwnk] {
    color: var(--queue-muted);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.release-window strong[b-u4r4jciwnk] {
    color: #9dd8fa;
    font-size: 0.84rem;
}

.release-window small[b-u4r4jciwnk] {
    color: var(--queue-muted);
    font-size: 0.72rem;
}

.release-due .release-window strong[b-u4r4jciwnk] {
    color: var(--queue-red);
}

.release-soon .release-window strong[b-u4r4jciwnk] {
    color: var(--queue-amber);
}

.order-total strong[b-u4r4jciwnk] {
    font-size: 0.874rem;
}

.order-actions[b-u4r4jciwnk] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .35rem;
}

.order-actions button[b-u4r4jciwnk] {
    min-height: 2.2rem;
    border-radius: .45rem;
    font-size: 0.72rem;
    font-weight: 800;
}

.release-button[b-u4r4jciwnk] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    padding: .4rem .58rem;
    border: 1px solid var(--queue-teal);
    background: var(--queue-teal);
    color: #06110e;
}

.more-button[b-u4r4jciwnk],
.cancel-keep[b-u4r4jciwnk] {
    display: flex;
    align-items: center;
    gap: .3rem;
    padding: .4rem .55rem;
    border: 1px solid var(--queue-border-strong);
    background: var(--ui-panel-hover-alt);
    color: var(--ui-text-list-soft);
}

.cancel-button[b-u4r4jciwnk] {
    width: 2.2rem;
    padding: 0;
    border: 1px solid var(--queue-border);
    background: transparent;
    color: #7f8996;
}

.cancel-button:hover[b-u4r4jciwnk] {
    border-color: rgba(241, 91, 104, .45);
    color: var(--queue-red);
}

.cancel-confirm[b-u4r4jciwnk] {
    padding: .4rem .58rem;
    border: 1px solid var(--queue-red);
    background: var(--queue-red);
    color: #170608;
}

.cancel-keep[b-u4r4jciwnk] {
    color: var(--queue-text);
}

.order-details[b-u4r4jciwnk] {
    grid-column: 2 / -1;
    display: grid;
    gap: .65rem;
    padding: .75rem 0 .15rem;
    border-top: 1px dashed var(--queue-border-strong);
}

.detail-heading[b-u4r4jciwnk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.detail-heading strong[b-u4r4jciwnk] {
    font-size: 0.739rem;
}

.detail-heading span[b-u4r4jciwnk] {
    color: var(--queue-muted);
    font-size: 0.72rem;
}

.detail-lines[b-u4r4jciwnk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .45rem;
}

.detail-lines > div[b-u4r4jciwnk] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    padding: .52rem .58rem;
    border: 1px solid var(--queue-border);
    border-radius: .45rem;
    background: var(--ui-panel-deep);
}

.item-quantity[b-u4r4jciwnk] {
    display: grid;
    flex: 0 0 auto;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: .32rem;
    background: var(--queue-blue-soft);
    color: #9dd8fa;
    font-size: 0.72rem;
    font-weight: 850;
    place-items: center;
}

.detail-lines > div > div[b-u4r4jciwnk] {
    display: grid;
    gap: .12rem;
}

.detail-lines strong[b-u4r4jciwnk] {
    font-size: 0.72rem;
}

.detail-lines small[b-u4r4jciwnk] {
    color: var(--queue-muted);
    font-size: 0.72rem;
}

.order-note[b-u4r4jciwnk] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    color: #b5bfcb;
    font-size: 0.72rem;
}

.queue-empty[b-u4r4jciwnk],
.queue-loading[b-u4r4jciwnk] {
    display: grid;
    min-height: 300px;
    border: 1px solid var(--queue-border);
    border-radius: .8rem;
    background: var(--queue-panel);
    place-content: center;
    justify-items: center;
    text-align: center;
}

.queue-empty > i[b-u4r4jciwnk] {
    margin-bottom: .75rem;
    color: var(--queue-blue);
    font-size: 1.904rem;
}

.queue-empty h2[b-u4r4jciwnk] {
    margin: 0;
    font-size: 1.03rem;
}

.queue-empty p[b-u4r4jciwnk] {
    max-width: 38ch;
    margin: .32rem 0 .8rem;
    color: var(--queue-muted);
    font-size: 0.762rem;
    line-height: 1.45;
}

.queue-empty a[b-u4r4jciwnk],
.queue-empty button[b-u4r4jciwnk] {
    padding: .5rem .7rem;
    border: 1px solid var(--queue-blue);
    border-radius: .45rem;
    background: var(--queue-blue-soft);
    color: #a9dbf8;
    font-size: 0.728rem;
    font-weight: 800;
    text-decoration: none;
}

.queue-loading[b-u4r4jciwnk] {
    grid-auto-flow: column;
    gap: .55rem;
    color: var(--queue-muted);
    font-size: 0.784rem;
}

@media (max-width: 1100px) {
    .preorders-page[b-u4r4jciwnk] {
        padding: 1rem;
    }

    .queue-summary[b-u4r4jciwnk] {
        grid-template-columns: repeat(4, 1fr);
    }

    .queue-summary .next-release[b-u4r4jciwnk] {
        grid-column: 1 / -1;
        border-top: 1px solid var(--queue-border);
    }

    .held-order[b-u4r4jciwnk] {
        grid-template-columns: 70px minmax(190px, 1.3fr) minmax(120px, .7fr) minmax(190px, auto);
    }

    .order-total[b-u4r4jciwnk] {
        display: none;
    }

    .compact-total[b-u4r4jciwnk] {
        display: block;
        margin-bottom: .2rem;
    }
}

@media (max-width: 780px) {
    .preorders-header[b-u4r4jciwnk] {
        align-items: flex-start;
    }

    .header-actions[b-u4r4jciwnk] {
        flex-direction: column-reverse;
        align-items: stretch;
    }

    .queue-summary[b-u4r4jciwnk] {
        grid-template-columns: repeat(2, 1fr);
    }

    .queue-summary > div[b-u4r4jciwnk] {
        border-bottom: 1px solid var(--queue-border);
    }

    .queue-summary .summary-value[b-u4r4jciwnk] {
        border-right: 0;
    }

    .queue-toolbar[b-u4r4jciwnk] {
        align-items: stretch;
        flex-direction: column;
    }

    .queue-tabs[b-u4r4jciwnk],
    .queue-search[b-u4r4jciwnk] {
        width: 100%;
    }

    .queue-tabs[b-u4r4jciwnk] {
        overflow-x: auto;
    }

    .queue-tabs button[b-u4r4jciwnk] {
        flex: 1 0 auto;
    }

    .queue-heading p[b-u4r4jciwnk] {
        display: none;
    }

    .held-order[b-u4r4jciwnk] {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: .65rem;
    }

    .release-window[b-u4r4jciwnk],
    .order-actions[b-u4r4jciwnk] {
        grid-column: 2;
    }

    .release-window[b-u4r4jciwnk] {
        grid-template-columns: auto auto;
        align-items: baseline;
        justify-content: start;
        gap: .3rem .55rem;
    }

    .release-window small[b-u4r4jciwnk] {
        grid-column: 1 / -1;
    }

    .order-actions[b-u4r4jciwnk] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .order-details[b-u4r4jciwnk] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 520px) {
    .preorders-page[b-u4r4jciwnk] {
        padding: .875rem;
    }

    .preorders-header[b-u4r4jciwnk] {
        display: grid;
    }

    .header-actions[b-u4r4jciwnk] {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-auto-flow: column;
        width: 100%;
    }

    .queue-summary[b-u4r4jciwnk] {
        grid-template-columns: 1fr 1fr;
    }

    .queue-summary .next-release[b-u4r4jciwnk] {
        grid-column: 1 / -1;
    }

    .queue-heading[b-u4r4jciwnk] {
        align-items: flex-start;
    }

    .queue-heading > div[b-u4r4jciwnk] {
        display: grid;
        gap: .12rem;
    }

    .held-order[b-u4r4jciwnk] {
        padding: .72rem;
    }

    .more-button span[b-u4r4jciwnk] {
        display: none;
    }
}
/* /Components/Pages/Operations/PrepStatus.razor.rz.scp.css */
.prep-page[b-dgu2wauea6] {
    --prep-bg: var(--ui-canvas);
    --prep-panel: var(--ui-panel);
    --prep-raised: var(--ui-panel-raised);
    --prep-border: var(--ui-border);
    --prep-border-strong: #3a414c;
    --prep-text: var(--ui-text-primary);
    --prep-muted: var(--ui-text-muted);
    --prep-blue: #268fd0;
    --prep-teal: #17c8a3;
    --prep-amber: #f2a541;
    --prep-red: #f15b68;
    min-height: 100%;
    padding: 1.15rem 1.25rem 1.5rem;
    background: var(--prep-bg);
    color: var(--prep-text);
}

.prep-header[b-dgu2wauea6],
.prep-summary[b-dgu2wauea6],
.station-tabs[b-dgu2wauea6],
.prep-toolbar[b-dgu2wauea6],
.prep-board[b-dgu2wauea6],
.prep-empty[b-dgu2wauea6],
.prep-loading[b-dgu2wauea6],
.prep-alert[b-dgu2wauea6] {
    max-width: 1600px;
    margin-inline: auto;
}

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

.prep-header h1[b-dgu2wauea6] {
    margin: 0 0 .18rem;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    font-weight: 760;
    letter-spacing: -.035em;
}

.prep-header p[b-dgu2wauea6] {
    margin: 0;
    color: var(--prep-muted);
    font-size: 0.874rem;
}

.prep-header-actions[b-dgu2wauea6] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.prep-header-actions button[b-dgu2wauea6],
.prep-header-actions a[b-dgu2wauea6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    min-height: 2.4rem;
    padding: .45rem .65rem;
    border: 1px solid var(--prep-border);
    border-radius: .5rem;
    background: var(--prep-panel);
    color: #bdc6d2;
    font-size: 0.728rem;
    font-weight: 800;
    text-decoration: none;
}

.prep-header-actions button:disabled[b-dgu2wauea6] {
    opacity: .6;
}

.live-state[b-dgu2wauea6] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: var(--prep-muted);
    font-size: 0.72rem;
    font-weight: 750;
}

.live-state i[b-dgu2wauea6] {
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: #66717f;
}

.live-state.connected[b-dgu2wauea6] {
    color: #a5e8d8;
}

.live-state.connected i[b-dgu2wauea6] {
    background: var(--prep-teal);
    box-shadow: 0 .12rem .5rem rgba(23, 200, 163, .35);
}

.prep-alert[b-dgu2wauea6] {
    display: flex;
    align-items: center;
    gap: .7rem;
    margin-bottom: .75rem;
    padding: .72rem .82rem;
    border: 1px solid rgba(241, 91, 104, .34);
    border-radius: .65rem;
    background: rgba(241, 91, 104, .08);
    color: #ff9ca5;
}

.prep-alert > div[b-dgu2wauea6] {
    display: grid;
    flex: 1;
    gap: .08rem;
}

.prep-alert strong[b-dgu2wauea6] {
    font-size: 0.806rem;
}

.prep-alert span[b-dgu2wauea6] {
    color: #c5adb1;
    font-size: 0.72rem;
}

.prep-alert button[b-dgu2wauea6] {
    padding: .4rem .55rem;
    border: 1px solid rgba(241, 91, 104, .38);
    border-radius: .4rem;
    background: transparent;
    color: #ffb4ba;
    font-size: 0.72rem;
    font-weight: 800;
}

.prep-summary[b-dgu2wauea6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(115px, .6fr)) minmax(230px, 1.3fr);
    margin-bottom: .7rem;
    overflow: hidden;
    border: 1px solid var(--prep-border);
    border-radius: .68rem;
    background: var(--prep-panel);
}

.prep-summary > div[b-dgu2wauea6] {
    display: grid;
    gap: .12rem;
    min-width: 0;
    padding: .68rem .78rem;
    border-right: 1px solid var(--prep-border);
}

.prep-summary > div:last-child[b-dgu2wauea6] {
    border-right: 0;
}

.prep-summary span[b-dgu2wauea6] {
    color: var(--prep-muted);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.prep-summary strong[b-dgu2wauea6] {
    overflow: hidden;
    font-size: 0.963rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prep-summary .danger strong[b-dgu2wauea6] {
    color: var(--prep-red);
}

.prep-summary .warning strong[b-dgu2wauea6] {
    color: var(--prep-amber);
}

.prep-summary .oldest-ticket[b-dgu2wauea6] {
    background: rgba(38, 143, 208, .08);
}

.prep-summary .oldest-ticket strong[b-dgu2wauea6] {
    color: #9dd8fa;
    font-size: 0.784rem;
}

.station-tabs[b-dgu2wauea6] {
    display: flex;
    gap: .28rem;
    margin-bottom: .7rem;
    padding: .3rem;
    overflow-x: auto;
    border: 1px solid var(--prep-border);
    border-radius: .68rem;
    background: var(--prep-panel);
}

.station-tabs button[b-dgu2wauea6] {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    align-items: center;
    gap: .1rem .55rem;
    min-width: 135px;
    min-height: 3rem;
    padding: .45rem .58rem;
    border: 1px solid transparent;
    border-radius: .48rem;
    background: transparent;
    color: var(--prep-muted);
    text-align: left;
}

.station-tabs button > span[b-dgu2wauea6] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: #c3ccd7;
    font-size: 0.739rem;
    font-weight: 800;
}

.station-tabs button > strong[b-dgu2wauea6] {
    grid-row: 1 / 3;
    grid-column: 2;
    justify-self: end;
    font-size: 0.963rem;
}

.station-tabs button > small[b-dgu2wauea6] {
    color: var(--station-color, var(--prep-muted));
    font-size: 0.72rem;
    font-weight: 750;
}

.station-tabs button.active[b-dgu2wauea6] {
    border-color: color-mix(in srgb, var(--station-color, var(--prep-blue)) 42%, transparent);
    background: color-mix(in srgb, var(--station-color, var(--prep-blue)) 11%, transparent);
}

.station-dot[b-dgu2wauea6] {
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: var(--station-color, var(--prep-blue));
}

.prep-toolbar[b-dgu2wauea6] {
    display: flex;
    align-items: center;
    gap: .65rem;
    margin-bottom: .7rem;
}

.urgency-filters[b-dgu2wauea6] {
    display: flex;
    gap: .22rem;
}

.urgency-filters button[b-dgu2wauea6] {
    display: flex;
    align-items: center;
    gap: .38rem;
    min-height: 2.35rem;
    padding: .4rem .55rem;
    border: 1px solid var(--prep-border);
    border-radius: .45rem;
    background: var(--prep-panel);
    color: var(--prep-muted);
    font-size: 0.72rem;
    font-weight: 800;
}

.urgency-filters button span[b-dgu2wauea6] {
    display: grid;
    min-width: 1.15rem;
    min-height: 1.15rem;
    border-radius: .3rem;
    background: var(--ui-panel-field);
    color: #9ca6b4;
    font-size: 0.72rem;
    place-items: center;
}

.urgency-filters button.active[b-dgu2wauea6] {
    border-color: #46505c;
    background: var(--ui-panel-hover-alt);
    color: var(--prep-text);
}

.prep-search[b-dgu2wauea6] {
    display: flex;
    flex: 1;
    align-items: center;
    gap: .48rem;
    min-height: 2.4rem;
    padding: 0 .65rem;
    border: 1px solid var(--prep-border);
    border-radius: .48rem;
    background: var(--prep-panel);
}

.prep-search i[b-dgu2wauea6] {
    color: var(--prep-muted);
}

.prep-search input[b-dgu2wauea6] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--prep-text);
    font-size: 0.762rem;
}

.prep-search:focus-within[b-dgu2wauea6] {
    border-color: var(--prep-blue);
}

.queue-caption[b-dgu2wauea6] {
    color: var(--prep-muted);
    font-size: 0.72rem;
    white-space: nowrap;
}

.prep-board[b-dgu2wauea6] {
    display: grid;
    gap: .85rem;
}

.urgency-lane[b-dgu2wauea6] {
    min-width: 0;
}

.urgency-lane > header[b-dgu2wauea6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .45rem;
    padding: 0 .12rem;
}

.urgency-lane > header > div[b-dgu2wauea6] {
    display: flex;
    align-items: center;
    gap: .42rem;
}

.urgency-lane > header i[b-dgu2wauea6] {
    width: .48rem;
    height: .48rem;
    border-radius: 50%;
}

.urgency-lane.late > header i[b-dgu2wauea6] {
    background: var(--prep-red);
}

.urgency-lane.warning > header i[b-dgu2wauea6] {
    background: var(--prep-amber);
}

.urgency-lane.healthy > header i[b-dgu2wauea6] {
    background: var(--prep-teal);
}

.urgency-lane h2[b-dgu2wauea6] {
    margin: 0;
    font-size: 0.806rem;
}

.urgency-lane header span[b-dgu2wauea6] {
    display: grid;
    min-width: 1.3rem;
    min-height: 1.3rem;
    border-radius: .32rem;
    background: var(--order-inset-surface, #23272d);
    color: var(--order-muted-foreground, #aeb8c4);
    font-size: 0.72rem;
    place-items: center;
}

.urgency-lane header p[b-dgu2wauea6] {
    margin: 0;
    color: var(--prep-muted);
    font-size: 0.72rem;
}

.ticket-grid[b-dgu2wauea6] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: .58rem;
}

.prep-ticket[b-dgu2wauea6] {
    display: grid;
    align-content: start;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--prep-border);
    border-radius: .62rem;
    background: var(--prep-panel);
}

.prep-ticket:hover[b-dgu2wauea6] {
    border-color: var(--prep-border-strong);
    background: var(--prep-raised);
}

.late .prep-ticket[b-dgu2wauea6] {
    border-color: rgba(241, 91, 104, .32);
}

.warning .prep-ticket[b-dgu2wauea6] {
    border-color: rgba(242, 165, 65, .26);
}

.ticket-topline[b-dgu2wauea6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    min-height: 2rem;
    padding: .38rem .62rem;
    border-bottom: 1px solid var(--prep-border);
    background: var(--ui-panel-control);
}

.station-name[b-dgu2wauea6] {
    color: var(--ui-text-supporting-alt);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.elapsed-time[b-dgu2wauea6] {
    color: var(--order-positive-text, var(--prep-teal));
    font-size: 0.784rem;
    font-weight: 850;
}

.late .elapsed-time[b-dgu2wauea6] {
    color: var(--prep-red);
}

.warning .elapsed-time[b-dgu2wauea6] {
    color: var(--prep-amber);
}

.ticket-identity[b-dgu2wauea6] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding: .65rem .65rem .5rem;
}

.ticket-icon[b-dgu2wauea6] {
    display: grid;
    width: 2rem;
    height: 2rem;
    border-radius: .45rem;
    background: var(--order-icon-surface, #242932);
    color: var(--order-icon-foreground, #9fb2cc);
    place-items: center;
}

.ticket-identity > div[b-dgu2wauea6] {
    display: grid;
    min-width: 0;
}

.ticket-identity strong[b-dgu2wauea6] {
    overflow: hidden;
    font-size: 0.806rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ticket-identity > div span[b-dgu2wauea6] {
    overflow: hidden;
    margin-top: .06rem;
    color: var(--prep-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mode-label[b-dgu2wauea6] {
    padding: .16rem .32rem;
    border-radius: .28rem;
    background: var(--order-inset-surface, #24282f);
    color: var(--ui-text-supporting-soft);
    font-size: 0.72rem;
    font-weight: 800;
}

.prep-progress[b-dgu2wauea6] {
    height: .2rem;
    margin: .1rem .65rem 0;
    overflow: hidden;
    border-radius: 999px;
    background: var(--order-inset-surface, #292d34);
}

.prep-progress span[b-dgu2wauea6] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--prep-teal);
}

.warning .prep-progress span[b-dgu2wauea6] {
    background: var(--prep-amber);
}

.late .prep-progress span[b-dgu2wauea6] {
    background: var(--prep-red);
}

.prep-timing[b-dgu2wauea6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .32rem .65rem .52rem;
    color: var(--prep-muted);
    font-size: 0.72rem;
}

.prep-timing strong[b-dgu2wauea6] {
    color: #acb6c3;
    font-size: 0.72rem;
}

.ticket-items[b-dgu2wauea6] {
    display: grid;
    border-top: 1px solid var(--prep-border);
}

.prep-item[b-dgu2wauea6] {
    display: grid;
    grid-template-columns: 1.35rem minmax(0, 1fr);
    gap: .48rem;
    padding: .48rem .65rem;
    border-bottom: 1px solid var(--ui-panel-field);
}

.prep-item > span[b-dgu2wauea6] {
    display: grid;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: .3rem;
    background: var(--ui-toggle-off);
    color: var(--ui-text-card);
    font-size: 0.72rem;
    font-weight: 850;
    place-items: center;
}

.prep-item > div[b-dgu2wauea6] {
    display: grid;
    min-width: 0;
    gap: .08rem;
}

.prep-item strong[b-dgu2wauea6] {
    overflow-wrap: anywhere;
    font-size: 0.728rem;
}

.prep-item small[b-dgu2wauea6] {
    color: var(--ui-text-legacy-muted);
    font-size: 0.72rem;
    line-height: 1.35;
}

.prep-item em[b-dgu2wauea6] {
    color: #f0bf7c;
    font-size: 0.72rem;
    font-style: normal;
    line-height: 1.35;
}

.prep-ticket footer[b-dgu2wauea6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    min-height: 2.4rem;
    padding: .42rem .65rem;
}

.prep-ticket footer > div[b-dgu2wauea6] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem .6rem;
    color: var(--prep-muted);
    font-size: 0.72rem;
}

.prep-ticket footer button[b-dgu2wauea6] {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .3rem .4rem;
    border: 0;
    background: transparent;
    color: #a8cfe8;
    font-size: 0.72rem;
    font-weight: 800;
}

.prep-empty[b-dgu2wauea6],
.prep-loading[b-dgu2wauea6] {
    display: grid;
    min-height: 300px;
    border: 1px solid var(--prep-border);
    border-radius: .75rem;
    background: var(--prep-panel);
    place-content: center;
    justify-items: center;
    text-align: center;
}

.prep-empty > i[b-dgu2wauea6] {
    margin-bottom: .65rem;
    color: var(--order-positive-text, var(--prep-teal));
    font-size: 1.904rem;
}

.prep-empty h2[b-dgu2wauea6] {
    margin: 0;
    font-size: 1.008rem;
}

.prep-empty p[b-dgu2wauea6] {
    max-width: 38ch;
    margin: .3rem 0 .75rem;
    color: var(--prep-muted);
    font-size: 0.75rem;
    line-height: 1.45;
}

.prep-empty button[b-dgu2wauea6] {
    padding: .45rem .65rem;
    border: 1px solid var(--prep-border-strong);
    border-radius: .42rem;
    background: var(--ui-panel-hover-alt);
    color: var(--prep-text);
    font-size: 0.72rem;
    font-weight: 800;
}

.prep-loading[b-dgu2wauea6] {
    grid-auto-flow: column;
    gap: .55rem;
    color: var(--prep-muted);
    font-size: 0.762rem;
}

@media (max-width: 1050px) {
    .prep-page[b-dgu2wauea6] {
        padding: 1rem;
    }

    .prep-summary[b-dgu2wauea6] {
        grid-template-columns: repeat(4, 1fr);
    }

    .prep-summary .oldest-ticket[b-dgu2wauea6] {
        grid-column: 1 / -1;
        border-top: 1px solid var(--prep-border);
    }
}

@media (max-width: 720px) {
    .prep-header[b-dgu2wauea6] {
        align-items: flex-start;
    }

    .live-state[b-dgu2wauea6] {
        display: none;
    }

    .prep-header-actions a[b-dgu2wauea6] {
        display: none;
    }

    .prep-summary[b-dgu2wauea6] {
        grid-template-columns: repeat(2, 1fr);
    }

    .prep-summary > div[b-dgu2wauea6] {
        border-bottom: 1px solid var(--prep-border);
    }

    .prep-summary > div:nth-child(2n)[b-dgu2wauea6] {
        border-right: 0;
    }

    .prep-toolbar[b-dgu2wauea6] {
        align-items: stretch;
        flex-direction: column;
    }

    .urgency-filters[b-dgu2wauea6] {
        overflow-x: auto;
    }

    .urgency-filters button[b-dgu2wauea6] {
        flex: 1 0 auto;
    }

    .queue-caption[b-dgu2wauea6] {
        display: none;
    }

    .urgency-lane > header p[b-dgu2wauea6] {
        display: none;
    }

    .ticket-grid[b-dgu2wauea6] {
        grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    }
}

@media (max-width: 480px) {
    .prep-page[b-dgu2wauea6] {
        padding: .875rem;
    }

    .prep-header-actions button[b-dgu2wauea6] {
        min-width: 2.5rem;
        padding-inline: .55rem;
    }

    .prep-header-actions button[b-dgu2wauea6] {
        font-size: 0;
    }

    .prep-header-actions button i[b-dgu2wauea6] {
        font-size: 0.952rem;
    }

    .station-tabs button[b-dgu2wauea6] {
        min-width: 125px;
    }

    .ticket-grid[b-dgu2wauea6] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Operations/Refunds.razor.rz.scp.css */
.refunds-page[b-9nwukp9z56] {
    --refund-panel: var(--ui-panel);
    --refund-raised: var(--ui-panel-raised);
    --refund-border: var(--ui-border);
    --refund-text: var(--ui-text-primary);
    --refund-muted: var(--ui-text-muted);
    --refund-teal: #17c8a3;
    --refund-red: #f15b68;
    min-height: 100%;
    padding: 1.15rem 1.25rem 1.5rem;
    background: var(--ui-canvas);
    color: var(--refund-text);
}

.refunds-header[b-9nwukp9z56], .refund-alert[b-9nwukp9z56], .refund-metrics[b-9nwukp9z56], .refund-workspace[b-9nwukp9z56] { max-width: 1540px; margin-inline: auto; }
.refunds-header[b-9nwukp9z56] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.refunds-header h1[b-9nwukp9z56] { margin: 0 0 .16rem; font-size: clamp(1.35rem, 2vw, 1.85rem); font-weight: 780; letter-spacing: -.04em; }
.refunds-header p[b-9nwukp9z56] { margin: 0; color: var(--refund-muted); font-size: 0.851rem; }
.refunds-header button[b-9nwukp9z56] { min-height: 2.4rem; padding: 0 .7rem; border: 1px solid var(--refund-border); border-radius: .45rem; background: var(--refund-panel); color: var(--ui-text-list); font-size: 0.72rem; font-weight: 750; }

.refund-alert[b-9nwukp9z56] { display: flex; align-items: center; gap: .5rem; margin-bottom: .65rem; padding: .62rem .72rem; border: 1px solid; border-radius: .5rem; font-size: 0.728rem; }
.refund-alert.error[b-9nwukp9z56] { border-color: rgba(241, 91, 104, .35); background: rgba(241, 91, 104, .08); color: #ff969f; }
.refund-alert.success[b-9nwukp9z56] { border-color: rgba(23, 200, 163, .35); background: rgba(23, 200, 163, .08); color: #72dfc7; }

.refund-metrics[b-9nwukp9z56] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; margin-bottom: .8rem; }
.refund-metrics article[b-9nwukp9z56] { display: grid; gap: .12rem; padding: .75rem .82rem; border: 1px solid var(--refund-border); border-radius: .58rem; background: var(--refund-panel); }
.refund-metrics article.selected[b-9nwukp9z56] { border-color: rgba(23, 200, 163, .35); }
.refund-metrics span[b-9nwukp9z56] { color: var(--refund-muted); font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.refund-metrics strong[b-9nwukp9z56] { font-size: 1.21rem; }
.refund-metrics small[b-9nwukp9z56] { color: var(--ui-text-caption); font-size: 0.72rem; }

.refund-workspace[b-9nwukp9z56] { display: grid; grid-template-columns: minmax(18rem, 25rem) minmax(0, 1fr); min-height: 35rem; border: 1px solid var(--refund-border); border-radius: .68rem; background: var(--refund-panel); overflow: hidden; }
.payment-picker[b-9nwukp9z56] { min-width: 0; border-right: 1px solid var(--refund-border); background: var(--ui-panel-control-soft); }
.picker-heading[b-9nwukp9z56] { display: flex; align-items: center; justify-content: space-between; padding: .8rem; border-bottom: 1px solid var(--refund-border); }
.picker-heading h2[b-9nwukp9z56], .refund-detail-heading h2[b-9nwukp9z56], .refund-form h3[b-9nwukp9z56], .history-heading h3[b-9nwukp9z56] { margin: 0; font-size: 0.874rem; }
.picker-heading p[b-9nwukp9z56], .refund-detail-heading p[b-9nwukp9z56], .history-heading p[b-9nwukp9z56] { margin: .15rem 0 0; color: var(--refund-muted); font-size: 0.72rem; }
.picker-heading > span[b-9nwukp9z56] { display: grid; place-items: center; min-width: 1.6rem; height: 1.45rem; border-radius: 999px; background: var(--ui-panel-selected); color: #c8d1dc; font-size: 0.72rem; font-weight: 800; }
.refund-search[b-9nwukp9z56] { display: flex; align-items: center; gap: .45rem; min-height: 2.3rem; margin: .65rem; padding: 0 .62rem; border: 1px solid var(--refund-border); border-radius: .4rem; background: var(--ui-canvas-muted); color: var(--ui-text-caption-alt); }
.refund-search input[b-9nwukp9z56] { width: 100%; border: 0; outline: 0; background: transparent; color: var(--refund-text); font-size: 0.739rem; }
.payment-picker-list[b-9nwukp9z56] { max-height: 31rem; overflow-y: auto; }
.payment-picker-list > button[b-9nwukp9z56] { display: grid; grid-template-columns: 2rem minmax(0, 1fr) auto .7rem; align-items: center; gap: .55rem; width: 100%; min-height: 4.25rem; padding: .55rem .7rem; border: 0; border-bottom: 1px solid var(--refund-border); background: transparent; color: var(--refund-text); text-align: left; }
.payment-picker-list > button:hover[b-9nwukp9z56], .payment-picker-list > button.selected[b-9nwukp9z56] { background: var(--ui-panel-raised); }
.payment-picker-list > button.selected[b-9nwukp9z56] { box-shadow: inset 2px 0 var(--refund-teal); }
.payment-picker-list > button > i[b-9nwukp9z56] { color: #5f6b7b; font-size: 0.72rem; }
.payment-picker-icon[b-9nwukp9z56] { display: grid; place-items: center; width: 2rem; height: 2rem; background: rgba(38, 143, 208, .1); color: #79bce5; }
.payment-picker-main[b-9nwukp9z56], .payment-picker-amount[b-9nwukp9z56] { display: grid; min-width: 0; gap: .12rem; }
.payment-picker-main strong[b-9nwukp9z56], .payment-picker-main small[b-9nwukp9z56] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.payment-picker-main strong[b-9nwukp9z56] { font-size: 0.739rem; }
.payment-picker-main small[b-9nwukp9z56], .payment-picker-amount small[b-9nwukp9z56] { color: var(--refund-muted); font-size: 0.72rem; }
.payment-picker-amount[b-9nwukp9z56] { justify-items: end; }
.payment-picker-amount strong[b-9nwukp9z56] { font-size: 0.72rem; white-space: nowrap; }
.picker-loading[b-9nwukp9z56] { display: grid; gap: 1px; background: var(--refund-border); }
.picker-loading span[b-9nwukp9z56] { height: 4.25rem; background: var(--ui-panel-control-soft); animation: refund-pulse-b-9nwukp9z56 1.2s ease-in-out infinite alternate; }
.picker-empty[b-9nwukp9z56] { display: grid; place-items: center; align-content: center; gap: .45rem; min-height: 16rem; color: var(--refund-muted); font-size: 0.72rem; }

.refund-detail[b-9nwukp9z56] { min-width: 0; padding: .9rem; }
.refund-placeholder[b-9nwukp9z56] { display: grid; place-items: center; align-content: center; min-height: 31rem; text-align: center; }
.refund-placeholder > span[b-9nwukp9z56] { display: grid; place-items: center; width: 3rem; height: 3rem; border: 1px solid var(--refund-border); border-radius: .65rem; background: var(--ui-panel-deep); color: #788494; }
.refund-placeholder h2[b-9nwukp9z56] { margin: .7rem 0 .2rem; font-size: 0.941rem; }
.refund-placeholder p[b-9nwukp9z56] { max-width: 34ch; margin: 0; color: var(--refund-muted); font-size: 0.72rem; }
.refund-detail-heading[b-9nwukp9z56] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: .7rem; padding-bottom: .7rem; border-bottom: 1px solid var(--refund-border); }
.refund-detail-heading > div:first-child > span[b-9nwukp9z56], .refund-detail-heading > div:last-child > span[b-9nwukp9z56] { color: var(--refund-muted); font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .045em; }
.refund-detail-heading > div:last-child[b-9nwukp9z56] { display: grid; justify-items: end; gap: .12rem; }
.refund-detail-heading > div:last-child strong[b-9nwukp9z56] { font-size: 1.008rem; }
.refund-detail .refund-alert[b-9nwukp9z56] { margin: 0 0 .65rem; }

.refund-balance[b-9nwukp9z56] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin-bottom: .7rem; border: 1px solid var(--refund-border); border-radius: .5rem; background: var(--refund-border); overflow: hidden; }
.refund-balance > div[b-9nwukp9z56] { display: grid; gap: .12rem; padding: .68rem .75rem; background: var(--ui-panel-control-soft); }
.refund-balance span[b-9nwukp9z56] { color: var(--refund-muted); font-size: 0.72rem; text-transform: uppercase; }
.refund-balance strong[b-9nwukp9z56] { font-size: 0.93rem; }

.refund-form[b-9nwukp9z56], .refund-history[b-9nwukp9z56] { border: 1px solid var(--refund-border); border-radius: .52rem; background: var(--refund-raised); }
.refund-form[b-9nwukp9z56] { padding: .75rem; }
.refund-form-heading[b-9nwukp9z56], .history-heading[b-9nwukp9z56] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.refund-form-heading button[b-9nwukp9z56], .history-heading button[b-9nwukp9z56] { min-height: 1.9rem; padding: 0 .48rem; border: 1px solid var(--refund-border); border-radius: .35rem; background: var(--ui-panel-control-soft); color: #aeb9c6; font-size: 0.72rem; font-weight: 750; }
.refund-fields[b-9nwukp9z56] { display: grid; grid-template-columns: minmax(7rem, .6fr) minmax(9rem, .8fr) minmax(12rem, 1.2fr); gap: .55rem; margin-top: .65rem; }
.refund-fields label[b-9nwukp9z56] { display: grid; gap: .3rem; }
.refund-fields label > span[b-9nwukp9z56] { color: var(--refund-muted); font-size: 0.72rem; font-weight: 750; }
.refund-fields input[b-9nwukp9z56], .refund-fields select[b-9nwukp9z56] { min-width: 0; min-height: 2.3rem; padding: 0 .55rem; border: 1px solid var(--refund-border); border-radius: .38rem; outline: 0; background: var(--ui-canvas-muted); color: var(--refund-text); font-size: 0.728rem; }
.refund-fields select option[b-9nwukp9z56] { background: var(--ui-panel); }
.refund-submit[b-9nwukp9z56] { display: flex; align-items: center; justify-content: flex-end; gap: .45rem; min-height: 2.35rem; margin-top: .65rem; padding-top: .65rem; border-top: 1px dashed var(--refund-border); }
.refund-submit p[b-9nwukp9z56] { flex: 1; margin: 0; color: #d5dde7; font-size: 0.72rem; }
.refund-submit button[b-9nwukp9z56] { min-height: 2.2rem; padding: 0 .65rem; border-radius: .38rem; font-size: 0.72rem; font-weight: 800; }
.begin-refund[b-9nwukp9z56], .confirm-refund[b-9nwukp9z56] { border: 1px solid #cc4c59; background: #b8404c; color: #fff; }
.keep-payment[b-9nwukp9z56] { border: 1px solid var(--refund-border); background: var(--ui-panel-control-soft); color: #b7c1ce; }
.refund-submit button:disabled[b-9nwukp9z56] { opacity: .4; }
.fully-refunded[b-9nwukp9z56], .refund-unavailable[b-9nwukp9z56] { display: flex; align-items: center; gap: .6rem; padding: .75rem; border: 1px solid rgba(23, 200, 163, .32); border-radius: .5rem; background: rgba(23, 200, 163, .07); color: var(--order-positive-text, var(--refund-teal)); }
.fully-refunded div[b-9nwukp9z56], .refund-unavailable div[b-9nwukp9z56] { display: grid; flex: 1; gap: .12rem; }
.fully-refunded strong[b-9nwukp9z56], .refund-unavailable strong[b-9nwukp9z56] { font-size: 0.762rem; }
.fully-refunded span[b-9nwukp9z56], .refund-unavailable span[b-9nwukp9z56] { color: #8ecbbc; font-size: 0.72rem; }
.refund-unavailable[b-9nwukp9z56] { border-color: rgba(242, 165, 65, .3); background: rgba(242, 165, 65, .07); color: #f2b563; }
.refund-unavailable span[b-9nwukp9z56] { color: #c9aa80; }
.refund-unavailable button[b-9nwukp9z56] { min-height: 2rem; padding: 0 .55rem; border: 1px solid rgba(242, 165, 65, .35); border-radius: .35rem; background: var(--light-warning-bg, #191713); color: var(--light-warning-text, #f1bd78); font-size: 0.72rem; font-weight: 800; }

.refund-history[b-9nwukp9z56] { margin-top: .7rem; padding: .75rem; }
.history-list[b-9nwukp9z56] { display: grid; margin-top: .6rem; border-top: 1px solid var(--refund-border); }
.history-list article[b-9nwukp9z56] { display: grid; grid-template-columns: 5rem minmax(10rem, 1fr) auto; align-items: center; gap: .65rem; padding: .58rem 0; border-bottom: 1px solid var(--refund-border); }
.history-list article:last-child[b-9nwukp9z56] { border-bottom: 0; }
.history-list article > div[b-9nwukp9z56] { display: grid; gap: .12rem; }
.history-list article > div:last-child[b-9nwukp9z56] { justify-items: end; }
.history-list strong[b-9nwukp9z56] { font-size: 0.72rem; }
.history-list small[b-9nwukp9z56], .history-state[b-9nwukp9z56] { color: var(--refund-muted); font-size: 0.72rem; }
.history-state[b-9nwukp9z56] { margin: .65rem 0 0; }
.history-status[b-9nwukp9z56] { display: inline-flex; align-items: center; gap: .3rem; color: var(--refund-color); font-size: 0.72rem; font-weight: 800; }
.history-status i[b-9nwukp9z56] { width: .4rem; height: .4rem; border-radius: 50%; background: var(--refund-color); }

@keyframes refund-pulse-b-9nwukp9z56 { from { opacity: .5; } to { opacity: 1; } }

@media (max-width: 1050px) {
    .refund-workspace[b-9nwukp9z56] { grid-template-columns: minmax(15rem, 20rem) minmax(0, 1fr); }
    .refund-fields[b-9nwukp9z56] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .refund-note[b-9nwukp9z56] { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .refunds-page[b-9nwukp9z56] { padding: 1rem; }
    .refunds-header p[b-9nwukp9z56] { display: none; }
    .refund-metrics[b-9nwukp9z56] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .refund-metrics article.selected[b-9nwukp9z56] { grid-column: 1 / -1; }
    .refund-workspace[b-9nwukp9z56] { grid-template-columns: 1fr; }
    .payment-picker[b-9nwukp9z56] { border-right: 0; border-bottom: 1px solid var(--refund-border); }
    .payment-picker-list[b-9nwukp9z56] { max-height: 15rem; }
    .refund-placeholder[b-9nwukp9z56] { min-height: 14rem; }
}

@media (max-width: 460px) {
    .refund-fields[b-9nwukp9z56] { grid-template-columns: 1fr; }
    .refund-note[b-9nwukp9z56] { grid-column: auto; }
    .refund-submit[b-9nwukp9z56] { align-items: stretch; flex-direction: column; }
    .refund-submit p[b-9nwukp9z56] { width: 100%; }
    .history-list article[b-9nwukp9z56] { grid-template-columns: 4.5rem minmax(0, 1fr); }
    .history-list article > div:last-child[b-9nwukp9z56] { grid-column: 2; justify-items: start; }
}
/* /Components/Pages/Operations/Reservations.razor.rz.scp.css */
.reservations-page[b-c764z3eh96] {
    --reservation-bg: var(--ui-canvas);
    --reservation-panel: var(--ui-panel);
    --reservation-raised: var(--ui-panel-raised);
    --reservation-border: var(--ui-border);
    --reservation-text: var(--ui-text-primary);
    --reservation-muted: var(--ui-text-muted);
    --reservation-teal: #17c8a3;
    --reservation-blue: #268fd0;
    --reservation-amber: #f2a541;
    --reservation-red: #f15b68;
    min-height: 100%;
    padding: 1.15rem 1.25rem 1.5rem;
    background: var(--reservation-bg);
    color: var(--reservation-text);
}

.reservations-header[b-c764z3eh96],
.date-control[b-c764z3eh96],
.reservation-metrics[b-c764z3eh96],
.reservation-workspace[b-c764z3eh96] {
    max-width: 1540px;
    margin-inline: auto;
}

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

.reservations-header h1[b-c764z3eh96] {
    margin: .06rem 0 .18rem;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    font-weight: 780;
    letter-spacing: -.04em;
}

.reservations-header p[b-c764z3eh96] {
    margin: 0;
    color: var(--reservation-muted);
    font-size: 0.874rem;
}

.new-reservation-button[b-c764z3eh96] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 2.45rem;
    padding: .5rem .78rem;
    border: 0;
    border-radius: .55rem;
    background: var(--reservation-teal);
    color: #04130f;
    font-size: 0.784rem;
    font-weight: 850;
}

.date-control[b-c764z3eh96] {
    display: flex;
    align-items: stretch;
    width: max-content;
    margin-bottom: .85rem;
    border: 1px solid var(--reservation-border);
    border-radius: .62rem;
    background: var(--reservation-panel);
    overflow: hidden;
}

.date-step[b-c764z3eh96],
.date-display[b-c764z3eh96] {
    border: 0;
    background: transparent;
    color: var(--reservation-text);
}

.date-step[b-c764z3eh96] {
    width: 2.5rem;
    color: var(--reservation-muted);
}

.date-step:hover[b-c764z3eh96] {
    background: var(--ui-panel-hover);
    color: var(--reservation-text);
}

.date-display[b-c764z3eh96] {
    display: flex;
    align-items: baseline;
    gap: .38rem;
    min-width: 15.25rem;
    padding: .55rem .8rem;
    border-inline: 1px solid var(--reservation-border);
    text-align: left;
}

.date-display span[b-c764z3eh96] {
    color: var(--reservation-muted);
    font-size: 0.728rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.date-display strong[b-c764z3eh96] {
    font-size: 0.93rem;
}

.date-display small[b-c764z3eh96] {
    margin-left: auto;
    padding: .16rem .38rem;
    border-radius: 999px;
    background: rgba(23, 200, 163, .1);
    color: #65dec4;
    font-size: 0.72rem;
    font-weight: 800;
}

.date-picker[b-c764z3eh96] {
    width: 2.65rem;
    border: 0;
    background: transparent;
    color: transparent;
    cursor: pointer;
}

.date-picker[b-c764z3eh96]::-webkit-calendar-picker-indicator {
    width: 100%;
    opacity: .65;
    filter: invert(1);
    cursor: pointer;
}

.reservation-metrics[b-c764z3eh96] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: .85rem;
}

.reservation-metrics article[b-c764z3eh96] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .12rem .7rem;
    padding: .78rem .86rem;
    border: 1px solid var(--reservation-border);
    border-radius: .65rem;
    background: var(--reservation-panel);
    overflow: hidden;
}

.reservation-metrics article[b-c764z3eh96]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: #687383;
    content: "";
}

.reservation-metrics .metric-amber[b-c764z3eh96]::before { background: var(--reservation-amber); }
.reservation-metrics .metric-blue[b-c764z3eh96]::before { background: var(--reservation-blue); }
.reservation-metrics .metric-green[b-c764z3eh96]::before { background: var(--reservation-teal); }

.reservation-metrics span[b-c764z3eh96] {
    color: var(--reservation-muted);
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .045em;
}

.reservation-metrics strong[b-c764z3eh96] {
    grid-row: span 2;
    align-self: center;
    font-size: 1.624rem;
    line-height: 1;
}

.reservation-metrics small[b-c764z3eh96] {
    color: var(--ui-text-caption);
    font-size: 0.72rem;
}

.reservation-workspace[b-c764z3eh96] {
    border: 1px solid var(--reservation-border);
    border-radius: .72rem;
    background: var(--reservation-panel);
    overflow: hidden;
}

.filter-bar[b-c764z3eh96] {
    display: grid;
    grid-template-columns: minmax(15rem, 1fr) repeat(3, minmax(9rem, 12rem)) auto;
    gap: .5rem;
    padding: .7rem;
    border-bottom: 1px solid var(--reservation-border);
    background: var(--ui-panel-control-soft);
}

.search-field[b-c764z3eh96] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 2.3rem;
    padding: 0 .68rem;
    border: 1px solid var(--reservation-border);
    border-radius: .48rem;
    background: var(--ui-canvas-muted);
    color: #6f7a89;
}

.search-field input[b-c764z3eh96],
.filter-select[b-c764z3eh96] {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--reservation-text);
    font-size: 0.784rem;
}

.search-field input[b-c764z3eh96]::placeholder {
    color: #687280;
}

.filter-select[b-c764z3eh96] {
    min-height: 2.3rem;
    padding: 0 .55rem;
    border: 1px solid var(--reservation-border);
    border-radius: .48rem;
    background: var(--ui-canvas-muted);
}

.filter-select option[b-c764z3eh96] {
    background: var(--ui-panel);
}

[b-c764z3eh96] .refresh-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 2.3rem;
    padding: 0 .65rem;
    border: 1px solid var(--reservation-border);
    border-radius: .48rem;
    background: var(--ui-panel-secondary);
    color: #c2cad5;
    font-size: 0.762rem;
    font-weight: 750;
}

.reservation-alert[b-c764z3eh96] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: .7rem .7rem 0;
    padding: .58rem .7rem;
    border: 1px solid;
    border-radius: .5rem;
    font-size: 0.762rem;
}

.reservation-alert.success[b-c764z3eh96] { border-color: rgba(23, 200, 163, .32); background: rgba(23, 200, 163, .08); color: #75e3cc; }
.reservation-alert.warning[b-c764z3eh96] { border-color: rgba(242, 165, 65, .34); background: rgba(242, 165, 65, .08); color: #f5be76; }
.reservation-alert.danger[b-c764z3eh96] { border-color: rgba(241, 91, 104, .34); background: rgba(241, 91, 104, .08); color: #ff9da6; }

.timeline-heading[b-c764z3eh96] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: .85rem .9rem .65rem;
}

.timeline-heading h2[b-c764z3eh96] {
    margin: .12rem 0 0;
    font-size: 1.008rem;
    font-weight: 750;
}

.timeline-legend[b-c764z3eh96] {
    display: flex;
    align-items: center;
    gap: .36rem;
    color: var(--reservation-muted);
    font-size: 0.72rem;
}

.timeline-legend i[b-c764z3eh96] {
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: var(--reservation-teal);
}

.reservation-timeline[b-c764z3eh96] {
    padding: 0 .9rem .9rem;
}

.reservation-row[b-c764z3eh96] {
    display: grid;
    grid-template-columns: 3.65rem 1.15rem minmax(0, 1fr);
    align-items: stretch;
}

.reservation-time[b-c764z3eh96] {
    display: grid;
    align-content: start;
    justify-items: end;
    gap: .08rem;
    padding: .85rem .4rem 0 0;
}

.reservation-time strong[b-c764z3eh96] {
    font-size: 0.84rem;
}

.reservation-time span[b-c764z3eh96] {
    color: #6f7987;
    font-size: 0.72rem;
}

.timeline-marker[b-c764z3eh96] {
    position: relative;
    display: flex;
    justify-content: center;
}

.timeline-marker[b-c764z3eh96]::before {
    position: absolute;
    inset: 0 auto 0;
    width: 1px;
    background: var(--reservation-border);
    content: "";
}

.timeline-marker span[b-c764z3eh96] {
    position: relative;
    z-index: 1;
    width: .48rem;
    height: .48rem;
    margin-top: 1rem;
    border: 2px solid #596371;
    border-radius: 50%;
    background: var(--reservation-panel);
}

.is-current .timeline-marker[b-c764z3eh96]::before {
    background: rgba(23, 200, 163, .38);
}

.is-current .timeline-marker span[b-c764z3eh96] {
    border-color: var(--reservation-teal);
    background: var(--reservation-teal);
    box-shadow: 0 0 0 .23rem rgba(23, 200, 163, .12);
}

.reservation-card[b-c764z3eh96] {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) minmax(8rem, auto) auto;
    align-items: center;
    gap: .85rem;
    min-height: 5.1rem;
    margin-bottom: .42rem;
    padding: .7rem;
    border: 1px solid var(--reservation-border);
    border-radius: .58rem;
    background: var(--reservation-raised);
}

.is-current .reservation-card[b-c764z3eh96] {
    border-color: rgba(23, 200, 163, .45);
}

.guest-block[b-c764z3eh96] {
    display: grid;
    grid-template-columns: 2.15rem minmax(0, 1fr);
    align-items: start;
    gap: .65rem;
}

.guest-avatar[b-c764z3eh96] {
    display: grid;
    place-items: center;
    width: 2.15rem;
    height: 2.15rem;
    border: 1px solid #343a43;
    border-radius: .5rem;
    background: var(--ui-panel-control-soft);
    color: #c5ced9;
    font-size: 0.762rem;
    font-weight: 850;
}

.guest-title[b-c764z3eh96] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.guest-title h3[b-c764z3eh96] {
    min-width: 0;
    margin: 0;
    font-size: 0.896rem;
    font-weight: 780;
}

.reservation-status[b-c764z3eh96] {
    flex: none;
    padding: .18rem .38rem;
    border-radius: 999px;
    background: rgba(146, 156, 173, .1);
    color: #adb6c3;
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.status-requested[b-c764z3eh96] { background: rgba(242, 165, 65, .1); color: #f6bd73; }
.status-confirmed[b-c764z3eh96] { background: rgba(38, 143, 208, .12); color: #71b8e4; }
.status-seated[b-c764z3eh96] { background: rgba(23, 200, 163, .11); color: #64dcc2; }
.status-cancelled[b-c764z3eh96], .status-noshow[b-c764z3eh96] { background: rgba(241, 91, 104, .1); color: #fa909a; }

.guest-meta[b-c764z3eh96] {
    display: flex;
    flex-wrap: wrap;
    gap: .28rem .65rem;
    margin-top: .3rem;
    color: var(--reservation-muted);
    font-size: 0.72rem;
}

.guest-meta span[b-c764z3eh96],
.guest-meta a[b-c764z3eh96],
.reservation-contact a[b-c764z3eh96] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
}

.guest-meta a[b-c764z3eh96] {
    color: var(--reservation-muted);
    text-decoration: none;
}

@media (min-width: 1101px) {
    .guest-meta a[b-c764z3eh96] {
        display: none;
    }
}

.reservation-note[b-c764z3eh96] {
    display: flex;
    align-items: flex-start;
    gap: .3rem;
    margin: .35rem 0 0;
    color: #b0b9c5;
    font-size: 0.72rem;
}

.reservation-contact a[b-c764z3eh96] {
    color: var(--ui-text-supporting-soft);
    font-size: 0.72rem;
    text-decoration: none;
}

.reservation-contact a:hover[b-c764z3eh96] {
    color: var(--order-positive-text, var(--reservation-teal));
}

.reservation-actions[b-c764z3eh96] {
    display: flex;
    justify-content: flex-end;
    gap: .35rem;
}

[b-c764z3eh96] .action-primary,
[b-c764z3eh96] .action-danger,
.action-secondary[b-c764z3eh96] {
    min-height: 2rem;
    padding: .35rem .55rem;
    border: 1px solid var(--reservation-border);
    border-radius: .42rem;
    background: var(--ui-panel-control-soft);
    color: #c5cdd8;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

[b-c764z3eh96] .action-primary {
    border-color: rgba(23, 200, 163, .4);
    background: rgba(23, 200, 163, .1);
    color: #6de1c7;
}

[b-c764z3eh96] .action-danger,
.danger-icon[b-c764z3eh96] {
    border-color: rgba(241, 91, 104, .28);
    color: #f48892;
}

.reservation-loading[b-c764z3eh96],
.reservation-empty[b-c764z3eh96] {
    min-height: 14rem;
}

.reservation-loading[b-c764z3eh96] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
}

.reservation-loading span[b-c764z3eh96] {
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: var(--reservation-teal);
    opacity: .4;
}

.reservation-empty[b-c764z3eh96] {
    display: grid;
    place-items: center;
    align-content: center;
    gap: .45rem;
    padding: 2rem;
    text-align: center;
}

.reservation-empty > span[b-c764z3eh96] {
    display: grid;
    place-items: center;
    width: 2.8rem;
    height: 2.8rem;
    border: 1px solid var(--reservation-border);
    border-radius: .65rem;
    background: var(--ui-panel-control-soft);
    color: var(--order-positive-text, var(--reservation-teal));
}

.reservation-empty h3[b-c764z3eh96] {
    margin: .15rem 0 0;
    font-size: 0.986rem;
}

.reservation-empty p[b-c764z3eh96] {
    margin: 0 0 .35rem;
    color: var(--reservation-muted);
    font-size: 0.762rem;
}

.reservation-drawer[b-c764z3eh96] {
    width: min(34rem, 100vw);
    border-left-color: var(--reservation-border);
    background: var(--ui-panel-control-soft);
}

.reservation-drawer-header[b-c764z3eh96] {
    border-bottom: 1px solid var(--reservation-border);
    background: var(--ui-panel);
}

.reservation-drawer-body[b-c764z3eh96] {
    padding-bottom: 1.5rem;
}

.reservation-drawer-body .form-label[b-c764z3eh96] {
    margin-bottom: .35rem;
    color: var(--ui-text-supporting);
    font-size: 0.728rem;
}

.reservation-drawer-body .form-control[b-c764z3eh96],
.reservation-drawer-body .form-select[b-c764z3eh96],
.reservation-drawer-body .input-group-text[b-c764z3eh96] {
    min-height: 2.4rem;
    border-color: var(--reservation-border);
    background: var(--ui-canvas-muted);
    color: var(--reservation-text);
    font-size: 0.806rem;
}

.reservation-availability-panel[b-c764z3eh96] {
    padding: .75rem;
    border: 1px solid var(--reservation-border);
    border-radius: .55rem;
    background: var(--light-control-bg, #171a1f);
}

.reservation-drawer-footer[b-c764z3eh96] {
    position: sticky;
    bottom: -1rem;
    z-index: 3;
    margin: 1rem -1.5rem -1.5rem;
    padding: .75rem 1.5rem;
    border-top: 1px solid var(--reservation-border);
    background: rgba(17, 19, 23, .96);
    backdrop-filter: blur(10px);
}

@media (max-width: 1100px) {
    .filter-bar[b-c764z3eh96] {
        grid-template-columns: repeat(3, minmax(8rem, 1fr)) auto;
    }

    .search-field[b-c764z3eh96] {
        grid-column: 1 / -1;
    }

    .reservation-card[b-c764z3eh96] {
        grid-template-columns: minmax(15rem, 1fr) auto;
    }

    .reservation-contact[b-c764z3eh96] {
        display: none;
    }
}

@media (max-width: 760px) {
    .reservations-page[b-c764z3eh96] {
        padding: 1rem;
    }

    .reservations-header[b-c764z3eh96] {
        align-items: center;
    }

    .reservations-header p[b-c764z3eh96] {
        display: none;
    }

    .new-reservation-button[b-c764z3eh96] {
        min-width: 2.5rem;
    }

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

    .filter-bar[b-c764z3eh96] {
        grid-template-columns: 1fr 1fr;
    }

    .refresh-button[b-c764z3eh96] {
        width: 100%;
    }

    .refresh-button span[b-c764z3eh96] {
        display: none;
    }

    .reservation-row[b-c764z3eh96] {
        grid-template-columns: 3.2rem .75rem minmax(0, 1fr);
    }

    .reservation-card[b-c764z3eh96] {
        grid-template-columns: 1fr;
        gap: .55rem;
    }

    .reservation-actions[b-c764z3eh96] {
        justify-content: flex-start;
        overflow-x: auto;
    }

    .timeline-legend[b-c764z3eh96] {
        display: none;
    }
}

@media (max-width: 480px) {
    .reservations-header .new-reservation-button[b-c764z3eh96] {
        padding-inline: .62rem;
        font-size: 0;
    }

    .reservations-header .new-reservation-button i[b-c764z3eh96] {
        font-size: 0.918rem;
    }

    .date-control[b-c764z3eh96] {
        width: 100%;
    }

    .date-display[b-c764z3eh96] {
        flex: 1;
        min-width: 0;
    }

    .date-display span[b-c764z3eh96] {
        display: none;
    }

    .reservation-metrics article[b-c764z3eh96] {
        padding: .68rem;
    }

    .reservation-time[b-c764z3eh96] {
        padding-right: .25rem;
    }

    .guest-block[b-c764z3eh96] {
        grid-template-columns: 1fr;
    }

    .guest-avatar[b-c764z3eh96] {
        display: none;
    }

    .guest-title[b-c764z3eh96] {
        align-items: flex-start;
        justify-content: space-between;
    }

    .guest-meta[b-c764z3eh96] {
        display: grid;
        gap: .2rem;
    }
}
/* /Components/Pages/Orders.razor.rz.scp.css */
.orders-page[b-tbkniqo7np] {
    --orders-panel: var(--ui-panel);
    --orders-panel-alt: var(--ui-panel-raised-alt);
    --orders-border: var(--ui-border);
    --orders-text: var(--ui-text-primary);
    --orders-muted: var(--ui-text-muted);
    --orders-accent: #17c8a3;
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--orders-text);
    background: var(--surface-0);
}

.orders-heading[b-tbkniqo7np],
.orders-quick-links[b-tbkniqo7np],
.orders-metrics article[b-tbkniqo7np],
.orders-toolbar[b-tbkniqo7np],
.orders-filter[b-tbkniqo7np],
.orders-filter label[b-tbkniqo7np],
.orders-search[b-tbkniqo7np],
.order-reference[b-tbkniqo7np],
.order-row-actions[b-tbkniqo7np],
.orders-pagination[b-tbkniqo7np],
.orders-pagination > div[b-tbkniqo7np] {
    display: flex;
    align-items: center;
}

.orders-heading[b-tbkniqo7np] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.orders-heading h1[b-tbkniqo7np],
.orders-heading p[b-tbkniqo7np] {
    margin: 0;
}

.orders-heading h1[b-tbkniqo7np] {
    font-size: 1.12rem;
    font-weight: 650;
}

.orders-heading p[b-tbkniqo7np] {
    margin-top: 0.25rem;
    color: var(--orders-muted);
    font-size: 0.806rem;
}

.orders-quick-links[b-tbkniqo7np] {
    gap: 0.45rem;
}

.orders-quick-links a[b-tbkniqo7np] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid var(--orders-border);
    border-radius: 0.35rem;
    color: var(--ui-text-card);
    background: var(--orders-panel);
    font-size: 0.75rem;
    font-weight: 600;
    text-decoration: none;
}

.orders-quick-links a:hover[b-tbkniqo7np],
.orders-quick-links a:focus-visible[b-tbkniqo7np] {
    border-color: var(--orders-accent);
    color: var(--order-strong-foreground, #fff);
}

.orders-quick-links a.primary[b-tbkniqo7np] {
    border-color: #268fd0;
    color: #fff;
    background: #268fd0;
}

.orders-metrics[b-tbkniqo7np] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 0.9rem;
    border: 1px solid var(--orders-border);
    border-radius: 0.4rem;
    background: var(--orders-panel);
}

.orders-metrics article[b-tbkniqo7np] {
    min-width: 0;
    gap: 0.75rem;
    padding: 0.8rem 0.9rem;
    border-right: 1px dashed var(--orders-border);
}

.orders-metrics article:last-child[b-tbkniqo7np] {
    border-right: 0;
}

.metric-icon[b-tbkniqo7np] {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    color: var(--metric-color);
    background: color-mix(in srgb, var(--metric-color) 12%, transparent);
    font-size: 1.008rem;
}

.metric-icon.teal[b-tbkniqo7np] { --metric-color: #17c8a3; }
.metric-icon.blue[b-tbkniqo7np] { --metric-color: #268fd0; }
.metric-icon.amber[b-tbkniqo7np] { --metric-color: #f2a541; }
.metric-icon.violet[b-tbkniqo7np] { --metric-color: #a78bfa; }

.orders-metrics article > div[b-tbkniqo7np] {
    min-width: 0;
}

.orders-metrics small[b-tbkniqo7np],
.orders-metrics strong[b-tbkniqo7np],
.orders-metrics article div span[b-tbkniqo7np] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-metrics small[b-tbkniqo7np] {
    color: var(--orders-muted);
    font-size: 0.72rem;
    text-transform: uppercase;
}

.orders-metrics strong[b-tbkniqo7np] {
    margin-top: 0.12rem;
    color: var(--orders-text);
    font-size: 1.12rem;
    font-weight: 600;
}

.orders-metrics article div span[b-tbkniqo7np] {
    margin-top: 0.1rem;
    color: #707b8b;
    font-size: 0.72rem;
}

.orders-panel[b-tbkniqo7np] {
    overflow: hidden;
    border: 1px solid var(--orders-border);
    border-radius: 0.4rem;
    background: var(--orders-panel);
}

.orders-toolbar[b-tbkniqo7np] {
    min-height: 64px;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px dashed var(--orders-border);
}

.orders-search[b-tbkniqo7np] {
    width: min(320px, 100%);
    min-height: 38px;
    gap: 0.65rem;
    padding: 0 0.75rem;
    border: 1px solid var(--orders-border);
    border-radius: 0.35rem;
    color: #79a4d2;
    background: var(--ui-panel-card);
}

.orders-search:focus-within[b-tbkniqo7np] {
    border-color: #268fd0;
}

.orders-search input[b-tbkniqo7np] {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    color: var(--orders-text);
    background: transparent;
    font: inherit;
    font-size: 0.784rem;
}

.orders-search input[b-tbkniqo7np]::placeholder {
    color: #8390a3;
}

.orders-filter[b-tbkniqo7np] {
    gap: 0.65rem;
    color: #aeb8c7;
    font-size: 0.784rem;
    font-weight: 600;
}

.orders-filter label[b-tbkniqo7np] {
    min-height: 38px;
    gap: 0.5rem;
    padding-left: 0.7rem;
    border: 1px solid var(--orders-border);
    border-radius: 0.35rem;
    color: #79a4d2;
    background: var(--ui-panel-card);
}

.orders-filter select[b-tbkniqo7np] {
    min-height: 36px;
    padding: 0 2rem 0 0;
    border: 0;
    outline: 0;
    color: var(--ui-text-card-soft);
    background: var(--ui-panel-card);
    font: inherit;
    font-size: 0.784rem;
}

.orders-table-wrap[b-tbkniqo7np] {
    overflow-x: auto;
}

.orders-data-table[b-tbkniqo7np] {
    width: 100%;
    min-width: 1040px;
    border-collapse: collapse;
}

.orders-data-table th[b-tbkniqo7np] {
    height: 40px;
    padding: 0 1rem;
    border-bottom: 1px solid var(--ui-divider-soft);
    color: #8fa8c9;
    background: var(--ui-panel-card);
    font-size: 0.72rem;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
}

.orders-data-table td[b-tbkniqo7np] {
    height: 76px;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--ui-panel-selected);
    color: #b9c7da;
    font-size: 0.784rem;
    vertical-align: middle;
}

.orders-data-table tbody tr:last-child td[b-tbkniqo7np] {
    border-bottom: 0;
}

.orders-data-table tbody tr:hover[b-tbkniqo7np] {
    background: var(--ui-panel-row);
}

.orders-data-table td strong[b-tbkniqo7np],
.orders-data-table td small[b-tbkniqo7np] {
    display: block;
}

.orders-data-table td strong[b-tbkniqo7np] {
    max-width: 180px;
    overflow: hidden;
    color: #cbd6e5;
    font-size: 0.795rem;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-data-table td small[b-tbkniqo7np] {
    max-width: 190px;
    margin-top: 0.2rem;
    overflow: hidden;
    color: #8390a3;
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.order-reference[b-tbkniqo7np] {
    gap: 0.45rem;
    color: #b9d0ee;
    font-weight: 650;
    white-space: nowrap;
}

.order-reference i[b-tbkniqo7np] {
    color: var(--order-color);
    font-size: 0.952rem;
}

.order-date[b-tbkniqo7np],
.order-amount[b-tbkniqo7np] {
    color: #bfd0e7;
    white-space: nowrap;
}

.order-table-status[b-tbkniqo7np] {
    display: inline-flex;
    padding: 0.2rem 0.55rem;
    color: var(--status-color);
    background: color-mix(in srgb, var(--status-color) 14%, transparent);
    font-size: 0.72rem;
    font-weight: 700;
}

.order-row-actions[b-tbkniqo7np] {
    gap: 0.35rem;
}

.order-row-actions a[b-tbkniqo7np] {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 50%;
    color: var(--order-icon-foreground, #82a9d6);
    background: var(--order-icon-surface, #22252c);
    text-decoration: none;
}

.order-row-actions a:hover[b-tbkniqo7np],
.order-row-actions a:focus-visible[b-tbkniqo7np] {
    border-color: #3c5877;
    color: var(--order-strong-foreground, #fff);
    background: var(--order-action-hover, var(--ui-panel-row-border));
}

.orders-pagination[b-tbkniqo7np] {
    min-height: 64px;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--ui-panel-selected);
    color: #87a0c1;
    font-size: 0.762rem;
}

.orders-pagination > div[b-tbkniqo7np] {
    gap: 0.35rem;
}

.orders-pagination button[b-tbkniqo7np] {
    min-width: 34px;
    height: 34px;
    border: 1px solid var(--orders-border);
    border-radius: 0.3rem;
    color: #9fb1c9;
    background: var(--ui-panel-card);
    font: inherit;
    font-size: 0.762rem;
    cursor: pointer;
}

.orders-pagination button:hover:not(:disabled)[b-tbkniqo7np],
.orders-pagination button:focus-visible[b-tbkniqo7np],
.orders-pagination button.active[b-tbkniqo7np] {
    border-color: var(--orders-accent);
    color: var(--order-strong-foreground, #fff);
}

.orders-pagination button.active[b-tbkniqo7np] {
    background: var(--orders-accent);
    color: #fff;
}

.orders-pagination button:disabled[b-tbkniqo7np] {
    opacity: 0.35;
    cursor: not-allowed;
}

.orders-empty[b-tbkniqo7np] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.35rem;
    color: var(--orders-muted);
    text-align: center;
}

.orders-empty i[b-tbkniqo7np] {
    margin-bottom: 0.25rem;
    color: #596474;
    font-size: 1.792rem;
}

.orders-empty strong[b-tbkniqo7np] {
    color: var(--ui-text-card);
    font-size: 0.896rem;
}

.orders-empty span[b-tbkniqo7np] {
    font-size: 0.762rem;
}

@media (max-width: 1000px) {
    .orders-heading[b-tbkniqo7np] {
        align-items: flex-start;
        flex-direction: column;
    }

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

    .orders-metrics article:nth-child(2)[b-tbkniqo7np] {
        border-right: 0;
    }

    .orders-metrics article:nth-child(-n + 2)[b-tbkniqo7np] {
        border-bottom: 1px dashed var(--orders-border);
    }
}

@media (max-width: 640px) {
    .orders-page[b-tbkniqo7np] {
        padding: 0.75rem;
    }

    .orders-quick-links[b-tbkniqo7np] {
        width: 100%;
        overflow-x: auto;
    }

    .orders-quick-links a[b-tbkniqo7np] {
        flex: 0 0 auto;
    }

    .orders-toolbar[b-tbkniqo7np],
    .orders-pagination[b-tbkniqo7np] {
        align-items: stretch;
        flex-direction: column;
    }

    .orders-search[b-tbkniqo7np] {
        width: 100%;
    }

    .orders-filter[b-tbkniqo7np] {
        justify-content: space-between;
    }

    .orders-metrics[b-tbkniqo7np] {
        grid-template-columns: 1fr;
    }

    .orders-metrics article[b-tbkniqo7np] {
        border-right: 0;
        border-bottom: 1px dashed var(--orders-border);
    }

    .orders-metrics article:last-child[b-tbkniqo7np] {
        border-bottom: 0;
    }
}
/* /Components/Pages/OrdersNew.razor.rz.scp.css */
.orders-new-page[b-j7qlruip6v],
.payment-drawer[b-j7qlruip6v] {
    --on-panel: var(--ui-panel);
    --on-panel-alt: var(--ui-panel-raised-alt);
    --on-border: var(--ui-border);
    --on-text: var(--ui-text-primary);
    --on-muted: var(--ui-text-muted);
    --on-accent: var(--order-positive-text, #17c8a3);
    --on-blue: #268fd0;
}

.orders-new-page[b-j7qlruip6v] {
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--on-text);
    background: var(--surface-0);
}

.orders-new-heading[b-j7qlruip6v],
.orders-new-summary[b-j7qlruip6v],
.orders-new-alert[b-j7qlruip6v],
.orders-new-tabs button[b-j7qlruip6v],
.orders-new-tabs button > span[b-j7qlruip6v],
.orders-new-board-heading[b-j7qlruip6v],
.live-order-heading[b-j7qlruip6v],
.live-order-badges[b-j7qlruip6v],
.live-order-facts span[b-j7qlruip6v],
.live-order-toggle[b-j7qlruip6v],
.live-order-progress > div[b-j7qlruip6v],
.live-order-actions[b-j7qlruip6v],
.payment-drawer header[b-j7qlruip6v],
.payment-step-heading[b-j7qlruip6v],
.receipt-tabs[b-j7qlruip6v],
.payment-bill-actions[b-j7qlruip6v],
.payment-drawer footer[b-j7qlruip6v] {
    display: flex;
    align-items: center;
}

.orders-new-heading[b-j7qlruip6v] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.orders-new-heading h1[b-j7qlruip6v],
.orders-new-heading p[b-j7qlruip6v],
.orders-new-board-heading h2[b-j7qlruip6v],
.orders-new-board-heading p[b-j7qlruip6v],
.payment-drawer h2[b-j7qlruip6v],
.payment-drawer p[b-j7qlruip6v],
.payment-step-heading h3[b-j7qlruip6v] {
    margin: 0;
}

.orders-new-heading h1[b-j7qlruip6v] { font-size: 1.12rem; font-weight: 650; }
.orders-new-heading p[b-j7qlruip6v] { margin-top: 0.25rem; color: var(--on-muted); font-size: 0.806rem; }

.orders-new-summary[b-j7qlruip6v] {
    gap: 0.8rem;
    color: var(--on-muted);
    font-size: 0.739rem;
}

.orders-new-summary > span[b-j7qlruip6v] { display: inline-flex; align-items: center; gap: 0.3rem; }
.orders-new-summary strong[b-j7qlruip6v] { color: var(--on-text); font-size: 1.008rem; }

.live-indicator i[b-j7qlruip6v] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--on-accent);
    animation: live-pulse-b-j7qlruip6v 1.8s ease-in-out infinite;
}

.orders-new-summary button[b-j7qlruip6v] {
    min-height: 34px;
    padding: 0 0.6rem;
    border: 1px solid var(--on-border);
    border-radius: 0.3rem;
    color: var(--ui-text-card-muted);
    background: var(--on-panel);
    font: inherit;
    font-weight: 600;
}

.orders-new-summary button:disabled[b-j7qlruip6v] { opacity: 0.5; }

.orders-new-alert[b-j7qlruip6v] {
    gap: 0.55rem;
    margin-bottom: 0.8rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid;
    font-size: 0.762rem;
}

.orders-new-alert.success[b-j7qlruip6v] { border-color: rgba(23, 200, 163, 0.35); color: var(--order-positive-text, #5ee3c8); background: var(--order-positive-surface, rgba(23, 200, 163, 0.08)); }
.orders-new-alert.error[b-j7qlruip6v] { border-color: rgba(241, 91, 104, 0.4); color: var(--order-negative-text, #ff818c); background: var(--order-negative-surface, rgba(241, 91, 104, 0.08)); }
.orders-new-alert span[b-j7qlruip6v] { flex: 1; }
.orders-new-alert button[b-j7qlruip6v] { border: 0; color: inherit; background: transparent; }

.orders-new-tabs[b-j7qlruip6v] {
    display: grid;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
    margin-bottom: 0.9rem;
    border: 1px solid var(--on-border);
    border-radius: 0.4rem;
    background: var(--on-panel);
}

.orders-new-tabs button[b-j7qlruip6v] {
    position: relative;
    min-height: 54px;
    justify-content: space-between;
    padding: 0 1rem;
    border: 0;
    border-right: 1px solid var(--on-border);
    color: var(--on-muted);
    background: transparent;
    font: inherit;
    font-size: 0.773rem;
}

.orders-new-tabs button:last-child[b-j7qlruip6v] { border-right: 0; }
.orders-new-tabs button > span[b-j7qlruip6v] { gap: 0.5rem; font-weight: 600; }
.orders-new-tabs button > span i[b-j7qlruip6v] { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--stage-color); }
.orders-new-tabs button strong[b-j7qlruip6v] { min-width: 1.7rem; padding: 0.15rem 0.4rem; color: var(--ui-text-secondary-alt); background: var(--ui-panel-selected); font-size: 0.728rem; text-align: center; }
.orders-new-tabs button[b-j7qlruip6v]::after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background: var(--stage-color); opacity: 0; content: ""; }
.orders-new-tabs button:hover[b-j7qlruip6v], .orders-new-tabs button.active[b-j7qlruip6v] { color: var(--on-text); background: var(--ui-panel-active); }
.orders-new-tabs button.active[b-j7qlruip6v]::after { opacity: 1; }

.orders-new-board[b-j7qlruip6v] {
    border: 1px solid var(--on-border);
    border-radius: 0.4rem;
    background: var(--on-panel);
}

.orders-new-board-heading[b-j7qlruip6v] {
    min-height: 58px;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 1rem;
    border-bottom: 1px dashed var(--on-border);
}

.orders-new-board-heading h2[b-j7qlruip6v] { font-size: 0.918rem; }
.orders-new-board-heading p[b-j7qlruip6v] { margin-top: 0.18rem; color: var(--on-muted); font-size: 0.72rem; }
.orders-new-board-heading > span[b-j7qlruip6v] { color: var(--order-muted-foreground, #8793a5); font-size: 0.72rem; }

.orders-new-grid[b-j7qlruip6v] {
    display: grid;
    grid-template-columns: repeat(4, minmax(250px, 1fr));
    gap: 0.75rem;
    padding: 0.75rem;
}

.live-order-card[b-j7qlruip6v] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    padding: 0.9rem;
    border: 1px solid var(--on-border);
    border-radius: 0.35rem;
    background: var(--ui-panel-card);
}

.live-order-card:hover[b-j7qlruip6v] { border-color: var(--order-control-border, #3a404b); }

.live-order-heading[b-j7qlruip6v] { align-items: flex-start; gap: 0.65rem; }
.live-order-icon[b-j7qlruip6v] { flex: 0 0 auto; width: 42px; height: 42px; display: grid; place-items: center; color: var(--order-icon-foreground, #91a9cb); background: var(--order-icon-surface, #232630); }
.live-order-heading > div[b-j7qlruip6v] { min-width: 0; flex: 1; }
.live-order-heading > div strong[b-j7qlruip6v], .live-order-heading > div span[b-j7qlruip6v] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.live-order-heading > div strong[b-j7qlruip6v] { color: var(--on-text); font-size: 0.851rem; }
.live-order-heading > div span[b-j7qlruip6v] { margin-top: 0.2rem; color: var(--on-muted); font-size: 0.72rem; }
.live-order-stage[b-j7qlruip6v] { flex: 0 0 auto; padding: 0.18rem 0.4rem; color: var(--stage-color); background: color-mix(in srgb, var(--stage-color) 13%, transparent); font-size: 0.72rem; font-weight: 700; }

.live-order-badges[b-j7qlruip6v] { flex-wrap: wrap; gap: 0.3rem; }
.live-order-badges span[b-j7qlruip6v] { padding: 0.18rem 0.38rem; color: var(--ui-text-table); background: var(--ui-panel-badge); font-size: 0.72rem; }
.live-order-badges .paid[b-j7qlruip6v] { color: var(--order-positive-text, #5ee3c8); background: var(--order-positive-surface, rgba(23, 200, 163, 0.12)); }
.live-order-badges .unpaid[b-j7qlruip6v] { color: var(--order-negative-text, #ff818c); background: var(--order-negative-surface, rgba(241, 91, 104, 0.12)); }
.live-order-badges .buffer[b-j7qlruip6v] { color: #f6bd73; background: rgba(242, 165, 65, 0.12); }

.live-order-facts[b-j7qlruip6v] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.55rem; }
.live-order-facts span[b-j7qlruip6v] { min-width: 0; gap: 0.35rem; overflow: hidden; color: var(--on-muted); font-size: 0.72rem; text-overflow: ellipsis; white-space: nowrap; }
.live-order-facts i[b-j7qlruip6v] { width: 0.9rem; color: var(--order-icon-foreground, #80a5ce); }
.live-order-facts strong[b-j7qlruip6v] { color: var(--ui-text-card-bright); }

.live-order-waiter[b-j7qlruip6v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding: .52rem;
    border: 1px solid var(--ui-panel-track);
    border-radius: .35rem;
    background: var(--order-inset-surface, #121419);
}

.live-order-waiter > div:first-child[b-j7qlruip6v] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
}

.live-order-waiter > div:first-child > i[b-j7qlruip6v] { color: var(--on-blue); }
.live-order-waiter > div:first-child span[b-j7qlruip6v] { display: grid; min-width: 0; }
.live-order-waiter small[b-j7qlruip6v] { color: var(--on-muted); font-size: 0.72rem; text-transform: uppercase; letter-spacing: .045em; }
.live-order-waiter strong[b-j7qlruip6v] { overflow: hidden; color: var(--order-strong-foreground, #cdd6e2); font-size: 0.72rem; text-overflow: ellipsis; white-space: nowrap; }

.waiter-assignment-control[b-j7qlruip6v] { display: flex; gap: .3rem; }
.waiter-assignment-control select[b-j7qlruip6v],
.waiter-assignment-control button[b-j7qlruip6v] { min-height: 1.9rem; border: 1px solid var(--on-border); border-radius: .28rem; background: var(--order-control-surface, #1f2229); color: var(--order-control-foreground, #c7d0dc); font: inherit; font-size: 0.72rem; }
.waiter-assignment-control select[b-j7qlruip6v] { width: 7.4rem; padding: 0 .35rem; }
.waiter-assignment-control button[b-j7qlruip6v] { padding: 0 .48rem; border-color: rgba(38, 143, 208, .45); color: var(--order-icon-foreground, #92caed); }
.waiter-assignment-control button:disabled[b-j7qlruip6v] { opacity: .38; }
.waiter-assigned[b-j7qlruip6v] { display: inline-flex; align-items: center; gap: .25rem; color: var(--order-positive-text, #64dcc3); font-size: 0.72rem; font-weight: 750; }

.live-order-toggle[b-j7qlruip6v] {
    justify-content: space-between;
    padding: 0.45rem 0;
    border: 0;
    border-top: 1px dashed var(--on-border);
    border-bottom: 1px dashed var(--on-border);
    color: var(--order-muted-foreground, #9da8b8);
    background: transparent;
    font: inherit;
    font-size: 0.72rem;
}

.live-order-toggle .open[b-j7qlruip6v] { transform: rotate(180deg); }
.live-order-items[b-j7qlruip6v] { max-height: 230px; margin: 0; padding: 0; overflow-y: auto; list-style: none; }
.live-order-items li[b-j7qlruip6v] { display: flex; justify-content: space-between; gap: 0.7rem; padding: 0.4rem 0; border-bottom: 1px solid var(--order-divider, #262a32); color: var(--order-control-foreground, #aeb9c8); font-size: 0.72rem; }
.live-order-items li strong[b-j7qlruip6v], .live-order-items li small[b-j7qlruip6v] { display: block; }
.live-order-items li small[b-j7qlruip6v] { max-width: 24ch; margin-top: 0.15rem; color: var(--on-muted); }
.live-order-items li.choice[b-j7qlruip6v] { padding-inline-start: 0.6rem; color: var(--order-muted-foreground, #8793a4); font-size: 0.72rem; }
.live-order-items li.cancelled[b-j7qlruip6v] { opacity: 0.45; text-decoration: line-through; }

.live-order-progress[b-j7qlruip6v] { margin-top: auto; }
.live-order-progress > div[b-j7qlruip6v] { justify-content: space-between; color: var(--on-muted); font-size: 0.72rem; }
.live-order-progress > div strong[b-j7qlruip6v] { color: var(--ui-text-action); }
.live-order-progress > span[b-j7qlruip6v] { height: 4px; display: block; margin-top: 0.45rem; background: var(--ui-panel-track); }
.live-order-progress > span i[b-j7qlruip6v] { height: 100%; display: block; }

.live-order-actions[b-j7qlruip6v] { gap: 0.4rem; }
.live-order-actions button[b-j7qlruip6v], .live-order-actions .settled[b-j7qlruip6v] { min-height: 34px; flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; padding: 0 0.5rem; border: 1px solid var(--on-border); border-radius: 0.3rem; font: inherit; font-size: 0.72rem; font-weight: 650; }
.live-order-actions button.secondary[b-j7qlruip6v] { color: var(--ui-text-action); background: var(--ui-panel-badge); }
.live-order-actions button.pay[b-j7qlruip6v] { border-color: rgba(23, 200, 163, 0.45); color: #e8fff9; background: var(--order-success-fill, #138f77); }
.live-order-actions button:disabled[b-j7qlruip6v] { opacity: 0.42; cursor: not-allowed; }
.live-order-actions .settled[b-j7qlruip6v] { color: var(--order-positive-text, #5ee3c8); background: var(--order-positive-surface, rgba(23, 200, 163, 0.08)); }

.orders-new-empty[b-j7qlruip6v] { min-height: 300px; display: grid; place-items: center; align-content: center; gap: 0.35rem; color: var(--on-muted); text-align: center; }
.orders-new-empty i[b-j7qlruip6v] { margin-bottom: 0.2rem; color: #586372; font-size: 1.904rem; }
.orders-new-empty strong[b-j7qlruip6v] { color: var(--order-strong-foreground, #c6d0dd); font-size: 0.862rem; }
.orders-new-empty span[b-j7qlruip6v] { font-size: 0.72rem; }

.orders-new-loading[b-j7qlruip6v] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.75rem; }
.orders-new-loading span[b-j7qlruip6v] { height: 250px; border: 1px solid var(--on-border); background: var(--on-panel); animation: loading-pulse-b-j7qlruip6v 1.2s ease-in-out infinite alternate; }

.orders-new-backdrop[b-j7qlruip6v] { position: fixed; inset: 0; z-index: 1050; background: rgba(0, 0, 0, 0.62); }
.payment-drawer[b-j7qlruip6v] { position: fixed; top: 0; right: 0; bottom: 0; z-index: 1051; width: min(520px, 100vw); display: grid; grid-template-rows: auto minmax(0, 1fr) auto; color: var(--on-text); background: var(--ui-panel-control-alt); box-shadow: -16px 0 36px rgba(0, 0, 0, 0.42); }

.payment-drawer header[b-j7qlruip6v] { justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; border-bottom: 1px solid var(--on-border); background: var(--on-panel); }
.payment-drawer header > div > span[b-j7qlruip6v] { color: var(--on-accent); font-size: 0.72rem; font-weight: 700; text-transform: uppercase; }
.payment-drawer h2[b-j7qlruip6v] { margin-top: 0.15rem; font-size: 1.064rem; }
.payment-drawer header p[b-j7qlruip6v] { margin-top: 0.2rem; color: var(--on-muted); font-size: 0.72rem; }
.payment-drawer header button[b-j7qlruip6v] { width: 34px; height: 34px; border: 0; border-radius: 50%; color: var(--order-icon-foreground, #91a9c7); background: var(--order-icon-surface, #24272e); }

.payment-drawer-body[b-j7qlruip6v] { overflow-y: auto; padding: 0.9rem 1.2rem; }
.payment-error[b-j7qlruip6v] { display: flex; gap: 0.5rem; margin-bottom: 0.75rem; padding: 0.65rem; border: 1px solid rgba(241, 91, 104, 0.38); color: var(--order-negative-text, #ff818c); background: var(--order-negative-surface, rgba(241, 91, 104, 0.08)); font-size: 0.728rem; }

.payment-order-summary[b-j7qlruip6v] { padding: 0.9rem; border: 1px solid var(--on-border); background: var(--ui-panel-card); }
.payment-total-label[b-j7qlruip6v] { display: flex; align-items: center; justify-content: space-between; color: var(--on-muted); font-size: 0.72rem; }
.payment-total-label small[b-j7qlruip6v] { color: #647185; font-size: 0.72rem; }
.payment-order-summary > strong[b-j7qlruip6v] { display: block; margin-top: 0.25rem; color: var(--order-strong-foreground, #f0f4fa); font-size: 1.68rem; font-weight: 550; }
.payment-order-summary ul[b-j7qlruip6v] { max-height: 150px; margin: 0.75rem 0 0; padding: 0.6rem 0 0; overflow-y: auto; border-top: 1px dashed var(--on-border); list-style: none; }
.payment-order-summary li[b-j7qlruip6v] { display: flex; justify-content: space-between; gap: 1rem; padding: 0.25rem 0; color: var(--order-muted-foreground, #9ca8b8); font-size: 0.72rem; }

.payment-step[b-j7qlruip6v] { margin-top: 0.75rem; padding: 0.9rem; border: 1px solid var(--on-border); background: var(--ui-panel-card); }
.payment-step-heading[b-j7qlruip6v] { align-items: flex-start; gap: 0.6rem; margin-bottom: 0.75rem; }
.payment-step-heading > span[b-j7qlruip6v] { width: 26px; height: 26px; display: grid; place-items: center; color: var(--on-accent); background: rgba(23, 200, 163, 0.1); font-size: 0.72rem; font-weight: 700; }
.payment-step-heading h3[b-j7qlruip6v] { color: var(--order-strong-foreground, #dae3ef); font-size: 0.806rem; }
.payment-step-heading p[b-j7qlruip6v] { margin-top: 0.12rem; color: var(--on-muted); font-size: 0.72rem; }

.payment-methods[b-j7qlruip6v] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.4rem; }
.payment-methods button[b-j7qlruip6v] { min-width: 0; min-height: 78px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0.6rem; border: 1px solid var(--order-control-border, #303540); color: var(--order-muted-foreground, #9da9ba); background: var(--ui-panel-control-alt); font: inherit; text-align: left; }
.payment-methods button > i[b-j7qlruip6v] { margin-bottom: 0.3rem; color: var(--order-icon-foreground, #7fa8d5); font-size: 1.008rem; }
.payment-methods button span[b-j7qlruip6v] { color: var(--ui-text-card-bright); font-size: 0.72rem; font-weight: 650; }
.payment-methods button small[b-j7qlruip6v] { margin-top: 0.12rem; overflow: hidden; color: var(--order-muted-foreground, #7e8a9b); font-size: 0.72rem; text-overflow: ellipsis; white-space: nowrap; }
.payment-methods button.active[b-j7qlruip6v] { border-color: var(--on-accent); background: rgba(23, 200, 163, 0.07); }
.payment-methods button.active > i[b-j7qlruip6v] { color: var(--on-accent); }

.receipt-tabs[b-j7qlruip6v] { gap: 0.35rem; }
.receipt-tabs button[b-j7qlruip6v] { min-height: 34px; flex: 1; border: 1px solid var(--order-control-border, #303540); color: var(--order-control-foreground, #9da9ba); background: var(--ui-panel-control-alt); font: inherit; font-size: 0.72rem; }
.receipt-tabs button.active[b-j7qlruip6v] { border-color: var(--on-accent); color: var(--order-positive-text, #e6fff9); background: var(--order-positive-surface, rgba(23, 200, 163, 0.08)); }
.payment-field[b-j7qlruip6v] { display: block; margin-top: 0.65rem; }
.payment-field > span[b-j7qlruip6v], .payment-field small[b-j7qlruip6v] { display: block; color: var(--order-muted-foreground, #9ca8b8); font-size: 0.72rem; }
.payment-field input[b-j7qlruip6v] { width: 100%; min-height: 38px; margin-top: 0.3rem; padding: 0 0.65rem; border: 1px solid var(--order-control-border, #323742); border-radius: 0.25rem; outline: 0; color: var(--order-strong-foreground, #dce4ef); background: var(--ui-panel-control-alt); font: inherit; font-size: 0.762rem; }
.payment-field input:focus[b-j7qlruip6v] { border-color: var(--on-blue); }
.payment-field small[b-j7qlruip6v] { margin-top: 0.25rem; color: #748094; }

.payment-bill-actions[b-j7qlruip6v] { gap: 0.4rem; margin-top: 0.75rem; }
.payment-bill-actions button[b-j7qlruip6v] { min-height: 36px; flex: 1; border: 1px solid var(--on-border); color: var(--order-control-foreground, #a9b6c6); background: var(--ui-panel-raised-alt); font: inherit; font-size: 0.72rem; }
.payment-bill-actions button:disabled[b-j7qlruip6v] { opacity: 0.4; }

.payment-drawer footer[b-j7qlruip6v] { gap: 0.5rem; justify-content: flex-end; padding: 0.8rem 1.2rem; border-top: 1px solid var(--on-border); background: var(--on-panel); }
.payment-drawer footer button[b-j7qlruip6v] { min-height: 38px; padding: 0 0.85rem; border-radius: 0.3rem; font: inherit; font-size: 0.728rem; font-weight: 650; }
.payment-drawer footer .cancel[b-j7qlruip6v] { border: 1px solid var(--on-border); color: var(--order-control-foreground, #aeb9c8); background: var(--ui-panel-raised-alt); }
.payment-drawer footer .complete[b-j7qlruip6v] { min-width: 190px; border: 1px solid #15977d; color: #fff; background: var(--order-success-fill, #138f77); }
.payment-drawer footer button:disabled[b-j7qlruip6v] { opacity: 0.5; }

@keyframes live-pulse-b-j7qlruip6v { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } }
@keyframes loading-pulse-b-j7qlruip6v { from { opacity: 0.5; } to { opacity: 1; } }

@media (max-width: 1500px) { .orders-new-grid[b-j7qlruip6v] { grid-template-columns: repeat(3, minmax(250px, 1fr)); } }
@media (max-width: 1100px) { .orders-new-grid[b-j7qlruip6v] { grid-template-columns: repeat(2, minmax(250px, 1fr)); } }

@media (max-width: 700px) {
    .orders-new-page[b-j7qlruip6v] { padding: 0.75rem; }
    .orders-new-heading[b-j7qlruip6v] { align-items: flex-start; flex-direction: column; }
    .orders-new-summary[b-j7qlruip6v] { width: 100%; flex-wrap: wrap; }
    .orders-new-summary button[b-j7qlruip6v] { margin-left: auto; }
    .orders-new-tabs[b-j7qlruip6v] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .orders-new-tabs button:nth-child(2)[b-j7qlruip6v] { border-right: 0; }
    .orders-new-tabs button:nth-child(-n + 2)[b-j7qlruip6v] { border-bottom: 1px solid var(--on-border); }
    .orders-new-grid[b-j7qlruip6v] { grid-template-columns: 1fr; }
    .payment-methods[b-j7qlruip6v] { grid-template-columns: 1fr; }
    .payment-methods button[b-j7qlruip6v] { min-height: 58px; }
    .payment-drawer footer[b-j7qlruip6v] { align-items: stretch; flex-direction: column-reverse; }
    .payment-drawer footer .complete[b-j7qlruip6v] { min-width: 0; }
}

@media (max-width: 420px) {
    .live-order-waiter[b-j7qlruip6v] { grid-template-columns: 1fr; }
    .waiter-assignment-control select[b-j7qlruip6v] { flex: 1; width: auto; }
}
/* /Components/Pages/Reports/OperatingExpenses.razor.rz.scp.css */
.expenses-page[b-bztbwquuz6],
.expense-drawer[b-bztbwquuz6] {
    --expense-panel: var(--ui-panel);
    --expense-raised: var(--ui-panel-raised);
    --expense-border: var(--ui-border);
    --expense-text: var(--ui-text-primary);
    --expense-muted: var(--ui-text-muted);
    --expense-teal: #17c8a3;
    --expense-amber: #f2a541;
    --expense-red: #f15b68;
}

.expenses-page[b-bztbwquuz6] { min-height: 100%; padding: 1.15rem 1.25rem 1.5rem; background: var(--ui-canvas); color: var(--expense-text); }
.expenses-header[b-bztbwquuz6], .expense-alert[b-bztbwquuz6], .expense-metrics[b-bztbwquuz6], .expense-workspace[b-bztbwquuz6] { max-width: 1540px; margin-inline: auto; }
.expenses-header[b-bztbwquuz6] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.expenses-header h1[b-bztbwquuz6] { margin: 0 0 .16rem; font-size: clamp(1.35rem, 2vw, 1.85rem); font-weight: 780; letter-spacing: -.04em; }
.expenses-header p[b-bztbwquuz6] { margin: 0; color: var(--expense-muted); font-size: 0.851rem; }
.record-expense[b-bztbwquuz6] { display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-height: 2.45rem; padding: 0 .75rem; border: 0; border-radius: .5rem; background: var(--expense-teal); color: #04130f; font-size: 0.739rem; font-weight: 850; }
.expense-alert[b-bztbwquuz6], .expense-form-error[b-bztbwquuz6] { display: flex; align-items: center; gap: .5rem; padding: .62rem .72rem; border: 1px solid rgba(241, 91, 104, .35); border-radius: .5rem; background: rgba(241, 91, 104, .08); color: #ff969f; font-size: 0.739rem; }
.expense-alert[b-bztbwquuz6] { margin-bottom: .7rem; }

.expense-metrics[b-bztbwquuz6] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; margin-bottom: .8rem; }
.expense-metrics article[b-bztbwquuz6] { display: grid; gap: .12rem; padding: .75rem .82rem; border: 1px solid var(--expense-border); border-radius: .58rem; background: var(--expense-panel); }
.expense-metrics span[b-bztbwquuz6] { color: var(--expense-muted); font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.expense-metrics strong[b-bztbwquuz6] { overflow: hidden; font-size: 1.176rem; text-overflow: ellipsis; white-space: nowrap; }
.expense-metrics small[b-bztbwquuz6] { color: #737f8e; font-size: 0.72rem; }

.expense-workspace[b-bztbwquuz6] { border: 1px solid var(--expense-border); border-radius: .68rem; background: var(--expense-panel); overflow: hidden; }
.expense-toolbar[b-bztbwquuz6] { display: grid; grid-template-columns: minmax(15rem, 1fr) minmax(9rem, 12rem) auto auto 2.4rem; align-items: center; gap: .5rem; padding: .65rem; border-bottom: 1px solid var(--expense-border); background: var(--ui-panel-control-soft); }
.expense-search[b-bztbwquuz6] { display: flex; align-items: center; gap: .5rem; min-height: 2.3rem; padding: 0 .65rem; border: 1px solid var(--expense-border); border-radius: .4rem; background: var(--ui-canvas-muted); color: #6f7a88; }
.expense-search input[b-bztbwquuz6], .expense-toolbar select[b-bztbwquuz6], .date-filter input[b-bztbwquuz6] { border: 0; outline: 0; background: transparent; color: var(--expense-text); font-size: 0.739rem; }
.expense-search input[b-bztbwquuz6] { width: 100%; }
.expense-toolbar select[b-bztbwquuz6], .date-filter[b-bztbwquuz6] { min-height: 2.3rem; border: 1px solid var(--expense-border); border-radius: .4rem; background: var(--ui-canvas-muted); }
.expense-toolbar select[b-bztbwquuz6] { padding: 0 .5rem; }
.expense-toolbar option[b-bztbwquuz6] { background: var(--ui-panel); }
.date-filter[b-bztbwquuz6] { display: flex; align-items: center; gap: .3rem; padding: 0 .42rem; }
.date-filter span[b-bztbwquuz6] { color: #737e8c; font-size: 0.72rem; font-weight: 750; text-transform: uppercase; }
.refresh-expenses[b-bztbwquuz6] { width: 2.3rem; height: 2.3rem; border: 1px solid var(--expense-border); border-radius: .4rem; background: var(--light-control-bg, #1d2026); color: var(--ui-text-list-strong); }

.expense-ledger-heading[b-bztbwquuz6] { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; padding: .8rem; border-bottom: 1px solid var(--expense-border); }
.expense-ledger-heading h2[b-bztbwquuz6] { margin: 0; font-size: 0.918rem; }
.expense-ledger-heading p[b-bztbwquuz6], .expense-ledger-heading > span[b-bztbwquuz6] { margin: .12rem 0 0; color: var(--expense-muted); font-size: 0.72rem; }
.expense-list[b-bztbwquuz6] { display: grid; }
.expense-row[b-bztbwquuz6] { display: grid; grid-template-columns: 2.6rem minmax(14rem, 1fr) minmax(7rem, .55fr) minmax(6rem, .45fr) minmax(8rem, .55fr) auto; align-items: center; gap: .75rem; min-height: 4.7rem; padding: .65rem .78rem; border-bottom: 1px solid var(--expense-border); }
.expense-row:last-child[b-bztbwquuz6] { border-bottom: 0; }
.expense-row:hover[b-bztbwquuz6] { background: var(--ui-panel-card-alt); }
.expense-row.voided[b-bztbwquuz6] { opacity: .48; }
.expense-date[b-bztbwquuz6] { display: grid; place-items: center; width: 2.55rem; height: 2.55rem; border: 1px solid var(--expense-border); border-radius: .4rem; background: var(--ui-panel-deep); }
.expense-date strong[b-bztbwquuz6] { font-size: 0.874rem; line-height: 1; }
.expense-date span[b-bztbwquuz6] { color: var(--expense-muted); font-size: 0.72rem; font-weight: 800; text-transform: uppercase; }
.expense-main[b-bztbwquuz6] { min-width: 0; }
.expense-main > div[b-bztbwquuz6] { display: flex; align-items: center; gap: .45rem; }
.expense-main h3[b-bztbwquuz6] { overflow: hidden; margin: 0; font-size: 0.818rem; text-overflow: ellipsis; white-space: nowrap; }
.category-tag[b-bztbwquuz6] { padding: .15rem .35rem; border-radius: 999px; background: rgba(38, 143, 208, .1); color: #78bae4; font-size: 0.72rem; font-weight: 750; }
.expense-main p[b-bztbwquuz6] { overflow: hidden; margin: .25rem 0 0; color: var(--expense-muted); font-size: 0.72rem; text-overflow: ellipsis; white-space: nowrap; }
.expense-payment[b-bztbwquuz6], .expense-tax[b-bztbwquuz6], .expense-amount[b-bztbwquuz6] { display: grid; gap: .12rem; }
.expense-payment span[b-bztbwquuz6], .expense-tax span[b-bztbwquuz6], .expense-amount span[b-bztbwquuz6] { color: var(--ui-text-caption); font-size: 0.72rem; font-weight: 750; text-transform: uppercase; }
.expense-payment strong[b-bztbwquuz6], .expense-tax strong[b-bztbwquuz6] { color: #b7c1cd; font-size: 0.72rem; }
.expense-amount strong[b-bztbwquuz6] { color: #edf2f8; font-size: 0.806rem; }
.expense-actions[b-bztbwquuz6] { display: flex; justify-content: flex-end; gap: .3rem; }
.expense-actions button[b-bztbwquuz6] { min-width: 2rem; min-height: 2rem; padding: 0 .45rem; border: 1px solid var(--expense-border); border-radius: .36rem; background: var(--ui-panel-control-soft); color: #b9c4d1; font-size: 0.72rem; font-weight: 750; }
.expense-actions .void-button[b-bztbwquuz6], .expense-actions .confirm-void[b-bztbwquuz6] { border-color: rgba(241, 91, 104, .32); color: #f78d97; }
.void-label[b-bztbwquuz6] { color: #d9858d; font-size: 0.72rem; font-weight: 750; text-transform: uppercase; }
.expense-loading[b-bztbwquuz6] { display: grid; gap: 1px; background: var(--expense-border); }
.expense-loading span[b-bztbwquuz6] { height: 4.7rem; background: var(--expense-panel); animation: expense-pulse-b-bztbwquuz6 1.2s ease-in-out infinite alternate; }
.expense-empty[b-bztbwquuz6] { display: grid; place-items: center; align-content: center; min-height: 18rem; text-align: center; }
.expense-empty > span[b-bztbwquuz6] { display: grid; place-items: center; width: 3rem; height: 3rem; border: 1px solid var(--expense-border); border-radius: .65rem; background: var(--ui-panel-deep); color: var(--expense-amber); }
.expense-empty h2[b-bztbwquuz6] { margin: .65rem 0 .2rem; font-size: 0.941rem; }
.expense-empty p[b-bztbwquuz6] { margin: 0; color: var(--expense-muted); font-size: 0.728rem; }

.expense-backdrop[b-bztbwquuz6] { position: fixed; inset: 0; z-index: 1050; background: rgba(0, 0, 0, .72); }
.expense-drawer[b-bztbwquuz6] { position: fixed; inset: 0 0 0 auto; z-index: 1051; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: min(30rem, 100vw); background: var(--ui-panel-control-soft); color: var(--expense-text); box-shadow: -1rem 0 3rem rgba(0, 0, 0, .4); }
.expense-drawer header[b-bztbwquuz6] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem 1.1rem; border-bottom: 1px solid var(--expense-border); background: var(--expense-panel); }
.expense-drawer header span[b-bztbwquuz6] { color: var(--order-positive-text, var(--expense-teal)); font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.expense-drawer h2[b-bztbwquuz6] { margin: .12rem 0 0; font-size: 1.03rem; }
.expense-drawer header button[b-bztbwquuz6] { width: 2.1rem; height: 2.1rem; border: 0; border-radius: 50%; background: var(--light-control-bg, #24272e); color: var(--order-control-foreground, #a8b4c4); }
.expense-form[b-bztbwquuz6] { display: grid; align-content: start; gap: .85rem; padding: 1rem 1.1rem; overflow-y: auto; }
.expense-form label[b-bztbwquuz6] { display: grid; gap: .32rem; }
.expense-form label > span[b-bztbwquuz6] { color: var(--ui-text-supporting-soft); font-size: 0.72rem; font-weight: 750; }
.expense-form input[b-bztbwquuz6], .expense-form select[b-bztbwquuz6], .expense-form textarea[b-bztbwquuz6] { width: 100%; min-height: 2.45rem; padding: .55rem .65rem; border: 1px solid var(--expense-border); border-radius: .42rem; outline: 0; background: var(--ui-canvas-muted); color: var(--expense-text); font-size: 0.784rem; }
.expense-form textarea[b-bztbwquuz6] { resize: vertical; }
.expense-form select option[b-bztbwquuz6] { background: var(--ui-panel); }
.amount-fields[b-bztbwquuz6] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.expense-drawer footer[b-bztbwquuz6] { display: flex; justify-content: flex-end; gap: .5rem; padding: .75rem 1.1rem; border-top: 1px solid var(--expense-border); background: var(--expense-panel); }
.expense-drawer footer button[b-bztbwquuz6] { min-height: 2.4rem; padding: 0 .75rem; border-radius: .4rem; font-size: 0.728rem; font-weight: 800; }
.drawer-cancel[b-bztbwquuz6] { border: 1px solid var(--expense-border); background: var(--ui-panel-secondary); color: var(--ui-text-button); }
.drawer-save[b-bztbwquuz6] { border: 1px solid #159c82; background: #138f77; color: #f0fffb; }
.drawer-save:disabled[b-bztbwquuz6] { opacity: .45; }

@keyframes expense-pulse-b-bztbwquuz6 { from { opacity: .5; } to { opacity: 1; } }

@media (max-width: 1350px) {
    .expense-row[b-bztbwquuz6] { grid-template-columns: 2.6rem minmax(12rem, 1fr) minmax(7rem, auto) minmax(8rem, auto) auto; }
    .expense-tax[b-bztbwquuz6] { display: none; }
}

@media (max-width: 1050px) {
    .expense-toolbar[b-bztbwquuz6] { grid-template-columns: 1fr 1fr 1fr auto; }
    .expense-search[b-bztbwquuz6] { grid-column: 1 / -1; }
    .expense-row[b-bztbwquuz6] { grid-template-columns: 2.6rem minmax(0, 1fr) minmax(8rem, auto) auto; }
    .expense-payment[b-bztbwquuz6] { display: none; }
}

@media (max-width: 720px) {
    .expenses-page[b-bztbwquuz6] { padding: 1rem; }
    .expenses-header p[b-bztbwquuz6] { display: none; }
    .expense-metrics[b-bztbwquuz6] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .expense-toolbar[b-bztbwquuz6] { grid-template-columns: 1fr 1fr; }
    .expense-toolbar select[b-bztbwquuz6] { grid-column: 1 / -1; }
    .refresh-expenses[b-bztbwquuz6] { width: 100%; }
    .expense-ledger-heading > span[b-bztbwquuz6] { display: none; }
    .expense-row[b-bztbwquuz6] { grid-template-columns: 2.6rem minmax(0, 1fr) auto; gap: .5rem; }
    .expense-amount[b-bztbwquuz6] { justify-items: end; }
    .expense-actions[b-bztbwquuz6] { grid-column: 2 / -1; justify-content: flex-start; }
}

@media (max-width: 420px) {
    .record-expense[b-bztbwquuz6] { padding: 0 .62rem; font-size: 0; }
    .record-expense i[b-bztbwquuz6] { font-size: 0.918rem; }
    .amount-fields[b-bztbwquuz6] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Setup/Configuration.razor.rz.scp.css */
.establishment-shell[b-ph7piidgm6] {
    --est-panel: var(--ui-panel);
    --est-raised: var(--ui-panel-raised);
    --est-border: var(--ui-border);
    --est-text: var(--ui-text-primary);
    --est-muted: var(--ui-text-muted);
    --est-teal: #17c8a3;
    --est-red: #f15b68;
    min-height: 100%;
    width: auto;
    max-width: none;
    padding: 1.15rem 1.25rem 1.5rem;
    background: var(--ui-canvas);
    color: var(--est-text);
}

.establishment-header[b-ph7piidgm6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.establishment-header h1[b-ph7piidgm6] {
    margin: 0 0 .16rem;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    font-weight: 780;
    letter-spacing: -.04em;
}

.establishment-header p[b-ph7piidgm6] {
    margin: 0;
    color: var(--est-muted);
    font-size: 0.851rem;
}

.establishment-header-actions[b-ph7piidgm6] {
    display: flex;
    gap: .45rem;
}

.establishment-primary[b-ph7piidgm6],
.establishment-secondary[b-ph7piidgm6],
.establishment-alert button[b-ph7piidgm6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .36rem;
    min-height: 2.4rem;
    padding: 0 .72rem;
    border: 1px solid var(--est-border);
    border-radius: .42rem;
    background: var(--est-panel);
    color: var(--ui-text-supporting-strong);
    font-size: 0.72rem;
    font-weight: 800;
    text-decoration: none;
}

.establishment-primary[b-ph7piidgm6] {
    border-color: #159c82;
    background: #138f77;
    color: #f0fffb;
}

.establishment-primary:disabled[b-ph7piidgm6] {
    cursor: wait;
    opacity: .5;
}

.establishment-alert[b-ph7piidgm6] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    padding: .62rem .72rem;
    border: 1px solid rgba(23, 200, 163, .3);
    border-radius: .48rem;
    background: rgba(23, 200, 163, .08);
    color: #78dfc9;
    font-size: 0.72rem;
}

.establishment-alert.error[b-ph7piidgm6] {
    border-color: rgba(241, 91, 104, .35);
    background: rgba(241, 91, 104, .08);
    color: #ff9ca5;
}

.establishment-alert span[b-ph7piidgm6] {
    flex: 1;
}

.establishment-alert button[b-ph7piidgm6] {
    min-height: 1.9rem;
    border-color: rgba(241, 91, 104, .35);
    background: transparent;
    color: #ffb0b7;
}

.establishment-loading[b-ph7piidgm6] {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 24rem;
    border: 1px solid var(--est-border);
    border-radius: .65rem;
    background: var(--est-panel);
    color: var(--est-muted);
}

.establishment-loading i[b-ph7piidgm6] {
    animation: establishment-spin-b-ph7piidgm6 .8s linear infinite;
}

.establishment-loading p[b-ph7piidgm6] {
    margin: .45rem 0 0;
    font-size: 0.72rem;
}

.establishment-layout[b-ph7piidgm6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 20rem);
    align-items: start;
    gap: .75rem;
}

.establishment-form[b-ph7piidgm6] {
    display: grid;
    gap: .75rem;
}

.establishment-section[b-ph7piidgm6],
.establishment-summary[b-ph7piidgm6] {
    border: 1px solid var(--est-border);
    border-radius: .65rem;
    background: var(--est-panel);
}

.establishment-section[b-ph7piidgm6] {
    overflow: hidden;
}

.establishment-section > header[b-ph7piidgm6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-height: 3.85rem;
    padding: .65rem .78rem;
    border-bottom: 1px solid var(--est-border);
    background: var(--ui-panel-control-soft);
}

.establishment-section > header > div[b-ph7piidgm6] {
    display: grid;
    gap: .08rem;
}

.establishment-section h2[b-ph7piidgm6],
.establishment-summary h2[b-ph7piidgm6] {
    margin: 0;
    font-size: 0.806rem;
}

.establishment-section header p[b-ph7piidgm6],
.establishment-section header > span[b-ph7piidgm6],
.establishment-summary p[b-ph7piidgm6] {
    margin: 0;
    color: var(--est-muted);
    font-size: 0.72rem;
}

.establishment-fields[b-ph7piidgm6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    padding: .75rem;
}

.establishment-fields label[b-ph7piidgm6],
.channel-settings label[b-ph7piidgm6] {
    display: grid;
    gap: .28rem;
}

.establishment-fields label > span[b-ph7piidgm6],
.channel-settings label > span[b-ph7piidgm6] {
    color: var(--ui-text-legacy-muted);
    font-size: 0.72rem;
    font-weight: 750;
}

.establishment-fields .wide[b-ph7piidgm6] {
    grid-column: 1 / -1;
}

.profile-display-setting[b-ph7piidgm6] {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .75rem;
    border-top: 1px solid var(--est-border);
    background: var(--ui-panel-compact);
}

.profile-display-setting__icon[b-ph7piidgm6] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    background: var(--status-success-surface);
    color: #70ddc5;
}

.profile-display-setting > div:not(.profile-display-setting__icon)[b-ph7piidgm6] {
    display: grid;
    gap: .12rem;
}

.profile-display-setting strong[b-ph7piidgm6] {
    font-size: .82rem;
}

.profile-display-setting p[b-ph7piidgm6] {
    margin: 0;
    color: var(--est-muted);
    font-size: .78rem;
}

.establishment-fields input[b-ph7piidgm6],
.establishment-fields textarea[b-ph7piidgm6],
.channel-settings input[b-ph7piidgm6],
.number-with-unit input[b-ph7piidgm6] {
    min-width: 0;
    min-height: 2.3rem;
    padding: .48rem .55rem;
    border: 1px solid var(--est-border);
    border-radius: .36rem;
    outline: 0;
    background: var(--ui-canvas-muted);
    color: var(--est-text);
    font-size: 0.728rem;
}

.establishment-fields textarea[b-ph7piidgm6] {
    resize: vertical;
}

.establishment-fields input:focus[b-ph7piidgm6],
.establishment-fields textarea:focus[b-ph7piidgm6],
.channel-settings input:focus[b-ph7piidgm6],
.number-with-unit input:focus[b-ph7piidgm6],
.hours-row input[type="time"]:focus[b-ph7piidgm6] {
    border-color: #288f7d;
    box-shadow: 0 0 0 2px rgba(23, 200, 163, .12);
}

.hours-list[b-ph7piidgm6] {
    display: grid;
}

.hours-row[b-ph7piidgm6] {
    display: grid;
    grid-template-columns: minmax(6rem, .7fr) 5rem minmax(7rem, 1fr) auto minmax(7rem, 1fr);
    align-items: center;
    gap: .55rem;
    min-height: 3.55rem;
    padding: .5rem .75rem;
    border-bottom: 1px solid var(--est-border);
}

.hours-row:last-child[b-ph7piidgm6] {
    border-bottom: 0;
}

.hours-row > strong[b-ph7piidgm6] {
    font-size: 0.72rem;
}

.hours-row > label:not(.closed-toggle)[b-ph7piidgm6] {
    display: grid;
    gap: .14rem;
}

.hours-row > label > span[b-ph7piidgm6] {
    color: var(--est-muted);
    font-size: 0.72rem;
}

.hours-row input[type="time"][b-ph7piidgm6] {
    min-width: 0;
    min-height: 2.15rem;
    padding: .35rem .45rem;
    border: 1px solid var(--est-border);
    border-radius: .34rem;
    outline: 0;
    background: var(--ui-canvas-muted);
    color: var(--est-text);
    color-scheme: dark;
    font-size: 0.72rem;
}

.hours-row.closed input[type="time"][b-ph7piidgm6] {
    opacity: .35;
}

.hours-row > i[b-ph7piidgm6] {
    color: #5f6977;
    font-size: 0.728rem;
}

.closed-toggle[b-ph7piidgm6] {
    display: flex;
    align-items: center;
    gap: .35rem;
    cursor: pointer;
}

.closed-toggle input[b-ph7piidgm6] {
    accent-color: var(--est-teal);
}

.setting-row[b-ph7piidgm6],
.channel-row[b-ph7piidgm6] {
    display: grid;
    align-items: center;
    gap: .75rem;
    padding: .75rem;
}

.setting-row[b-ph7piidgm6] {
    grid-template-columns: minmax(0, 1fr) auto;
}

.setting-row > div[b-ph7piidgm6],
.channel-row > div:not(.channel-icon)[b-ph7piidgm6] {
    display: grid;
    gap: .12rem;
}

.setting-row strong[b-ph7piidgm6],
.channel-row strong[b-ph7piidgm6] {
    font-size: 0.72rem;
}

.setting-row p[b-ph7piidgm6],
.channel-row p[b-ph7piidgm6] {
    margin: 0;
    color: var(--est-muted);
    font-size: 0.72rem;
}

.number-with-unit[b-ph7piidgm6],
.prefixed-input[b-ph7piidgm6] {
    display: grid;
}

.number-with-unit[b-ph7piidgm6] {
    grid-template-columns: 1fr auto;
}

.prefixed-input[b-ph7piidgm6] {
    grid-template-columns: auto 1fr;
}

.number-with-unit input[b-ph7piidgm6] {
    border-radius: .36rem 0 0 .36rem;
}

.prefixed-input input[b-ph7piidgm6] {
    border-radius: 0 .36rem .36rem 0;
}

.number-with-unit span[b-ph7piidgm6],
.prefixed-input > span[b-ph7piidgm6] {
    display: grid;
    place-items: center;
    min-width: 4rem;
    padding: 0 .55rem;
    border: 1px solid var(--est-border);
    border-left: 0;
    border-radius: 0 .36rem .36rem 0;
    background: var(--ui-control-addon);
    color: var(--ui-text-supporting-soft);
    font-size: 0.72rem;
}

.prefixed-input > span[b-ph7piidgm6] {
    border-right: 0;
    border-left: 1px solid var(--est-border);
    border-radius: .36rem 0 0 .36rem;
}

.channel-list[b-ph7piidgm6] {
    display: grid;
}

.channel-row[b-ph7piidgm6] {
    grid-template-columns: 2.25rem minmax(0, 1fr) auto;
    min-height: 4.4rem;
    border-bottom: 1px solid var(--est-border);
}

.channel-icon[b-ph7piidgm6] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    background: var(--status-success-surface);
    color: #70ddc5;
}

.switch-control[b-ph7piidgm6] {
    position: relative;
    display: inline-block;
    width: 2.35rem;
    height: 1.3rem;
    cursor: pointer;
}

.switch-control input[b-ph7piidgm6] {
    position: absolute;
    opacity: 0;
}

.switch-control span[b-ph7piidgm6] {
    position: absolute;
    inset: 0;
    border: 1px solid var(--ui-toggle-off-border);
    border-radius: 999px;
    background: var(--ui-toggle-off);
}

.switch-control span[b-ph7piidgm6]::after {
    position: absolute;
    top: .16rem;
    left: .17rem;
    width: .85rem;
    height: .85rem;
    border-radius: 50%;
    background: var(--ui-toggle-knob);
    content: "";
    transition: transform .16s ease-out;
}

.switch-control input:checked + span[b-ph7piidgm6] {
    border-color: #159c82;
    background: #138f77;
}

.switch-control input:checked + span[b-ph7piidgm6]::after {
    background: #effffb;
    transform: translateX(1rem);
}

.switch-control input:focus-visible + span[b-ph7piidgm6] {
    outline: 2px solid #59cdb5;
    outline-offset: 2px;
}

.channel-settings[b-ph7piidgm6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    padding: .7rem .75rem .8rem 3.75rem;
    border-bottom: 1px solid var(--est-border);
    background: var(--ui-panel-compact);
}

.channel-settings small[b-ph7piidgm6] {
    color: var(--est-muted);
    font-size: 0.72rem;
}

.channel-settings a[b-ph7piidgm6] {
    color: #66dec4;
}

.establishment-summary[b-ph7piidgm6] {
    position: sticky;
    top: .75rem;
    padding: .8rem;
}

.summary-heading[b-ph7piidgm6] {
    display: grid;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    align-items: center;
    gap: .6rem;
}

.summary-heading > span[b-ph7piidgm6] {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border: 1px solid #2a6258;
    border-radius: 50%;
    color: #70ddc5;
    font-size: 0.75rem;
    font-weight: 850;
}

.summary-heading > div[b-ph7piidgm6] {
    display: grid;
    gap: .1rem;
}

.summary-progress[b-ph7piidgm6] {
    height: 3px;
    margin: .75rem 0;
    background: var(--ui-progress-track);
}

.summary-progress i[b-ph7piidgm6] {
    display: block;
    height: 100%;
    background: var(--est-teal);
    transition: width .2s ease-out;
}

.summary-checks[b-ph7piidgm6] {
    display: grid;
    gap: .15rem;
}

.summary-checks > div[b-ph7piidgm6] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-height: 2.15rem;
    padding: 0 .45rem;
    color: var(--ui-text-caption);
    font-size: 0.72rem;
}

.summary-checks > div i[b-ph7piidgm6] {
    display: grid;
    place-items: center;
    width: 1.2rem;
    height: 1.2rem;
    border: 1px solid #363c45;
    border-radius: 50%;
    color: transparent;
}

.summary-checks > div.complete[b-ph7piidgm6] {
    color: var(--ui-text-list-strong);
}

.summary-checks > div.complete i[b-ph7piidgm6] {
    border-color: #256e60;
    background: rgba(23, 200, 163, .1);
    color: var(--order-positive-text, #67dac1);
}

.summary-links[b-ph7piidgm6] {
    display: grid;
    gap: 1px;
    margin-top: .7rem;
    border-top: 1px solid var(--est-border);
    padding-top: .65rem;
}

.summary-links a[b-ph7piidgm6] {
    display: grid;
    grid-template-columns: 1.75rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .48rem;
    min-height: 3.4rem;
    padding: .4rem;
    border-radius: .36rem;
    color: var(--est-text);
    text-decoration: none;
}

.summary-links a:hover[b-ph7piidgm6] {
    background: var(--ui-panel-raised);
}

.summary-links a > i:first-child[b-ph7piidgm6] {
    color: #71d9c2;
}

.summary-links a > i:last-child[b-ph7piidgm6] {
    color: #616c79;
    font-size: 0.72rem;
}

.summary-links a span[b-ph7piidgm6] {
    display: grid;
    gap: .08rem;
}

.summary-links strong[b-ph7piidgm6] {
    font-size: 0.72rem;
}

.summary-links small[b-ph7piidgm6] {
    color: var(--est-muted);
    font-size: 0.72rem;
}

.establishment-savebar[b-ph7piidgm6] {
    position: sticky;
    bottom: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .75rem;
    padding: .65rem .75rem;
    border: 1px solid var(--est-border);
    border-radius: .55rem;
    background: var(--ui-panel);
    box-shadow: 0 -8px 24px rgba(0, 0, 0, .24);
}

.establishment-savebar > span[b-ph7piidgm6] {
    color: var(--est-muted);
    font-size: 0.72rem;
}

.payments-terms-dialog[b-ph7piidgm6] {
    --est-panel: var(--ui-panel);
    --est-border: var(--ui-border);
    --est-text: var(--ui-text-primary);
    --est-muted: var(--ui-text-muted);
    position: fixed;
    z-index: 1100;
    top: 50%;
    left: 50%;
    width: min(31rem, calc(100vw - 2rem));
    border: 1px solid var(--est-border);
    border-radius: .65rem;
    background: var(--ui-panel);
    color: var(--est-text);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .55);
    transform: translate(-50%, -50%);
}

.payments-terms-dialog__header[b-ph7piidgm6],
.payments-terms-dialog__footer[b-ph7piidgm6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem;
}

.payments-terms-dialog__header[b-ph7piidgm6] {
    border-bottom: 1px solid var(--est-border);
}

.payments-terms-dialog__header .section-kicker[b-ph7piidgm6] {
    color: #70ddc5;
}

.payments-terms-dialog__body[b-ph7piidgm6] {
    padding: .8rem;
    font-size: 0.72rem;
}

.payments-terms-list[b-ph7piidgm6] {
    display: grid;
    gap: .5rem;
    margin: 0;
    padding-left: 1.1rem;
    color: var(--ui-text-list);
}

.payments-terms-dialog__footer[b-ph7piidgm6] {
    justify-content: flex-end;
    border-top: 1px solid var(--est-border);
}

@keyframes establishment-spin-b-ph7piidgm6 {
    to { transform: rotate(360deg); }
}

@media (max-width: 1050px) {
    .establishment-layout[b-ph7piidgm6] { grid-template-columns: 1fr; }
    .establishment-summary[b-ph7piidgm6] { position: static; display: grid; grid-template-columns: minmax(12rem, .7fr) minmax(16rem, 1fr); gap: .75rem; }
    .summary-progress[b-ph7piidgm6] { grid-column: 1; }
    .summary-checks[b-ph7piidgm6] { grid-column: 1; }
    .summary-links[b-ph7piidgm6] { grid-column: 2; grid-row: 1 / span 3; margin: 0; padding: 0 0 0 .75rem; border-top: 0; border-left: 1px solid var(--est-border); }
}

@media (max-width: 720px) {
    .establishment-shell[b-ph7piidgm6] { padding: 1rem; }
    .establishment-header p[b-ph7piidgm6] { display: none; }
    .establishment-secondary[b-ph7piidgm6] { width: 2.4rem; padding: 0; font-size: 0; }
    .establishment-secondary i[b-ph7piidgm6] { font-size: 0.896rem; }
    .establishment-fields[b-ph7piidgm6],
    .channel-settings[b-ph7piidgm6] { grid-template-columns: 1fr; }
    .establishment-fields .wide[b-ph7piidgm6] { grid-column: auto; }
    .channel-settings[b-ph7piidgm6] { padding-left: .75rem; }
    .hours-row[b-ph7piidgm6] { grid-template-columns: minmax(5rem, 1fr) auto; gap: .4rem; padding-block: .65rem; }
    .hours-row > label:not(.closed-toggle)[b-ph7piidgm6] { grid-column: auto; }
    .hours-row > i[b-ph7piidgm6] { display: none; }
    .hours-row > label:nth-of-type(2)[b-ph7piidgm6] { grid-column: 1; }
    .hours-row > label:nth-of-type(3)[b-ph7piidgm6] { grid-column: 2; }
    .establishment-summary[b-ph7piidgm6] { display: block; }
    .summary-links[b-ph7piidgm6] { margin-top: .7rem; padding: .65rem 0 0; border-top: 1px solid var(--est-border); border-left: 0; }
}

@media (max-width: 480px) {
    .establishment-header .establishment-primary[b-ph7piidgm6] { width: 2.4rem; padding: 0; font-size: 0; }
    .establishment-header .establishment-primary i[b-ph7piidgm6] { font-size: 0.896rem; }
    .establishment-section > header[b-ph7piidgm6] { align-items: flex-start; flex-direction: column; gap: .15rem; padding-block: .7rem; }
    .setting-row[b-ph7piidgm6] { grid-template-columns: 1fr; }
    .number-with-unit[b-ph7piidgm6] { width: 100%; }
    .channel-row[b-ph7piidgm6] { grid-template-columns: 2.25rem minmax(0, 1fr) auto; }
    .profile-display-setting[b-ph7piidgm6] { grid-template-columns: 2.25rem minmax(0, 1fr) auto; }
    .establishment-savebar[b-ph7piidgm6] { align-items: stretch; flex-direction: column; }
    .establishment-savebar .establishment-primary[b-ph7piidgm6] { width: 100%; }
}
/* /Components/Pages/Setup/DiningUnits.razor.rz.scp.css */
.property-shell[b-oww20soqpk] { width: 100%; padding: 1.25rem 1.5rem 2rem; color: var(--ui-text-primary); }
.property-header[b-oww20soqpk] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.property-header h1[b-oww20soqpk] { margin: 0; font-size: 1.512rem; font-weight: 700; letter-spacing: -.02em; }
.property-header p[b-oww20soqpk] { margin: .3rem 0 0; color: var(--ui-text-muted); font-size: 0.941rem; }
.property-header-actions[b-oww20soqpk], .property-actions[b-oww20soqpk] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.property-primary[b-oww20soqpk], .property-secondary[b-oww20soqpk], .property-actions button[b-oww20soqpk], .property-empty button[b-oww20soqpk], .property-empty a[b-oww20soqpk], .property-alert button[b-oww20soqpk], .property-cancel[b-oww20soqpk], .property-save[b-oww20soqpk], .qr-dialog footer a[b-oww20soqpk] { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 2.3rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .55rem; padding: .55rem .8rem; color: var(--ui-text-primary); background: var(--ui-panel-raised); font-size: 0.874rem; font-weight: 650; text-decoration: none; cursor: pointer; }
.property-primary[b-oww20soqpk], .property-save[b-oww20soqpk], .qr-dialog footer a.primary[b-oww20soqpk] { border-color: #17c8a3; color: #06140f; background: #17c8a3; }
.property-primary:disabled[b-oww20soqpk] { opacity: .45; cursor: not-allowed; }
.property-alert[b-oww20soqpk] { display: flex; align-items: center; gap: .6rem; margin-bottom: 1rem; border: 1px solid var(--ui-border); border-radius: .65rem; padding: .7rem .85rem; background: var(--ui-panel); font-size: 0.896rem; }
.property-alert.success[b-oww20soqpk] { border-color: rgba(23,200,163,.35); color: #8ce8d4; }
.property-alert.error[b-oww20soqpk], .property-panel-error[b-oww20soqpk] { border-color: rgba(241,91,104,.38); color: #ff9aa4; }
.property-alert span[b-oww20soqpk] { flex: 1; }
.property-alert button[b-oww20soqpk] { min-height: 1.8rem; margin-left: auto; padding: .3rem .6rem; }
.property-loading[b-oww20soqpk], .property-empty[b-oww20soqpk] { display: grid; place-items: center; min-height: 17rem; border: 1px dashed var(--ui-border-strong-alt); border-radius: .75rem; color: var(--ui-text-muted); text-align: center; }
.property-loading i[b-oww20soqpk] { font-size: 1.568rem; animation: spin-b-oww20soqpk 1s linear infinite; }
.property-loading p[b-oww20soqpk] { margin: .5rem 0 0; }
.property-metrics[b-oww20soqpk] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin-bottom: .85rem; }
.property-metrics article[b-oww20soqpk] { min-width: 0; border: 1px solid var(--ui-border); border-radius: .7rem; padding: .8rem .9rem; background: var(--ui-panel); }
.property-metrics span[b-oww20soqpk], .property-detail span[b-oww20soqpk] { display: block; color: var(--ui-text-muted); font-size: 0.762rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.property-metrics strong[b-oww20soqpk] { display: block; margin: .15rem 0; font-size: 1.512rem; line-height: 1.2; }
.property-metrics small[b-oww20soqpk], .property-detail small[b-oww20soqpk] { color: var(--ui-text-subtle); font-size: 0.806rem; }
.property-register[b-oww20soqpk] { overflow: hidden; border: 1px solid var(--ui-border); border-radius: .75rem; background: var(--ui-panel-control-alt); }
.property-toolbar[b-oww20soqpk] { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(13rem, 20rem) minmax(9rem, 13rem) minmax(9rem, 13rem); align-items: center; gap: .7rem; padding: .85rem; border-bottom: 1px solid var(--ui-border); background: var(--ui-panel); }
.property-toolbar h2[b-oww20soqpk] { margin: 0; font-size: 1.03rem; }
.property-toolbar > div span[b-oww20soqpk] { color: var(--ui-text-subtle); font-size: 0.806rem; }
.property-toolbar label[b-oww20soqpk] { display: flex; align-items: center; gap: .45rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .5rem; padding: 0 .65rem; background: var(--ui-canvas-muted); color: var(--ui-text-subtle); }
.property-toolbar input[b-oww20soqpk], .property-toolbar select[b-oww20soqpk] { width: 100%; min-height: 2.25rem; border: 0; outline: 0; color: var(--ui-text-primary); background: transparent; font-size: 0.874rem; }
.property-toolbar select[b-oww20soqpk] { border: 1px solid var(--ui-border-strong-alt); border-radius: .5rem; padding: 0 .65rem; background: var(--ui-canvas-muted); }
.property-list[b-oww20soqpk] { display: grid; }
.property-row[b-oww20soqpk] { display: grid; grid-template-columns: minmax(13rem, 1.35fr) minmax(6rem, .55fr) minmax(12rem, .9fr) minmax(9rem, .8fr) auto; align-items: center; gap: .8rem; padding: .8rem .9rem; border-bottom: 1px solid var(--ui-divider); }
.property-row:last-child[b-oww20soqpk] { border-bottom: 0; }
.property-row:hover[b-oww20soqpk] { background: var(--ui-panel); }
.property-identity[b-oww20soqpk] { display: flex; align-items: center; min-width: 0; gap: .7rem; }
.property-identity > span[b-oww20soqpk] { display: grid; flex: 0 0 auto; place-items: center; width: 2.15rem; height: 2.15rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .55rem; color: var(--order-positive-text, #17c8a3); background: var(--ui-panel-raised); }
.property-identity h2[b-oww20soqpk] { overflow: hidden; margin: 0; font-size: 0.963rem; text-overflow: ellipsis; white-space: nowrap; }
.property-identity p[b-oww20soqpk] { overflow: hidden; margin: .2rem 0 0; color: var(--ui-text-muted); font-size: 0.829rem; text-overflow: ellipsis; white-space: nowrap; }
.property-detail strong[b-oww20soqpk] { display: block; overflow: hidden; margin-top: .18rem; font-size: 0.896rem; text-overflow: ellipsis; white-space: nowrap; }
.qr-reference strong[b-oww20soqpk] { max-width: 11rem; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; color: var(--ui-text-legacy-soft); font-size: 0.806rem; }
.unit-rules[b-oww20soqpk] { display: flex; gap: .35rem; flex-wrap: wrap; }
.unit-rules span[b-oww20soqpk] { display: inline-flex; align-items: center; gap: .3rem; border: 1px solid #30343e; border-radius: 999px; padding: .3rem .48rem; color: #667080; background: var(--ui-panel-compact); font-size: 0.72rem; font-weight: 700; }
.unit-rules span.enabled[b-oww20soqpk] { border-color: rgba(23,200,163,.3); color: #83dcc8; background: rgba(23,200,163,.07); }
.property-actions[b-oww20soqpk] { justify-content: flex-end; }
.property-actions button[b-oww20soqpk] { min-height: 2rem; padding: .4rem .62rem; font-size: 0.806rem; }
.property-actions .primary[b-oww20soqpk] { border-color: rgba(23,200,163,.35); color: #8ce8d4; background: rgba(23,200,163,.08); }
.property-actions .danger[b-oww20soqpk], .property-actions .icon-danger[b-oww20soqpk] { border-color: rgba(241,91,104,.3); color: #ff8994; background: rgba(241,91,104,.08); }
.property-actions .icon-danger[b-oww20soqpk] { width: 2rem; padding: 0; }
.property-empty[b-oww20soqpk] { min-height: 18rem; border: 0; border-radius: 0; padding: 2rem; }
.property-empty i[b-oww20soqpk] { font-size: 1.904rem; color: #606a79; }
.property-empty h2[b-oww20soqpk] { margin: .6rem 0 .2rem; color: var(--ui-text-primary); font-size: 1.064rem; }
.property-empty p[b-oww20soqpk] { margin: 0 0 .8rem; font-size: 0.874rem; }
.property-drawer[b-oww20soqpk] { width: min(34rem, 100vw); background: var(--ui-panel-control-alt); }
.property-drawer-header[b-oww20soqpk] { border-bottom: 1px solid var(--ui-border); padding: 1rem 1.1rem; background: var(--ui-panel); }
.property-drawer-header > div > span[b-oww20soqpk] { color: var(--order-positive-text, #17c8a3); font-size: 0.728rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.property-drawer-header h3[b-oww20soqpk] { margin: .25rem 0; font-size: 1.21rem; }
.property-drawer-header p[b-oww20soqpk] { margin: 0; color: var(--ui-text-muted); font-size: 0.84rem; }
.property-drawer-body[b-oww20soqpk] { padding: 1rem; }
.property-panel-error[b-oww20soqpk] { display: flex; gap: .5rem; margin-bottom: .8rem; border: 1px solid; border-radius: .55rem; padding: .65rem .75rem; background: rgba(241,91,104,.07); font-size: 0.851rem; }
.property-form-section[b-oww20soqpk] { margin-bottom: 1rem; border: 1px solid var(--ui-border); border-radius: .65rem; padding: .85rem; background: var(--ui-panel); }
.property-form-section header[b-oww20soqpk] { display: flex; justify-content: space-between; gap: .5rem; margin-bottom: .75rem; }
.property-form-section h4[b-oww20soqpk] { margin: 0; font-size: 0.918rem; }
.property-form-section header span[b-oww20soqpk] { color: var(--ui-text-subtle); font-size: 0.75rem; }
.property-fields[b-oww20soqpk] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.property-fields label[b-oww20soqpk] { display: grid; gap: .35rem; min-width: 0; }
.property-fields label.wide[b-oww20soqpk] { grid-column: 1 / -1; }
.property-fields label > span[b-oww20soqpk], .qr-field label > span[b-oww20soqpk] { color: var(--ui-text-legacy-soft); font-size: 0.784rem; font-weight: 600; }
.property-fields input[b-oww20soqpk], .property-fields select[b-oww20soqpk], .qr-field input[b-oww20soqpk] { width: 100%; min-height: 2.35rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .5rem; padding: .55rem .65rem; color: var(--ui-text-primary); background: var(--ui-canvas-muted); font-size: 0.874rem; }
.qr-field[b-oww20soqpk] { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: .55rem; }
.qr-field label[b-oww20soqpk] { display: grid; gap: .35rem; }
.qr-field button[b-oww20soqpk] { min-height: 2.35rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .5rem; padding: .5rem .7rem; color: var(--ui-text-primary); background: var(--ui-panel-raised); font-size: 0.829rem; }
.field-help[b-oww20soqpk] { margin: .5rem 0 0; color: var(--ui-text-subtle); font-size: 0.762rem; }
.unit-toggle-list[b-oww20soqpk] { display: grid; gap: .55rem; }
.unit-toggle-list > label[b-oww20soqpk] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .65rem; border: 1px solid #30343e; border-radius: .55rem; padding: .7rem; background: var(--ui-panel-control-alt); }
.unit-toggle-list > label > span[b-oww20soqpk] { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .45rem; color: var(--order-positive-text, #17c8a3); background: rgba(23,200,163,.08); }
.unit-toggle-list strong[b-oww20soqpk], .unit-toggle-list small[b-oww20soqpk] { display: block; }
.unit-toggle-list strong[b-oww20soqpk] { font-size: 0.851rem; }
.unit-toggle-list small[b-oww20soqpk] { margin-top: .15rem; color: var(--ui-text-subtle); font-size: 0.739rem; }
.unit-toggle-list label.disabled[b-oww20soqpk] { opacity: .55; }
.unit-toggle-list input[b-oww20soqpk] { width: 1rem; height: 1rem; accent-color: #17c8a3; }
.property-drawer-footer[b-oww20soqpk] { display: flex; justify-content: flex-end; gap: .55rem; border-top: 1px solid var(--ui-border); padding: .85rem 1rem; background: var(--ui-panel); }
.qr-dialog[b-oww20soqpk] { position: fixed; z-index: 1100; top: 50%; left: 50%; width: min(28rem, calc(100vw - 1.5rem)); overflow: hidden; transform: translate(-50%, -50%); border: 1px solid var(--ui-border-strong-alt); border-radius: .8rem; color: var(--ui-text-primary); background: var(--ui-panel-control-alt); box-shadow: 0 24px 80px rgba(0,0,0,.55); }
.qr-dialog header[b-oww20soqpk] { display: flex; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--ui-border); padding: 1rem; background: var(--ui-panel); }
.qr-dialog header span[b-oww20soqpk] { color: var(--order-positive-text, #17c8a3); font-size: 0.72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.qr-dialog h3[b-oww20soqpk] { margin: .2rem 0; font-size: 1.176rem; }
.qr-dialog header p[b-oww20soqpk] { margin: 0; color: var(--ui-text-muted); font-size: 0.806rem; }
.qr-dialog header button[b-oww20soqpk] { width: 2rem; height: 2rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .45rem; color: var(--ui-text-primary); background: var(--ui-panel-raised); }
.qr-dialog-body[b-oww20soqpk] { padding: 1.1rem; text-align: center; }
.qr-image-frame[b-oww20soqpk] { display: inline-grid; place-items: center; border: .65rem solid #fff; border-radius: .55rem; background: #fff; }
.qr-image-frame img[b-oww20soqpk] { display: block; width: min(15rem, 58vw); height: auto; }
.qr-dialog-body > p[b-oww20soqpk] { margin: .8rem 0 .55rem; color: var(--ui-text-muted); font-size: 0.851rem; }
.qr-url[b-oww20soqpk] { overflow-wrap: anywhere; border: 1px solid var(--ui-border); border-radius: .45rem; padding: .55rem; color: var(--ui-text-legacy-soft); background: var(--ui-canvas-muted); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 0.75rem; }
.qr-dialog footer[b-oww20soqpk] { display: flex; justify-content: flex-end; gap: .5rem; border-top: 1px solid var(--ui-border); padding: .85rem 1rem; background: var(--ui-panel); }
@keyframes spin-b-oww20soqpk { to { transform: rotate(360deg); } }
@media (max-width: 1100px) {
    .property-row[b-oww20soqpk] { grid-template-columns: minmax(13rem, 1fr) minmax(6rem, .5fr) minmax(11rem, .8fr) auto; }
    .qr-reference[b-oww20soqpk] { display: none; }
}
@media (max-width: 820px) {
    .property-metrics[b-oww20soqpk] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .property-toolbar[b-oww20soqpk] { grid-template-columns: 1fr 1fr; }
    .property-row[b-oww20soqpk] { grid-template-columns: minmax(13rem, 1fr) minmax(10rem, .8fr) auto; }
    .property-row > .property-detail[b-oww20soqpk] { display: none; }
}
@media (max-width: 620px) {
    .property-shell[b-oww20soqpk] { padding: 1rem .75rem 1.5rem; }
    .property-header[b-oww20soqpk] { flex-direction: column; }
    .property-header-actions[b-oww20soqpk], .property-header-actions > *[b-oww20soqpk] { width: 100%; }
    .property-toolbar[b-oww20soqpk], .property-row[b-oww20soqpk], .property-fields[b-oww20soqpk] { grid-template-columns: 1fr; }
    .property-row[b-oww20soqpk] { gap: .7rem; }
    .property-row > .property-detail[b-oww20soqpk] { display: block; }
    .property-actions[b-oww20soqpk] { justify-content: flex-start; }
    .qr-field[b-oww20soqpk] { grid-template-columns: 1fr; }
    .qr-dialog footer[b-oww20soqpk] { flex-direction: column; }
}
/* /Components/Pages/Setup/InventoryItems.razor.rz.scp.css */
.inventory-page[b-y8dlrta6xo],
.inventory-drawer[b-y8dlrta6xo] {
    --inventory-panel: var(--ui-panel);
    --inventory-panel-alt: var(--ui-panel-raised-alt);
    --inventory-border: var(--ui-border);
    --inventory-text: var(--ui-text-primary);
    --inventory-muted: var(--ui-text-muted);
    --inventory-accent: #17c8a3;
    --inventory-blue: #268fd0;
}

.inventory-page[b-y8dlrta6xo] {
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--inventory-text);
    background: var(--surface-0);
}

.inventory-heading[b-y8dlrta6xo],
.inventory-heading-links[b-y8dlrta6xo],
.inventory-panel-heading[b-y8dlrta6xo],
.inventory-primary-actions[b-y8dlrta6xo],
.inventory-import-heading[b-y8dlrta6xo],
.inventory-toolbar[b-y8dlrta6xo],
.inventory-type-tabs[b-y8dlrta6xo],
.inventory-table-actions[b-y8dlrta6xo],
.inventory-search[b-y8dlrta6xo],
.inventory-item-name[b-y8dlrta6xo],
.inventory-row-actions[b-y8dlrta6xo],
.inventory-form-heading[b-y8dlrta6xo] {
    display: flex;
    align-items: center;
}

.inventory-heading[b-y8dlrta6xo] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.inventory-heading h1[b-y8dlrta6xo],
.inventory-heading p[b-y8dlrta6xo],
.inventory-panel-heading h2[b-y8dlrta6xo],
.inventory-panel-heading p[b-y8dlrta6xo],
.inventory-import-heading h3[b-y8dlrta6xo],
.inventory-import-heading p[b-y8dlrta6xo],
.inventory-form-heading h4[b-y8dlrta6xo],
.inventory-form-heading p[b-y8dlrta6xo] {
    margin: 0;
}

.inventory-heading h1[b-y8dlrta6xo] {
    font-size: 1.12rem;
    font-weight: 650;
}

.inventory-heading p[b-y8dlrta6xo] {
    margin-top: 0.25rem;
    color: var(--inventory-muted);
    font-size: 0.806rem;
}

.inventory-heading-links[b-y8dlrta6xo],
.inventory-primary-actions[b-y8dlrta6xo] {
    gap: 0.45rem;
}

.inventory-heading-links a[b-y8dlrta6xo],
.inventory-button[b-y8dlrta6xo] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0.45rem 0.65rem;
    border: 1px solid var(--inventory-border);
    border-radius: 0.35rem;
    color: var(--ui-text-card);
    background: var(--inventory-panel);
    font: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

.inventory-heading-links a:hover[b-y8dlrta6xo],
.inventory-heading-links a:focus-visible[b-y8dlrta6xo],
.inventory-button:hover:not(:disabled)[b-y8dlrta6xo],
.inventory-button:focus-visible[b-y8dlrta6xo] {
    border-color: var(--inventory-accent);
    color: #fff;
}

.inventory-button.primary[b-y8dlrta6xo] {
    border-color: var(--inventory-blue);
    color: #fff;
    background: var(--inventory-blue);
}

.inventory-button.danger[b-y8dlrta6xo] {
    color: #f17b85;
}

.inventory-button:disabled[b-y8dlrta6xo] {
    opacity: 0.4;
    cursor: not-allowed;
}

.inventory-catalogue[b-y8dlrta6xo],
.inventory-page .surface-card[b-y8dlrta6xo],
.inventory-page .metric-card[b-y8dlrta6xo] {
    border: 1px solid var(--inventory-border);
    border-radius: 0.4rem;
    background: var(--inventory-panel);
    box-shadow: none;
}

.inventory-panel-heading[b-y8dlrta6xo] {
    min-height: 64px;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px dashed var(--inventory-border);
}

.inventory-panel-heading h2[b-y8dlrta6xo] {
    font-size: 0.952rem;
    font-weight: 600;
}

.inventory-panel-heading p[b-y8dlrta6xo] {
    margin-top: 0.2rem;
    color: var(--inventory-muted);
    font-size: 0.728rem;
}

.inventory-import[b-y8dlrta6xo] {
    margin: 0.8rem;
    padding: 0.9rem;
    border: 1px solid var(--ui-border-strong);
    background: var(--ui-panel-pressed);
}

.inventory-import-heading[b-y8dlrta6xo] {
    justify-content: space-between;
    gap: 1rem;
}

.inventory-import-heading h3[b-y8dlrta6xo] {
    font-size: 0.874rem;
}

.inventory-import-heading p[b-y8dlrta6xo] {
    margin-top: 0.2rem;
    color: var(--inventory-muted);
    font-size: 0.72rem;
}

.inventory-catalogue-body[b-y8dlrta6xo] {
    min-width: 0;
}

.inventory-toolbar[b-y8dlrta6xo] {
    min-height: 62px;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 1rem;
    border-bottom: 1px solid var(--ui-panel-selected);
}

.inventory-type-tabs[b-y8dlrta6xo] {
    align-self: stretch;
    gap: 0.15rem;
}

.inventory-type-tabs button[b-y8dlrta6xo] {
    position: relative;
    min-height: 36px;
    padding: 0 0.65rem;
    border: 0;
    color: #8f9aab;
    background: transparent;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
}

.inventory-type-tabs button[b-y8dlrta6xo]::after {
    position: absolute;
    right: 0.65rem;
    bottom: -0.85rem;
    left: 0.65rem;
    height: 2px;
    background: var(--inventory-accent);
    opacity: 0;
    content: "";
}

.inventory-type-tabs button:hover[b-y8dlrta6xo],
.inventory-type-tabs button.active[b-y8dlrta6xo] {
    color: var(--inventory-text);
}

.inventory-type-tabs button.active[b-y8dlrta6xo]::after {
    opacity: 1;
}

.inventory-type-tabs button span[b-y8dlrta6xo] {
    min-width: 20px;
    display: inline-flex;
    justify-content: center;
    margin-inline-start: 0.25rem;
    padding: 0.1rem 0.3rem;
    color: var(--ui-text-table);
    background: var(--ui-panel-selected);
    font-size: 0.72rem;
}

.inventory-table-actions[b-y8dlrta6xo] {
    gap: 0.45rem;
}

.inventory-search[b-y8dlrta6xo] {
    width: min(300px, 34vw);
    min-height: 36px;
    gap: 0.6rem;
    padding-inline: 0.7rem;
    border: 1px solid var(--inventory-border);
    border-radius: 0.35rem;
    color: #79a4d2;
    background: var(--ui-panel-card);
}

.inventory-search:focus-within[b-y8dlrta6xo] {
    border-color: var(--inventory-blue);
}

.inventory-search input[b-y8dlrta6xo] {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    color: var(--inventory-text);
    background: transparent;
    font: inherit;
    font-size: 0.762rem;
}

.inventory-search input[b-y8dlrta6xo]::placeholder {
    color: #8491a4;
}

.inventory-table-wrap[b-y8dlrta6xo] {
    overflow-x: auto;
}

.inventory-data-table[b-y8dlrta6xo] {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
}

.inventory-data-table th[b-y8dlrta6xo] {
    height: 40px;
    padding: 0 0.75rem;
    border-bottom: 1px solid var(--ui-divider-soft);
    color: #829bbd;
    background: var(--ui-panel-card);
    font-size: 0.72rem;
    font-weight: 700;
    text-align: start;
    text-transform: uppercase;
}

.inventory-data-table td[b-y8dlrta6xo] {
    height: 68px;
    padding: 0.55rem 0.75rem;
    border-bottom: 1px solid var(--ui-panel-selected);
    color: #b8c4d5;
    font-size: 0.75rem;
    vertical-align: middle;
}

.inventory-data-table tbody tr:last-child td[b-y8dlrta6xo] {
    border-bottom: 0;
}

.inventory-data-table tbody tr:hover[b-y8dlrta6xo] {
    background: var(--ui-panel-row);
}

.inventory-data-table input[type="checkbox"][b-y8dlrta6xo] {
    width: 15px;
    height: 15px;
    accent-color: var(--inventory-accent);
}

.inventory-item-name[b-y8dlrta6xo] {
    min-width: 0;
    gap: 0.65rem;
}

.inventory-item-name > i[b-y8dlrta6xo] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    color: var(--order-positive-text, var(--inventory-accent));
    background: rgba(23, 200, 163, 0.1);
}

.inventory-item-name > span[b-y8dlrta6xo] {
    min-width: 0;
}

.inventory-item-name strong[b-y8dlrta6xo],
.inventory-item-name small[b-y8dlrta6xo] {
    max-width: 190px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-item-name strong[b-y8dlrta6xo] {
    color: #d9e1ec;
    font-size: 0.784rem;
}

.inventory-item-name small[b-y8dlrta6xo] {
    margin-top: 0.15rem;
    color: var(--inventory-muted);
    font-size: 0.72rem;
}

.inventory-muted[b-y8dlrta6xo] {
    color: var(--inventory-muted);
}

.inventory-data-table .chip[b-y8dlrta6xo] {
    border: 0;
    border-radius: 0;
    font-size: 0.72rem;
}

.inventory-row-actions[b-y8dlrta6xo] {
    justify-content: flex-end;
    gap: 0.35rem;
}

.inventory-icon-button[b-y8dlrta6xo] {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    display: inline-grid;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 50%;
    color: var(--order-icon-foreground, #82a9d6);
    background: var(--order-icon-surface, #22252c);
    font: inherit;
    cursor: pointer;
}

.inventory-icon-button:hover[b-y8dlrta6xo],
.inventory-icon-button:focus-visible[b-y8dlrta6xo] {
    border-color: #3c5877;
    color: var(--order-strong-foreground, #fff);
    background: var(--order-action-hover, var(--ui-panel-row-border));
}

.inventory-icon-button.danger[b-y8dlrta6xo],
.inventory-text-button.danger[b-y8dlrta6xo] {
    color: var(--light-danger-text, #f17b85);
}

.inventory-text-button[b-y8dlrta6xo] {
    min-height: 32px;
    padding-inline: 0.55rem;
    border: 1px solid #5e3036;
    color: var(--light-danger-text, #f17b85);
    background: var(--light-danger-bg, #261a1d);
    font: inherit;
    font-size: 0.72rem;
}

.inventory-page .empty-state[b-y8dlrta6xo] {
    min-height: 240px;
    margin: 0;
    border: 0;
    background: transparent;
}

.inventory-metrics[b-y8dlrta6xo] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-top: 0.9rem;
    border: 1px solid var(--inventory-border);
    border-radius: 0.4rem;
    background: var(--inventory-panel);
}

.inventory-page .inventory-metrics .metric-card[b-y8dlrta6xo] {
    min-height: 96px;
    border: 0;
    border-right: 1px dashed var(--inventory-border);
    border-radius: 0;
}

.inventory-page .inventory-metrics .metric-card:last-child[b-y8dlrta6xo] {
    border-right: 0;
}

.inventory-page .inventory-metrics .metric-header[b-y8dlrta6xo] {
    margin-bottom: 0.35rem;
}

.inventory-page .inventory-metrics .metric-icon[b-y8dlrta6xo] {
    font-size: 0.952rem;
}

.inventory-page .inventory-metrics .metric-value[b-y8dlrta6xo] {
    font-size: 1.232rem;
}

.inventory-page .inventory-metrics .metric-label[b-y8dlrta6xo] {
    font-size: 0.72rem;
}

.inventory-activity[b-y8dlrta6xo] {
    gap: 0.9rem;
    margin-top: 0.9rem;
}

.inventory-page .inventory-activity .surface-card[b-y8dlrta6xo] {
    padding: 1rem;
}

.inventory-page .inventory-activity .section-kicker[b-y8dlrta6xo] {
    display: none;
}

.inventory-page .inventory-activity .section-title[b-y8dlrta6xo] {
    font-size: 0.874rem;
}

.inventory-page .inventory-activity .dark-table[b-y8dlrta6xo] {
    margin-bottom: 0;
    font-size: 0.739rem;
}

.inventory-drawer[b-y8dlrta6xo] {
    width: min(520px, 100vw);
    color: var(--inventory-text);
    background: var(--ui-panel-control-alt);
    box-shadow: -16px 0 36px rgba(0, 0, 0, 0.38);
}

.inventory-drawer .slide-over-header[b-y8dlrta6xo] {
    align-items: center;
    padding: 1rem 1.2rem;
    border-bottom: 1px solid var(--inventory-border);
    background: var(--inventory-panel);
}

.inventory-drawer .slide-over-header h3[b-y8dlrta6xo],
.inventory-drawer .slide-over-header p[b-y8dlrta6xo] {
    margin: 0;
}

.inventory-drawer .slide-over-header h3[b-y8dlrta6xo] {
    font-size: 1.008rem;
    font-weight: 650;
}

.inventory-drawer .slide-over-header p[b-y8dlrta6xo] {
    max-width: 42ch;
    margin-top: 0.25rem;
    color: var(--inventory-muted);
    font-size: 0.728rem;
}

.inventory-drawer .slide-over-body[b-y8dlrta6xo] {
    gap: 0.75rem;
    padding: 0.9rem 1.2rem 0;
}

.inventory-form-section[b-y8dlrta6xo] {
    padding: 0.9rem;
    border: 1px solid var(--inventory-border);
    background: var(--ui-panel-card);
}

.inventory-form-heading[b-y8dlrta6xo] {
    align-items: flex-start;
    gap: 0.65rem;
    margin-bottom: 0.9rem;
}

.inventory-form-heading > span[b-y8dlrta6xo] {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    color: var(--order-positive-text, var(--inventory-accent));
    background: rgba(23, 200, 163, 0.1);
}

.inventory-form-heading h4[b-y8dlrta6xo] {
    color: #dce4ef;
    font-size: 0.818rem;
    font-weight: 650;
}

.inventory-form-heading p[b-y8dlrta6xo] {
    margin-top: 0.15rem;
    color: var(--inventory-muted);
    font-size: 0.72rem;
}

.inventory-drawer .form-label[b-y8dlrta6xo] {
    margin-bottom: 0.35rem;
    color: #aab5c4 !important;
    font-size: 0.72rem !important;
}

.inventory-drawer .form-control[b-y8dlrta6xo],
.inventory-drawer .form-select[b-y8dlrta6xo],
.inventory-drawer .input-group-text[b-y8dlrta6xo] {
    min-height: 38px;
    border-color: #323742;
    border-radius: 0.3rem;
    color: #d7dfeb;
    background-color: var(--ui-panel-control-alt);
    font-size: 0.762rem;
}

.inventory-drawer .form-control:focus[b-y8dlrta6xo],
.inventory-drawer .form-select:focus[b-y8dlrta6xo] {
    border-color: var(--inventory-blue);
    box-shadow: none;
}

.inventory-drawer .slide-over-footer[b-y8dlrta6xo] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    margin: 0 -1.2rem;
    padding: 0.8rem 1.2rem;
    border-top: 1px solid var(--inventory-border);
    background: var(--ui-panel-control-alt);
}

.inventory-drawer .slide-over-footer[b-y8dlrta6xo]  .btn,
.inventory-drawer .slide-over-footer > .btn[b-y8dlrta6xo] {
    min-height: 36px;
    min-width: 100px;
    border-radius: 0.3rem;
    font-size: 0.75rem;
}

@media (max-width: 1100px) {
    .inventory-heading[b-y8dlrta6xo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .inventory-toolbar[b-y8dlrta6xo] {
        align-items: stretch;
        flex-direction: column;
    }

    .inventory-type-tabs[b-y8dlrta6xo] {
        min-height: 44px;
    }

    .inventory-type-tabs button[b-y8dlrta6xo]::after {
        bottom: -0.45rem;
    }

    .inventory-table-actions[b-y8dlrta6xo] {
        justify-content: space-between;
    }

    .inventory-search[b-y8dlrta6xo] {
        width: min(420px, 100%);
    }
}

@media (max-width: 760px) {
    .inventory-page[b-y8dlrta6xo] {
        padding: 0.75rem;
    }

    .inventory-heading-links[b-y8dlrta6xo] {
        width: 100%;
        overflow-x: auto;
    }

    .inventory-heading-links a[b-y8dlrta6xo] {
        flex: 0 0 auto;
    }

    .inventory-panel-heading[b-y8dlrta6xo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .inventory-primary-actions[b-y8dlrta6xo] {
        width: 100%;
    }

    .inventory-primary-actions .inventory-button[b-y8dlrta6xo] {
        flex: 1;
    }

    .inventory-type-tabs[b-y8dlrta6xo],
    .inventory-table-actions[b-y8dlrta6xo] {
        width: 100%;
        overflow-x: auto;
    }

    .inventory-type-tabs button[b-y8dlrta6xo] {
        flex: 0 0 auto;
    }

    .inventory-table-actions[b-y8dlrta6xo] {
        align-items: stretch;
        flex-direction: column;
    }

    .inventory-search[b-y8dlrta6xo] {
        width: 100%;
    }

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

    .inventory-page .inventory-metrics .metric-card:nth-child(2)[b-y8dlrta6xo] {
        border-right: 0;
    }

    .inventory-page .inventory-metrics .metric-card:nth-child(-n + 2)[b-y8dlrta6xo] {
        border-bottom: 1px dashed var(--inventory-border);
    }

    .inventory-drawer[b-y8dlrta6xo] {
        width: 100%;
    }
}
/* /Components/Pages/Setup/Locations.razor.rz.scp.css */
.property-shell[b-rheyk4z3p0] { width: 100%; padding: 1.25rem 1.5rem 2rem; color: var(--ui-text-primary); }
.property-header[b-rheyk4z3p0] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.property-header h1[b-rheyk4z3p0] { margin: 0; font-size: 1.512rem; font-weight: 700; letter-spacing: -.02em; }
.property-header p[b-rheyk4z3p0] { margin: .3rem 0 0; color: var(--ui-text-muted); font-size: 0.941rem; }
.property-header-actions[b-rheyk4z3p0], .property-actions[b-rheyk4z3p0] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.property-primary[b-rheyk4z3p0], .property-secondary[b-rheyk4z3p0], .property-actions button[b-rheyk4z3p0], .property-empty button[b-rheyk4z3p0], .property-empty a[b-rheyk4z3p0], .property-alert button[b-rheyk4z3p0], .property-cancel[b-rheyk4z3p0], .property-save[b-rheyk4z3p0] { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 2.3rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .55rem; padding: .55rem .8rem; color: var(--ui-text-primary); background: var(--ui-panel-raised); font-size: 0.874rem; font-weight: 650; text-decoration: none; cursor: pointer; }
.property-primary[b-rheyk4z3p0], .property-save[b-rheyk4z3p0] { border-color: #17c8a3; color: #06140f; background: #17c8a3; }
.property-primary:disabled[b-rheyk4z3p0] { opacity: .45; cursor: not-allowed; }
.property-alert[b-rheyk4z3p0] { display: flex; align-items: center; gap: .6rem; margin-bottom: 1rem; border: 1px solid var(--ui-border); border-radius: .65rem; padding: .7rem .85rem; background: var(--ui-panel); font-size: 0.896rem; }
.property-alert.success[b-rheyk4z3p0] { border-color: rgba(23,200,163,.35); color: #8ce8d4; }
.property-alert.error[b-rheyk4z3p0], .property-panel-error[b-rheyk4z3p0] { border-color: rgba(241,91,104,.38); color: #ff9aa4; }
.property-alert span[b-rheyk4z3p0] { flex: 1; }
.property-alert button[b-rheyk4z3p0] { min-height: 1.8rem; margin-left: auto; padding: .3rem .6rem; }
.property-loading[b-rheyk4z3p0], .property-empty[b-rheyk4z3p0] { display: grid; place-items: center; min-height: 17rem; border: 1px dashed var(--ui-border-strong-alt); border-radius: .75rem; color: var(--ui-text-muted); text-align: center; }
.property-loading i[b-rheyk4z3p0] { font-size: 1.568rem; animation: spin-b-rheyk4z3p0 1s linear infinite; }
.property-loading p[b-rheyk4z3p0] { margin: .5rem 0 0; }
.property-metrics[b-rheyk4z3p0] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-bottom: .85rem; }
.property-metrics article[b-rheyk4z3p0] { min-width: 0; border: 1px solid var(--ui-border); border-radius: .7rem; padding: .8rem .9rem; background: var(--ui-panel); }
.property-metrics span[b-rheyk4z3p0], .property-detail span[b-rheyk4z3p0] { display: block; color: var(--ui-text-muted); font-size: 0.762rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.property-metrics strong[b-rheyk4z3p0] { display: block; margin: .15rem 0; font-size: 1.512rem; line-height: 1.2; }
.property-metrics small[b-rheyk4z3p0], .property-detail small[b-rheyk4z3p0] { color: var(--ui-text-subtle); font-size: 0.806rem; }
.property-register[b-rheyk4z3p0] { overflow: hidden; border: 1px solid var(--ui-border); border-radius: .75rem; background: var(--ui-panel-control-alt); }
.property-toolbar[b-rheyk4z3p0] { display: grid; grid-template-columns: minmax(13rem, 1fr) minmax(15rem, 22rem) minmax(11rem, 15rem); align-items: center; gap: .7rem; padding: .85rem; border-bottom: 1px solid var(--ui-border); background: var(--ui-panel); }
.property-toolbar h2[b-rheyk4z3p0] { margin: 0; font-size: 1.03rem; }
.property-toolbar > div span[b-rheyk4z3p0] { color: var(--ui-text-subtle); font-size: 0.806rem; }
.property-toolbar label[b-rheyk4z3p0] { display: flex; align-items: center; gap: .45rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .5rem; padding: 0 .65rem; background: var(--ui-canvas-muted); color: var(--ui-text-subtle); }
.property-toolbar input[b-rheyk4z3p0], .property-toolbar select[b-rheyk4z3p0] { width: 100%; min-height: 2.25rem; border: 0; outline: 0; color: var(--ui-text-primary); background: transparent; font-size: 0.874rem; }
.property-toolbar select[b-rheyk4z3p0] { border: 1px solid var(--ui-border-strong-alt); border-radius: .5rem; padding: 0 .65rem; background: var(--ui-canvas-muted); }
.property-list[b-rheyk4z3p0] { display: grid; }
.property-row[b-rheyk4z3p0] { display: grid; grid-template-columns: minmax(15rem, 1.5fr) minmax(11rem, 1fr) minmax(8rem, .7fr) auto; align-items: center; gap: 1rem; padding: .8rem .9rem; border-bottom: 1px solid var(--ui-divider); }
.property-row:last-child[b-rheyk4z3p0] { border-bottom: 0; }
.property-row:hover[b-rheyk4z3p0] { background: var(--ui-panel); }
.property-identity[b-rheyk4z3p0] { display: flex; align-items: center; min-width: 0; gap: .7rem; }
.property-identity > span[b-rheyk4z3p0] { display: grid; flex: 0 0 auto; place-items: center; width: 2.15rem; height: 2.15rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .55rem; color: var(--order-positive-text, #17c8a3); background: var(--ui-panel-raised); }
.property-identity h2[b-rheyk4z3p0] { overflow: hidden; margin: 0; font-size: 0.963rem; text-overflow: ellipsis; white-space: nowrap; }
.property-identity p[b-rheyk4z3p0] { overflow: hidden; margin: .2rem 0 0; color: var(--ui-text-muted); font-size: 0.829rem; text-overflow: ellipsis; white-space: nowrap; }
.property-detail strong[b-rheyk4z3p0] { display: block; overflow: hidden; margin-top: .18rem; font-size: 0.896rem; text-overflow: ellipsis; white-space: nowrap; }
.property-actions[b-rheyk4z3p0] { justify-content: flex-end; }
.property-actions button[b-rheyk4z3p0] { min-height: 2rem; padding: .4rem .62rem; font-size: 0.806rem; }
.property-actions .primary[b-rheyk4z3p0] { border-color: rgba(23,200,163,.35); color: #8ce8d4; background: rgba(23,200,163,.08); }
.property-actions .danger[b-rheyk4z3p0], .property-actions .icon-danger[b-rheyk4z3p0] { border-color: rgba(241,91,104,.3); color: #ff8994; background: rgba(241,91,104,.08); }
.property-actions .icon-danger[b-rheyk4z3p0] { width: 2rem; padding: 0; }
.property-empty[b-rheyk4z3p0] { min-height: 18rem; border: 0; border-radius: 0; padding: 2rem; }
.property-empty i[b-rheyk4z3p0] { font-size: 1.904rem; color: #606a79; }
.property-empty h2[b-rheyk4z3p0] { margin: .6rem 0 .2rem; color: var(--ui-text-primary); font-size: 1.064rem; }
.property-empty p[b-rheyk4z3p0] { margin: 0 0 .8rem; font-size: 0.874rem; }
.property-drawer[b-rheyk4z3p0] { width: min(32rem, 100vw); background: var(--ui-panel-control-alt); }
.property-drawer-header[b-rheyk4z3p0] { border-bottom: 1px solid var(--ui-border); padding: 1rem 1.1rem; background: var(--ui-panel); }
.property-drawer-header > div > span[b-rheyk4z3p0] { color: var(--order-positive-text, #17c8a3); font-size: 0.728rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.property-drawer-header h3[b-rheyk4z3p0] { margin: .25rem 0; font-size: 1.21rem; }
.property-drawer-header p[b-rheyk4z3p0] { margin: 0; color: var(--ui-text-muted); font-size: 0.84rem; }
.property-drawer-body[b-rheyk4z3p0] { padding: 1rem; }
.property-panel-error[b-rheyk4z3p0] { display: flex; gap: .5rem; margin-bottom: .8rem; border: 1px solid; border-radius: .55rem; padding: .65rem .75rem; background: rgba(241,91,104,.07); font-size: 0.851rem; }
.property-form-section[b-rheyk4z3p0] { margin-bottom: 1rem; border: 1px solid var(--ui-border); border-radius: .65rem; padding: .85rem; background: var(--ui-panel); }
.property-form-section header[b-rheyk4z3p0] { display: flex; justify-content: space-between; gap: .5rem; margin-bottom: .75rem; }
.property-form-section h4[b-rheyk4z3p0] { margin: 0; font-size: 0.918rem; }
.property-form-section header span[b-rheyk4z3p0] { color: var(--ui-text-subtle); font-size: 0.75rem; }
.property-fields[b-rheyk4z3p0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.property-fields label[b-rheyk4z3p0] { display: grid; gap: .35rem; min-width: 0; }
.property-fields label.wide[b-rheyk4z3p0] { grid-column: 1 / -1; }
.property-fields label > span[b-rheyk4z3p0] { color: var(--ui-text-legacy-soft); font-size: 0.784rem; font-weight: 600; }
.property-fields input[b-rheyk4z3p0], .property-fields select[b-rheyk4z3p0], .property-fields textarea[b-rheyk4z3p0] { width: 100%; min-height: 2.35rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .5rem; padding: .55rem .65rem; color: var(--ui-text-primary); background: var(--ui-canvas-muted); font-size: 0.874rem; }
.property-fields textarea[b-rheyk4z3p0] { min-height: 5rem; resize: vertical; }
.hierarchy-preview[b-rheyk4z3p0] { display: flex; align-items: center; gap: .45rem; margin-top: .75rem; border: 1px dashed var(--ui-border-strong-alt); border-radius: .5rem; padding: .65rem; color: var(--ui-text-muted); font-size: 0.818rem; }
.hierarchy-preview strong[b-rheyk4z3p0] { color: var(--ui-text-primary); }
.hierarchy-preview i[b-rheyk4z3p0] { color: var(--order-positive-text, #17c8a3); }
.property-drawer-footer[b-rheyk4z3p0] { display: flex; justify-content: flex-end; gap: .55rem; border-top: 1px solid var(--ui-border); padding: .85rem 1rem; background: var(--ui-panel); }
@keyframes spin-b-rheyk4z3p0 { to { transform: rotate(360deg); } }
@media (max-width: 900px) {
    .property-row[b-rheyk4z3p0] { grid-template-columns: minmax(14rem, 1fr) minmax(8rem, .7fr) auto; }
    .property-row > .property-detail:nth-of-type(2)[b-rheyk4z3p0] { display: none; }
}
@media (max-width: 680px) {
    .property-shell[b-rheyk4z3p0] { padding: 1rem .75rem 1.5rem; }
    .property-header[b-rheyk4z3p0] { flex-direction: column; }
    .property-header-actions[b-rheyk4z3p0], .property-header-actions > *[b-rheyk4z3p0] { width: 100%; }
    .property-metrics[b-rheyk4z3p0] { grid-template-columns: 1fr; }
    .property-toolbar[b-rheyk4z3p0] { grid-template-columns: 1fr; }
    .property-row[b-rheyk4z3p0] { grid-template-columns: 1fr; gap: .7rem; }
    .property-row > .property-detail:nth-of-type(2)[b-rheyk4z3p0] { display: block; }
    .property-actions[b-rheyk4z3p0] { justify-content: flex-start; }
    .property-fields[b-rheyk4z3p0] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Setup/MenuCategories.razor.rz.scp.css */
.categories-page[b-6t9bdkpok3] {
    --cat-bg: var(--ui-canvas);
    --cat-panel: var(--ui-panel);
    --cat-panel-alt: var(--ui-panel-raised-alt);
    --cat-border: var(--ui-border);
    --cat-text: var(--ui-text-primary);
    --cat-muted: var(--ui-text-muted);
    --cat-accent: #17c8a3;
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--cat-text);
    background: var(--cat-bg);
}

.categories-header[b-6t9bdkpok3],
.categories-toolbar[b-6t9bdkpok3],
.categories-list-heading[b-6t9bdkpok3],
.category-row[b-6t9bdkpok3],
.category-identity[b-6t9bdkpok3],
.category-actions[b-6t9bdkpok3],
.categories-panel-heading[b-6t9bdkpok3],
.categories-next-step[b-6t9bdkpok3],
.categories-panel-footer[b-6t9bdkpok3],
.categories-delete-dialog footer[b-6t9bdkpok3] {
    display: flex;
    align-items: center;
}

.categories-header[b-6t9bdkpok3] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.categories-breadcrumb[b-6t9bdkpok3] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.3rem;
    color: var(--ui-text-dim);
    font-size: 0.72rem;
}

.categories-breadcrumb a[b-6t9bdkpok3],
.categories-list-heading a[b-6t9bdkpok3],
.categories-next-step a[b-6t9bdkpok3] {
    color: var(--cat-accent, #17c8a3);
    text-decoration: none;
}

.categories-breadcrumb a[b-6t9bdkpok3] {
    color: var(--ui-text-dim-alt);
}

.categories-header h1[b-6t9bdkpok3] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.4rem;
    font-weight: 740;
}

.categories-header p[b-6t9bdkpok3] {
    max-width: 70ch;
    margin: 0.3rem 0 0;
    color: var(--cat-muted);
    font-size: 0.851rem;
    line-height: 1.5;
}

.categories-primary[b-6t9bdkpok3],
.categories-panel-footer[b-6t9bdkpok3]  .categories-primary,
.categories-secondary[b-6t9bdkpok3],
.categories-delete-dialog[b-6t9bdkpok3]  .categories-danger {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0 0.75rem;
    border-radius: 0.35rem;
    font: inherit;
    font-size: 0.784rem;
    font-weight: 720;
    white-space: nowrap;
    cursor: pointer;
}

.categories-primary[b-6t9bdkpok3],
.categories-panel-footer[b-6t9bdkpok3]  .categories-primary {
    border: 1px solid var(--cat-accent, #17c8a3);
    color: #061d18;
    background: var(--cat-accent, #17c8a3);
}

.categories-secondary[b-6t9bdkpok3] {
    border: 1px solid var(--ui-border-strong);
    color: var(--ui-text-secondary);
    background: var(--ui-panel);
}

.categories-delete-dialog[b-6t9bdkpok3]  .categories-danger {
    border: 1px solid #f15b68;
    color: #fff;
    background: #c83f4b;
}

.categories-summary[b-6t9bdkpok3] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 1rem;
    border: 1px solid var(--cat-border);
    background: var(--cat-border);
}

.categories-summary article[b-6t9bdkpok3] {
    min-width: 0;
    padding: 0.8rem 0.9rem;
    background: var(--cat-panel);
}

.categories-summary span[b-6t9bdkpok3],
.categories-summary small[b-6t9bdkpok3] {
    display: block;
    color: var(--cat-muted);
    font-size: 0.72rem;
}

.categories-summary strong[b-6t9bdkpok3] {
    display: block;
    margin: 0.2rem 0;
    color: var(--ui-text-strong);
    font-size: 1.288rem;
    font-weight: 730;
}

.categories-workspace[b-6t9bdkpok3] {
    border: 1px solid var(--cat-border);
    background: var(--cat-panel);
}

.categories-toolbar[b-6t9bdkpok3] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--cat-border);
}

.categories-search[b-6t9bdkpok3] {
    min-width: min(100%, 300px);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
    color: var(--cat-muted);
    background: var(--ui-panel-deep);
}

.categories-search:focus-within[b-6t9bdkpok3],
.categories-field input:focus[b-6t9bdkpok3],
.categories-field select:focus[b-6t9bdkpok3],
.categories-selectors select:focus[b-6t9bdkpok3] {
    border-color: var(--cat-accent, #17c8a3);
}

.categories-search input[b-6t9bdkpok3] {
    width: 100%;
    min-height: 38px;
    border: 0;
    outline: 0;
    color: var(--cat-text);
    background: transparent;
    font: inherit;
    font-size: 0.806rem;
}

.categories-search button[b-6t9bdkpok3],
.categories-panel-close[b-6t9bdkpok3],
.category-delete[b-6t9bdkpok3] {
    border: 0;
    color: var(--cat-muted, var(--ui-text-muted));
    background: transparent;
    cursor: pointer;
}

.categories-selectors[b-6t9bdkpok3] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.categories-selectors label[b-6t9bdkpok3] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--cat-muted);
    font-size: 0.72rem;
}

.categories-selectors select[b-6t9bdkpok3] {
    min-height: 36px;
    max-width: 190px;
    padding: 0 1.8rem 0 0.6rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    outline: 0;
    color: var(--ui-text-secondary-strong);
    background: var(--ui-panel-deep);
    font: inherit;
    font-size: 0.739rem;
}

.categories-list-heading[b-6t9bdkpok3] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--cat-border);
}

.categories-list-heading h2[b-6t9bdkpok3] {
    display: inline;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.918rem;
}

.categories-list-heading span[b-6t9bdkpok3] {
    margin-left: 0.45rem;
    color: var(--cat-muted);
    font-size: 0.72rem;
}

.categories-list-heading a[b-6t9bdkpok3] {
    font-size: 0.762rem;
}

.categories-content[b-6t9bdkpok3] {
    min-height: 240px;
}

.categories-list[b-6t9bdkpok3] {
    display: grid;
    gap: 1px;
    background: var(--cat-border);
}

.category-row[b-6t9bdkpok3] {
    min-width: 0;
    display: grid;
    grid-template-columns: 38px minmax(0, 1.2fr) minmax(155px, 0.75fr) minmax(190px, 0.9fr) auto;
    gap: 1rem;
    padding: 0.85rem 1rem;
    background: var(--cat-panel);
}

.category-row:hover[b-6t9bdkpok3] {
    background: var(--cat-panel-alt);
}

.category-order[b-6t9bdkpok3] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    color: #b8c1cc;
    background: var(--ui-panel-deep);
    font-size: 0.728rem;
    font-weight: 700;
}

.category-identity[b-6t9bdkpok3],
.category-identity > div[b-6t9bdkpok3],
.category-detail[b-6t9bdkpok3] {
    min-width: 0;
}

.category-identity h3[b-6t9bdkpok3] {
    overflow: hidden;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.874rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.category-identity p[b-6t9bdkpok3],
.category-detail > span[b-6t9bdkpok3],
.category-detail small[b-6t9bdkpok3] {
    display: block;
    overflow: hidden;
    color: var(--cat-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.category-identity p[b-6t9bdkpok3] {
    margin: 0.22rem 0 0;
}

.category-identity p i[b-6t9bdkpok3] {
    margin-right: 0.3rem;
}

.category-detail strong[b-6t9bdkpok3] {
    display: block;
    margin: 0.2rem 0;
    overflow: hidden;
    color: var(--ui-text-secondary-strong);
    font-size: 0.784rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.category-detail strong.attention[b-6t9bdkpok3] {
    color: #f2b052;
}

.category-actions[b-6t9bdkpok3] {
    justify-content: flex-end;
    gap: 0.35rem;
}

.category-manage[b-6t9bdkpok3],
.category-delete[b-6t9bdkpok3] {
    min-height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    font: inherit;
    cursor: pointer;
}

.category-manage[b-6t9bdkpok3] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0 0.65rem;
    color: var(--ui-text-secondary);
    background: var(--ui-panel-control);
    font-size: 0.728rem;
}

.category-delete[b-6t9bdkpok3] {
    width: 36px;
    color: #f15b68;
    background: var(--ui-panel-control);
}

.categories-empty[b-6t9bdkpok3],
.categories-alert[b-6t9bdkpok3] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.categories-empty[b-6t9bdkpok3] {
    min-height: 280px;
    flex-direction: column;
    padding: 2rem;
    text-align: center;
}

.categories-empty > span[b-6t9bdkpok3] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 0.75rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 50%;
    color: var(--order-positive-text, var(--cat-accent));
    background: var(--ui-panel-control);
}

.categories-empty h3[b-6t9bdkpok3] {
    margin: 0;
    font-size: 1.008rem;
}

.categories-empty p[b-6t9bdkpok3] {
    max-width: 50ch;
    margin: 0.35rem 0 1rem;
    color: var(--cat-muted);
    font-size: 0.784rem;
}

.categories-alert[b-6t9bdkpok3] {
    gap: 0.5rem;
    padding: 0.75rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.08);
    font-size: 0.784rem;
}

.categories-alert button[b-6t9bdkpok3] {
    border: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-weight: 700;
}

.categories-skeleton[b-6t9bdkpok3] {
    display: grid;
    gap: 1px;
    background: var(--cat-border);
}

.categories-skeleton span[b-6t9bdkpok3] {
    height: 70px;
    background: var(--ui-panel-card-alt);
    animation: categories-pulse-b-6t9bdkpok3 1.2s ease-in-out infinite alternate;
}

@keyframes categories-pulse-b-6t9bdkpok3 {
    to { background: var(--ui-panel-hover-alt); }
}

.categories-panel[b-6t9bdkpok3] {
    width: min(560px, 100vw);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
}

.categories-panel .slide-over-header[b-6t9bdkpok3] {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.categories-panel .slide-over-header h3[b-6t9bdkpok3] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.12rem;
}

.categories-panel .slide-over-header p[b-6t9bdkpok3] {
    margin: 0.25rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.762rem;
}

.categories-panel-close[b-6t9bdkpok3] {
    width: 36px;
    height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
}

.categories-panel .slide-over-body[b-6t9bdkpok3] {
    padding: 1rem;
}

.categories-form-error[b-6t9bdkpok3] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.8rem;
    padding: 0.65rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.09);
    font-size: 0.739rem;
}

.categories-panel-section[b-6t9bdkpok3] {
    margin-bottom: 1rem;
    padding: 0.9rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-panel);
}

.categories-panel-heading[b-6t9bdkpok3] {
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.categories-panel-heading > span[b-6t9bdkpok3] {
    width: 34px;
    height: 34px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.3rem;
    color: var(--order-positive-text, var(--cat-accent));
    background: var(--ui-panel-hover-alt);
}

.categories-panel-heading h4[b-6t9bdkpok3] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.851rem;
}

.categories-panel-heading p[b-6t9bdkpok3] {
    margin: 0.15rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.categories-field[b-6t9bdkpok3] {
    margin-bottom: 0.8rem;
}

.categories-field:last-child[b-6t9bdkpok3] {
    margin-bottom: 0;
}

.categories-field label[b-6t9bdkpok3] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--ui-text-secondary);
    font-size: 0.728rem;
    font-weight: 650;
}

.categories-field label span[b-6t9bdkpok3] {
    color: #f15b68;
}

.categories-field input[b-6t9bdkpok3],
.categories-field select[b-6t9bdkpok3] {
    width: 100%;
    min-height: 40px;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    outline: 0;
    color: var(--ui-text-primary);
    background: var(--ui-canvas-subtle);
    font: inherit;
    font-size: 0.806rem;
}

.categories-field small[b-6t9bdkpok3] {
    display: block;
    margin-top: 0.3rem;
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
    line-height: 1.45;
}

.categories-next-step[b-6t9bdkpok3] {
    gap: 0.65rem;
    margin-bottom: 1rem;
    padding: 0.75rem;
    border: 1px solid var(--ui-border);
    color: var(--ui-text-muted);
    background: var(--ui-panel);
    font-size: 0.72rem;
}

.categories-next-step > i[b-6t9bdkpok3] {
    color: var(--order-positive-text, var(--cat-accent));
    font-size: 1.12rem;
}

.categories-next-step > span[b-6t9bdkpok3] {
    flex: 1;
}

.categories-next-step strong[b-6t9bdkpok3] {
    display: block;
    color: var(--ui-text-secondary-strong);
    font-size: 0.75rem;
}

.categories-next-step a[b-6t9bdkpok3] {
    white-space: nowrap;
}

.categories-panel-footer[b-6t9bdkpok3] {
    position: sticky;
    bottom: -1rem;
    justify-content: flex-end;
    gap: 0.5rem;
    margin: 0 -1rem -1rem;
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.categories-delete-backdrop[b-6t9bdkpok3] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.8);
}

.categories-delete-dialog[b-6t9bdkpok3] {
    width: min(100%, 430px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid var(--ui-border-hover);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
}

.categories-delete-dialog > span[b-6t9bdkpok3] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #f15b68;
    background: rgba(241, 91, 104, 0.12);
}

.categories-delete-dialog h3[b-6t9bdkpok3] {
    margin: 0;
    font-size: 1.008rem;
}

.categories-delete-dialog p[b-6t9bdkpok3] {
    margin: 0.3rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.784rem;
    line-height: 1.5;
}

.categories-delete-dialog footer[b-6t9bdkpok3] {
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: 0.5rem;
}

.categories-page button:focus-visible[b-6t9bdkpok3],
.categories-page a:focus-visible[b-6t9bdkpok3],
.categories-page select:focus-visible[b-6t9bdkpok3],
.categories-panel button:focus-visible[b-6t9bdkpok3],
.categories-panel a:focus-visible[b-6t9bdkpok3],
.categories-delete-dialog button:focus-visible[b-6t9bdkpok3] {
    outline: 2px solid var(--cat-accent, #17c8a3);
    outline-offset: 2px;
}

@media (max-width: 1050px) {
    .category-row[b-6t9bdkpok3] {
        grid-template-columns: 38px minmax(0, 1.2fr) minmax(170px, 0.9fr) auto;
    }

    .category-detail:first-of-type[b-6t9bdkpok3] {
        display: none;
    }
}

@media (max-width: 760px) {
    .categories-summary[b-6t9bdkpok3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .category-row[b-6t9bdkpok3] {
        grid-template-columns: 38px minmax(0, 1fr) auto;
    }

    .category-detail[b-6t9bdkpok3] {
        grid-column: 2;
    }

    .category-actions[b-6t9bdkpok3] {
        grid-column: 3;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 640px) {
    .categories-page[b-6t9bdkpok3] {
        padding: 0.75rem;
    }

    .categories-header[b-6t9bdkpok3],
    .categories-toolbar[b-6t9bdkpok3] {
        align-items: stretch;
        flex-direction: column;
    }

    .categories-header .categories-primary[b-6t9bdkpok3],
    .categories-search[b-6t9bdkpok3] {
        width: 100%;
    }

    .categories-selectors[b-6t9bdkpok3] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .categories-selectors label[b-6t9bdkpok3] {
        align-items: stretch;
        flex-direction: column;
    }

    .categories-selectors select[b-6t9bdkpok3] {
        width: 100%;
        max-width: none;
    }

    .categories-list-heading a[b-6t9bdkpok3] {
        display: none;
    }

    .category-row[b-6t9bdkpok3] {
        grid-template-columns: 32px minmax(0, 1fr);
        gap: 0.7rem;
    }

    .category-detail[b-6t9bdkpok3] {
        grid-column: 2;
    }

    .category-actions[b-6t9bdkpok3] {
        grid-column: 1 / -1;
        grid-row: auto;
        justify-content: stretch;
    }

    .category-manage[b-6t9bdkpok3] {
        flex: 1;
        justify-content: center;
    }

    .categories-next-step[b-6t9bdkpok3] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .categories-next-step a[b-6t9bdkpok3] {
        width: 100%;
        padding-left: 1.65rem;
    }

    .categories-delete-dialog[b-6t9bdkpok3] {
        grid-template-columns: 1fr;
    }

    .categories-delete-dialog footer[b-6t9bdkpok3] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .categories-skeleton span[b-6t9bdkpok3] {
        animation: none;
    }
}
/* /Components/Pages/Setup/MenuGroups.razor.rz.scp.css */
.menu-groups-page[b-fj4ix45z2r] {
    --mg-bg: var(--ui-canvas);
    --mg-panel: var(--ui-panel);
    --mg-panel-alt: var(--ui-panel-raised-alt);
    --mg-border: var(--ui-border);
    --mg-text: var(--ui-text-primary);
    --mg-muted: var(--ui-text-muted);
    --mg-accent: #17c8a3;
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--mg-text);
    background: var(--mg-bg);
}

.menu-groups-header[b-fj4ix45z2r],
.menu-groups-toolbar[b-fj4ix45z2r],
.menu-groups-list-heading[b-fj4ix45z2r],
.menu-group-row[b-fj4ix45z2r],
.menu-group-identity[b-fj4ix45z2r],
.menu-group-name[b-fj4ix45z2r],
.menu-group-row-actions[b-fj4ix45z2r],
.menu-panel-section-heading[b-fj4ix45z2r],
.menu-panel-toggle[b-fj4ix45z2r],
.menu-panel-location-list article[b-fj4ix45z2r],
.menu-location-form header[b-fj4ix45z2r],
.menu-panel-footer[b-fj4ix45z2r],
.menu-delete-dialog footer[b-fj4ix45z2r] {
    display: flex;
    align-items: center;
}

.menu-groups-header[b-fj4ix45z2r] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.menu-groups-header h1[b-fj4ix45z2r] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.4rem;
    font-weight: 740;
}

.menu-groups-header p[b-fj4ix45z2r] {
    max-width: 68ch;
    margin: 0.3rem 0 0;
    color: var(--mg-muted);
    font-size: 0.851rem;
    line-height: 1.5;
}

.menu-groups-primary[b-fj4ix45z2r],
.menu-groups-secondary[b-fj4ix45z2r],
.menu-groups-danger[b-fj4ix45z2r] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0 0.75rem;
    border-radius: 0.35rem;
    font: inherit;
    font-size: 0.784rem;
    font-weight: 720;
    white-space: nowrap;
    cursor: pointer;
}

.menu-groups-primary[b-fj4ix45z2r] {
    border: 1px solid var(--mg-accent);
    color: #061d18;
    background: var(--mg-accent);
}

.menu-groups-secondary[b-fj4ix45z2r] {
    border: 1px solid var(--ui-border-strong);
    color: var(--ui-text-secondary);
    background: var(--ui-panel);
}

.menu-groups-danger[b-fj4ix45z2r] {
    border: 1px solid #f15b68;
    color: #fff;
    background: #c83f4b;
}

.menu-groups-summary[b-fj4ix45z2r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1rem;
    border: 1px solid var(--mg-border);
    background: var(--mg-border);
    gap: 1px;
}

.menu-groups-summary article[b-fj4ix45z2r] {
    min-width: 0;
    padding: 0.8rem 0.9rem;
    background: var(--mg-panel);
}

.menu-groups-summary span[b-fj4ix45z2r],
.menu-groups-summary small[b-fj4ix45z2r] {
    display: block;
    color: var(--mg-muted);
    font-size: 0.72rem;
}

.menu-groups-summary strong[b-fj4ix45z2r] {
    display: block;
    margin: 0.2rem 0;
    color: var(--ui-text-strong);
    font-size: 1.288rem;
    font-weight: 730;
}

.menu-groups-workspace[b-fj4ix45z2r] {
    border: 1px solid var(--mg-border);
    background: var(--mg-panel);
}

.menu-groups-toolbar[b-fj4ix45z2r] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--mg-border);
}

.menu-groups-search[b-fj4ix45z2r] {
    min-width: min(100%, 300px);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
    color: var(--mg-muted);
    background: var(--ui-panel-deep);
}

.menu-groups-search:focus-within[b-fj4ix45z2r] {
    border-color: var(--mg-accent);
}

.menu-groups-search input[b-fj4ix45z2r] {
    width: 100%;
    min-height: 38px;
    border: 0;
    outline: 0;
    color: var(--mg-text);
    background: transparent;
    font: inherit;
    font-size: 0.806rem;
}

.menu-groups-search button[b-fj4ix45z2r],
.menu-panel-close[b-fj4ix45z2r],
.menu-panel-location-list button[b-fj4ix45z2r],
.menu-location-form header button[b-fj4ix45z2r],
.menu-group-delete[b-fj4ix45z2r] {
    border: 0;
    color: var(--mg-muted);
    background: transparent;
    cursor: pointer;
}

.menu-groups-filters[b-fj4ix45z2r] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.menu-groups-filters button[b-fj4ix45z2r] {
    min-height: 36px;
    padding: 0 0.65rem;
    border: 1px solid transparent;
    border-radius: 0.3rem;
    color: var(--mg-muted);
    background: transparent;
    font: inherit;
    font-size: 0.762rem;
    cursor: pointer;
}

.menu-groups-filters button span[b-fj4ix45z2r] {
    margin-left: 0.2rem;
    color: var(--ui-text-secondary);
}

.menu-groups-filters button.active[b-fj4ix45z2r] {
    border-color: var(--ui-border-hover);
    color: var(--ui-text-strong);
    background: var(--ui-panel-secondary-alt);
}

.menu-groups-list-heading[b-fj4ix45z2r] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--mg-border);
}

.menu-groups-list-heading h2[b-fj4ix45z2r] {
    display: inline;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.918rem;
}

.menu-groups-list-heading span[b-fj4ix45z2r] {
    margin-left: 0.45rem;
    color: var(--mg-muted);
    font-size: 0.72rem;
}

.menu-groups-list-heading a[b-fj4ix45z2r] {
    color: var(--order-positive-text, var(--mg-accent));
    font-size: 0.762rem;
    text-decoration: none;
}

.menu-group-list[b-fj4ix45z2r] {
    display: grid;
    gap: 1px;
    background: var(--mg-border);
}

.menu-group-row[b-fj4ix45z2r] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) minmax(180px, 0.8fr) auto;
    gap: 1rem;
    padding: 0.85rem 1rem;
    background: var(--mg-panel);
}

.menu-group-row:hover[b-fj4ix45z2r] {
    background: var(--mg-panel-alt);
}

.menu-group-identity[b-fj4ix45z2r] {
    min-width: 0;
    gap: 0.75rem;
}

.menu-group-icon[b-fj4ix45z2r] {
    width: 38px;
    height: 38px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
    color: var(--order-positive-text, var(--mg-accent));
    background: var(--ui-panel-deep);
}

.menu-group-identity > div[b-fj4ix45z2r] {
    min-width: 0;
}

.menu-group-name[b-fj4ix45z2r] {
    min-width: 0;
    gap: 0.5rem;
}

.menu-group-name h3[b-fj4ix45z2r] {
    min-width: 0;
    overflow: hidden;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.874rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-group-status[b-fj4ix45z2r] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--mg-muted);
    font-size: 0.72rem;
}

.menu-group-status i[b-fj4ix45z2r] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #6d7685;
}

.menu-group-status.active[b-fj4ix45z2r] {
    color: var(--order-positive-text, #72dec7);
}

.menu-group-status.active i[b-fj4ix45z2r] {
    background: var(--mg-accent);
}

.menu-group-identity p[b-fj4ix45z2r] {
    display: -webkit-box;
    max-width: 70ch;
    overflow: hidden;
    margin: 0.2rem 0 0;
    color: var(--mg-muted);
    font-size: 0.739rem;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.menu-group-coverage[b-fj4ix45z2r] {
    min-width: 0;
}

.menu-group-coverage > span[b-fj4ix45z2r],
.menu-group-coverage small[b-fj4ix45z2r] {
    display: block;
    overflow: hidden;
    color: var(--mg-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-group-coverage strong[b-fj4ix45z2r] {
    display: block;
    margin: 0.2rem 0;
    color: var(--ui-text-secondary-strong);
    font-size: 0.784rem;
    font-weight: 650;
}

.menu-group-coverage .needs-location[b-fj4ix45z2r] {
    color: #f2a541;
}

.menu-group-row-actions[b-fj4ix45z2r] {
    justify-content: flex-end;
    gap: 0.35rem;
}

.menu-group-edit[b-fj4ix45z2r],
.menu-group-delete[b-fj4ix45z2r] {
    min-height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    font: inherit;
    cursor: pointer;
}

.menu-group-edit[b-fj4ix45z2r] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0 0.65rem;
    color: var(--ui-text-secondary);
    background: var(--ui-panel-control);
    font-size: 0.728rem;
}

.menu-group-delete[b-fj4ix45z2r] {
    width: 36px;
    color: #f15b68;
    background: var(--ui-panel-control);
}

.menu-groups-content[b-fj4ix45z2r] {
    min-height: 240px;
}

.menu-groups-empty[b-fj4ix45z2r],
.menu-groups-alert[b-fj4ix45z2r] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-groups-empty[b-fj4ix45z2r] {
    min-height: 280px;
    flex-direction: column;
    padding: 2rem;
    text-align: center;
}

.menu-groups-empty > span[b-fj4ix45z2r] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 0.75rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 50%;
    color: var(--order-positive-text, var(--mg-accent));
    background: var(--ui-panel-control);
}

.menu-groups-empty h3[b-fj4ix45z2r] {
    margin: 0;
    font-size: 1.008rem;
}

.menu-groups-empty p[b-fj4ix45z2r] {
    max-width: 46ch;
    margin: 0.35rem 0 1rem;
    color: var(--mg-muted);
    font-size: 0.784rem;
}

.menu-groups-alert[b-fj4ix45z2r] {
    gap: 0.5rem;
    padding: 0.75rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.08);
    font-size: 0.784rem;
}

.menu-groups-alert button[b-fj4ix45z2r] {
    border: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-weight: 700;
}

.menu-groups-skeleton[b-fj4ix45z2r] {
    display: grid;
    gap: 1px;
    background: var(--mg-border);
}

.menu-groups-skeleton span[b-fj4ix45z2r] {
    height: 78px;
    background: var(--ui-panel-card-alt);
    animation: menu-groups-pulse-b-fj4ix45z2r 1.2s ease-in-out infinite alternate;
}

@keyframes menu-groups-pulse-b-fj4ix45z2r {
    to { background: var(--ui-panel-hover-alt); }
}

.menu-groups-panel[b-fj4ix45z2r] {
    width: min(560px, 100vw);
    color: var(--mg-text, var(--ui-text-primary));
    background: var(--ui-panel-control);
}

.menu-groups-panel .slide-over-header[b-fj4ix45z2r] {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.menu-groups-panel .slide-over-header h3[b-fj4ix45z2r] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.12rem;
}

.menu-groups-panel .slide-over-header p[b-fj4ix45z2r] {
    margin: 0.25rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.762rem;
}

.menu-panel-close[b-fj4ix45z2r] {
    width: 36px;
    height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
}

.menu-groups-panel .slide-over-body[b-fj4ix45z2r] {
    padding: 1rem;
}

.menu-panel-section[b-fj4ix45z2r] {
    margin-bottom: 1rem;
    padding: 0.9rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-panel);
}

.menu-panel-section-heading[b-fj4ix45z2r] {
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.menu-panel-section-heading > span[b-fj4ix45z2r] {
    width: 34px;
    height: 34px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.3rem;
    color: var(--mg-accent, #17c8a3);
    background: var(--ui-panel-hover-alt);
}

.menu-panel-section-heading h4[b-fj4ix45z2r] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.851rem;
}

.menu-panel-section-heading p[b-fj4ix45z2r] {
    margin: 0.15rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.menu-panel-section-heading.location-heading > div[b-fj4ix45z2r] {
    margin-right: auto;
}

.menu-panel-field[b-fj4ix45z2r] {
    margin-bottom: 0.8rem;
}

.menu-panel-field label[b-fj4ix45z2r],
.menu-location-form label[b-fj4ix45z2r] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--ui-text-secondary);
    font-size: 0.728rem;
    font-weight: 650;
}

.menu-panel-field label > span[b-fj4ix45z2r] {
    color: #707988;
    font-weight: 400;
}

.menu-panel-field input[b-fj4ix45z2r],
.menu-panel-field select[b-fj4ix45z2r],
.menu-panel-field textarea[b-fj4ix45z2r],
.menu-location-form input[b-fj4ix45z2r],
.menu-location-form select[b-fj4ix45z2r] {
    width: 100%;
    min-height: 40px;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    outline: 0;
    color: var(--ui-text-primary);
    background: var(--ui-canvas-subtle);
    font: inherit;
    font-size: 0.806rem;
}

.menu-panel-field textarea[b-fj4ix45z2r] {
    min-height: 88px;
    resize: vertical;
}

.menu-panel-field input:focus[b-fj4ix45z2r],
.menu-panel-field select:focus[b-fj4ix45z2r],
.menu-panel-field textarea:focus[b-fj4ix45z2r],
.menu-location-form input:focus[b-fj4ix45z2r],
.menu-location-form select:focus[b-fj4ix45z2r] {
    border-color: var(--mg-accent, #17c8a3);
}

.menu-panel-field > small[b-fj4ix45z2r] {
    display: block;
    margin-top: 0.3rem;
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.menu-panel-toggle[b-fj4ix45z2r] {
    justify-content: space-between;
    gap: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--ui-border);
}

.menu-panel-toggle strong[b-fj4ix45z2r],
.menu-panel-toggle small[b-fj4ix45z2r] {
    display: block;
}

.menu-panel-toggle strong[b-fj4ix45z2r] {
    color: var(--ui-text-secondary-strong);
    font-size: 0.762rem;
}

.menu-panel-toggle small[b-fj4ix45z2r] {
    margin-top: 0.15rem;
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.menu-panel-empty[b-fj4ix45z2r],
.menu-panel-next-step[b-fj4ix45z2r] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.75rem;
    border: 1px dashed var(--ui-border-strong);
    color: var(--ui-text-muted);
    background: var(--ui-panel-deep);
    font-size: 0.728rem;
}

.menu-panel-empty[b-fj4ix45z2r] {
    flex-direction: column;
    text-align: center;
}

.menu-panel-empty strong[b-fj4ix45z2r] {
    color: var(--ui-text-secondary-strong);
}

.menu-panel-location-list[b-fj4ix45z2r] {
    display: grid;
    gap: 0.4rem;
}

.menu-panel-location-list article[b-fj4ix45z2r] {
    min-width: 0;
    gap: 0.5rem;
    padding: 0.55rem;
    border: 1px solid var(--ui-border-muted);
    background: var(--ui-panel-deep);
}

.location-order[b-fj4ix45z2r] {
    width: 30px;
    height: 30px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.25rem;
    color: #9fa9b8;
    background: var(--ui-panel-secondary-hover);
    font-size: 0.72rem;
}

.menu-panel-location-list article > div[b-fj4ix45z2r] {
    min-width: 0;
    flex: 1;
}

.menu-panel-location-list strong[b-fj4ix45z2r],
.menu-panel-location-list small[b-fj4ix45z2r] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-panel-location-list strong[b-fj4ix45z2r] {
    color: var(--ui-text-secondary-strong);
    font-size: 0.762rem;
}

.menu-panel-location-list small[b-fj4ix45z2r] {
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.menu-panel-location-list button[b-fj4ix45z2r] {
    width: 32px;
    height: 32px;
}

.menu-panel-location-list button.danger[b-fj4ix45z2r] {
    color: #f15b68;
}

.menu-location-form[b-fj4ix45z2r] {
    margin-top: 0.75rem;
    padding: 0.75rem;
    border: 1px solid var(--ui-border-hover);
    background: var(--ui-canvas-subtle);
}

.menu-location-form header[b-fj4ix45z2r] {
    justify-content: space-between;
    margin-bottom: 0.75rem;
    color: var(--ui-text-primary);
    font-size: 0.784rem;
}

.menu-panel-next-step[b-fj4ix45z2r] {
    margin-bottom: 1rem;
    color: #b9c1cc;
}

.menu-panel-next-step i[b-fj4ix45z2r] {
    color: var(--mg-accent, #17c8a3);
    font-size: 1.12rem;
}

.menu-panel-next-step strong[b-fj4ix45z2r] {
    display: block;
    color: var(--ui-text-primary);
}

.menu-panel-footer[b-fj4ix45z2r] {
    position: sticky;
    bottom: -1rem;
    justify-content: flex-end;
    gap: 0.5rem;
    margin: 0 -1rem -1rem;
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.menu-delete-backdrop[b-fj4ix45z2r] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.8);
}

.menu-delete-dialog[b-fj4ix45z2r] {
    width: min(100%, 420px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid var(--ui-border-hover);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
}

.menu-delete-dialog > span[b-fj4ix45z2r] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #f15b68;
    background: rgba(241, 91, 104, 0.12);
}

.menu-delete-dialog h3[b-fj4ix45z2r] {
    margin: 0;
    font-size: 1.008rem;
}

.menu-delete-dialog p[b-fj4ix45z2r] {
    margin: 0.3rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.784rem;
    line-height: 1.5;
}

.menu-delete-dialog footer[b-fj4ix45z2r] {
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: 0.5rem;
}

.menu-groups-page button:focus-visible[b-fj4ix45z2r],
.menu-groups-page a:focus-visible[b-fj4ix45z2r],
.menu-groups-panel button:focus-visible[b-fj4ix45z2r],
.menu-delete-dialog button:focus-visible[b-fj4ix45z2r] {
    outline: 2px solid var(--mg-accent, #17c8a3);
    outline-offset: 2px;
}

@media (max-width: 900px) {
    .menu-groups-summary[b-fj4ix45z2r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .menu-group-row[b-fj4ix45z2r] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .menu-group-coverage[b-fj4ix45z2r] {
        grid-column: 1;
        padding-left: 3.15rem;
    }

    .menu-group-row-actions[b-fj4ix45z2r] {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 640px) {
    .menu-groups-page[b-fj4ix45z2r] {
        padding: 0.75rem;
    }

    .menu-groups-header[b-fj4ix45z2r],
    .menu-groups-toolbar[b-fj4ix45z2r] {
        align-items: stretch;
        flex-direction: column;
    }

    .menu-groups-header .menu-groups-primary[b-fj4ix45z2r],
    .menu-groups-search[b-fj4ix45z2r] {
        width: 100%;
    }

    .menu-groups-filters[b-fj4ix45z2r] {
        overflow-x: auto;
    }

    .menu-groups-list-heading a[b-fj4ix45z2r] {
        display: none;
    }

    .menu-group-row[b-fj4ix45z2r] {
        grid-template-columns: 1fr;
    }

    .menu-group-coverage[b-fj4ix45z2r] {
        padding-left: 3.15rem;
    }

    .menu-group-row-actions[b-fj4ix45z2r] {
        grid-column: 1;
        grid-row: auto;
        justify-content: stretch;
        padding-left: 3.15rem;
    }

    .menu-group-edit[b-fj4ix45z2r] {
        flex: 1;
        justify-content: center;
    }

    .menu-groups-panel[b-fj4ix45z2r] {
        width: 100vw;
    }

    .menu-panel-section-heading.location-heading[b-fj4ix45z2r] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .menu-panel-section-heading.location-heading .menu-groups-secondary[b-fj4ix45z2r] {
        width: 100%;
    }

    .menu-delete-dialog[b-fj4ix45z2r] {
        grid-template-columns: 1fr;
    }

    .menu-delete-dialog footer[b-fj4ix45z2r] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .menu-groups-skeleton span[b-fj4ix45z2r] {
        animation: none;
    }
}
/* /Components/Pages/Setup/MenuItems.razor.rz.scp.css */
.items-page[b-enihyltcox] {
    --item-bg: var(--ui-canvas);
    --item-panel: var(--ui-panel);
    --item-panel-alt: var(--ui-panel-raised-alt);
    --item-border: var(--ui-border);
    --item-text: var(--ui-text-primary);
    --item-muted: var(--ui-text-muted);
    --item-accent: #17c8a3;
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--item-text);
    background: var(--item-bg);
}

.items-header[b-enihyltcox],
.items-toolbar[b-enihyltcox],
.items-list-heading[b-enihyltcox],
.item-row[b-enihyltcox],
.item-name[b-enihyltcox],
.item-actions[b-enihyltcox],
.items-panel-heading[b-enihyltcox],
.items-save-first[b-enihyltcox],
.items-panel-footer[b-enihyltcox],
.items-delete-dialog footer[b-enihyltcox],
.items-panel-header-actions[b-enihyltcox] {
    display: flex;
    align-items: center;
}

.items-header[b-enihyltcox] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.items-breadcrumb[b-enihyltcox] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.3rem;
    color: var(--ui-text-dim);
    font-size: 0.72rem;
}

.items-breadcrumb a[b-enihyltcox] {
    color: var(--ui-text-dim-alt);
    text-decoration: none;
}

.items-header h1[b-enihyltcox] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.4rem;
    font-weight: 740;
}

.items-header p[b-enihyltcox] {
    max-width: 72ch;
    margin: 0.3rem 0 0;
    color: var(--item-muted);
    font-size: 0.851rem;
    line-height: 1.5;
}

.items-primary[b-enihyltcox],
.items-panel-footer[b-enihyltcox]  .items-primary,
.items-options-savebar[b-enihyltcox]  .items-primary,
.items-secondary[b-enihyltcox],
.items-delete-dialog[b-enihyltcox]  .items-danger,
.items-panel[b-enihyltcox]  .items-danger {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0 0.75rem;
    border-radius: 0.35rem;
    font: inherit;
    font-size: 0.784rem;
    font-weight: 720;
    white-space: nowrap;
    cursor: pointer;
}

.items-primary[b-enihyltcox],
.items-panel-footer[b-enihyltcox]  .items-primary,
.items-options-savebar[b-enihyltcox]  .items-primary {
    border: 1px solid var(--item-accent, #17c8a3);
    color: #061d18;
    background: var(--item-accent, #17c8a3);
}

.items-secondary[b-enihyltcox] {
    border: 1px solid var(--ui-border-strong);
    color: var(--ui-text-secondary);
    background: var(--ui-panel);
}

.items-delete-dialog[b-enihyltcox]  .items-danger,
.items-panel[b-enihyltcox]  .items-danger {
    border: 1px solid #f15b68;
    color: #fff;
    background: #c83f4b;
}

.items-summary[b-enihyltcox] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 1rem;
    border: 1px solid var(--item-border);
    background: var(--item-border);
}

.items-summary article[b-enihyltcox] {
    min-width: 0;
    padding: 0.8rem 0.9rem;
    background: var(--item-panel);
}

.items-summary span[b-enihyltcox],
.items-summary small[b-enihyltcox] {
    display: block;
    color: var(--item-muted);
    font-size: 0.72rem;
}

.items-summary strong[b-enihyltcox] {
    display: block;
    margin: 0.2rem 0;
    color: var(--ui-text-strong);
    font-size: 1.288rem;
    font-weight: 730;
}

.items-workspace[b-enihyltcox] {
    border: 1px solid var(--item-border);
    background: var(--item-panel);
}

.items-toolbar[b-enihyltcox] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--item-border);
}

.items-search[b-enihyltcox] {
    min-width: min(100%, 320px);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
    color: var(--item-muted);
    background: var(--ui-panel-deep);
}

.items-search:focus-within[b-enihyltcox] {
    border-color: var(--item-accent);
}

.items-search input[b-enihyltcox] {
    width: 100%;
    min-height: 38px;
    border: 0;
    outline: 0;
    color: var(--item-text);
    background: transparent;
    font: inherit;
    font-size: 0.806rem;
}

.items-search button[b-enihyltcox],
.items-panel-close[b-enihyltcox],
.item-delete[b-enihyltcox] {
    border: 0;
    color: var(--item-muted, var(--ui-text-muted));
    background: transparent;
    cursor: pointer;
}

.items-toolbar-actions[b-enihyltcox] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
}

.items-category-filter[b-enihyltcox] {
    display: grid;
    gap: 0.25rem;
    color: var(--item-muted);
    font-size: 0.72rem;
}

.items-category-filter select[b-enihyltcox] {
    min-height: 36px;
    max-width: 260px;
    padding: 0 1.8rem 0 0.6rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    outline: 0;
    color: var(--ui-text-secondary-strong);
    background: var(--ui-panel-deep);
    font: inherit;
    font-size: 0.739rem;
}

.items-bulk-delete[b-enihyltcox] {
    min-height: 36px;
    padding: 0 0.65rem;
    border: 1px solid var(--status-danger-border);
    border-radius: 0.3rem;
    color: #f49ba3;
    background: var(--status-danger-surface);
    font: inherit;
    font-size: 0.728rem;
    cursor: pointer;
}

.items-bulk-delete span[b-enihyltcox] {
    display: inline-grid;
    min-width: 18px;
    height: 18px;
    place-items: center;
    margin-left: 0.25rem;
    border-radius: 50%;
    color: #fff;
    background: #83343c;
    font-size: 0.72rem;
}

.items-bulk-delete:disabled[b-enihyltcox] {
    opacity: 0.45;
    cursor: not-allowed;
}

.items-list-heading[b-enihyltcox] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--item-border);
}

.items-list-heading > div[b-enihyltcox] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.items-list-heading > div > span[b-enihyltcox] {
    color: var(--item-muted);
    font-size: 0.72rem;
}

.items-list-heading a[b-enihyltcox] {
    color: var(--order-positive-text, var(--item-accent));
    font-size: 0.762rem;
    text-decoration: none;
}

.items-select-all[b-enihyltcox] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--ui-text-secondary);
    font-size: 0.728rem;
    cursor: pointer;
}

.items-select-all input[b-enihyltcox],
.item-select input[b-enihyltcox] {
    accent-color: var(--item-accent);
}

.items-content[b-enihyltcox] {
    min-height: 260px;
}

.items-list[b-enihyltcox] {
    display: grid;
    gap: 1px;
    background: var(--item-border);
}

.item-row[b-enihyltcox] {
    min-width: 0;
    display: grid;
    grid-template-columns: 24px 58px minmax(220px, 1.4fr) minmax(150px, 0.75fr) minmax(90px, 0.4fr) auto;
    gap: 0.8rem;
    padding: 0.75rem 1rem;
    background: var(--item-panel);
}

.item-row:hover[b-enihyltcox],
.item-row.selected[b-enihyltcox] {
    background: var(--item-panel-alt);
}

.item-row.selected[b-enihyltcox] {
    box-shadow: inset 2px 0 var(--item-accent);
}

.item-select[b-enihyltcox] {
    display: grid;
    place-items: center;
    cursor: pointer;
}

.item-thumbnail[b-enihyltcox] {
    width: 58px;
    height: 46px;
    display: block;
    object-fit: contain;
    border: 1px solid var(--ui-border-muted);
    border-radius: 0.3rem;
    background: var(--ui-canvas-subtle);
}

.item-identity[b-enihyltcox],
.item-placement[b-enihyltcox],
.item-price[b-enihyltcox] {
    min-width: 0;
}

.item-name[b-enihyltcox] {
    gap: 0.45rem;
}

.item-name h3[b-enihyltcox] {
    min-width: 0;
    overflow: hidden;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.851rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-name > span[b-enihyltcox] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    color: #f4c86b;
    font-size: 0.72rem;
    white-space: nowrap;
}

.item-identity > p[b-enihyltcox],
.item-placement > span[b-enihyltcox],
.item-placement small[b-enihyltcox],
.item-price > span[b-enihyltcox],
.item-price small[b-enihyltcox] {
    display: block;
    overflow: hidden;
    color: var(--item-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-identity > p[b-enihyltcox] {
    margin: 0.2rem 0 0.3rem;
}

.item-tags[b-enihyltcox] {
    display: flex;
    gap: 0.25rem;
    overflow: hidden;
}

.item-tags span[b-enihyltcox] {
    padding: 0.15rem 0.35rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 999px;
    color: var(--ui-text-supporting);
    background: var(--ui-panel-control);
    font-size: 0.72rem;
    white-space: nowrap;
}

.item-placement strong[b-enihyltcox],
.item-price strong[b-enihyltcox] {
    display: block;
    margin: 0.18rem 0;
    overflow: hidden;
    color: var(--ui-text-secondary-strong);
    font-size: 0.762rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-price strong[b-enihyltcox] {
    color: var(--ui-text-strong);
    font-size: 0.874rem;
}

.item-actions[b-enihyltcox] {
    justify-content: flex-end;
    gap: 0.35rem;
}

.item-options[b-enihyltcox],
.item-manage[b-enihyltcox],
.item-delete[b-enihyltcox] {
    min-height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    font: inherit;
    cursor: pointer;
}

.item-options[b-enihyltcox],
.item-manage[b-enihyltcox] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    padding: 0 0.58rem;
    color: var(--ui-text-secondary);
    background: var(--ui-panel-control);
    font-size: 0.72rem;
}

.item-options[b-enihyltcox] {
    color: #f2b052;
    border-color: #4e4230;
}

.item-delete[b-enihyltcox] {
    width: 36px;
    color: #f15b68;
    background: var(--ui-panel-control);
}

.items-empty[b-enihyltcox],
.items-alert[b-enihyltcox] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.items-empty[b-enihyltcox] {
    min-height: 290px;
    flex-direction: column;
    padding: 2rem;
    text-align: center;
}

.items-empty > span[b-enihyltcox] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 0.75rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 50%;
    color: var(--order-positive-text, var(--item-accent));
    background: var(--ui-panel-control);
}

.items-empty h3[b-enihyltcox] {
    margin: 0;
    font-size: 1.008rem;
}

.items-empty p[b-enihyltcox] {
    max-width: 50ch;
    margin: 0.35rem 0 1rem;
    color: var(--item-muted);
    font-size: 0.784rem;
}

.items-alert[b-enihyltcox] {
    gap: 0.5rem;
    padding: 0.75rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.08);
    font-size: 0.784rem;
}

.items-alert button[b-enihyltcox] {
    border: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-weight: 700;
}

.items-skeleton[b-enihyltcox] {
    display: grid;
    gap: 1px;
    background: var(--item-border);
}

.items-skeleton span[b-enihyltcox] {
    height: 72px;
    background: var(--ui-panel-card-alt);
    animation: items-pulse-b-enihyltcox 1.2s ease-in-out infinite alternate;
}

@keyframes items-pulse-b-enihyltcox {
    to { background: var(--ui-panel-hover-alt); }
}

.items-panel[b-enihyltcox] {
    width: min(650px, 100vw);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
}

.items-options-panel[b-enihyltcox] {
    width: min(760px, 100vw);
}

.items-bulk-panel[b-enihyltcox] {
    width: min(520px, 100vw);
}

.items-panel .slide-over-header[b-enihyltcox] {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.items-panel .slide-over-header h3[b-enihyltcox] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.12rem;
}

.items-panel .slide-over-header p[b-enihyltcox] {
    margin: 0.25rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.762rem;
}

.items-panel-header-actions[b-enihyltcox] {
    gap: 0.4rem;
}

.items-panel-close[b-enihyltcox] {
    width: 36px;
    height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
}

.items-panel .slide-over-body[b-enihyltcox] {
    padding: 1rem;
}

.items-form-error[b-enihyltcox] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.8rem;
    padding: 0.65rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.09);
    font-size: 0.739rem;
}

.items-panel-section[b-enihyltcox] {
    margin-bottom: 1rem;
    padding: 0.9rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-panel);
}

.items-panel-heading[b-enihyltcox] {
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.items-panel-heading > span[b-enihyltcox] {
    width: 34px;
    height: 34px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.3rem;
    color: var(--order-positive-text, var(--item-accent));
    background: var(--ui-panel-hover-alt);
}

.items-panel-heading h4[b-enihyltcox],
.items-section-title[b-enihyltcox] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.851rem;
}

.items-panel-heading p[b-enihyltcox],
.items-section-copy[b-enihyltcox] {
    margin: 0.15rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.items-panel .form-label[b-enihyltcox] {
    margin-bottom: 0.35rem;
    color: var(--ui-text-secondary) !important;
    font-size: 0.728rem !important;
}

.items-panel .form-control[b-enihyltcox],
.items-panel .form-select[b-enihyltcox] {
    min-height: 40px;
    border-color: var(--ui-border-strong);
    border-radius: 0.3rem;
    color: var(--ui-text-primary);
    background-color: var(--ui-canvas-subtle);
    font-size: 0.784rem;
}

.items-panel textarea.form-control[b-enihyltcox] {
    min-height: 76px;
}

.items-panel .form-control:focus[b-enihyltcox],
.items-panel .form-select:focus[b-enihyltcox] {
    border-color: var(--item-accent);
    box-shadow: none;
}

.items-panel .form-check-label[b-enihyltcox],
.items-panel .muted-text[b-enihyltcox],
.items-panel .form-text[b-enihyltcox] {
    color: var(--ui-text-muted) !important;
    font-size: 0.72rem !important;
}

.items-panel .form-check-input:checked[b-enihyltcox] {
    border-color: var(--item-accent);
    background-color: var(--item-accent);
}

.items-primary-image[b-enihyltcox] {
    width: 126px;
    height: 94px;
    object-fit: contain;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
    background: var(--ui-canvas-subtle);
}

.items-media-thumbnail[b-enihyltcox] {
    width: 88px;
    height: 64px;
    object-fit: contain;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    background: var(--ui-canvas-subtle);
}

.items-panel .surface-card[b-enihyltcox] {
    border: 1px solid var(--ui-border-strong);
    border-radius: 0;
    background: var(--ui-panel-deep);
}

.items-panel .dark-table[b-enihyltcox] {
    --bs-table-bg: transparent;
    --bs-table-color: #cbd2dc;
    --bs-table-border-color: #2d323b;
    margin-bottom: 0;
    font-size: 0.72rem;
}

.items-panel .dark-table th[b-enihyltcox] {
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.items-panel .btn-ghost[b-enihyltcox] {
    border-color: var(--ui-border-strong);
    color: var(--ui-text-secondary);
    background: var(--ui-panel-control);
    font-size: 0.72rem;
}

.items-panel[b-enihyltcox]  .btn-brand {
    border-color: var(--item-accent);
    color: #061d18;
    background: var(--item-accent);
}

.items-save-first[b-enihyltcox] {
    align-items: flex-start;
    gap: 0.65rem;
    margin-bottom: 1rem;
    padding: 0.75rem;
    border: 1px dashed var(--ui-border-strong);
    color: var(--ui-text-muted);
    background: var(--ui-panel-deep);
    font-size: 0.72rem;
}

.items-save-first > i[b-enihyltcox] {
    color: var(--order-positive-text, var(--item-accent));
    font-size: 1.12rem;
}

.items-save-first strong[b-enihyltcox] {
    display: block;
    color: var(--ui-text-secondary-strong);
    font-size: 0.75rem;
}

.items-panel-footer[b-enihyltcox] {
    position: sticky;
    bottom: -1rem;
    z-index: 2;
    justify-content: flex-end;
    gap: 0.5rem;
    margin: 0 -1rem -1rem;
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.items-options-panel .slide-over-footer[b-enihyltcox],
.items-bulk-panel .slide-over-footer[b-enihyltcox] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.items-options-savebar[b-enihyltcox] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 0 0 auto;
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.items-options-savebar > div[b-enihyltcox] {
    min-width: 0;
    flex: 1;
}

.items-options-savebar strong[b-enihyltcox],
.items-options-savebar span[b-enihyltcox] {
    display: block;
}

.items-options-savebar strong[b-enihyltcox] {
    color: var(--ui-text-primary);
    font-size: 0.762rem;
}

.items-options-savebar span[b-enihyltcox] {
    margin-top: 0.15rem;
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.items-options-panel .empty-state[b-enihyltcox] {
    min-height: 180px;
    border: 1px dashed var(--ui-border-strong);
    background: var(--ui-panel-deep);
}

.items-delete-backdrop[b-enihyltcox] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.8);
}

.items-delete-dialog[b-enihyltcox] {
    width: min(100%, 430px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid var(--ui-border-hover);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
}

.items-delete-dialog > span[b-enihyltcox] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #f15b68;
    background: rgba(241, 91, 104, 0.12);
}

.items-delete-dialog h3[b-enihyltcox] {
    margin: 0;
    font-size: 1.008rem;
}

.items-delete-dialog p[b-enihyltcox] {
    margin: 0.3rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.784rem;
    line-height: 1.5;
}

.items-delete-dialog footer[b-enihyltcox] {
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: 0.5rem;
}

.items-page button:focus-visible[b-enihyltcox],
.items-page a:focus-visible[b-enihyltcox],
.items-page select:focus-visible[b-enihyltcox],
.items-panel button:focus-visible[b-enihyltcox],
.items-panel a:focus-visible[b-enihyltcox],
.items-delete-dialog button:focus-visible[b-enihyltcox] {
    outline: 2px solid var(--item-accent, #17c8a3);
    outline-offset: 2px;
}

@media (max-width: 1120px) {
    .item-row[b-enihyltcox] {
        grid-template-columns: 24px 52px minmax(190px, 1fr) minmax(140px, 0.7fr) auto;
    }

    .item-price[b-enihyltcox] {
        display: none;
    }
}

@media (max-width: 820px) {
    .items-summary[b-enihyltcox] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .item-row[b-enihyltcox] {
        grid-template-columns: 24px 52px minmax(0, 1fr) auto;
    }

    .item-placement[b-enihyltcox] {
        grid-column: 3;
    }

    .item-actions[b-enihyltcox] {
        grid-column: 4;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 680px) {
    .items-page[b-enihyltcox] {
        padding: 0.75rem;
    }

    .items-header[b-enihyltcox],
    .items-toolbar[b-enihyltcox] {
        align-items: stretch;
        flex-direction: column;
    }

    .items-header .items-primary[b-enihyltcox],
    .items-search[b-enihyltcox] {
        width: 100%;
    }

    .items-toolbar-actions[b-enihyltcox] {
        align-items: stretch;
        flex-direction: column;
    }

    .items-category-filter select[b-enihyltcox],
    .items-bulk-delete[b-enihyltcox] {
        width: 100%;
        max-width: none;
    }

    .items-list-heading a[b-enihyltcox] {
        display: none;
    }

    .item-row[b-enihyltcox] {
        grid-template-columns: 22px 52px minmax(0, 1fr);
        gap: 0.65rem;
    }

    .item-placement[b-enihyltcox] {
        grid-column: 3;
    }

    .item-actions[b-enihyltcox] {
        grid-column: 1 / -1;
        grid-row: auto;
        justify-content: stretch;
    }

    .item-options[b-enihyltcox],
    .item-manage[b-enihyltcox] {
        flex: 1;
        justify-content: center;
    }

    .items-options-panel[b-enihyltcox],
    .items-panel[b-enihyltcox] {
        width: 100vw;
    }

    .items-panel-header-actions[b-enihyltcox] {
        align-items: flex-end;
        flex-direction: column-reverse;
    }

    .items-options-savebar[b-enihyltcox] {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .items-options-savebar > div[b-enihyltcox] {
        width: 100%;
        flex-basis: 100%;
    }

    .items-options-savebar > button[b-enihyltcox],
    .items-options-savebar[b-enihyltcox]  button {
        flex: 1;
    }

    .items-delete-dialog[b-enihyltcox] {
        grid-template-columns: 1fr;
    }

    .items-delete-dialog footer[b-enihyltcox] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .items-skeleton span[b-enihyltcox] {
        animation: none;
    }
}
/* /Components/Pages/Setup/Menus.razor.rz.scp.css */
.menus-page[b-24di9ylai6] {
    --mn-bg: var(--ui-canvas);
    --mn-panel: var(--ui-panel);
    --mn-panel-alt: var(--ui-panel-raised-alt);
    --mn-border: var(--ui-border);
    --mn-text: var(--ui-text-primary);
    --mn-muted: var(--ui-text-muted);
    --mn-accent: #17c8a3;
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--mn-text);
    background: var(--mn-bg);
}

.menus-header[b-24di9ylai6],
.menus-toolbar[b-24di9ylai6],
.menus-list-heading[b-24di9ylai6],
.menu-row[b-24di9ylai6],
.menu-identity[b-24di9ylai6],
.menu-name[b-24di9ylai6],
.menu-row-actions[b-24di9ylai6],
.menus-panel-heading[b-24di9ylai6],
.menus-publish-toggle[b-24di9ylai6],
.menu-location-option[b-24di9ylai6],
.menus-next-step[b-24di9ylai6],
.menus-panel-footer[b-24di9ylai6],
.menus-delete-dialog footer[b-24di9ylai6] {
    display: flex;
    align-items: center;
}

.menus-header[b-24di9ylai6] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.menus-breadcrumb[b-24di9ylai6] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.3rem;
    color: var(--ui-text-dim);
    font-size: 0.72rem;
}

.menus-breadcrumb a[b-24di9ylai6] {
    color: var(--ui-text-dim-alt);
    text-decoration: none;
}

.menus-header h1[b-24di9ylai6] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.4rem;
    font-weight: 740;
}

.menus-header p[b-24di9ylai6] {
    max-width: 68ch;
    margin: 0.3rem 0 0;
    color: var(--mn-muted);
    font-size: 0.851rem;
    line-height: 1.5;
}

.menus-primary[b-24di9ylai6],
.menus-panel-footer[b-24di9ylai6]  .menus-primary,
.menus-secondary[b-24di9ylai6],
.menus-danger[b-24di9ylai6],
.menus-delete-dialog[b-24di9ylai6]  .menus-danger {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0 0.75rem;
    border-radius: 0.35rem;
    font: inherit;
    font-size: 0.784rem;
    font-weight: 720;
    white-space: nowrap;
    cursor: pointer;
}

.menus-primary[b-24di9ylai6],
.menus-panel-footer[b-24di9ylai6]  .menus-primary {
    border: 1px solid var(--mn-accent, #17c8a3);
    color: #061d18;
    background: var(--mn-accent, #17c8a3);
}

.menus-secondary[b-24di9ylai6] {
    border: 1px solid var(--ui-border-strong);
    color: var(--ui-text-secondary);
    background: var(--ui-panel);
}

.menus-danger[b-24di9ylai6],
.menus-delete-dialog[b-24di9ylai6]  .menus-danger {
    border: 1px solid #f15b68;
    color: #fff;
    background: #c83f4b;
}

.menus-summary[b-24di9ylai6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 1rem;
    border: 1px solid var(--mn-border);
    background: var(--mn-border);
}

.menus-summary article[b-24di9ylai6] {
    min-width: 0;
    padding: 0.8rem 0.9rem;
    background: var(--mn-panel);
}

.menus-summary span[b-24di9ylai6],
.menus-summary small[b-24di9ylai6] {
    display: block;
    color: var(--mn-muted);
    font-size: 0.72rem;
}

.menus-summary strong[b-24di9ylai6] {
    display: block;
    margin: 0.2rem 0;
    color: var(--ui-text-strong);
    font-size: 1.288rem;
    font-weight: 730;
}

.menus-workspace[b-24di9ylai6] {
    border: 1px solid var(--mn-border);
    background: var(--mn-panel);
}

.menus-toolbar[b-24di9ylai6] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--mn-border);
}

.menus-search[b-24di9ylai6] {
    min-width: min(100%, 300px);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
    color: var(--mn-muted);
    background: var(--ui-panel-deep);
}

.menus-search:focus-within[b-24di9ylai6] {
    border-color: var(--mn-accent);
}

.menus-search input[b-24di9ylai6] {
    width: 100%;
    min-height: 38px;
    border: 0;
    outline: 0;
    color: var(--mn-text);
    background: transparent;
    font: inherit;
    font-size: 0.806rem;
}

.menus-search button[b-24di9ylai6],
.menus-panel-close[b-24di9ylai6],
.menu-delete[b-24di9ylai6] {
    border: 0;
    color: var(--mn-muted);
    background: transparent;
    cursor: pointer;
}

.menus-filters[b-24di9ylai6] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.menus-filters button[b-24di9ylai6] {
    min-height: 36px;
    padding: 0 0.65rem;
    border: 1px solid transparent;
    border-radius: 0.3rem;
    color: var(--mn-muted);
    background: transparent;
    font: inherit;
    font-size: 0.762rem;
    cursor: pointer;
}

.menus-filters button span[b-24di9ylai6] {
    margin-left: 0.2rem;
    color: var(--ui-text-secondary);
}

.menus-filters button.active[b-24di9ylai6] {
    border-color: var(--ui-border-hover);
    color: var(--ui-text-strong);
    background: var(--ui-panel-secondary-alt);
}

.menus-list-heading[b-24di9ylai6] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--mn-border);
}

.menus-list-heading h2[b-24di9ylai6] {
    display: inline;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.918rem;
}

.menus-list-heading span[b-24di9ylai6] {
    margin-left: 0.45rem;
    color: var(--mn-muted);
    font-size: 0.72rem;
}

.menus-list-heading a[b-24di9ylai6] {
    color: var(--order-positive-text, var(--mn-accent));
    font-size: 0.762rem;
    text-decoration: none;
}

.menus-list[b-24di9ylai6] {
    display: grid;
    gap: 1px;
    background: var(--mn-border);
}

.menu-row[b-24di9ylai6] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(155px, 0.7fr) minmax(155px, 0.8fr) auto;
    gap: 1rem;
    padding: 0.85rem 1rem;
    background: var(--mn-panel);
}

.menu-row:hover[b-24di9ylai6] {
    background: var(--mn-panel-alt);
}

.menu-identity[b-24di9ylai6] {
    min-width: 0;
    gap: 0.75rem;
}

.menu-icon[b-24di9ylai6] {
    width: 38px;
    height: 38px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
    color: var(--order-positive-text, var(--mn-accent));
    background: var(--ui-panel-deep);
}

.menu-identity > div[b-24di9ylai6],
.menu-readiness[b-24di9ylai6],
.menu-availability[b-24di9ylai6] {
    min-width: 0;
}

.menu-name[b-24di9ylai6] {
    gap: 0.5rem;
}

.menu-name h3[b-24di9ylai6] {
    min-width: 0;
    overflow: hidden;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.874rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-status[b-24di9ylai6] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--mn-muted);
    font-size: 0.72rem;
}

.menu-status i[b-24di9ylai6] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #6d7685;
}

.menu-status.active[b-24di9ylai6] {
    color: var(--order-positive-text, #72dec7);
}

.menu-status.active i[b-24di9ylai6] {
    background: var(--mn-accent);
}

.menu-identity p[b-24di9ylai6],
.menu-readiness > span[b-24di9ylai6],
.menu-readiness small[b-24di9ylai6],
.menu-availability > span[b-24di9ylai6],
.menu-availability small[b-24di9ylai6] {
    display: block;
    overflow: hidden;
    color: var(--mn-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-identity p[b-24di9ylai6] {
    margin: 0.2rem 0 0;
}

.menu-readiness strong[b-24di9ylai6],
.menu-availability strong[b-24di9ylai6] {
    display: block;
    margin: 0.2rem 0;
    color: var(--ui-text-secondary-strong);
    font-size: 0.784rem;
}

.menu-readiness strong.attention[b-24di9ylai6],
.menu-availability strong.attention[b-24di9ylai6] {
    color: #f2a541;
}

.menu-row-actions[b-24di9ylai6] {
    justify-content: flex-end;
    gap: 0.35rem;
}

.menu-manage[b-24di9ylai6],
.menu-delete[b-24di9ylai6] {
    min-height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    font: inherit;
    cursor: pointer;
}

.menu-manage[b-24di9ylai6] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0 0.65rem;
    color: var(--ui-text-secondary);
    background: var(--ui-panel-control);
    font-size: 0.728rem;
}

.menu-delete[b-24di9ylai6] {
    width: 36px;
    color: #f15b68;
    background: var(--ui-panel-control);
}

.menus-content[b-24di9ylai6] {
    min-height: 240px;
}

.menus-empty[b-24di9ylai6],
.menus-alert[b-24di9ylai6] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menus-empty[b-24di9ylai6] {
    min-height: 280px;
    flex-direction: column;
    padding: 2rem;
    text-align: center;
}

.menus-empty > span[b-24di9ylai6] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 0.75rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 50%;
    color: var(--order-positive-text, var(--mn-accent));
    background: var(--ui-panel-control);
}

.menus-empty h3[b-24di9ylai6] {
    margin: 0;
    font-size: 1.008rem;
}

.menus-empty p[b-24di9ylai6] {
    max-width: 46ch;
    margin: 0.35rem 0 1rem;
    color: var(--mn-muted);
    font-size: 0.784rem;
}

.menus-alert[b-24di9ylai6] {
    gap: 0.5rem;
    padding: 0.75rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.08);
    font-size: 0.784rem;
}

.menus-alert button[b-24di9ylai6] {
    border: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-weight: 700;
}

.menus-skeleton[b-24di9ylai6] {
    display: grid;
    gap: 1px;
    background: var(--mn-border);
}

.menus-skeleton span[b-24di9ylai6] {
    height: 78px;
    background: var(--ui-panel-card-alt);
    animation: menus-pulse-b-24di9ylai6 1.2s ease-in-out infinite alternate;
}

@keyframes menus-pulse-b-24di9ylai6 {
    to { background: var(--ui-panel-hover-alt); }
}

.menus-panel[b-24di9ylai6] {
    width: min(600px, 100vw);
    color: var(--mn-text, var(--ui-text-primary));
    background: var(--ui-panel-control);
}

.menus-panel .slide-over-header[b-24di9ylai6] {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.menus-panel .slide-over-header h3[b-24di9ylai6] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.12rem;
}

.menus-panel .slide-over-header p[b-24di9ylai6] {
    margin: 0.25rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.762rem;
}

.menus-panel-close[b-24di9ylai6] {
    width: 36px;
    height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
}

.menus-panel .slide-over-body[b-24di9ylai6] {
    padding: 1rem;
}

.menus-panel-section[b-24di9ylai6] {
    margin-bottom: 1rem;
    padding: 0.9rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-panel);
}

.menus-panel-heading[b-24di9ylai6] {
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.menus-panel-heading > span[b-24di9ylai6] {
    width: 34px;
    height: 34px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.3rem;
    color: var(--mn-accent, #17c8a3);
    background: var(--ui-panel-hover-alt);
}

.menus-panel-heading > div[b-24di9ylai6] {
    min-width: 0;
}

.menus-panel-heading h4[b-24di9ylai6] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.851rem;
}

.menus-panel-heading p[b-24di9ylai6] {
    margin: 0.15rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.menus-panel-heading.location-heading > div[b-24di9ylai6] {
    margin-right: auto;
}

.menus-select-all[b-24di9ylai6] {
    min-height: 32px;
    padding: 0 0.55rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    color: #b9c1cc;
    background: var(--ui-panel-deep);
    font: inherit;
    font-size: 0.72rem;
    cursor: pointer;
}

.menus-field[b-24di9ylai6] {
    margin-bottom: 0.8rem;
}

.menus-field label[b-24di9ylai6] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--ui-text-secondary);
    font-size: 0.728rem;
    font-weight: 650;
}

.menus-field input[b-24di9ylai6],
.menus-field select[b-24di9ylai6] {
    width: 100%;
    min-height: 40px;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    outline: 0;
    color: var(--ui-text-primary);
    background: var(--ui-canvas-subtle);
    font: inherit;
    font-size: 0.806rem;
}

.menus-field input:focus[b-24di9ylai6],
.menus-field select:focus[b-24di9ylai6] {
    border-color: var(--mn-accent, #17c8a3);
}

.menus-field small[b-24di9ylai6] {
    display: block;
    margin-top: 0.3rem;
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.menus-location-grid[b-24di9ylai6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.45rem;
    max-height: 300px;
    overflow-y: auto;
}

.menu-location-option[b-24di9ylai6] {
    min-width: 0;
    gap: 0.5rem;
    padding: 0.6rem;
    border: 1px solid var(--ui-border-muted);
    border-radius: 0.3rem;
    background: var(--ui-panel-deep);
    cursor: pointer;
}

.menu-location-option.selected[b-24di9ylai6] {
    border-color: rgba(23, 200, 163, 0.55);
    background: rgba(23, 200, 163, 0.07);
}

.menu-location-option input[b-24di9ylai6] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.menu-location-option > span:first-of-type[b-24di9ylai6] {
    width: 30px;
    height: 30px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.25rem;
    color: var(--mn-accent, #17c8a3);
    background: var(--ui-panel-secondary-hover);
}

.menu-location-option > span:nth-of-type(2)[b-24di9ylai6] {
    min-width: 0;
    flex: 1;
}

.menu-location-option strong[b-24di9ylai6],
.menu-location-option small[b-24di9ylai6] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.menu-location-option strong[b-24di9ylai6] {
    color: var(--ui-text-secondary-strong);
    font-size: 0.728rem;
}

.menu-location-option small[b-24di9ylai6] {
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.menu-location-option > i[b-24di9ylai6] {
    color: var(--ui-text-dim);
}

.menu-location-option.selected > i[b-24di9ylai6] {
    color: var(--mn-accent, #17c8a3);
}

.menus-publish-toggle[b-24di9ylai6] {
    justify-content: space-between;
    gap: 1rem;
}

.menus-publish-toggle strong[b-24di9ylai6],
.menus-publish-toggle small[b-24di9ylai6] {
    display: block;
}

.menus-publish-toggle strong[b-24di9ylai6] {
    color: var(--ui-text-secondary-strong);
    font-size: 0.762rem;
}

.menus-publish-toggle small[b-24di9ylai6] {
    margin-top: 0.15rem;
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.menus-publish-warning[b-24di9ylai6] {
    margin-top: 0.7rem;
    padding: 0.6rem;
    color: #f3bc72;
    background: rgba(242, 165, 65, 0.08);
    font-size: 0.72rem;
}

.menus-panel-empty[b-24di9ylai6] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.35rem;
    padding: 1rem;
    border: 1px dashed var(--ui-border-strong);
    color: var(--ui-text-muted);
    background: var(--ui-panel-deep);
    text-align: center;
    font-size: 0.72rem;
}

.menus-panel-empty strong[b-24di9ylai6] {
    color: var(--ui-text-secondary-strong);
}

.menus-panel-empty a[b-24di9ylai6] {
    margin-top: 0.3rem;
    color: var(--mn-accent, #17c8a3);
}

.menus-next-step[b-24di9ylai6] {
    gap: 0.65rem;
    margin-bottom: 1rem;
    padding: 0.75rem;
    border: 1px solid var(--ui-border);
    color: var(--ui-text-muted);
    background: var(--ui-panel);
    font-size: 0.72rem;
}

.menus-next-step > i[b-24di9ylai6] {
    color: var(--mn-accent, #17c8a3);
    font-size: 1.12rem;
}

.menus-next-step > span[b-24di9ylai6] {
    flex: 1;
}

.menus-next-step strong[b-24di9ylai6] {
    display: block;
    color: var(--ui-text-secondary-strong);
    font-size: 0.75rem;
}

.menus-next-step a[b-24di9ylai6] {
    color: var(--mn-accent, #17c8a3);
    white-space: nowrap;
}

.menus-panel-footer[b-24di9ylai6] {
    position: sticky;
    bottom: -1rem;
    justify-content: flex-end;
    gap: 0.5rem;
    margin: 0 -1rem -1rem;
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.menus-delete-backdrop[b-24di9ylai6] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.8);
}

.menus-delete-dialog[b-24di9ylai6] {
    width: min(100%, 420px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid var(--ui-border-hover);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
}

.menus-delete-dialog > span[b-24di9ylai6] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #f15b68;
    background: rgba(241, 91, 104, 0.12);
}

.menus-delete-dialog h3[b-24di9ylai6] {
    margin: 0;
    font-size: 1.008rem;
}

.menus-delete-dialog p[b-24di9ylai6] {
    margin: 0.3rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.784rem;
    line-height: 1.5;
}

.menus-delete-dialog footer[b-24di9ylai6] {
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: 0.5rem;
}

.menus-page button:focus-visible[b-24di9ylai6],
.menus-page a:focus-visible[b-24di9ylai6],
.menus-panel button:focus-visible[b-24di9ylai6],
.menus-panel a:focus-visible[b-24di9ylai6],
.menus-delete-dialog button:focus-visible[b-24di9ylai6] {
    outline: 2px solid var(--mn-accent, #17c8a3);
    outline-offset: 2px;
}

@media (max-width: 1050px) {
    .menu-row[b-24di9ylai6] {
        grid-template-columns: minmax(0, 1.4fr) minmax(140px, 0.8fr) auto;
    }

    .menu-readiness[b-24di9ylai6] {
        display: none;
    }
}

@media (max-width: 760px) {
    .menus-summary[b-24di9ylai6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .menu-row[b-24di9ylai6] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .menu-availability[b-24di9ylai6] {
        grid-column: 1;
        padding-left: 3.15rem;
    }

    .menu-row-actions[b-24di9ylai6] {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 640px) {
    .menus-page[b-24di9ylai6] {
        padding: 0.75rem;
    }

    .menus-header[b-24di9ylai6],
    .menus-toolbar[b-24di9ylai6] {
        align-items: stretch;
        flex-direction: column;
    }

    .menus-header .menus-primary[b-24di9ylai6],
    .menus-search[b-24di9ylai6] {
        width: 100%;
    }

    .menus-filters[b-24di9ylai6] {
        overflow-x: auto;
    }

    .menus-list-heading a[b-24di9ylai6] {
        display: none;
    }

    .menu-row[b-24di9ylai6] {
        grid-template-columns: 1fr;
    }

    .menu-availability[b-24di9ylai6],
    .menu-row-actions[b-24di9ylai6] {
        padding-left: 3.15rem;
    }

    .menu-row-actions[b-24di9ylai6] {
        grid-column: 1;
        grid-row: auto;
        justify-content: stretch;
    }

    .menu-manage[b-24di9ylai6] {
        flex: 1;
        justify-content: center;
    }

    .menus-panel[b-24di9ylai6] {
        width: 100vw;
    }

    .menus-panel-heading.location-heading[b-24di9ylai6] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .menus-select-all[b-24di9ylai6] {
        width: 100%;
    }

    .menus-location-grid[b-24di9ylai6] {
        grid-template-columns: 1fr;
    }

    .menus-next-step[b-24di9ylai6] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .menus-next-step a[b-24di9ylai6] {
        width: 100%;
        padding-left: 1.65rem;
    }

    .menus-delete-dialog[b-24di9ylai6] {
        grid-template-columns: 1fr;
    }

    .menus-delete-dialog footer[b-24di9ylai6] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .menus-skeleton span[b-24di9ylai6] {
        animation: none;
    }
}
/* /Components/Pages/Setup/PrepTimeEstimates.razor.rz.scp.css */
.prep-page[b-skumjh206w] {
    --prep-bg: var(--ui-canvas);
    --prep-panel: var(--ui-panel);
    --prep-panel-alt: var(--ui-panel-raised-alt);
    --prep-border: var(--ui-border);
    --prep-text: var(--ui-text-primary);
    --prep-muted: var(--ui-text-muted);
    --prep-accent: #17c8a3;
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--prep-text);
    background: var(--prep-bg);
}

.prep-header[b-skumjh206w],
.prep-toolbar[b-skumjh206w],
.prep-list-heading[b-skumjh206w],
.prep-group-header[b-skumjh206w],
.prep-identity[b-skumjh206w],
.prep-baseline-state strong[b-skumjh206w],
.prep-estimate-row[b-skumjh206w],
.prep-row-actions[b-skumjh206w],
.prep-panel-heading[b-skumjh206w],
.prep-scope-options label[b-skumjh206w],
.prep-impact[b-skumjh206w],
.prep-panel-footer[b-skumjh206w],
.prep-delete-dialog footer[b-skumjh206w] {
    display: flex;
    align-items: center;
}

.prep-header[b-skumjh206w] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.prep-breadcrumb[b-skumjh206w] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.3rem;
    color: var(--ui-text-dim);
    font-size: 0.72rem;
}

.prep-breadcrumb a[b-skumjh206w] {
    color: var(--ui-text-dim-alt);
    text-decoration: none;
}

.prep-header h1[b-skumjh206w] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.4rem;
    font-weight: 740;
}

.prep-header p[b-skumjh206w] {
    max-width: 72ch;
    margin: 0.3rem 0 0;
    color: var(--prep-muted);
    font-size: 0.851rem;
    line-height: 1.5;
}

.prep-primary[b-skumjh206w],
.prep-panel-footer[b-skumjh206w]  .prep-primary,
.prep-secondary[b-skumjh206w],
.prep-delete-dialog[b-skumjh206w]  .prep-danger {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0 0.75rem;
    border-radius: 0.35rem;
    font: inherit;
    font-size: 0.784rem;
    font-weight: 720;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.prep-primary[b-skumjh206w],
.prep-panel-footer[b-skumjh206w]  .prep-primary {
    border: 1px solid var(--prep-accent, #17c8a3);
    color: #061d18;
    background: var(--prep-accent, #17c8a3);
}

.prep-primary:disabled[b-skumjh206w] {
    border-color: var(--ui-border-strong);
    color: #727b89;
    background: var(--ui-panel-hover);
    cursor: not-allowed;
}

.prep-secondary[b-skumjh206w] {
    border: 1px solid var(--ui-border-strong);
    color: var(--ui-text-secondary);
    background: var(--ui-panel);
}

.prep-delete-dialog[b-skumjh206w]  .prep-danger {
    border: 1px solid #f15b68;
    color: #fff;
    background: #c83f4b;
}

.prep-summary[b-skumjh206w] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 1rem;
    border: 1px solid var(--prep-border);
    background: var(--prep-border);
}

.prep-summary article[b-skumjh206w] {
    min-width: 0;
    padding: 0.8rem 0.9rem;
    background: var(--prep-panel);
}

.prep-summary span[b-skumjh206w],
.prep-summary small[b-skumjh206w] {
    display: block;
    color: var(--prep-muted);
    font-size: 0.72rem;
}

.prep-summary strong[b-skumjh206w] {
    display: block;
    margin: 0.2rem 0;
    color: var(--ui-text-strong);
    font-size: 1.288rem;
    font-weight: 730;
}

.prep-workspace[b-skumjh206w] {
    border: 1px solid var(--prep-border);
    background: var(--prep-panel);
}

.prep-toolbar[b-skumjh206w] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--prep-border);
}

.prep-search[b-skumjh206w] {
    min-width: min(100%, 340px);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
    color: var(--prep-muted);
    background: var(--ui-panel-deep);
}

.prep-search:focus-within[b-skumjh206w] {
    border-color: var(--prep-accent);
}

.prep-search input[b-skumjh206w] {
    width: 100%;
    min-height: 38px;
    border: 0;
    outline: 0;
    color: var(--prep-text);
    background: transparent;
    font: inherit;
    font-size: 0.806rem;
}

.prep-search input[b-skumjh206w]::placeholder {
    color: #8993a3;
}

.prep-search button[b-skumjh206w],
.prep-panel-close[b-skumjh206w],
.prep-delete[b-skumjh206w] {
    border: 0;
    color: var(--prep-muted, var(--ui-text-muted));
    background: transparent;
    cursor: pointer;
}

.prep-filters[b-skumjh206w] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.prep-filters button[b-skumjh206w] {
    min-height: 36px;
    padding: 0 0.65rem;
    border: 1px solid transparent;
    border-radius: 0.3rem;
    color: var(--prep-muted);
    background: transparent;
    font: inherit;
    font-size: 0.739rem;
    cursor: pointer;
}

.prep-filters button span[b-skumjh206w] {
    margin-left: 0.2rem;
    color: var(--ui-text-secondary);
}

.prep-filters button.active[b-skumjh206w] {
    border-color: var(--ui-border-hover);
    color: var(--ui-text-strong);
    background: var(--ui-panel-secondary-alt);
}

.prep-list-heading[b-skumjh206w] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--prep-border);
}

.prep-list-heading h2[b-skumjh206w] {
    display: inline;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.918rem;
}

.prep-list-heading span[b-skumjh206w] {
    margin-left: 0.45rem;
    color: var(--prep-muted);
    font-size: 0.72rem;
}

.prep-list-heading a[b-skumjh206w] {
    color: var(--order-positive-text, var(--prep-accent));
    font-size: 0.762rem;
    text-decoration: none;
}

.prep-content[b-skumjh206w] {
    min-height: 260px;
}

.prep-list[b-skumjh206w] {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
    background: var(--ui-canvas-subtle);
}

.prep-group[b-skumjh206w] {
    border: 1px solid var(--prep-border);
    background: var(--prep-panel);
}

.prep-group-header[b-skumjh206w] {
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) minmax(170px, 0.8fr) minmax(150px, 0.65fr) auto;
    gap: 1rem;
    padding: 0.8rem 0.9rem;
    border-bottom: 1px solid var(--prep-border);
    background: var(--ui-panel-pressed);
}

.prep-identity[b-skumjh206w] {
    min-width: 0;
    gap: 0.65rem;
}

.prep-identity > span[b-skumjh206w] {
    width: 36px;
    height: 36px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    color: var(--order-positive-text, var(--prep-accent));
    background: var(--ui-panel-deep);
}

.prep-identity > div[b-skumjh206w],
.prep-baseline-state[b-skumjh206w],
.prep-coverage-state[b-skumjh206w],
.prep-scope[b-skumjh206w] {
    min-width: 0;
}

.prep-identity h3[b-skumjh206w] {
    overflow: hidden;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.874rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prep-identity p[b-skumjh206w],
.prep-baseline-state > span[b-skumjh206w],
.prep-baseline-state small[b-skumjh206w],
.prep-coverage-state > span[b-skumjh206w],
.prep-coverage-state small[b-skumjh206w] {
    display: block;
    overflow: hidden;
    margin: 0.18rem 0 0;
    color: var(--prep-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prep-baseline-state strong[b-skumjh206w],
.prep-coverage-state strong[b-skumjh206w] {
    display: flex;
    gap: 0.3rem;
    margin-top: 0.2rem;
    color: var(--ui-text-secondary-strong);
    font-size: 0.762rem;
}

.prep-baseline-state strong.ready[b-skumjh206w] {
    color: var(--order-positive-text, #72dec7);
}

.prep-baseline-state strong.attention[b-skumjh206w],
.prep-freshness strong.attention[b-skumjh206w] {
    color: #f2b35b;
}

.prep-add-override[b-skumjh206w],
.prep-manage[b-skumjh206w] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    color: var(--ui-text-secondary);
    background: var(--ui-panel-control);
    font: inherit;
    font-size: 0.728rem;
    cursor: pointer;
}

.prep-estimates[b-skumjh206w] {
    display: grid;
    gap: 1px;
    background: var(--prep-border);
}

.prep-estimate-row[b-skumjh206w] {
    display: grid;
    grid-template-columns: auto minmax(220px, 1.35fr) minmax(105px, 0.45fr) minmax(125px, 0.55fr) auto;
    gap: 0.8rem;
    padding: 0.72rem 0.9rem;
    background: var(--prep-panel);
}

.prep-estimate-row:hover[b-skumjh206w] {
    background: var(--prep-panel-alt);
}

.prep-scope-icon[b-skumjh206w] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    color: var(--order-positive-text, #72dec7);
    background: var(--ui-panel-deep);
}

.prep-scope-icon.location[b-skumjh206w] {
    color: #8ea9ff;
}

.prep-scope strong[b-skumjh206w] {
    display: block;
    overflow: hidden;
    color: #e4e9f0;
    font-size: 0.784rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prep-scope small[b-skumjh206w],
.prep-minutes > span[b-skumjh206w],
.prep-freshness > span[b-skumjh206w],
.prep-freshness small[b-skumjh206w] {
    display: block;
    overflow: hidden;
    margin-top: 0.16rem;
    color: var(--prep-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prep-minutes strong[b-skumjh206w] {
    display: block;
    margin-top: 0.12rem;
    color: var(--ui-text-strong);
    font-size: 1.12rem;
    line-height: 1;
}

.prep-minutes strong small[b-skumjh206w] {
    color: #aab3c0;
    font-size: 0.72rem;
    font-weight: 600;
}

.prep-freshness strong[b-skumjh206w] {
    display: block;
    margin-top: 0.12rem;
    color: var(--ui-text-secondary-strong);
    font-size: 0.762rem;
}

.prep-row-actions[b-skumjh206w] {
    justify-content: flex-end;
    gap: 0.35rem;
}

.prep-delete[b-skumjh206w] {
    width: 36px;
    min-height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    color: #f15b68;
    background: var(--ui-panel-control);
}

.prep-empty[b-skumjh206w],
.prep-alert[b-skumjh206w] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.prep-empty[b-skumjh206w] {
    min-height: 280px;
    flex-direction: column;
    padding: 2rem;
    text-align: center;
}

.prep-empty > span[b-skumjh206w] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 0.75rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 50%;
    color: var(--order-positive-text, var(--prep-accent));
    background: var(--ui-panel-control);
}

.prep-empty h3[b-skumjh206w] {
    margin: 0;
    font-size: 1.008rem;
}

.prep-empty p[b-skumjh206w] {
    max-width: 50ch;
    margin: 0.35rem 0 1rem;
    color: var(--prep-muted);
    font-size: 0.784rem;
    line-height: 1.5;
}

.prep-alert[b-skumjh206w] {
    gap: 0.5rem;
    padding: 0.75rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.08);
    font-size: 0.784rem;
}

.prep-alert button[b-skumjh206w] {
    border: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.prep-skeleton[b-skumjh206w] {
    display: grid;
    gap: 1px;
    background: var(--prep-border);
}

.prep-skeleton span[b-skumjh206w] {
    height: 104px;
    background: var(--ui-panel-card-alt);
    animation: prep-pulse-b-skumjh206w 1.2s ease-in-out infinite alternate;
}

@keyframes prep-pulse-b-skumjh206w {
    to { background: var(--ui-panel-hover-alt); }
}

.prep-panel[b-skumjh206w] {
    width: min(600px, 100vw);
    color: var(--prep-text, var(--ui-text-primary));
    background: var(--ui-panel-control);
}

.prep-panel .slide-over-header[b-skumjh206w] {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.prep-panel .slide-over-header h3[b-skumjh206w] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.12rem;
}

.prep-panel .slide-over-header p[b-skumjh206w] {
    margin: 0.25rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.762rem;
}

.prep-panel-close[b-skumjh206w] {
    width: 36px;
    height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
}

.prep-panel .slide-over-body[b-skumjh206w] {
    padding: 1rem;
}

.prep-form-error[b-skumjh206w] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.8rem;
    padding: 0.65rem 0.75rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.08);
    font-size: 0.762rem;
}

.prep-panel-section[b-skumjh206w] {
    margin-bottom: 1rem;
    padding: 0.9rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-panel);
}

.prep-panel-heading[b-skumjh206w] {
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.prep-panel-heading > span[b-skumjh206w] {
    width: 34px;
    height: 34px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.3rem;
    color: var(--prep-accent, #17c8a3);
    background: var(--ui-panel-hover-alt);
}

.prep-panel-heading > div[b-skumjh206w] {
    min-width: 0;
}

.prep-panel-heading h4[b-skumjh206w] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.851rem;
}

.prep-panel-heading p[b-skumjh206w] {
    margin: 0.15rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.prep-field[b-skumjh206w] {
    margin-bottom: 0.25rem;
}

.prep-field label[b-skumjh206w] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--ui-text-secondary);
    font-size: 0.728rem;
    font-weight: 650;
}

.prep-field label span[b-skumjh206w] {
    color: #f15b68;
}

.prep-field input[b-skumjh206w],
.prep-field select[b-skumjh206w] {
    width: 100%;
    min-height: 40px;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    outline: 0;
    color: var(--ui-text-primary);
    background: var(--ui-canvas-subtle);
    font: inherit;
    font-size: 0.806rem;
}

.prep-field input:focus[b-skumjh206w],
.prep-field select:focus[b-skumjh206w] {
    border-color: var(--prep-accent, #17c8a3);
}

.prep-field small[b-skumjh206w] {
    display: block;
    margin-top: 0.3rem;
    color: #8993a3;
    font-size: 0.72rem;
    line-height: 1.45;
}

.prep-location-field[b-skumjh206w] {
    margin-top: 0.8rem;
}

.prep-scope-options[b-skumjh206w] {
    display: grid;
    gap: 0.45rem;
}

.prep-scope-options label[b-skumjh206w] {
    min-width: 0;
    gap: 0.6rem;
    padding: 0.65rem;
    border: 1px solid var(--ui-border-muted);
    border-radius: 0.3rem;
    background: var(--ui-panel-deep);
    cursor: pointer;
}

.prep-scope-options label.selected[b-skumjh206w] {
    border-color: rgba(23, 200, 163, 0.55);
    background: rgba(23, 200, 163, 0.07);
}

.prep-scope-options input[b-skumjh206w] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.prep-scope-options label > span:first-of-type[b-skumjh206w] {
    width: 30px;
    height: 30px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.25rem;
    color: var(--order-positive-text, var(--prep-accent));
    background: var(--ui-panel-secondary-hover);
}

.prep-scope-options label > span:nth-of-type(2)[b-skumjh206w] {
    min-width: 0;
    margin-right: auto;
}

.prep-scope-options strong[b-skumjh206w],
.prep-scope-options small[b-skumjh206w] {
    display: block;
}

.prep-scope-options strong[b-skumjh206w] {
    color: #e4e9f0;
    font-size: 0.762rem;
}

.prep-scope-options small[b-skumjh206w] {
    margin-top: 0.12rem;
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.prep-scope-options label > i[b-skumjh206w] {
    color: var(--order-positive-text, var(--prep-accent));
}

.prep-minute-input[b-skumjh206w] {
    display: flex;
    align-items: stretch;
}

.prep-minute-input input[b-skumjh206w] {
    border-radius: 0.3rem 0 0 0.3rem;
}

.prep-minute-input > span[b-skumjh206w] {
    display: flex;
    align-items: center;
    padding: 0 0.7rem;
    border: 1px solid var(--ui-border-strong);
    border-left: 0;
    border-radius: 0 0.3rem 0.3rem 0;
    color: #aab3c0;
    background: var(--ui-panel-hover);
    font-size: 0.72rem;
}

.prep-impact[b-skumjh206w] {
    gap: 0.65rem;
    margin-top: 0.75rem;
    padding: 0.7rem;
    border: 1px solid var(--ui-border-muted);
    background: var(--ui-panel-deep);
}

.prep-impact > i[b-skumjh206w] {
    color: var(--order-positive-text, var(--prep-accent));
}

.prep-impact strong[b-skumjh206w],
.prep-impact span[b-skumjh206w] {
    display: block;
}

.prep-impact strong[b-skumjh206w] {
    color: var(--ui-text-secondary-strong);
    font-size: 0.762rem;
}

.prep-impact span[b-skumjh206w] {
    margin-top: 0.18rem;
    color: var(--ui-text-muted);
    font-size: 0.72rem;
    line-height: 1.45;
}

.prep-panel-footer[b-skumjh206w] {
    justify-content: flex-end;
    gap: 0.5rem;
    margin: 0 -1rem -1rem;
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.prep-delete-backdrop[b-skumjh206w] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.8);
}

.prep-delete-dialog[b-skumjh206w] {
    width: min(100%, 430px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid var(--ui-border-hover);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
}

.prep-delete-dialog > span[b-skumjh206w] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #f15b68;
    background: rgba(241, 91, 104, 0.12);
}

.prep-delete-dialog h3[b-skumjh206w] {
    margin: 0;
    font-size: 1.008rem;
}

.prep-delete-dialog p[b-skumjh206w] {
    margin: 0.3rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.784rem;
    line-height: 1.5;
}

.prep-delete-dialog footer[b-skumjh206w] {
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: 0.5rem;
}

.prep-page button:hover:not(:disabled)[b-skumjh206w],
.prep-page a:hover[b-skumjh206w],
.prep-panel button:hover[b-skumjh206w],
.prep-delete-dialog button:hover[b-skumjh206w] {
    filter: brightness(1.08);
}

.prep-page button:focus-visible[b-skumjh206w],
.prep-page a:focus-visible[b-skumjh206w],
.prep-panel button:focus-visible[b-skumjh206w],
.prep-panel input:focus-visible[b-skumjh206w],
.prep-panel select:focus-visible[b-skumjh206w],
.prep-scope-options label:focus-within[b-skumjh206w],
.prep-delete-dialog button:focus-visible[b-skumjh206w] {
    outline: 2px solid var(--prep-accent, #17c8a3);
    outline-offset: 2px;
}

@media (max-width: 1050px) {
    .prep-group-header[b-skumjh206w] {
        grid-template-columns: minmax(220px, 1.2fr) minmax(170px, 0.8fr) auto;
    }

    .prep-coverage-state[b-skumjh206w] {
        display: none;
    }

    .prep-estimate-row[b-skumjh206w] {
        grid-template-columns: auto minmax(190px, 1.2fr) minmax(100px, 0.45fr) auto;
    }

    .prep-freshness[b-skumjh206w] {
        display: none;
    }
}

@media (max-width: 760px) {
    .prep-summary[b-skumjh206w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .prep-group-header[b-skumjh206w] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .prep-baseline-state[b-skumjh206w] {
        grid-column: 1;
    }

    .prep-add-override[b-skumjh206w] {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .prep-estimate-row[b-skumjh206w] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .prep-minutes[b-skumjh206w] {
        grid-column: 2;
    }

    .prep-row-actions[b-skumjh206w] {
        grid-column: 3;
        grid-row: 1 / span 2;
    }
}

@media (max-width: 640px) {
    .prep-page[b-skumjh206w] {
        padding: 0.75rem;
    }

    .prep-header[b-skumjh206w],
    .prep-toolbar[b-skumjh206w] {
        align-items: stretch;
        flex-direction: column;
    }

    .prep-header .prep-primary[b-skumjh206w],
    .prep-search[b-skumjh206w] {
        width: 100%;
    }

    .prep-filters[b-skumjh206w] {
        width: 100%;
        overflow-x: auto;
    }

    .prep-filters button[b-skumjh206w] {
        flex: 1 0 auto;
    }

    .prep-list-heading[b-skumjh206w] {
        align-items: flex-start;
        flex-direction: column;
    }

    .prep-list[b-skumjh206w] {
        padding: 0.5rem;
    }

    .prep-group-header[b-skumjh206w] {
        gap: 0.7rem;
    }

    .prep-estimate-row[b-skumjh206w] {
        gap: 0.6rem;
        padding: 0.7rem;
    }

    .prep-scope small[b-skumjh206w] {
        white-space: normal;
    }

    .prep-manage[b-skumjh206w] {
        width: 36px;
        padding: 0;
        font-size: 0;
    }

    .prep-manage i[b-skumjh206w] {
        font-size: 0.84rem;
    }

    .prep-delete-dialog[b-skumjh206w] {
        grid-template-columns: 1fr;
    }

    .prep-delete-dialog footer[b-skumjh206w] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .prep-skeleton span[b-skumjh206w] {
        animation: none;
    }
}
/* /Components/Pages/Setup/PriceOverrides.razor.rz.scp.css */
.overrides-page[b-gwjd45sdne] {
    --ov-bg: var(--ui-canvas);
    --ov-panel: var(--ui-panel);
    --ov-panel-alt: var(--ui-panel-raised-alt);
    --ov-border: var(--ui-border);
    --ov-text: var(--ui-text-primary);
    --ov-muted: var(--ui-text-muted);
    --ov-accent: #17c8a3;
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--ov-text);
    background: var(--ov-bg);
}

.overrides-header[b-gwjd45sdne],
.overrides-toolbar[b-gwjd45sdne],
.overrides-list-heading[b-gwjd45sdne],
.override-row[b-gwjd45sdne],
.override-identity[b-gwjd45sdne],
.override-name[b-gwjd45sdne],
.override-actions[b-gwjd45sdne],
.overrides-panel-heading[b-gwjd45sdne],
.overrides-price-preview[b-gwjd45sdne],
.overrides-activation[b-gwjd45sdne],
.overrides-panel-footer[b-gwjd45sdne],
.overrides-delete-dialog footer[b-gwjd45sdne] {
    display: flex;
    align-items: center;
}

.overrides-header[b-gwjd45sdne] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.overrides-breadcrumb[b-gwjd45sdne] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.3rem;
    color: var(--ui-text-dim);
    font-size: 0.72rem;
}

.overrides-breadcrumb a[b-gwjd45sdne] {
    color: var(--ui-text-dim-alt);
    text-decoration: none;
}

.overrides-header h1[b-gwjd45sdne] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.4rem;
    font-weight: 740;
}

.overrides-header p[b-gwjd45sdne] {
    max-width: 72ch;
    margin: 0.3rem 0 0;
    color: var(--ov-muted);
    font-size: 0.851rem;
    line-height: 1.5;
}

.overrides-primary[b-gwjd45sdne],
.overrides-panel-footer[b-gwjd45sdne]  .overrides-primary,
.overrides-secondary[b-gwjd45sdne],
.overrides-delete-dialog[b-gwjd45sdne]  .overrides-danger {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0 0.75rem;
    border-radius: 0.35rem;
    font: inherit;
    font-size: 0.784rem;
    font-weight: 720;
    white-space: nowrap;
    cursor: pointer;
}

.overrides-primary[b-gwjd45sdne],
.overrides-panel-footer[b-gwjd45sdne]  .overrides-primary {
    border: 1px solid var(--ov-accent, #17c8a3);
    color: #061d18;
    background: var(--ov-accent, #17c8a3);
}

.overrides-secondary[b-gwjd45sdne] {
    border: 1px solid var(--ui-border-strong);
    color: var(--ui-text-secondary);
    background: var(--ui-panel);
}

.overrides-delete-dialog[b-gwjd45sdne]  .overrides-danger {
    border: 1px solid #f15b68;
    color: #fff;
    background: #c83f4b;
}

.overrides-summary[b-gwjd45sdne] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 1rem;
    border: 1px solid var(--ov-border);
    background: var(--ov-border);
}

.overrides-summary article[b-gwjd45sdne] {
    min-width: 0;
    padding: 0.8rem 0.9rem;
    background: var(--ov-panel);
}

.overrides-summary span[b-gwjd45sdne],
.overrides-summary small[b-gwjd45sdne] {
    display: block;
    color: var(--ov-muted);
    font-size: 0.72rem;
}

.overrides-summary strong[b-gwjd45sdne] {
    display: block;
    margin: 0.2rem 0;
    color: var(--ui-text-strong);
    font-size: 1.288rem;
    font-weight: 730;
}

.overrides-workspace[b-gwjd45sdne] {
    border: 1px solid var(--ov-border);
    background: var(--ov-panel);
}

.overrides-toolbar[b-gwjd45sdne] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--ov-border);
}

.overrides-search[b-gwjd45sdne] {
    min-width: min(100%, 300px);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
    color: var(--ov-muted);
    background: var(--ui-panel-deep);
}

.overrides-search:focus-within[b-gwjd45sdne] {
    border-color: var(--ov-accent);
}

.overrides-search input[b-gwjd45sdne] {
    width: 100%;
    min-height: 38px;
    border: 0;
    outline: 0;
    color: var(--ov-text);
    background: transparent;
    font: inherit;
    font-size: 0.806rem;
}

.overrides-search button[b-gwjd45sdne],
.overrides-panel-close[b-gwjd45sdne],
.override-delete[b-gwjd45sdne] {
    border: 0;
    color: var(--ov-muted, var(--ui-text-muted));
    background: transparent;
    cursor: pointer;
}

.overrides-filters[b-gwjd45sdne] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
}

.overrides-filters label[b-gwjd45sdne] {
    display: grid;
    gap: 0.22rem;
    color: var(--ov-muted);
    font-size: 0.72rem;
}

.overrides-filters select[b-gwjd45sdne] {
    min-height: 36px;
    max-width: 180px;
    padding: 0 1.7rem 0 0.55rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    outline: 0;
    color: var(--ui-text-secondary-strong);
    background: var(--ui-panel-deep);
    font: inherit;
    font-size: 0.72rem;
}

.overrides-list-heading[b-gwjd45sdne] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--ov-border);
}

.overrides-list-heading h2[b-gwjd45sdne] {
    display: inline;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.918rem;
}

.overrides-list-heading span[b-gwjd45sdne] {
    margin-left: 0.45rem;
    color: var(--ov-muted);
    font-size: 0.72rem;
}

.overrides-list-heading p[b-gwjd45sdne] {
    margin: 0;
    color: var(--ov-muted);
    font-size: 0.72rem;
}

.overrides-list-heading p strong[b-gwjd45sdne] {
    color: var(--ui-text-secondary-strong);
}

.overrides-content[b-gwjd45sdne] {
    min-height: 260px;
}

.overrides-list[b-gwjd45sdne] {
    display: grid;
    gap: 1px;
    background: var(--ov-border);
}

.override-row[b-gwjd45sdne] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) minmax(130px, 0.65fr) minmax(150px, 0.75fr) minmax(150px, 0.75fr) 70px auto;
    gap: 0.9rem;
    padding: 0.8rem 1rem;
    background: var(--ov-panel);
}

.override-row:hover[b-gwjd45sdne] {
    background: var(--ov-panel-alt);
}

.override-identity[b-gwjd45sdne] {
    min-width: 0;
    gap: 0.7rem;
}

.override-icon[b-gwjd45sdne] {
    width: 36px;
    height: 36px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    color: var(--order-positive-text, var(--ov-accent));
    background: var(--ui-panel-deep);
}

.override-identity > div[b-gwjd45sdne],
.override-price[b-gwjd45sdne],
.override-scope[b-gwjd45sdne],
.override-schedule[b-gwjd45sdne],
.override-priority[b-gwjd45sdne] {
    min-width: 0;
}

.override-name[b-gwjd45sdne] {
    gap: 0.45rem;
}

.override-name h3[b-gwjd45sdne] {
    min-width: 0;
    overflow: hidden;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.851rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.override-identity p[b-gwjd45sdne],
.override-price > span[b-gwjd45sdne],
.override-price small[b-gwjd45sdne],
.override-scope > span[b-gwjd45sdne],
.override-scope small[b-gwjd45sdne],
.override-schedule > span[b-gwjd45sdne],
.override-schedule small[b-gwjd45sdne],
.override-priority > span[b-gwjd45sdne],
.override-priority small[b-gwjd45sdne] {
    display: block;
    overflow: hidden;
    color: var(--ov-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.override-identity p[b-gwjd45sdne] {
    margin: 0.2rem 0 0;
}

.override-price strong[b-gwjd45sdne],
.override-scope strong[b-gwjd45sdne],
.override-schedule strong[b-gwjd45sdne],
.override-priority strong[b-gwjd45sdne] {
    display: block;
    overflow: hidden;
    margin: 0.18rem 0;
    color: var(--ui-text-secondary-strong);
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.override-price strong[b-gwjd45sdne] {
    color: var(--ui-text-strong);
    font-size: 0.851rem;
}

.override-state[b-gwjd45sdne] {
    display: inline-flex;
    align-items: center;
    gap: 0.28rem;
    padding: 0.18rem 0.34rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 999px;
    color: var(--ui-text-supporting);
    font-size: 0.72rem;
    white-space: nowrap;
}

.override-state i[b-gwjd45sdne] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #6d7685;
}

.override-state.current[b-gwjd45sdne] {
    color: var(--order-positive-text, #72dec7);
}

.override-state.current i[b-gwjd45sdne] {
    background: var(--ov-accent);
}

.override-state.scheduled[b-gwjd45sdne] {
    color: #79b8f3;
}

.override-state.scheduled i[b-gwjd45sdne] {
    background: #4c9de8;
}

.override-state.expired[b-gwjd45sdne] {
    color: #c3a5dd;
}

.override-state.expired i[b-gwjd45sdne] {
    background: #9a6fc0;
}

.override-actions[b-gwjd45sdne] {
    justify-content: flex-end;
    gap: 0.35rem;
}

.override-manage[b-gwjd45sdne],
.override-delete[b-gwjd45sdne] {
    min-height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    font: inherit;
    cursor: pointer;
}

.override-manage[b-gwjd45sdne] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    padding: 0 0.6rem;
    color: var(--ui-text-secondary);
    background: var(--ui-panel-control);
    font-size: 0.72rem;
}

.override-delete[b-gwjd45sdne] {
    width: 36px;
    color: #f15b68;
    background: var(--ui-panel-control);
}

.overrides-empty[b-gwjd45sdne],
.overrides-alert[b-gwjd45sdne] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.overrides-empty[b-gwjd45sdne] {
    min-height: 290px;
    flex-direction: column;
    padding: 2rem;
    text-align: center;
}

.overrides-empty > span[b-gwjd45sdne] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 0.75rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 50%;
    color: var(--order-positive-text, var(--ov-accent));
    background: var(--ui-panel-control);
}

.overrides-empty h3[b-gwjd45sdne] {
    margin: 0;
    font-size: 1.008rem;
}

.overrides-empty p[b-gwjd45sdne] {
    max-width: 50ch;
    margin: 0.35rem 0 1rem;
    color: var(--ov-muted);
    font-size: 0.784rem;
}

.overrides-alert[b-gwjd45sdne] {
    gap: 0.5rem;
    padding: 0.75rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.08);
    font-size: 0.784rem;
}

.overrides-alert button[b-gwjd45sdne] {
    border: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-weight: 700;
}

.overrides-skeleton[b-gwjd45sdne] {
    display: grid;
    gap: 1px;
    background: var(--ov-border);
}

.overrides-skeleton span[b-gwjd45sdne] {
    height: 70px;
    background: var(--ui-panel-card-alt);
    animation: overrides-pulse-b-gwjd45sdne 1.2s ease-in-out infinite alternate;
}

@keyframes overrides-pulse-b-gwjd45sdne {
    to { background: var(--ui-panel-hover-alt); }
}

.overrides-panel[b-gwjd45sdne] {
    width: min(620px, 100vw);
    color: var(--ov-text, var(--ui-text-primary));
    background: var(--ui-panel-control);
}

.overrides-panel .slide-over-header[b-gwjd45sdne] {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.overrides-panel .slide-over-header h3[b-gwjd45sdne] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.12rem;
}

.overrides-panel .slide-over-header p[b-gwjd45sdne] {
    margin: 0.25rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.762rem;
}

.overrides-panel-close[b-gwjd45sdne] {
    width: 36px;
    height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
}

.overrides-panel .slide-over-body[b-gwjd45sdne] {
    padding: 1rem;
}

.overrides-form-error[b-gwjd45sdne] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.8rem;
    padding: 0.65rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.09);
    font-size: 0.739rem;
}

.overrides-panel-section[b-gwjd45sdne] {
    margin-bottom: 1rem;
    padding: 0.9rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-panel);
}

.overrides-panel-heading[b-gwjd45sdne] {
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.overrides-panel-heading > span[b-gwjd45sdne] {
    width: 34px;
    height: 34px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.3rem;
    color: var(--ov-accent, #17c8a3);
    background: var(--ui-panel-hover-alt);
}

.overrides-panel-heading h4[b-gwjd45sdne] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.851rem;
}

.overrides-panel-heading p[b-gwjd45sdne] {
    margin: 0.15rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.overrides-field[b-gwjd45sdne] {
    margin-bottom: 0.8rem;
}

.overrides-field:last-child[b-gwjd45sdne] {
    margin-bottom: 0;
}

.overrides-field label[b-gwjd45sdne] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--ui-text-secondary);
    font-size: 0.728rem;
    font-weight: 650;
}

.overrides-field label span[b-gwjd45sdne] {
    color: #f15b68;
}

.overrides-field input[b-gwjd45sdne],
.overrides-field select[b-gwjd45sdne] {
    width: 100%;
    min-height: 40px;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    outline: 0;
    color: var(--ui-text-primary);
    background: var(--ui-canvas-subtle);
    font: inherit;
    font-size: 0.784rem;
}

.overrides-field input:focus[b-gwjd45sdne],
.overrides-field select:focus[b-gwjd45sdne],
.overrides-filters select:focus[b-gwjd45sdne] {
    border-color: var(--ov-accent, #17c8a3);
}

.overrides-field small[b-gwjd45sdne] {
    display: block;
    margin-top: 0.3rem;
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.overrides-price-grid[b-gwjd45sdne],
.overrides-date-grid[b-gwjd45sdne] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, 0.42fr);
    gap: 0.65rem;
}

.overrides-date-grid[b-gwjd45sdne] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.overrides-price-preview[b-gwjd45sdne] {
    gap: 0.65rem;
    padding: 0.7rem;
    border: 1px solid var(--status-success-border);
    color: var(--ui-text-muted);
    background: rgba(23, 200, 163, 0.06);
    font-size: 0.72rem;
}

.overrides-price-preview span strong[b-gwjd45sdne] {
    display: block;
    margin-top: 0.15rem;
    color: var(--ui-text-primary);
    font-size: 0.762rem;
}

.overrides-price-preview i[b-gwjd45sdne] {
    color: var(--order-positive-text, var(--ov-accent));
}

.overrides-price-preview small[b-gwjd45sdne] {
    margin-left: auto;
    color: var(--order-positive-text, #72dec7);
}

.overrides-activation[b-gwjd45sdne] {
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
}

.overrides-activation strong[b-gwjd45sdne],
.overrides-activation small[b-gwjd45sdne] {
    display: block;
}

.overrides-activation strong[b-gwjd45sdne] {
    color: var(--ui-text-secondary-strong);
    font-size: 0.762rem;
}

.overrides-activation small[b-gwjd45sdne] {
    margin-top: 0.15rem;
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.overrides-activation input[b-gwjd45sdne] {
    width: 36px;
    height: 20px;
    accent-color: var(--ov-accent);
}

.overrides-panel-footer[b-gwjd45sdne] {
    position: sticky;
    bottom: -1rem;
    z-index: 2;
    justify-content: flex-end;
    gap: 0.5rem;
    margin: 0 -1rem -1rem;
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.overrides-delete-backdrop[b-gwjd45sdne] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.8);
}

.overrides-delete-dialog[b-gwjd45sdne] {
    width: min(100%, 430px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid var(--ui-border-hover);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
}

.overrides-delete-dialog > span[b-gwjd45sdne] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #f15b68;
    background: rgba(241, 91, 104, 0.12);
}

.overrides-delete-dialog h3[b-gwjd45sdne] {
    margin: 0;
    font-size: 1.008rem;
}

.overrides-delete-dialog p[b-gwjd45sdne] {
    margin: 0.3rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.784rem;
    line-height: 1.5;
}

.overrides-delete-dialog footer[b-gwjd45sdne] {
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: 0.5rem;
}

.overrides-page button:focus-visible[b-gwjd45sdne],
.overrides-page a:focus-visible[b-gwjd45sdne],
.overrides-page input:focus-visible[b-gwjd45sdne],
.overrides-page select:focus-visible[b-gwjd45sdne],
.overrides-panel button:focus-visible[b-gwjd45sdne],
.overrides-panel input:focus-visible[b-gwjd45sdne],
.overrides-panel select:focus-visible[b-gwjd45sdne],
.overrides-delete-dialog button:focus-visible[b-gwjd45sdne] {
    outline: 2px solid var(--ov-accent, #17c8a3);
    outline-offset: 2px;
}

@media (max-width: 1160px) {
    .override-row[b-gwjd45sdne] {
        grid-template-columns: minmax(220px, 1.2fr) minmax(125px, 0.6fr) minmax(145px, 0.7fr) 70px auto;
    }

    .override-schedule[b-gwjd45sdne] {
        display: none;
    }
}

@media (max-width: 900px) {
    .overrides-toolbar[b-gwjd45sdne] {
        align-items: stretch;
        flex-direction: column;
    }

    .overrides-search[b-gwjd45sdne] {
        width: 100%;
    }

    .overrides-filters[b-gwjd45sdne] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .overrides-filters select[b-gwjd45sdne] {
        width: 100%;
        max-width: none;
    }

    .override-row[b-gwjd45sdne] {
        grid-template-columns: minmax(220px, 1fr) minmax(125px, 0.6fr) minmax(145px, 0.7fr) auto;
    }

    .override-priority[b-gwjd45sdne] {
        display: none;
    }
}

@media (max-width: 700px) {
    .overrides-summary[b-gwjd45sdne] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .override-row[b-gwjd45sdne] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .override-price[b-gwjd45sdne],
    .override-scope[b-gwjd45sdne] {
        grid-column: 1;
        padding-left: 2.9rem;
    }

    .override-actions[b-gwjd45sdne] {
        grid-column: 2;
        grid-row: 1 / span 3;
    }
}

@media (max-width: 640px) {
    .overrides-page[b-gwjd45sdne] {
        padding: 0.75rem;
    }

    .overrides-header[b-gwjd45sdne] {
        align-items: stretch;
        flex-direction: column;
    }

    .overrides-header .overrides-primary[b-gwjd45sdne] {
        width: 100%;
    }

    .overrides-filters[b-gwjd45sdne] {
        grid-template-columns: 1fr;
    }

    .overrides-list-heading[b-gwjd45sdne] {
        align-items: flex-start;
        flex-direction: column;
    }

    .override-row[b-gwjd45sdne] {
        grid-template-columns: 1fr;
    }

    .override-price[b-gwjd45sdne],
    .override-scope[b-gwjd45sdne],
    .override-actions[b-gwjd45sdne] {
        padding-left: 2.9rem;
    }

    .override-actions[b-gwjd45sdne] {
        grid-column: 1;
        grid-row: auto;
        justify-content: stretch;
    }

    .override-manage[b-gwjd45sdne] {
        flex: 1;
        justify-content: center;
    }

    .overrides-panel[b-gwjd45sdne] {
        width: 100vw;
    }

    .overrides-price-grid[b-gwjd45sdne],
    .overrides-date-grid[b-gwjd45sdne] {
        grid-template-columns: 1fr;
    }

    .overrides-price-preview[b-gwjd45sdne] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .overrides-price-preview small[b-gwjd45sdne] {
        width: 100%;
        margin-left: 0;
    }

    .overrides-delete-dialog[b-gwjd45sdne] {
        grid-template-columns: 1fr;
    }

    .overrides-delete-dialog footer[b-gwjd45sdne] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .overrides-skeleton span[b-gwjd45sdne] {
        animation: none;
    }
}
/* /Components/Pages/Setup/RecipeLinks.razor.rz.scp.css */
.recipes-page[b-qskazbsgfd] {
    --recipe-bg: var(--ui-canvas);
    --recipe-panel: var(--ui-panel);
    --recipe-panel-alt: var(--ui-panel-raised-alt);
    --recipe-border: var(--ui-border);
    --recipe-text: var(--ui-text-primary);
    --recipe-muted: var(--ui-text-muted);
    --recipe-accent: #17c8a3;
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--recipe-text);
    background: var(--recipe-bg);
}

.recipes-header[b-qskazbsgfd],
.recipes-header-actions[b-qskazbsgfd],
.recipes-toolbar[b-qskazbsgfd],
.recipes-list-heading[b-qskazbsgfd],
.recipe-card-header[b-qskazbsgfd],
.recipe-identity[b-qskazbsgfd],
.recipe-readiness[b-qskazbsgfd],
.recipe-ingredient-row[b-qskazbsgfd],
.ingredient-actions[b-qskazbsgfd],
.recipe-card footer[b-qskazbsgfd],
.recipes-panel-heading[b-qskazbsgfd],
.recipes-cost-preview[b-qskazbsgfd],
.recipes-panel-footer[b-qskazbsgfd],
.recipes-ingredients-heading[b-qskazbsgfd],
.recipes-builder-row[b-qskazbsgfd],
.recipes-builder-total[b-qskazbsgfd],
.recipes-delete-dialog footer[b-qskazbsgfd] {
    display: flex;
    align-items: center;
}

.recipes-header[b-qskazbsgfd] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.recipes-header-actions[b-qskazbsgfd] {
    gap: 0.5rem;
}

.recipes-breadcrumb[b-qskazbsgfd] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.3rem;
    color: var(--ui-text-dim);
    font-size: 0.72rem;
}

.recipes-breadcrumb a[b-qskazbsgfd] {
    color: var(--ui-text-dim-alt);
    text-decoration: none;
}

.recipes-header h1[b-qskazbsgfd] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.4rem;
    font-weight: 740;
}

.recipes-header p[b-qskazbsgfd] {
    max-width: 74ch;
    margin: 0.3rem 0 0;
    color: var(--recipe-muted);
    font-size: 0.851rem;
    line-height: 1.5;
}

.recipes-primary[b-qskazbsgfd],
.recipes-panel-footer[b-qskazbsgfd]  .recipes-primary,
.recipes-secondary[b-qskazbsgfd],
.recipes-delete-dialog[b-qskazbsgfd]  .recipes-danger {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0 0.75rem;
    border-radius: 0.35rem;
    font: inherit;
    font-size: 0.784rem;
    font-weight: 720;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.recipes-primary[b-qskazbsgfd],
.recipes-panel-footer[b-qskazbsgfd]  .recipes-primary {
    border: 1px solid var(--recipe-accent, #17c8a3);
    color: #061d18;
    background: var(--recipe-accent, #17c8a3);
}

.recipes-secondary[b-qskazbsgfd] {
    border: 1px solid var(--ui-border-strong);
    color: var(--ui-text-secondary);
    background: var(--ui-panel);
}

.recipes-delete-dialog[b-qskazbsgfd]  .recipes-danger {
    border: 1px solid #f15b68;
    color: #fff;
    background: #c83f4b;
}

.recipes-summary[b-qskazbsgfd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 1rem;
    border: 1px solid var(--recipe-border);
    background: var(--recipe-border);
}

.recipes-summary article[b-qskazbsgfd] {
    min-width: 0;
    padding: 0.8rem 0.9rem;
    background: var(--recipe-panel);
}

.recipes-summary span[b-qskazbsgfd],
.recipes-summary small[b-qskazbsgfd] {
    display: block;
    color: var(--recipe-muted);
    font-size: 0.72rem;
}

.recipes-summary strong[b-qskazbsgfd] {
    display: block;
    margin: 0.2rem 0;
    color: var(--ui-text-strong);
    font-size: 1.288rem;
    font-weight: 730;
}

.recipes-workspace[b-qskazbsgfd] {
    border: 1px solid var(--recipe-border);
    background: var(--recipe-panel);
}

.recipes-toolbar[b-qskazbsgfd] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--recipe-border);
}

.recipes-search[b-qskazbsgfd] {
    min-width: min(100%, 330px);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
    color: var(--recipe-muted);
    background: var(--ui-panel-deep);
}

.recipes-search:focus-within[b-qskazbsgfd],
.recipes-field input:focus[b-qskazbsgfd],
.recipes-field select:focus[b-qskazbsgfd],
.recipes-field textarea:focus[b-qskazbsgfd] {
    border-color: var(--recipe-accent, #17c8a3);
}

.recipes-search input[b-qskazbsgfd] {
    width: 100%;
    min-height: 38px;
    border: 0;
    outline: 0;
    color: var(--recipe-text);
    background: transparent;
    font: inherit;
    font-size: 0.806rem;
}

.recipes-search button[b-qskazbsgfd],
.recipes-panel-close[b-qskazbsgfd],
.recipe-delete[b-qskazbsgfd] {
    border: 0;
    color: var(--recipe-muted, var(--ui-text-muted));
    background: transparent;
    cursor: pointer;
}

.recipes-filters[b-qskazbsgfd] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.recipes-filters button[b-qskazbsgfd] {
    min-height: 36px;
    padding: 0 0.65rem;
    border: 1px solid transparent;
    border-radius: 0.3rem;
    color: var(--recipe-muted);
    background: transparent;
    font: inherit;
    font-size: 0.739rem;
    cursor: pointer;
}

.recipes-filters button span[b-qskazbsgfd] {
    margin-left: 0.2rem;
    color: var(--ui-text-secondary);
}

.recipes-filters button.active[b-qskazbsgfd] {
    border-color: var(--ui-border-hover);
    color: var(--ui-text-strong);
    background: var(--ui-panel-secondary-alt);
}

.recipes-list-heading[b-qskazbsgfd] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--recipe-border);
}

.recipes-list-heading h2[b-qskazbsgfd] {
    display: inline;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.918rem;
}

.recipes-list-heading span[b-qskazbsgfd] {
    margin-left: 0.45rem;
    color: var(--recipe-muted);
    font-size: 0.72rem;
}

.recipes-list-heading a[b-qskazbsgfd] {
    color: var(--order-positive-text, var(--recipe-accent));
    font-size: 0.762rem;
    text-decoration: none;
}

.recipes-content[b-qskazbsgfd] {
    min-height: 260px;
}

.recipes-list[b-qskazbsgfd] {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
    background: var(--ui-canvas-subtle);
}

.recipe-card[b-qskazbsgfd] {
    border: 1px solid var(--recipe-border);
    background: var(--recipe-panel);
}

.recipe-card-header[b-qskazbsgfd] {
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) minmax(100px, 0.45fr) minmax(120px, 0.55fr) auto;
    gap: 1rem;
    padding: 0.8rem 0.9rem;
    border-bottom: 1px solid var(--recipe-border);
    background: var(--ui-panel-pressed);
}

.recipe-identity[b-qskazbsgfd] {
    min-width: 0;
    gap: 0.65rem;
}

.recipe-identity > span[b-qskazbsgfd] {
    width: 36px;
    height: 36px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    color: var(--order-positive-text, var(--recipe-accent));
    background: var(--ui-panel-deep);
}

.recipe-identity > div[b-qskazbsgfd],
.recipe-stat[b-qskazbsgfd] {
    min-width: 0;
}

.recipe-identity h3[b-qskazbsgfd] {
    overflow: hidden;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.874rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recipe-identity p[b-qskazbsgfd],
.recipe-stat span[b-qskazbsgfd],
.recipe-stat small[b-qskazbsgfd] {
    display: block;
    overflow: hidden;
    margin: 0.18rem 0 0;
    color: var(--recipe-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recipe-stat strong[b-qskazbsgfd] {
    display: block;
    margin-top: 0.2rem;
    color: var(--ui-text-secondary-strong);
    font-size: 0.784rem;
}

.recipe-readiness[b-qskazbsgfd] {
    justify-content: flex-end;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.recipe-readiness span[b-qskazbsgfd] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.4rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 999px;
    font-size: 0.72rem;
    white-space: nowrap;
}

.recipe-readiness .ready[b-qskazbsgfd] {
    color: var(--order-positive-text, #72dec7);
}

.recipe-readiness .attention[b-qskazbsgfd] {
    color: #f2b052;
}

.recipe-ingredients[b-qskazbsgfd] {
    display: grid;
    gap: 1px;
    background: var(--recipe-border);
}

.recipe-ingredient-row[b-qskazbsgfd] {
    min-width: 0;
    display: grid;
    grid-template-columns: 30px minmax(150px, 1fr) minmax(110px, 0.55fr) minmax(190px, 1fr) minmax(90px, 0.45fr) auto;
    gap: 0.75rem;
    padding: 0.7rem 0.9rem;
    background: var(--recipe-panel);
}

.recipe-ingredient-row:hover[b-qskazbsgfd] {
    background: var(--recipe-panel-alt);
}

.ingredient-icon[b-qskazbsgfd] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 0.25rem;
    color: var(--ui-text-supporting);
    background: var(--ui-panel-hover-alt);
}

.ingredient-name[b-qskazbsgfd],
.ingredient-measure[b-qskazbsgfd],
.ingredient-standard[b-qskazbsgfd],
.ingredient-cost[b-qskazbsgfd] {
    min-width: 0;
}

.ingredient-name strong[b-qskazbsgfd],
.ingredient-measure strong[b-qskazbsgfd],
.ingredient-standard strong[b-qskazbsgfd],
.ingredient-cost strong[b-qskazbsgfd] {
    display: block;
    overflow: hidden;
    color: var(--ui-text-secondary-strong);
    font-size: 0.728rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ingredient-name small[b-qskazbsgfd],
.ingredient-measure span[b-qskazbsgfd],
.ingredient-standard span[b-qskazbsgfd],
.ingredient-cost span[b-qskazbsgfd],
.ingredient-cost small[b-qskazbsgfd] {
    display: block;
    overflow: hidden;
    color: var(--recipe-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ingredient-measure strong[b-qskazbsgfd],
.ingredient-standard strong[b-qskazbsgfd],
.ingredient-cost strong[b-qskazbsgfd] {
    margin-top: 0.18rem;
}

.ingredient-standard strong.attention[b-qskazbsgfd],
.ingredient-cost strong.attention[b-qskazbsgfd],
.ingredient-cost small[b-qskazbsgfd] {
    color: #f2b052;
}

.ingredient-actions[b-qskazbsgfd] {
    justify-content: flex-end;
    gap: 0.3rem;
}

.recipe-manage[b-qskazbsgfd],
.recipe-delete[b-qskazbsgfd] {
    min-height: 34px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    font: inherit;
    cursor: pointer;
}

.recipe-manage[b-qskazbsgfd] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0 0.55rem;
    color: var(--ui-text-secondary);
    background: var(--ui-panel-control);
    font-size: 0.72rem;
}

.recipe-delete[b-qskazbsgfd] {
    width: 34px;
    color: #f15b68;
    background: var(--ui-panel-control);
}

.recipe-card footer[b-qskazbsgfd] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.6rem 0.9rem;
    color: var(--recipe-muted);
    background: var(--ui-panel-control);
    font-size: 0.72rem;
}

.recipe-card footer button[b-qskazbsgfd] {
    border: 0;
    color: var(--order-positive-text, var(--recipe-accent));
    background: transparent;
    font: inherit;
    font-weight: 680;
    cursor: pointer;
}

.recipes-empty[b-qskazbsgfd],
.recipes-alert[b-qskazbsgfd] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.recipes-empty[b-qskazbsgfd] {
    min-height: 290px;
    flex-direction: column;
    padding: 2rem;
    text-align: center;
}

.recipes-empty > span[b-qskazbsgfd] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 0.75rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 50%;
    color: var(--order-positive-text, var(--recipe-accent));
    background: var(--ui-panel-control);
}

.recipes-empty h3[b-qskazbsgfd] {
    margin: 0;
    font-size: 1.008rem;
}

.recipes-empty p[b-qskazbsgfd] {
    max-width: 52ch;
    margin: 0.35rem 0 1rem;
    color: var(--recipe-muted);
    font-size: 0.784rem;
}

.recipes-alert[b-qskazbsgfd] {
    gap: 0.5rem;
    padding: 0.75rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.08);
    font-size: 0.784rem;
}

.recipes-alert button[b-qskazbsgfd] {
    border: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-weight: 700;
}

.recipes-skeleton[b-qskazbsgfd] {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
    background: var(--ui-canvas-subtle);
}

.recipes-skeleton span[b-qskazbsgfd] {
    height: 150px;
    border: 1px solid var(--recipe-border);
    background: var(--ui-panel-card-alt);
    animation: recipes-pulse-b-qskazbsgfd 1.2s ease-in-out infinite alternate;
}

@keyframes recipes-pulse-b-qskazbsgfd {
    to { background: var(--ui-panel-hover-alt); }
}

.recipes-panel[b-qskazbsgfd] {
    width: min(600px, 100vw);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
}

.recipes-builder-panel[b-qskazbsgfd] {
    width: min(760px, 100vw);
}

.recipes-panel .slide-over-header[b-qskazbsgfd] {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.recipes-panel .slide-over-header h3[b-qskazbsgfd] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.12rem;
}

.recipes-panel .slide-over-header p[b-qskazbsgfd] {
    margin: 0.25rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.762rem;
}

.recipes-panel-close[b-qskazbsgfd] {
    width: 36px;
    height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
}

.recipes-panel .slide-over-body[b-qskazbsgfd] {
    padding: 1rem;
}

.recipes-form-error[b-qskazbsgfd] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.8rem;
    padding: 0.65rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.09);
    font-size: 0.739rem;
}

.recipes-panel-section[b-qskazbsgfd] {
    margin-bottom: 1rem;
    padding: 0.9rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-panel);
}

.recipes-panel-heading[b-qskazbsgfd] {
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.recipes-panel-heading > span[b-qskazbsgfd] {
    width: 34px;
    height: 34px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.3rem;
    color: var(--order-positive-text, var(--recipe-accent));
    background: var(--ui-panel-hover-alt);
}

.recipes-panel-heading > div[b-qskazbsgfd] {
    min-width: 0;
    flex: 1;
}

.recipes-panel-heading h4[b-qskazbsgfd] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.851rem;
}

.recipes-panel-heading p[b-qskazbsgfd] {
    margin: 0.15rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.recipes-field[b-qskazbsgfd] {
    margin-bottom: 0.8rem;
}

.recipes-field:last-child[b-qskazbsgfd] {
    margin-bottom: 0;
}

.recipes-field label[b-qskazbsgfd] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--ui-text-secondary);
    font-size: 0.728rem;
    font-weight: 650;
}

.recipes-field label span[b-qskazbsgfd] {
    color: #f15b68;
}

.recipes-field input[b-qskazbsgfd],
.recipes-field select[b-qskazbsgfd],
.recipes-field textarea[b-qskazbsgfd] {
    width: 100%;
    min-height: 40px;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    outline: 0;
    color: var(--ui-text-primary);
    background: var(--ui-canvas-subtle);
    font: inherit;
    font-size: 0.784rem;
}

.recipes-field textarea[b-qskazbsgfd] {
    min-height: 88px;
    resize: vertical;
}

.recipes-field small[b-qskazbsgfd] {
    display: block;
    margin-top: 0.3rem;
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.recipes-quantity-input[b-qskazbsgfd],
.recipes-temperature[b-qskazbsgfd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

.recipes-quantity-input input[b-qskazbsgfd],
.recipes-temperature input[b-qskazbsgfd] {
    border-radius: 0.3rem 0 0 0.3rem;
}

.recipes-quantity-input > span[b-qskazbsgfd],
.recipes-temperature select[b-qskazbsgfd] {
    min-width: 58px;
    display: grid;
    place-items: center;
    padding: 0 0.55rem;
    border: 1px solid var(--ui-border-strong);
    border-left: 0;
    border-radius: 0 0.3rem 0.3rem 0;
    color: var(--ui-text-supporting);
    background: var(--ui-panel-hover-alt);
    font-size: 0.72rem;
}

.recipes-temperature select[b-qskazbsgfd] {
    width: 62px;
    min-height: 40px;
    outline: 0;
}

.recipes-standard-grid[b-qskazbsgfd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.recipes-cost-preview[b-qskazbsgfd] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 0.8rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-panel);
}

.recipes-cost-preview div[b-qskazbsgfd] {
    min-width: 0;
}

.recipes-cost-preview span[b-qskazbsgfd],
.recipes-cost-preview strong[b-qskazbsgfd] {
    display: block;
}

.recipes-cost-preview span[b-qskazbsgfd] {
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.recipes-cost-preview strong[b-qskazbsgfd] {
    margin-top: 0.2rem;
    color: var(--ui-text-primary);
    font-size: 0.806rem;
}

.recipes-cost-preview > i[b-qskazbsgfd] {
    color: var(--order-positive-text, var(--recipe-accent));
}

.recipes-ingredients-heading > button[b-qskazbsgfd] {
    margin-left: auto;
}

.recipes-add-row[b-qskazbsgfd] {
    min-height: 32px;
    padding: 0 0.55rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    color: var(--ui-text-secondary);
    background: var(--ui-panel-deep);
    font: inherit;
    font-size: 0.72rem;
    cursor: pointer;
}

.recipes-builder-rows[b-qskazbsgfd] {
    display: grid;
    gap: 0.5rem;
}

.recipes-builder-row[b-qskazbsgfd] {
    display: grid;
    grid-template-columns: minmax(190px, 1fr) minmax(150px, 0.7fr) 90px 34px;
    gap: 0.5rem;
    padding: 0.65rem;
    border: 1px solid var(--ui-border-muted);
    background: var(--ui-panel-deep);
}

.recipes-builder-row .recipes-field[b-qskazbsgfd] {
    margin: 0;
}

.recipes-builder-cost span[b-qskazbsgfd],
.recipes-builder-cost strong[b-qskazbsgfd] {
    display: block;
}

.recipes-builder-cost span[b-qskazbsgfd] {
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.recipes-builder-cost strong[b-qskazbsgfd] {
    margin-top: 0.55rem;
    color: var(--ui-text-secondary-strong);
    font-size: 0.72rem;
}

.recipes-remove-row[b-qskazbsgfd] {
    width: 34px;
    height: 34px;
    align-self: end;
    border: 1px solid var(--status-danger-border);
    border-radius: 0.3rem;
    color: #f15b68;
    background: var(--status-danger-surface);
    cursor: pointer;
}

.recipes-remove-row:disabled[b-qskazbsgfd] {
    opacity: 0.35;
    cursor: not-allowed;
}

.recipes-builder-total[b-qskazbsgfd] {
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--status-success-border);
    color: #a8b3c1;
    background: rgba(23, 200, 163, 0.06);
    font-size: 0.728rem;
}

.recipes-builder-total strong[b-qskazbsgfd] {
    color: var(--order-positive-text, #72dec7);
    font-size: 0.874rem;
}

.recipes-panel-footer[b-qskazbsgfd] {
    position: sticky;
    bottom: -1rem;
    z-index: 2;
    justify-content: flex-end;
    gap: 0.5rem;
    margin: 0 -1rem -1rem;
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.recipes-delete-backdrop[b-qskazbsgfd] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.8);
}

.recipes-delete-dialog[b-qskazbsgfd] {
    width: min(100%, 430px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid var(--ui-border-hover);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
}

.recipes-delete-dialog > span[b-qskazbsgfd] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #f15b68;
    background: rgba(241, 91, 104, 0.12);
}

.recipes-delete-dialog h3[b-qskazbsgfd] {
    margin: 0;
    font-size: 1.008rem;
}

.recipes-delete-dialog p[b-qskazbsgfd] {
    margin: 0.3rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.784rem;
    line-height: 1.5;
}

.recipes-delete-dialog footer[b-qskazbsgfd] {
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: 0.5rem;
}

.recipes-page button:focus-visible[b-qskazbsgfd],
.recipes-page a:focus-visible[b-qskazbsgfd],
.recipes-panel button:focus-visible[b-qskazbsgfd],
.recipes-panel select:focus-visible[b-qskazbsgfd],
.recipes-delete-dialog button:focus-visible[b-qskazbsgfd] {
    outline: 2px solid var(--recipe-accent, #17c8a3);
    outline-offset: 2px;
}

@media (max-width: 1100px) {
    .recipe-card-header[b-qskazbsgfd] {
        grid-template-columns: minmax(210px, 1fr) minmax(110px, 0.5fr) auto;
    }

    .recipe-stat:first-of-type[b-qskazbsgfd] {
        display: none;
    }

    .recipe-ingredient-row[b-qskazbsgfd] {
        grid-template-columns: 30px minmax(150px, 1fr) minmax(110px, 0.6fr) minmax(90px, 0.45fr) auto;
    }

    .ingredient-standard[b-qskazbsgfd] {
        display: none;
    }
}

@media (max-width: 780px) {
    .recipes-summary[b-qskazbsgfd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .recipe-card-header[b-qskazbsgfd] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .recipe-stat[b-qskazbsgfd] {
        display: none;
    }

    .recipe-ingredient-row[b-qskazbsgfd] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
    }

    .ingredient-measure[b-qskazbsgfd],
    .ingredient-cost[b-qskazbsgfd] {
        grid-column: 2;
    }

    .ingredient-actions[b-qskazbsgfd] {
        grid-column: 3;
        grid-row: 1 / span 3;
    }

    .recipes-builder-row[b-qskazbsgfd] {
        grid-template-columns: minmax(0, 1fr) 34px;
    }

    .recipes-builder-row .recipes-field[b-qskazbsgfd],
    .recipes-builder-cost[b-qskazbsgfd] {
        grid-column: 1;
    }

    .recipes-remove-row[b-qskazbsgfd] {
        grid-column: 2;
        grid-row: 1;
    }
}

@media (max-width: 640px) {
    .recipes-page[b-qskazbsgfd] {
        padding: 0.75rem;
    }

    .recipes-header[b-qskazbsgfd],
    .recipes-header-actions[b-qskazbsgfd],
    .recipes-toolbar[b-qskazbsgfd] {
        align-items: stretch;
        flex-direction: column;
    }

    .recipes-header-actions > *[b-qskazbsgfd],
    .recipes-search[b-qskazbsgfd] {
        width: 100%;
    }

    .recipes-filters[b-qskazbsgfd] {
        overflow-x: auto;
    }

    .recipes-list-heading a[b-qskazbsgfd] {
        display: none;
    }

    .recipe-card-header[b-qskazbsgfd] {
        grid-template-columns: 1fr;
    }

    .recipe-readiness[b-qskazbsgfd] {
        justify-content: flex-start;
    }

    .recipe-ingredient-row[b-qskazbsgfd] {
        grid-template-columns: 30px minmax(0, 1fr);
    }

    .ingredient-measure[b-qskazbsgfd],
    .ingredient-cost[b-qskazbsgfd] {
        grid-column: 2;
    }

    .ingredient-actions[b-qskazbsgfd] {
        grid-column: 1 / -1;
        grid-row: auto;
        justify-content: stretch;
    }

    .recipe-manage[b-qskazbsgfd] {
        flex: 1;
        justify-content: center;
    }

    .recipe-card footer[b-qskazbsgfd] {
        align-items: flex-start;
        flex-direction: column;
    }

    .recipes-panel[b-qskazbsgfd] {
        width: 100vw;
    }

    .recipes-standard-grid[b-qskazbsgfd] {
        grid-template-columns: 1fr;
    }

    .recipes-ingredients-heading[b-qskazbsgfd] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .recipes-ingredients-heading .recipes-add-row[b-qskazbsgfd] {
        width: 100%;
        margin-left: 0;
    }

    .recipes-delete-dialog[b-qskazbsgfd] {
        grid-template-columns: 1fr;
    }

    .recipes-delete-dialog footer[b-qskazbsgfd] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .recipes-skeleton span[b-qskazbsgfd] {
        animation: none;
    }
}
/* /Components/Pages/Setup/ReservationSettings.razor.rz.scp.css */
.reservation-settings-shell[b-eudqncp2ll] {
    --reservation-panel: var(--ui-panel);
    --reservation-raised: var(--ui-panel-raised);
    --reservation-border: var(--ui-border);
    --reservation-text: var(--ui-text-primary);
    --reservation-muted: var(--ui-text-muted);
    --reservation-teal: #17c8a3;
    min-height: 100%;
    width: auto;
    padding: 1.15rem 1.25rem 1.5rem;
    background: var(--ui-canvas);
    color: var(--reservation-text);
}

.reservation-settings-header[b-eudqncp2ll] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.reservation-settings-header h1[b-eudqncp2ll] {
    margin: 0 0 .16rem;
    font-size: 1.736rem;
    font-weight: 780;
    letter-spacing: -.04em;
}

.reservation-settings-header p[b-eudqncp2ll] {
    max-width: 70ch;
    margin: 0;
    color: var(--reservation-muted);
    font-size: 0.851rem;
}

.reservation-header-actions[b-eudqncp2ll],
.reservation-savebar > div[b-eudqncp2ll] {
    display: flex;
    gap: .45rem;
}

.reservation-primary[b-eudqncp2ll],
.reservation-secondary[b-eudqncp2ll],
.reservation-alert button[b-eudqncp2ll] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .36rem;
    min-height: 2.4rem;
    padding: 0 .72rem;
    border: 1px solid var(--reservation-border);
    border-radius: .42rem;
    background: var(--reservation-panel);
    color: var(--ui-text-supporting-strong);
    font-size: 0.72rem;
    font-weight: 800;
    text-decoration: none;
}

.reservation-primary[b-eudqncp2ll] {
    border-color: #159c82;
    background: #138f77;
    color: #f0fffb;
}

.reservation-primary:disabled[b-eudqncp2ll],
.reservation-secondary:disabled[b-eudqncp2ll] {
    cursor: not-allowed;
    opacity: .42;
}

.reservation-primary:focus-visible[b-eudqncp2ll],
.reservation-secondary:focus-visible[b-eudqncp2ll],
.preset-group button:focus-visible[b-eudqncp2ll],
.number-control input:focus-visible[b-eudqncp2ll],
.reservation-alert button:focus-visible[b-eudqncp2ll] {
    outline: 2px solid #61d7be;
    outline-offset: 2px;
}

.reservation-primary:not(:disabled):hover[b-eudqncp2ll] {
    background: #17a98c;
}

.reservation-secondary:not(:disabled):hover[b-eudqncp2ll] {
    border-color: #46505e;
    background: var(--reservation-raised);
}

.reservation-alert[b-eudqncp2ll] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    padding: .62rem .72rem;
    border: 1px solid rgba(23, 200, 163, .3);
    border-radius: .48rem;
    background: rgba(23, 200, 163, .08);
    color: #78dfc9;
    font-size: 0.72rem;
}

.reservation-alert.error[b-eudqncp2ll] {
    border-color: rgba(241, 91, 104, .35);
    background: rgba(241, 91, 104, .08);
    color: #ff9ca5;
}

.reservation-alert span[b-eudqncp2ll] {
    flex: 1;
}

.reservation-alert button[b-eudqncp2ll] {
    min-height: 1.9rem;
    border-color: rgba(241, 91, 104, .35);
    background: transparent;
    color: #ffb0b7;
}

.reservation-loading[b-eudqncp2ll] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18rem;
    gap: .75rem;
}

.reservation-loading div[b-eudqncp2ll] {
    min-height: 10rem;
    border: 1px solid var(--reservation-border);
    border-radius: .65rem;
    background: var(--ui-panel);
    animation: reservation-pulse-b-eudqncp2ll 1.25s ease-in-out infinite alternate;
}

.reservation-loading div:first-child[b-eudqncp2ll] {
    grid-row: span 2;
    min-height: 24rem;
}

.reservation-settings-layout[b-eudqncp2ll] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 21rem);
    align-items: start;
    gap: .75rem;
}

.reservation-settings-form[b-eudqncp2ll] {
    display: grid;
    gap: .75rem;
}

.reservation-section[b-eudqncp2ll],
.reservation-impact[b-eudqncp2ll],
.reservation-preview[b-eudqncp2ll] {
    border: 1px solid var(--reservation-border);
    border-radius: .65rem;
    background: var(--reservation-panel);
}

.reservation-section[b-eudqncp2ll] {
    overflow: hidden;
}

.reservation-section > header[b-eudqncp2ll] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .65rem;
    min-height: 3.85rem;
    padding: .65rem .78rem;
    border-bottom: 1px solid var(--reservation-border);
    background: var(--ui-panel-control-soft);
}

.section-icon[b-eudqncp2ll] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--ui-border-muted);
    border-radius: .42rem;
    background: var(--reservation-raised);
    color: var(--order-positive-text, var(--reservation-teal));
}

.reservation-section h2[b-eudqncp2ll],
.reservation-impact h2[b-eudqncp2ll],
.reservation-preview h2[b-eudqncp2ll] {
    margin: 0;
    font-size: 0.806rem;
}

.reservation-section header p[b-eudqncp2ll],
.reservation-preview header p[b-eudqncp2ll],
.reservation-impact p[b-eudqncp2ll] {
    margin: .1rem 0 0;
    color: var(--reservation-muted);
    font-size: 0.72rem;
}

.reservation-section > header > span[b-eudqncp2ll] {
    color: #6f7a89;
    font-size: 0.72rem;
    font-weight: 750;
}

.setting-content[b-eudqncp2ll] {
    display: grid;
    grid-template-columns: minmax(13rem, .85fr) minmax(16rem, 1.15fr);
    gap: 1rem;
    padding: .85rem;
}

.setting-control[b-eudqncp2ll] {
    display: grid;
    gap: .32rem;
}

.setting-control > label[b-eudqncp2ll],
.preset-group > span[b-eudqncp2ll] {
    color: var(--ui-text-supporting-soft);
    font-size: 0.72rem;
    font-weight: 750;
}

.number-control[b-eudqncp2ll] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid var(--reservation-border);
    border-radius: .4rem;
    background: var(--ui-canvas-muted);
}

.number-control:focus-within[b-eudqncp2ll] {
    border-color: #159c82;
}

.number-control input[b-eudqncp2ll] {
    min-width: 0;
    min-height: 2.55rem;
    padding: .5rem .6rem;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--reservation-text);
    font-size: 0.851rem;
    font-weight: 700;
}

.number-control span[b-eudqncp2ll] {
    display: grid;
    place-items: center;
    padding: 0 .68rem;
    border-left: 1px solid var(--reservation-border);
    color: #8f9aa9;
    background: var(--ui-panel-control-soft);
    font-size: 0.72rem;
    font-weight: 750;
}

.setting-control small[b-eudqncp2ll] {
    color: var(--ui-text-subtle);
    font-size: 0.72rem;
    line-height: 1.5;
}

.preset-group[b-eudqncp2ll] {
    display: grid;
    align-content: center;
    gap: .4rem;
}

.preset-group > div[b-eudqncp2ll] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .35rem;
}

.preset-group button[b-eudqncp2ll] {
    min-height: 2.55rem;
    border: 1px solid var(--reservation-border);
    border-radius: .4rem;
    background: var(--ui-panel-control-soft);
    color: var(--ui-text-muted);
    font-size: 0.72rem;
    font-weight: 750;
}

.preset-group button:hover[b-eudqncp2ll] {
    border-color: #414956;
    color: #d8e0e9;
}

.preset-group button.selected[b-eudqncp2ll] {
    border-color: rgba(23, 200, 163, .48);
    background: rgba(23, 200, 163, .1);
    color: #7de2cc;
}

.reservation-impact[b-eudqncp2ll] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .65rem;
    padding: .8rem;
}

.reservation-impact > div:first-child[b-eudqncp2ll] {
    color: var(--order-positive-text, var(--reservation-teal));
}

.reservation-impact p[b-eudqncp2ll] {
    max-width: 80ch;
    line-height: 1.55;
}

.reservation-preview[b-eudqncp2ll] {
    position: sticky;
    top: .75rem;
    overflow: hidden;
}

.reservation-preview > header[b-eudqncp2ll] {
    padding: .75rem .8rem;
    border-bottom: 1px solid var(--reservation-border);
    background: var(--ui-panel-control-soft);
}

.preview-timeline[b-eudqncp2ll] {
    padding: 1.1rem .85rem .8rem;
}

.timeline-track[b-eudqncp2ll] {
    position: relative;
    height: .42rem;
    margin: .35rem .5rem 1rem;
    border-radius: 999px;
    background: var(--ui-panel-row-border);
}

.arrival-point[b-eudqncp2ll] {
    position: absolute;
    top: 50%;
    width: .62rem;
    height: .62rem;
    transform: translate(-50%, -50%);
    border: 2px solid var(--ui-canvas);
    border-radius: 50%;
    background: var(--ui-text-primary);
    z-index: 2;
}

.alert-point[b-eudqncp2ll] {
    position: absolute;
    top: 50%;
    left: 0;
    width: .62rem;
    height: .62rem;
    transform: translate(-50%, -50%);
    border: 2px solid var(--ui-canvas);
    border-radius: 50%;
    background: #f2a541;
}

.booking-block[b-eudqncp2ll] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 999px;
    background: var(--reservation-teal);
}

.timeline-labels[b-eudqncp2ll] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem;
}

.timeline-labels div:nth-child(2)[b-eudqncp2ll] {
    text-align: center;
}

.timeline-labels div:last-child[b-eudqncp2ll] {
    text-align: right;
}

.timeline-labels span[b-eudqncp2ll],
.timeline-labels strong[b-eudqncp2ll] {
    display: block;
}

.timeline-labels span[b-eudqncp2ll] {
    color: #6f7a89;
    font-size: 0.72rem;
}

.timeline-labels strong[b-eudqncp2ll] {
    margin-top: .14rem;
    font-size: 0.72rem;
}

.reservation-preview dl[b-eudqncp2ll] {
    display: grid;
    margin: 0;
    padding: 0 .85rem .8rem;
}

.reservation-preview dl div[b-eudqncp2ll] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .55rem 0;
    border-top: 1px solid #252a32;
    font-size: 0.72rem;
}

.reservation-preview dt[b-eudqncp2ll] {
    color: var(--reservation-muted);
    font-weight: 600;
}

.reservation-preview dd[b-eudqncp2ll] {
    margin: 0;
    font-weight: 800;
}

.preview-note[b-eudqncp2ll] {
    display: flex;
    gap: .45rem;
    margin: 0 .8rem .8rem;
    padding: .55rem;
    border: 1px solid rgba(242, 165, 65, .28);
    border-radius: .42rem;
    background: rgba(242, 165, 65, .07);
    color: #e8ba79;
    font-size: 0.72rem;
    line-height: 1.45;
}

.reservation-preview nav[b-eudqncp2ll] {
    border-top: 1px solid var(--reservation-border);
}

.reservation-preview nav a[b-eudqncp2ll] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .55rem;
    padding: .65rem .8rem;
    border-bottom: 1px solid #252a32;
    color: var(--ui-text-card);
    text-decoration: none;
}

.reservation-preview nav a:last-child[b-eudqncp2ll] {
    border-bottom: 0;
}

.reservation-preview nav a:hover[b-eudqncp2ll] {
    background: var(--reservation-raised);
}

.reservation-preview nav a > i:first-child[b-eudqncp2ll] {
    color: var(--order-positive-text, var(--reservation-teal));
}

.reservation-preview nav strong[b-eudqncp2ll],
.reservation-preview nav small[b-eudqncp2ll] {
    display: block;
}

.reservation-preview nav strong[b-eudqncp2ll] {
    font-size: 0.72rem;
}

.reservation-preview nav small[b-eudqncp2ll] {
    margin-top: .08rem;
    color: var(--ui-text-subtle);
    font-size: 0.72rem;
}

.reservation-preview nav a > i:last-child[b-eudqncp2ll] {
    color: #606a79;
    font-size: 0.72rem;
}

.reservation-savebar[b-eudqncp2ll] {
    position: sticky;
    z-index: 4;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: .8rem -.45rem -.45rem;
    padding: .62rem .7rem;
    border: 1px solid var(--reservation-border);
    border-radius: .55rem;
    background: var(--ui-panel-control-soft);
}

.reservation-savebar > span[b-eudqncp2ll] {
    color: #818b9a;
    font-size: 0.72rem;
}

@keyframes reservation-pulse-b-eudqncp2ll {
    from { background: var(--ui-skeleton); }
    to { background: var(--ui-panel-raised); }
}

@media (max-width: 900px) {
    .reservation-settings-layout[b-eudqncp2ll] {
        grid-template-columns: 1fr;
    }

    .reservation-preview[b-eudqncp2ll] {
        position: static;
    }

    .reservation-loading[b-eudqncp2ll] {
        grid-template-columns: 1fr;
    }

    .reservation-loading div:first-child[b-eudqncp2ll] {
        grid-row: auto;
    }
}

@media (max-width: 620px) {
    .reservation-settings-shell[b-eudqncp2ll] {
        padding: 1rem;
    }

    .reservation-settings-header[b-eudqncp2ll],
    .reservation-savebar[b-eudqncp2ll] {
        align-items: stretch;
        flex-direction: column;
    }

    .reservation-header-actions[b-eudqncp2ll],
    .reservation-savebar > div[b-eudqncp2ll] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .setting-content[b-eudqncp2ll] {
        grid-template-columns: 1fr;
    }

    .reservation-section > header[b-eudqncp2ll] {
        grid-template-columns: auto 1fr;
    }

    .reservation-section > header > span[b-eudqncp2ll] {
        display: none;
    }

    .preset-group > div[b-eudqncp2ll] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reservation-savebar[b-eudqncp2ll] {
        position: static;
        margin: .8rem 0 0;
    }
}
/* /Components/Pages/Setup/SetupOverview.razor.rz.scp.css */
.setup-overview-shell[b-rih7atqbbj] {
    --setup-panel: var(--ui-panel);
    --setup-raised: var(--ui-panel-raised);
    --setup-border: var(--ui-border);
    --setup-text: var(--ui-text-primary);
    --setup-muted: var(--ui-text-muted);
    --setup-teal: #17c8a3;
    min-height: 100%;
    width: auto;
    max-width: none;
    padding: 1.15rem 1.25rem 1.5rem;
    background: var(--ui-canvas);
    color: var(--setup-text);
}

.setup-overview-header[b-rih7atqbbj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.setup-overview-header h1[b-rih7atqbbj] {
    margin: 0 0 .16rem;
    font-size: clamp(1.35rem, 2vw, 1.85rem);
    font-weight: 780;
    letter-spacing: -.04em;
}

.setup-overview-header p[b-rih7atqbbj] {
    margin: 0;
    color: var(--setup-muted);
    font-size: 0.851rem;
}

.setup-overview-header > a[b-rih7atqbbj] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.4rem;
    padding: 0 .72rem;
    border: 1px solid #159c82;
    border-radius: .42rem;
    background: #138f77;
    color: #f0fffb;
    font-size: 0.72rem;
    font-weight: 800;
    text-decoration: none;
}

.setup-sequence[b-rih7atqbbj] {
    display: grid;
    grid-template-columns: minmax(12rem, .7fr) minmax(0, 2fr);
    align-items: center;
    gap: 1rem;
    margin-bottom: .75rem;
    padding: .75rem .85rem;
    border: 1px solid var(--setup-border);
    border-radius: .58rem;
    background: var(--setup-panel);
}

.setup-sequence > div[b-rih7atqbbj] {
    display: grid;
    gap: .13rem;
}

.setup-sequence > div strong[b-rih7atqbbj] {
    font-size: 0.762rem;
}

.setup-sequence > div span[b-rih7atqbbj],
.setup-sequence small[b-rih7atqbbj] {
    color: var(--setup-muted);
    font-size: 0.72rem;
}

.setup-sequence ol[b-rih7atqbbj] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.setup-sequence li[b-rih7atqbbj] {
    display: flex;
    align-items: center;
    gap: .42rem;
    min-width: 0;
    padding: .45rem;
    border: 1px solid var(--setup-border);
    border-radius: .38rem;
    background: var(--ui-panel-deep);
}

.setup-sequence li > span[b-rih7atqbbj] {
    display: grid;
    flex: none;
    place-items: center;
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    background: var(--order-positive-surface, #24302e);
    color: var(--order-positive-text, #6bddc5);
    font-size: 0.72rem;
    font-weight: 850;
}

.setup-sequence li div[b-rih7atqbbj] {
    display: grid;
    min-width: 0;
}

.setup-sequence li strong[b-rih7atqbbj],
.setup-sequence li small[b-rih7atqbbj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.setup-sequence li strong[b-rih7atqbbj] {
    font-size: 0.72rem;
}

.setup-area-list[b-rih7atqbbj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.setup-area[b-rih7atqbbj] {
    border: 1px solid var(--setup-border);
    border-radius: .65rem;
    background: var(--setup-panel);
    overflow: hidden;
}

.setup-area:last-child[b-rih7atqbbj] {
    grid-column: 1 / -1;
}

.setup-area > header[b-rih7atqbbj] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .6rem;
    min-height: 4rem;
    padding: .65rem .75rem;
    border-bottom: 1px solid var(--setup-border);
    background: var(--ui-panel-control-soft);
}

.setup-area > header > span[b-rih7atqbbj] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    background: var(--status-success-surface);
    color: #70ddc5;
}

.setup-area > header div[b-rih7atqbbj] {
    display: grid;
    gap: .08rem;
}

.setup-area h2[b-rih7atqbbj] {
    margin: 0;
    font-size: 0.784rem;
}

.setup-area header p[b-rih7atqbbj],
.setup-area header small[b-rih7atqbbj] {
    margin: 0;
    color: var(--setup-muted);
    font-size: 0.72rem;
}

.setup-module-list[b-rih7atqbbj] {
    display: grid;
}

.setup-module-list > a[b-rih7atqbbj] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto auto;
    align-items: center;
    gap: .58rem;
    min-height: 4rem;
    padding: .55rem .7rem;
    border-bottom: 1px solid var(--setup-border);
    color: var(--setup-text);
    text-decoration: none;
}

.setup-module-list > a:last-child[b-rih7atqbbj] {
    border-bottom: 0;
}

.setup-module-list > a:hover[b-rih7atqbbj] {
    background: var(--ui-panel-row);
}

.module-icon[b-rih7atqbbj] {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    background: var(--ui-panel-hover);
    color: #94a3b5;
}

.module-copy[b-rih7atqbbj] {
    display: grid;
    gap: .1rem;
    min-width: 0;
}

.module-copy strong[b-rih7atqbbj],
.module-copy small[b-rih7atqbbj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.module-copy strong[b-rih7atqbbj] {
    font-size: 0.72rem;
}

.module-copy small[b-rih7atqbbj] {
    color: var(--setup-muted);
    font-size: 0.72rem;
}

.module-note[b-rih7atqbbj] {
    padding: .18rem .4rem;
    border-radius: 999px;
    background: rgba(23, 200, 163, .1);
    color: var(--order-positive-text, #6bddc5);
    font-size: 0.72rem;
    font-weight: 850;
    text-transform: uppercase;
}

.setup-module-list > a > i[b-rih7atqbbj] {
    color: #66717f;
    font-size: 0.72rem;
}

@media (max-width: 1050px) {
    .setup-sequence[b-rih7atqbbj] { grid-template-columns: 1fr; }
    .setup-area-list[b-rih7atqbbj] { grid-template-columns: 1fr; }
    .setup-area:last-child[b-rih7atqbbj] { grid-column: auto; }
}

@media (max-width: 720px) {
    .setup-overview-shell[b-rih7atqbbj] { padding: 1rem; }
    .setup-overview-header p[b-rih7atqbbj] { display: none; }
    .setup-overview-header > a[b-rih7atqbbj] { width: 2.4rem; padding: 0; font-size: 0; }
    .setup-overview-header > a i[b-rih7atqbbj] { font-size: 0.896rem; }
    .setup-sequence[b-rih7atqbbj] { overflow-x: auto; }
    .setup-sequence ol[b-rih7atqbbj] { width: max-content; grid-template-columns: repeat(5, 8.5rem); }
}

@media (max-width: 420px) {
    .setup-area > header[b-rih7atqbbj] { grid-template-columns: 2rem minmax(0, 1fr); }
    .setup-area > header small[b-rih7atqbbj] { display: none; }
    .module-note[b-rih7atqbbj] { display: none; }
}
/* /Components/Pages/Setup/StockLocations.razor.rz.scp.css */
.stock-locations-page[b-n7j3lisupn] {
    --stock-bg: var(--ui-canvas);
    --stock-panel: var(--ui-panel);
    --stock-panel-alt: var(--ui-panel-raised-alt);
    --stock-border: var(--ui-border);
    --stock-text: var(--ui-text-primary);
    --stock-muted: var(--ui-text-muted);
    --stock-accent: #17c8a3;
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--stock-text);
    background: var(--stock-bg);
}

.stock-locations-header[b-n7j3lisupn],
.stock-locations-toolbar[b-n7j3lisupn],
.stock-locations-toolbar-actions[b-n7j3lisupn],
.stock-locations-list-heading[b-n7j3lisupn],
.stock-venue header[b-n7j3lisupn],
.stock-venue-identity[b-n7j3lisupn],
.stock-balance-row[b-n7j3lisupn],
.stock-balance-actions[b-n7j3lisupn],
.stock-locations-panel-heading[b-n7j3lisupn],
.stock-locations-context[b-n7j3lisupn],
.stock-locations-next-step[b-n7j3lisupn],
.stock-locations-panel-footer[b-n7j3lisupn],
.stock-locations-delete-dialog footer[b-n7j3lisupn] {
    display: flex;
    align-items: center;
}

.stock-locations-header[b-n7j3lisupn] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.stock-locations-breadcrumb[b-n7j3lisupn] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.3rem;
    color: var(--ui-text-dim);
    font-size: 0.72rem;
}

.stock-locations-breadcrumb a[b-n7j3lisupn] {
    color: var(--ui-text-dim-alt);
    text-decoration: none;
}

.stock-locations-header h1[b-n7j3lisupn] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.4rem;
    font-weight: 740;
}

.stock-locations-header p[b-n7j3lisupn] {
    max-width: 72ch;
    margin: 0.3rem 0 0;
    color: var(--stock-muted);
    font-size: 0.851rem;
    line-height: 1.5;
}

.stock-locations-primary[b-n7j3lisupn],
.stock-locations-panel-footer[b-n7j3lisupn]  .stock-locations-primary,
.stock-locations-secondary[b-n7j3lisupn],
.stock-locations-delete-dialog[b-n7j3lisupn]  .stock-locations-danger {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0 0.75rem;
    border-radius: 0.35rem;
    font: inherit;
    font-size: 0.784rem;
    font-weight: 720;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.stock-locations-primary[b-n7j3lisupn],
.stock-locations-panel-footer[b-n7j3lisupn]  .stock-locations-primary {
    border: 1px solid var(--stock-accent, #17c8a3);
    color: #061d18;
    background: var(--stock-accent, #17c8a3);
}

.stock-locations-secondary[b-n7j3lisupn] {
    border: 1px solid var(--ui-border-strong);
    color: var(--ui-text-secondary);
    background: var(--ui-panel);
}

.stock-locations-delete-dialog[b-n7j3lisupn]  .stock-locations-danger {
    border: 1px solid #f15b68;
    color: #fff;
    background: #c83f4b;
}

.stock-locations-summary[b-n7j3lisupn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 1rem;
    border: 1px solid var(--stock-border);
    background: var(--stock-border);
}

.stock-locations-summary article[b-n7j3lisupn] {
    min-width: 0;
    padding: 0.8rem 0.9rem;
    background: var(--stock-panel);
}

.stock-locations-summary span[b-n7j3lisupn],
.stock-locations-summary small[b-n7j3lisupn] {
    display: block;
    color: var(--stock-muted);
    font-size: 0.72rem;
}

.stock-locations-summary strong[b-n7j3lisupn] {
    display: block;
    margin: 0.2rem 0;
    color: var(--ui-text-strong);
    font-size: 1.288rem;
    font-weight: 730;
}

.stock-locations-workspace[b-n7j3lisupn] {
    border: 1px solid var(--stock-border);
    background: var(--stock-panel);
}

.stock-locations-toolbar[b-n7j3lisupn] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--stock-border);
}

.stock-locations-search[b-n7j3lisupn] {
    min-width: min(100%, 320px);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
    color: var(--stock-muted);
    background: var(--ui-panel-deep);
}

.stock-locations-search:focus-within[b-n7j3lisupn],
.stock-locations-field input:focus[b-n7j3lisupn],
.stock-locations-field select:focus[b-n7j3lisupn],
.stock-locations-toolbar-actions select:focus[b-n7j3lisupn] {
    border-color: var(--stock-accent, #17c8a3);
}

.stock-locations-search input[b-n7j3lisupn] {
    width: 100%;
    min-height: 38px;
    border: 0;
    outline: 0;
    color: var(--stock-text);
    background: transparent;
    font: inherit;
    font-size: 0.806rem;
}

.stock-locations-search button[b-n7j3lisupn],
.stock-locations-panel-close[b-n7j3lisupn],
.stock-balance-delete[b-n7j3lisupn] {
    border: 0;
    color: var(--stock-muted, var(--ui-text-muted));
    background: transparent;
    cursor: pointer;
}

.stock-locations-toolbar-actions[b-n7j3lisupn] {
    align-items: flex-end;
    gap: 0.65rem;
}

.stock-locations-toolbar-actions > label[b-n7j3lisupn] {
    display: grid;
    gap: 0.25rem;
    color: var(--stock-muted);
    font-size: 0.72rem;
}

.stock-locations-toolbar-actions select[b-n7j3lisupn] {
    min-height: 36px;
    max-width: 200px;
    padding: 0 1.8rem 0 0.6rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    outline: 0;
    color: var(--ui-text-secondary-strong);
    background: var(--ui-panel-deep);
    font: inherit;
    font-size: 0.739rem;
}

.stock-locations-filters[b-n7j3lisupn] {
    display: flex;
    gap: 0.25rem;
}

.stock-locations-filters button[b-n7j3lisupn] {
    min-height: 36px;
    padding: 0 0.65rem;
    border: 1px solid transparent;
    border-radius: 0.3rem;
    color: var(--stock-muted);
    background: transparent;
    font: inherit;
    font-size: 0.728rem;
    cursor: pointer;
}

.stock-locations-filters button.active[b-n7j3lisupn] {
    border-color: var(--ui-border-hover);
    color: var(--ui-text-strong);
    background: var(--ui-panel-secondary-alt);
}

.stock-locations-list-heading[b-n7j3lisupn] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--stock-border);
}

.stock-locations-list-heading h2[b-n7j3lisupn] {
    display: inline;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.918rem;
}

.stock-locations-list-heading span[b-n7j3lisupn] {
    margin-left: 0.45rem;
    color: var(--stock-muted);
    font-size: 0.72rem;
}

.stock-locations-list-heading a[b-n7j3lisupn] {
    color: var(--order-positive-text, var(--stock-accent));
    font-size: 0.762rem;
    text-decoration: none;
}

.stock-locations-content[b-n7j3lisupn] {
    min-height: 260px;
}

.stock-locations-groups[b-n7j3lisupn] {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
    background: var(--ui-canvas-subtle);
}

.stock-venue[b-n7j3lisupn] {
    border: 1px solid var(--stock-border);
    background: var(--stock-panel);
}

.stock-venue > header[b-n7j3lisupn] {
    display: grid;
    grid-template-columns: minmax(220px, 1.3fr) minmax(120px, 0.5fr) minmax(120px, 0.5fr) auto;
    gap: 1rem;
    padding: 0.8rem 0.9rem;
    border-bottom: 1px solid var(--stock-border);
    background: var(--ui-panel-pressed);
}

.stock-venue-identity[b-n7j3lisupn] {
    min-width: 0;
    gap: 0.65rem;
}

.stock-venue-identity > span[b-n7j3lisupn] {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    color: var(--order-positive-text, var(--stock-accent));
    background: var(--ui-panel-deep);
}

.stock-venue-identity h3[b-n7j3lisupn] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.874rem;
}

.stock-venue-identity p[b-n7j3lisupn],
.stock-venue-stat span[b-n7j3lisupn] {
    display: block;
    margin: 0.18rem 0 0;
    color: var(--stock-muted);
    font-size: 0.72rem;
}

.stock-venue-stat strong[b-n7j3lisupn] {
    display: block;
    margin-top: 0.2rem;
    color: var(--ui-text-secondary-strong);
    font-size: 0.784rem;
}

.stock-venue-stat strong.attention[b-n7j3lisupn] {
    color: #f2b052;
}

.stock-venue-add[b-n7j3lisupn] {
    min-height: 34px;
    padding: 0 0.6rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    color: var(--ui-text-secondary);
    background: var(--ui-panel-control);
    font: inherit;
    font-size: 0.72rem;
    cursor: pointer;
}

.stock-balance-list[b-n7j3lisupn] {
    display: grid;
    gap: 1px;
    background: var(--stock-border);
}

.stock-balance-row[b-n7j3lisupn] {
    min-width: 0;
    display: grid;
    grid-template-columns: 30px minmax(170px, 1fr) minmax(120px, 0.6fr) 90px minmax(100px, 0.45fr) auto;
    gap: 0.75rem;
    padding: 0.7rem 0.9rem;
    background: var(--stock-panel);
}

.stock-balance-row:hover[b-n7j3lisupn] {
    background: var(--stock-panel-alt);
}

.stock-item-icon[b-n7j3lisupn] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 0.25rem;
    color: var(--ui-text-supporting);
    background: var(--ui-panel-hover-alt);
}

.stock-item-identity[b-n7j3lisupn],
.stock-balance-quantity[b-n7j3lisupn],
.stock-balance-updated[b-n7j3lisupn] {
    min-width: 0;
}

.stock-item-identity strong[b-n7j3lisupn],
.stock-balance-quantity strong[b-n7j3lisupn],
.stock-balance-updated strong[b-n7j3lisupn] {
    display: block;
    overflow: hidden;
    color: var(--ui-text-secondary-strong);
    font-size: 0.728rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stock-item-identity small[b-n7j3lisupn],
.stock-balance-quantity span[b-n7j3lisupn],
.stock-balance-quantity small[b-n7j3lisupn],
.stock-balance-updated span[b-n7j3lisupn] {
    display: block;
    overflow: hidden;
    color: var(--stock-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.stock-balance-quantity strong[b-n7j3lisupn],
.stock-balance-updated strong[b-n7j3lisupn] {
    margin-top: 0.18rem;
}

.stock-status[b-n7j3lisupn] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.72rem;
    white-space: nowrap;
}

.stock-status i[b-n7j3lisupn] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.stock-status.ready[b-n7j3lisupn] {
    color: var(--order-positive-text, #72dec7);
}

.stock-status.ready i[b-n7j3lisupn] {
    background: var(--stock-accent);
}

.stock-status.low[b-n7j3lisupn] {
    color: #f2b052;
}

.stock-status.low i[b-n7j3lisupn] {
    background: #f2b052;
}

.stock-status.out[b-n7j3lisupn] {
    color: #f58a94;
}

.stock-status.out i[b-n7j3lisupn] {
    background: #f15b68;
}

.stock-balance-actions[b-n7j3lisupn] {
    justify-content: flex-end;
    gap: 0.3rem;
}

.stock-balance-manage[b-n7j3lisupn],
.stock-balance-delete[b-n7j3lisupn] {
    min-height: 34px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    font: inherit;
    cursor: pointer;
}

.stock-balance-manage[b-n7j3lisupn] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0 0.55rem;
    color: var(--ui-text-secondary);
    background: var(--ui-panel-control);
    font-size: 0.72rem;
}

.stock-balance-delete[b-n7j3lisupn] {
    width: 34px;
    color: #f15b68;
    background: var(--ui-panel-control);
}

.stock-locations-empty[b-n7j3lisupn],
.stock-locations-alert[b-n7j3lisupn] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.stock-locations-empty[b-n7j3lisupn] {
    min-height: 290px;
    flex-direction: column;
    padding: 2rem;
    text-align: center;
}

.stock-locations-empty > span[b-n7j3lisupn] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 0.75rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 50%;
    color: var(--order-positive-text, var(--stock-accent));
    background: var(--ui-panel-control);
}

.stock-locations-empty h3[b-n7j3lisupn] {
    margin: 0;
    font-size: 1.008rem;
}

.stock-locations-empty p[b-n7j3lisupn] {
    max-width: 52ch;
    margin: 0.35rem 0 1rem;
    color: var(--stock-muted);
    font-size: 0.784rem;
}

.stock-locations-alert[b-n7j3lisupn] {
    gap: 0.5rem;
    padding: 0.75rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.08);
    font-size: 0.784rem;
}

.stock-locations-alert button[b-n7j3lisupn] {
    border: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-weight: 700;
}

.stock-locations-skeleton[b-n7j3lisupn] {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
    background: var(--ui-canvas-subtle);
}

.stock-locations-skeleton span[b-n7j3lisupn] {
    height: 140px;
    border: 1px solid var(--stock-border);
    background: var(--ui-panel-card-alt);
    animation: stock-locations-pulse-b-n7j3lisupn 1.2s ease-in-out infinite alternate;
}

@keyframes stock-locations-pulse-b-n7j3lisupn {
    to { background: var(--ui-panel-hover-alt); }
}

.stock-locations-panel[b-n7j3lisupn] {
    width: min(570px, 100vw);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
}

.stock-locations-panel .slide-over-header[b-n7j3lisupn] {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.stock-locations-panel .slide-over-header h3[b-n7j3lisupn] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.12rem;
}

.stock-locations-panel .slide-over-header p[b-n7j3lisupn] {
    margin: 0.25rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.762rem;
}

.stock-locations-panel-close[b-n7j3lisupn] {
    width: 36px;
    height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
}

.stock-locations-panel .slide-over-body[b-n7j3lisupn] {
    padding: 1rem;
}

.stock-locations-form-error[b-n7j3lisupn] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.8rem;
    padding: 0.65rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.09);
    font-size: 0.739rem;
}

.stock-locations-panel-section[b-n7j3lisupn] {
    margin-bottom: 1rem;
    padding: 0.9rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-panel);
}

.stock-locations-panel-heading[b-n7j3lisupn] {
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.stock-locations-panel-heading > span[b-n7j3lisupn] {
    width: 34px;
    height: 34px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.3rem;
    color: var(--order-positive-text, var(--stock-accent));
    background: var(--ui-panel-hover-alt);
}

.stock-locations-panel-heading h4[b-n7j3lisupn] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.851rem;
}

.stock-locations-panel-heading p[b-n7j3lisupn] {
    margin: 0.15rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.stock-locations-field[b-n7j3lisupn] {
    margin-bottom: 0.8rem;
}

.stock-locations-field:last-child[b-n7j3lisupn] {
    margin-bottom: 0;
}

.stock-locations-field label[b-n7j3lisupn] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--ui-text-secondary);
    font-size: 0.728rem;
    font-weight: 650;
}

.stock-locations-field label span[b-n7j3lisupn] {
    color: #f15b68;
}

.stock-locations-field input[b-n7j3lisupn],
.stock-locations-field select[b-n7j3lisupn] {
    width: 100%;
    min-height: 40px;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    outline: 0;
    color: var(--ui-text-primary);
    background: var(--ui-canvas-subtle);
    font: inherit;
    font-size: 0.784rem;
}

.stock-locations-field select:disabled[b-n7j3lisupn] {
    color: var(--ui-text-muted);
    background: var(--light-control-bg, #181a1f);
}

.stock-locations-field small[b-n7j3lisupn] {
    display: block;
    margin-top: 0.3rem;
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.stock-locations-quantity[b-n7j3lisupn] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
}

.stock-locations-quantity input[b-n7j3lisupn] {
    border-radius: 0.3rem 0 0 0.3rem;
}

.stock-locations-quantity span[b-n7j3lisupn] {
    min-width: 72px;
    display: grid;
    place-items: center;
    padding: 0 0.55rem;
    border: 1px solid var(--ui-border-strong);
    border-left: 0;
    border-radius: 0 0.3rem 0.3rem 0;
    color: var(--ui-text-supporting);
    background: var(--ui-panel-hover-alt);
    font-size: 0.72rem;
}

.stock-locations-context[b-n7j3lisupn] {
    gap: 1px;
    margin-top: 0.8rem;
    background: var(--ui-border);
}

.stock-locations-context div[b-n7j3lisupn] {
    flex: 1;
    padding: 0.65rem;
    background: var(--ui-panel-deep);
}

.stock-locations-context span[b-n7j3lisupn],
.stock-locations-context strong[b-n7j3lisupn] {
    display: block;
}

.stock-locations-context span[b-n7j3lisupn] {
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.stock-locations-context strong[b-n7j3lisupn] {
    margin-top: 0.18rem;
    color: var(--ui-text-secondary-strong);
    font-size: 0.739rem;
}

.stock-locations-next-step[b-n7j3lisupn] {
    align-items: flex-start;
    gap: 0.65rem;
    margin-bottom: 1rem;
    padding: 0.75rem;
    border: 1px solid var(--ui-border);
    color: var(--ui-text-muted);
    background: var(--ui-panel);
    font-size: 0.72rem;
}

.stock-locations-next-step > i[b-n7j3lisupn] {
    color: var(--order-positive-text, var(--stock-accent));
    font-size: 1.12rem;
}

.stock-locations-next-step > span[b-n7j3lisupn] {
    flex: 1;
}

.stock-locations-next-step strong[b-n7j3lisupn] {
    display: block;
    color: var(--ui-text-secondary-strong);
    font-size: 0.75rem;
}

.stock-locations-next-step a[b-n7j3lisupn] {
    color: var(--order-positive-text, var(--stock-accent));
    white-space: nowrap;
}

.stock-locations-panel-footer[b-n7j3lisupn] {
    position: sticky;
    bottom: -1rem;
    justify-content: flex-end;
    gap: 0.5rem;
    margin: 0 -1rem -1rem;
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.stock-locations-delete-backdrop[b-n7j3lisupn] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.8);
}

.stock-locations-delete-dialog[b-n7j3lisupn] {
    width: min(100%, 430px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid var(--ui-border-hover);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
}

.stock-locations-delete-dialog > span[b-n7j3lisupn] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #f15b68;
    background: rgba(241, 91, 104, 0.12);
}

.stock-locations-delete-dialog h3[b-n7j3lisupn] {
    margin: 0;
    font-size: 1.008rem;
}

.stock-locations-delete-dialog p[b-n7j3lisupn] {
    margin: 0.3rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.784rem;
    line-height: 1.5;
}

.stock-locations-delete-dialog footer[b-n7j3lisupn] {
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: 0.5rem;
}

.stock-locations-page button:focus-visible[b-n7j3lisupn],
.stock-locations-page a:focus-visible[b-n7j3lisupn],
.stock-locations-panel button:focus-visible[b-n7j3lisupn],
.stock-locations-panel select:focus-visible[b-n7j3lisupn],
.stock-locations-delete-dialog button:focus-visible[b-n7j3lisupn] {
    outline: 2px solid var(--stock-accent, #17c8a3);
    outline-offset: 2px;
}

@media (max-width: 1080px) {
    .stock-venue > header[b-n7j3lisupn] {
        grid-template-columns: minmax(200px, 1fr) minmax(120px, 0.5fr) auto;
    }

    .stock-venue-stat:first-of-type[b-n7j3lisupn] {
        display: none;
    }

    .stock-balance-row[b-n7j3lisupn] {
        grid-template-columns: 30px minmax(170px, 1fr) minmax(120px, 0.6fr) 90px auto;
    }

    .stock-balance-updated[b-n7j3lisupn] {
        display: none;
    }
}

@media (max-width: 760px) {
    .stock-locations-summary[b-n7j3lisupn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .stock-venue > header[b-n7j3lisupn] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .stock-venue-stat[b-n7j3lisupn] {
        display: none;
    }

    .stock-balance-row[b-n7j3lisupn] {
        grid-template-columns: 30px minmax(0, 1fr) auto;
    }

    .stock-balance-quantity[b-n7j3lisupn],
    .stock-status[b-n7j3lisupn] {
        grid-column: 2;
    }

    .stock-balance-actions[b-n7j3lisupn] {
        grid-column: 3;
        grid-row: 1 / span 3;
    }
}

@media (max-width: 640px) {
    .stock-locations-page[b-n7j3lisupn] {
        padding: 0.75rem;
    }

    .stock-locations-header[b-n7j3lisupn],
    .stock-locations-toolbar[b-n7j3lisupn] {
        align-items: stretch;
        flex-direction: column;
    }

    .stock-locations-header .stock-locations-primary[b-n7j3lisupn],
    .stock-locations-search[b-n7j3lisupn] {
        width: 100%;
    }

    .stock-locations-toolbar-actions[b-n7j3lisupn] {
        align-items: stretch;
        flex-direction: column;
    }

    .stock-locations-toolbar-actions select[b-n7j3lisupn] {
        width: 100%;
        max-width: none;
    }

    .stock-locations-filters[b-n7j3lisupn] {
        overflow-x: auto;
    }

    .stock-locations-list-heading a[b-n7j3lisupn] {
        display: none;
    }

    .stock-venue > header[b-n7j3lisupn] {
        grid-template-columns: 1fr;
    }

    .stock-venue-add[b-n7j3lisupn] {
        width: 100%;
    }

    .stock-balance-row[b-n7j3lisupn] {
        grid-template-columns: 30px minmax(0, 1fr);
    }

    .stock-balance-quantity[b-n7j3lisupn],
    .stock-status[b-n7j3lisupn] {
        grid-column: 2;
    }

    .stock-balance-actions[b-n7j3lisupn] {
        grid-column: 1 / -1;
        grid-row: auto;
        justify-content: stretch;
    }

    .stock-balance-manage[b-n7j3lisupn] {
        flex: 1;
        justify-content: center;
    }

    .stock-locations-next-step[b-n7j3lisupn] {
        flex-wrap: wrap;
    }

    .stock-locations-next-step a[b-n7j3lisupn] {
        width: 100%;
        padding-left: 1.65rem;
    }

    .stock-locations-delete-dialog[b-n7j3lisupn] {
        grid-template-columns: 1fr;
    }

    .stock-locations-delete-dialog footer[b-n7j3lisupn] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stock-locations-skeleton span[b-n7j3lisupn] {
        animation: none;
    }
}
/* /Components/Pages/Setup/TakeoutPreOrderSettings.razor.rz.scp.css */
.takeout-page[b-vjzbr163pi] {
    --to-bg: var(--ui-canvas);
    --to-panel: var(--ui-panel);
    --to-border: var(--ui-border);
    --to-text: var(--ui-text-primary);
    --to-muted: var(--ui-text-muted);
    --to-accent: #17c8a3;
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--to-text);
    background: var(--to-bg);
}

.takeout-header[b-vjzbr163pi],
.takeout-breadcrumb[b-vjzbr163pi],
.takeout-heading[b-vjzbr163pi],
.takeout-actions[b-vjzbr163pi],
.takeout-columns[b-vjzbr163pi],
.takeout-link-preview[b-vjzbr163pi],
.takeout-switch[b-vjzbr163pi],
.takeout-alert[b-vjzbr163pi] {
    display: flex;
    align-items: center;
}

.takeout-header[b-vjzbr163pi] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.takeout-breadcrumb[b-vjzbr163pi] {
    gap: 0.35rem;
    margin-bottom: 0.3rem;
    color: var(--ui-text-dim);
    font-size: 0.72rem;
}

.takeout-breadcrumb a[b-vjzbr163pi] {
    color: var(--ui-text-dim-alt);
    text-decoration: none;
}

.takeout-header h1[b-vjzbr163pi] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.366rem;
    font-weight: 740;
}

.takeout-header p[b-vjzbr163pi] {
    margin: 0.3rem 0 0;
    max-width: 74ch;
    color: var(--to-muted);
    font-size: 0.851rem;
    line-height: 1.45;
}

.takeout-primary[b-vjzbr163pi],
.takeout-secondary[b-vjzbr163pi] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0 0.85rem;
    border-radius: 0.35rem;
    font: inherit;
    font-size: 0.784rem;
    font-weight: 720;
    white-space: nowrap;
    cursor: pointer;
}

.takeout-primary[b-vjzbr163pi] {
    border: 1px solid var(--to-accent);
    color: #052019;
    background: var(--to-accent);
}

.takeout-secondary[b-vjzbr163pi] {
    border: 1px solid var(--ui-border-strong);
    color: var(--ui-text-secondary);
    background: var(--ui-panel);
}

.takeout-primary:disabled[b-vjzbr163pi],
.takeout-secondary:disabled[b-vjzbr163pi] {
    opacity: 0.6;
    cursor: not-allowed;
}

.takeout-summary[b-vjzbr163pi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 1rem;
    border: 1px solid var(--to-border);
    background: var(--to-border);
}

.takeout-summary article[b-vjzbr163pi] {
    padding: 0.8rem 0.9rem;
    background: var(--to-panel);
}

.takeout-summary span[b-vjzbr163pi],
.takeout-summary small[b-vjzbr163pi] {
    display: block;
    color: var(--to-muted);
    font-size: 0.72rem;
}

.takeout-summary strong[b-vjzbr163pi] {
    display: block;
    margin: 0.2rem 0;
    color: var(--ui-text-strong);
    font-size: 1.12rem;
    font-weight: 730;
}

.takeout-alerts[b-vjzbr163pi] {
    margin-bottom: 1rem;
}

.takeout-alert[b-vjzbr163pi] {
    gap: 0.45rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #2f3541;
    color: var(--order-control-foreground, #ced6e2);
    background: var(--light-control-bg, #13151a);
    font-size: 0.806rem;
}

.takeout-alert + .takeout-alert[b-vjzbr163pi] {
    margin-top: 0.5rem;
}

.takeout-alert.success[b-vjzbr163pi] {
    border-color: #1f5f4f;
    color: var(--order-positive-text, #bbf2e3);
    background: var(--order-positive-surface, #10352d);
}

.takeout-alert.danger[b-vjzbr163pi] {
    border-color: #6d3239;
    color: var(--order-negative-text, #ffd7db);
    background: var(--order-negative-surface, #3b1e24);
}

.takeout-workspace[b-vjzbr163pi] {
    border: 1px solid var(--to-border);
    background: var(--to-panel);
}

.takeout-heading[b-vjzbr163pi] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 0.85rem;
    border-bottom: 1px solid var(--to-border);
}

.takeout-heading h2[b-vjzbr163pi] {
    margin: 0;
    font-size: 1.008rem;
    font-weight: 710;
}

.takeout-heading span[b-vjzbr163pi],
.takeout-heading p[b-vjzbr163pi] {
    margin: 0.2rem 0 0;
    color: var(--to-muted);
    font-size: 0.762rem;
}

.takeout-grid[b-vjzbr163pi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 0.75rem;
}

.takeout-panel[b-vjzbr163pi] {
    border: 1px solid #2d323b;
    background: var(--ui-panel-compact);
    padding: 0.7rem;
}

.takeout-panel header[b-vjzbr163pi] {
    margin-bottom: 0.6rem;
}

.takeout-panel h3[b-vjzbr163pi] {
    margin: 0;
    font-size: 0.862rem;
    font-weight: 700;
}

.takeout-panel header small[b-vjzbr163pi] {
    display: block;
    margin-top: 0.15rem;
    color: var(--to-muted);
    font-size: 0.72rem;
}

.takeout-switch[b-vjzbr163pi] {
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.5rem 0;
}

.takeout-switch + .takeout-switch[b-vjzbr163pi] {
    border-top: 1px solid #262b34;
}

.takeout-switch input[b-vjzbr163pi] {
    margin-top: 0.12rem;
}

.takeout-switch strong[b-vjzbr163pi] {
    display: block;
    font-size: 0.795rem;
    font-weight: 680;
}

.takeout-switch small[b-vjzbr163pi] {
    display: block;
    margin-top: 0.1rem;
    color: var(--to-muted);
    font-size: 0.72rem;
    line-height: 1.35;
}

.takeout-field[b-vjzbr163pi] {
    display: block;
}

.takeout-field span[b-vjzbr163pi] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--ui-text-card-strong);
    font-size: 0.739rem;
    font-weight: 650;
}

.takeout-field input[b-vjzbr163pi] {
    width: 100%;
    min-height: 38px;
    padding: 0 0.6rem;
    border: 1px solid var(--ui-border-strong);
    color: var(--to-text);
    background: var(--light-field-bg, #0f1116);
    font: inherit;
    font-size: 0.806rem;
}

.takeout-field input:focus[b-vjzbr163pi] {
    border-color: var(--to-accent);
    outline: none;
}

.takeout-field small[b-vjzbr163pi] {
    display: block;
    margin-top: 0.2rem;
    color: var(--to-muted);
    font-size: 0.72rem;
}

.takeout-columns[b-vjzbr163pi] {
    gap: 0.6rem;
    margin-bottom: 0.6rem;
}

.takeout-columns .takeout-field[b-vjzbr163pi] {
    flex: 1 1 0;
}

.takeout-link-preview[b-vjzbr163pi] {
    justify-content: space-between;
    margin-top: 0.5rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid #313844;
    background: var(--light-control-bg, #0f1217);
    gap: 0.6rem;
}

.takeout-link-preview span[b-vjzbr163pi] {
    color: var(--to-muted);
    font-size: 0.72rem;
}

.takeout-link-preview strong[b-vjzbr163pi] {
    color: #c9f4e9;
    font-size: 0.762rem;
    word-break: break-all;
}

.takeout-validation[b-vjzbr163pi] {
    margin: 0 0.75rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid #6d3239;
    color: #ffd7db;
    background: #3b1e24;
    font-size: 0.795rem;
}

.takeout-validation strong[b-vjzbr163pi] {
    font-size: 0.762rem;
}

.takeout-validation ul[b-vjzbr163pi] {
    margin: 0.35rem 0 0;
    padding-left: 1rem;
}

.takeout-validation li + li[b-vjzbr163pi] {
    margin-top: 0.2rem;
}

.takeout-actions[b-vjzbr163pi] {
    justify-content: flex-end;
    gap: 0.55rem;
    padding: 0.75rem;
    border-top: 1px solid var(--to-border);
}

.takeout-skeleton[b-vjzbr163pi] {
    display: grid;
    gap: 0.65rem;
    padding: 0.75rem;
}

.takeout-skeleton span[b-vjzbr163pi] {
    height: 54px;
    border: 1px solid #262b34;
    background: linear-gradient(90deg, #111419 0%, #1a1f28 45%, #111419 100%);
    background-size: 220% 100%;
    animation: takeout-loading-b-vjzbr163pi 1.4s ease-in-out infinite;
}

@keyframes takeout-loading-b-vjzbr163pi {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

@media (max-width: 1000px) {
    .takeout-summary[b-vjzbr163pi],
    .takeout-grid[b-vjzbr163pi] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 760px) {
    .takeout-page[b-vjzbr163pi] {
        padding: 0.9rem;
    }

    .takeout-header[b-vjzbr163pi],
    .takeout-heading[b-vjzbr163pi],
    .takeout-columns[b-vjzbr163pi],
    .takeout-actions[b-vjzbr163pi] {
        flex-direction: column;
        align-items: stretch;
    }

    .takeout-summary[b-vjzbr163pi],
    .takeout-grid[b-vjzbr163pi] {
        grid-template-columns: 1fr;
    }

    .takeout-actions .takeout-secondary[b-vjzbr163pi],
    .takeout-actions .takeout-primary[b-vjzbr163pi] {
        width: 100%;
    }
}
/* /Components/Pages/Setup/TaxCategories.razor.rz.scp.css */
.tax-page[b-kefppkk0p2] {
    --tax-bg: var(--ui-canvas);
    --tax-panel: var(--ui-panel);
    --tax-panel-alt: var(--ui-panel-raised-alt);
    --tax-border: var(--ui-border);
    --tax-text: var(--ui-text-primary);
    --tax-muted: var(--ui-text-muted);
    --tax-accent: #17c8a3;
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--tax-text);
    background: var(--tax-bg);
}

.tax-header[b-kefppkk0p2],
.tax-toolbar[b-kefppkk0p2],
.tax-list-heading[b-kefppkk0p2],
.tax-row[b-kefppkk0p2],
.tax-identity[b-kefppkk0p2],
.tax-name[b-kefppkk0p2],
.tax-actions[b-kefppkk0p2],
.tax-panel-heading[b-kefppkk0p2],
.tax-toggle[b-kefppkk0p2],
.tax-panel-footer[b-kefppkk0p2],
.tax-linked-list article[b-kefppkk0p2],
.tax-inline-empty[b-kefppkk0p2],
.tax-delete-dialog footer[b-kefppkk0p2] {
    display: flex;
    align-items: center;
}

.tax-header[b-kefppkk0p2] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.tax-breadcrumb[b-kefppkk0p2] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin-bottom: .3rem;
    color: var(--ui-text-dim);
    font-size: 0.72rem;
}

.tax-breadcrumb a[b-kefppkk0p2] {
    color: var(--ui-text-dim-alt);
    text-decoration: none;
}

.tax-header h1[b-kefppkk0p2] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.4rem;
    font-weight: 740;
}

.tax-header p[b-kefppkk0p2] {
    max-width: 72ch;
    margin: .3rem 0 0;
    color: var(--tax-muted);
    font-size: 0.851rem;
    line-height: 1.5;
}

.tax-primary[b-kefppkk0p2],
.tax-panel-footer[b-kefppkk0p2]  .tax-primary,
.tax-secondary[b-kefppkk0p2],
.tax-delete-dialog[b-kefppkk0p2]  .tax-danger {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: 0 .75rem;
    border-radius: .35rem;
    font: inherit;
    font-size: 0.784rem;
    font-weight: 720;
    white-space: nowrap;
    cursor: pointer;
}

.tax-primary[b-kefppkk0p2],
.tax-panel-footer[b-kefppkk0p2]  .tax-primary {
    border: 1px solid var(--tax-accent);
    color: #061d18;
    background: var(--tax-accent);
}

.tax-secondary[b-kefppkk0p2] {
    border: 1px solid var(--ui-border-strong);
    color: var(--ui-text-secondary);
    background: var(--ui-panel);
}

.tax-delete-dialog[b-kefppkk0p2]  .tax-danger {
    border: 1px solid #f15b68;
    color: #fff;
    background: #c83f4b;
}

.tax-summary[b-kefppkk0p2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 1rem;
    border: 1px solid var(--tax-border);
    background: var(--tax-border);
}

.tax-summary article[b-kefppkk0p2] {
    min-width: 0;
    padding: .8rem .9rem;
    background: var(--tax-panel);
}

.tax-summary span[b-kefppkk0p2],
.tax-summary small[b-kefppkk0p2] {
    display: block;
    color: var(--tax-muted);
    font-size: 0.72rem;
}

.tax-summary strong[b-kefppkk0p2] {
    display: block;
    margin: .2rem 0;
    color: var(--ui-text-strong);
    font-size: 1.288rem;
    font-weight: 730;
}

.tax-workspace[b-kefppkk0p2] {
    border: 1px solid var(--tax-border);
    background: var(--tax-panel);
}

.tax-toolbar[b-kefppkk0p2] {
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem;
    border-bottom: 1px solid var(--tax-border);
}

.tax-search[b-kefppkk0p2] {
    min-width: min(100%, 320px);
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: 0 .65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: .35rem;
    color: var(--tax-muted);
    background: var(--ui-panel-deep);
}

.tax-search:focus-within[b-kefppkk0p2] {
    border-color: var(--tax-accent);
}

.tax-search input[b-kefppkk0p2] {
    width: 100%;
    min-height: 38px;
    border: 0;
    outline: 0;
    color: var(--tax-text);
    background: transparent;
    font: inherit;
    font-size: 0.806rem;
}

.tax-search button[b-kefppkk0p2],
.tax-panel-close[b-kefppkk0p2],
.tax-linked-list button[b-kefppkk0p2],
.tax-edit[b-kefppkk0p2],
.tax-delete[b-kefppkk0p2] {
    border: 0;
    color: var(--tax-muted);
    background: transparent;
    cursor: pointer;
}

.tax-filters[b-kefppkk0p2] {
    display: flex;
    align-items: flex-end;
    gap: .5rem;
}

.tax-filters label[b-kefppkk0p2] {
    display: grid;
    gap: .22rem;
    color: var(--tax-muted);
    font-size: 0.72rem;
}

.tax-filters select[b-kefppkk0p2] {
    min-height: 36px;
    padding: 0 1.7rem 0 .55rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: .3rem;
    outline: 0;
    color: var(--ui-text-secondary-strong);
    background: var(--ui-panel-deep);
    font: inherit;
    font-size: 0.72rem;
}

.tax-list-heading[b-kefppkk0p2] {
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--tax-border);
}

.tax-list-heading h2[b-kefppkk0p2] {
    display: inline;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.918rem;
}

.tax-list-heading span[b-kefppkk0p2] {
    margin-left: .45rem;
    color: var(--tax-muted);
    font-size: 0.72rem;
}

.tax-list-heading p[b-kefppkk0p2] {
    margin: 0;
    color: var(--tax-muted);
    font-size: 0.72rem;
}

.tax-content[b-kefppkk0p2] {
    min-height: 260px;
}

.tax-list[b-kefppkk0p2] {
    display: grid;
    gap: 1px;
    background: var(--tax-border);
}

.tax-row[b-kefppkk0p2] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(210px, 1fr) minmax(100px, .4fr) minmax(260px, 1.25fr) minmax(145px, .65fr) auto;
    gap: .9rem;
    padding: .8rem 1rem;
    background: var(--tax-panel);
}

.tax-row:hover[b-kefppkk0p2] {
    background: var(--tax-panel-alt);
}

.tax-identity[b-kefppkk0p2] {
    min-width: 0;
    gap: .7rem;
}

.tax-icon[b-kefppkk0p2] {
    width: 36px;
    height: 36px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--ui-border-strong);
    border-radius: .3rem;
    color: var(--order-positive-text, var(--tax-accent));
    background: var(--ui-panel-deep);
}

.tax-identity > div[b-kefppkk0p2],
.tax-rate[b-kefppkk0p2],
.tax-components[b-kefppkk0p2],
.tax-policy[b-kefppkk0p2] {
    min-width: 0;
}

.tax-name[b-kefppkk0p2] {
    gap: .45rem;
}

.tax-name h3[b-kefppkk0p2] {
    min-width: 0;
    overflow: hidden;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.851rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tax-identity p[b-kefppkk0p2],
.tax-rate > span[b-kefppkk0p2],
.tax-rate small[b-kefppkk0p2],
.tax-components > span[b-kefppkk0p2],
.tax-components small[b-kefppkk0p2],
.tax-policy > span[b-kefppkk0p2],
.tax-policy small[b-kefppkk0p2] {
    display: block;
    overflow: hidden;
    color: var(--tax-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tax-identity p[b-kefppkk0p2] {
    margin: .2rem 0 0;
}

.tax-rate strong[b-kefppkk0p2],
.tax-components > strong[b-kefppkk0p2],
.tax-policy strong[b-kefppkk0p2] {
    display: block;
    overflow: hidden;
    margin: .18rem 0;
    color: var(--ui-text-secondary-strong);
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tax-rate strong[b-kefppkk0p2] {
    color: var(--ui-text-strong);
    font-size: 0.918rem;
}

.tax-components > strong.attention[b-kefppkk0p2] {
    color: #f2b052;
}

.tax-status[b-kefppkk0p2] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    padding: .18rem .34rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 999px;
    font-size: 0.72rem;
    white-space: nowrap;
}

.tax-status i[b-kefppkk0p2] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.tax-status.ready[b-kefppkk0p2] {
    color: var(--order-positive-text, #72dec7);
}

.tax-status.ready i[b-kefppkk0p2] {
    background: var(--tax-accent);
}

.tax-status.attention[b-kefppkk0p2] {
    color: #f2b052;
}

.tax-status.attention i[b-kefppkk0p2] {
    background: #e39a36;
}

.tax-stack[b-kefppkk0p2] {
    display: flex;
    gap: .28rem;
    margin-top: .25rem;
    overflow: hidden;
}

.tax-stack span[b-kefppkk0p2] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .2rem .35rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: .25rem;
    color: var(--ui-text-secondary);
    background: var(--ui-panel-deep);
    font-size: 0.72rem;
    white-space: nowrap;
}

.tax-stack b[b-kefppkk0p2] {
    color: var(--order-positive-text, var(--tax-accent));
}

.tax-stack em[b-kefppkk0p2] {
    color: #fff;
    font-style: normal;
}

.tax-actions[b-kefppkk0p2] {
    justify-content: flex-end;
    gap: .3rem;
}

.tax-manage[b-kefppkk0p2],
.tax-edit[b-kefppkk0p2],
.tax-delete[b-kefppkk0p2] {
    min-height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: .3rem;
    font: inherit;
}

.tax-manage[b-kefppkk0p2] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: 0 .6rem;
    color: var(--ui-text-secondary);
    background: var(--ui-panel-control);
    font-size: 0.72rem;
    cursor: pointer;
}

.tax-edit[b-kefppkk0p2],
.tax-delete[b-kefppkk0p2] {
    width: 36px;
    background: var(--ui-panel-control);
}

.tax-delete[b-kefppkk0p2] {
    color: #f15b68;
}

.tax-empty[b-kefppkk0p2],
.tax-alert[b-kefppkk0p2] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tax-empty[b-kefppkk0p2] {
    min-height: 290px;
    flex-direction: column;
    padding: 2rem;
    text-align: center;
}

.tax-empty > span[b-kefppkk0p2] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: .75rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 50%;
    color: var(--order-positive-text, var(--tax-accent));
    background: var(--ui-panel-control);
}

.tax-empty h3[b-kefppkk0p2] {
    margin: 0;
    font-size: 1.008rem;
}

.tax-empty p[b-kefppkk0p2] {
    max-width: 52ch;
    margin: .35rem 0 1rem;
    color: var(--tax-muted);
    font-size: 0.784rem;
}

.tax-alert[b-kefppkk0p2] {
    gap: .5rem;
    padding: .75rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, .08);
    font-size: 0.784rem;
}

.tax-alert button[b-kefppkk0p2] {
    border: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-weight: 700;
}

.tax-skeleton[b-kefppkk0p2] {
    display: grid;
    gap: 1px;
    background: var(--tax-border);
}

.tax-skeleton span[b-kefppkk0p2] {
    height: 78px;
    background: var(--ui-panel-card-alt);
    animation: tax-pulse-b-kefppkk0p2 1.2s ease-in-out infinite alternate;
}

@keyframes tax-pulse-b-kefppkk0p2 {
    to { background: var(--ui-panel-hover-alt); }
}

.tax-panel[b-kefppkk0p2] {
    width: min(600px, 100vw);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
}

.tax-manage-panel[b-kefppkk0p2] {
    width: min(720px, 100vw);
}

.tax-panel .slide-over-header[b-kefppkk0p2] {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.tax-panel .slide-over-header h3[b-kefppkk0p2] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.12rem;
}

.tax-panel .slide-over-header p[b-kefppkk0p2] {
    margin: .25rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.762rem;
}

.tax-panel-close[b-kefppkk0p2] {
    width: 36px;
    height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: .35rem;
}

.tax-panel .slide-over-body[b-kefppkk0p2] {
    padding: 1rem;
}

.tax-form-error[b-kefppkk0p2] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .8rem;
    padding: .65rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, .09);
    font-size: 0.739rem;
}

.tax-panel-section[b-kefppkk0p2] {
    margin-bottom: 1rem;
    padding: .9rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-panel);
}

.tax-panel-heading[b-kefppkk0p2] {
    gap: .65rem;
    margin-bottom: .85rem;
}

.tax-panel-heading > span[b-kefppkk0p2] {
    width: 34px;
    height: 34px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .3rem;
    color: var(--order-positive-text, var(--tax-accent));
    background: var(--ui-panel-hover-alt);
}

.tax-panel-heading h4[b-kefppkk0p2] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.851rem;
}

.tax-panel-heading p[b-kefppkk0p2] {
    margin: .15rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.tax-policy-strip[b-kefppkk0p2] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 1rem;
    border: 1px solid var(--status-success-border);
    background: var(--status-success-border);
}

.tax-policy-strip div[b-kefppkk0p2] {
    padding: .65rem .75rem;
    background: var(--order-positive-surface, #121a19);
}

.tax-policy-strip span[b-kefppkk0p2],
.tax-policy-strip strong[b-kefppkk0p2] {
    display: block;
}

.tax-policy-strip span[b-kefppkk0p2] {
    color: #8fa29e;
    font-size: 0.72rem;
}

.tax-policy-strip strong[b-kefppkk0p2] {
    margin-top: .18rem;
    color: var(--order-positive-text, #72dec7);
    font-size: 0.806rem;
}

.tax-field[b-kefppkk0p2] {
    margin-bottom: .8rem;
}

.tax-field:last-child[b-kefppkk0p2] {
    margin-bottom: 0;
}

.tax-field label[b-kefppkk0p2] {
    display: block;
    margin-bottom: .35rem;
    color: var(--ui-text-secondary);
    font-size: 0.728rem;
    font-weight: 650;
}

.tax-field label span[b-kefppkk0p2] {
    color: #f15b68;
}

.tax-field input[b-kefppkk0p2],
.tax-field select[b-kefppkk0p2] {
    width: 100%;
    min-height: 40px;
    padding: .55rem .65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: .3rem;
    outline: 0;
    color: var(--ui-text-primary);
    background: var(--ui-canvas-subtle);
    font: inherit;
    font-size: 0.784rem;
}

.tax-field small[b-kefppkk0p2] {
    display: block;
    margin-top: .3rem;
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.tax-form-grid[b-kefppkk0p2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 .65rem;
}

.tax-form-grid .tax-field:first-child[b-kefppkk0p2] {
    grid-column: 1 / -1;
}

.tax-toggle[b-kefppkk0p2] {
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
}

.tax-toggle strong[b-kefppkk0p2],
.tax-toggle small[b-kefppkk0p2] {
    display: block;
}

.tax-toggle strong[b-kefppkk0p2] {
    color: var(--ui-text-secondary-strong);
    font-size: 0.762rem;
}

.tax-toggle small[b-kefppkk0p2] {
    max-width: 42ch;
    margin-top: .15rem;
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.tax-toggle input[b-kefppkk0p2] {
    width: 36px;
    height: 20px;
    flex: 0 0 auto;
    accent-color: var(--tax-accent);
}

.tax-behavior-grid[b-kefppkk0p2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.tax-behavior-grid .tax-toggle[b-kefppkk0p2] {
    padding: .65rem;
    border: 1px solid var(--ui-border-muted);
    background: var(--ui-panel-deep);
}

.tax-linked-list[b-kefppkk0p2] {
    display: grid;
    gap: 1px;
    border: 1px solid var(--ui-border);
    background: var(--ui-border);
}

.tax-linked-list article[b-kefppkk0p2] {
    min-width: 0;
    gap: .65rem;
    padding: .6rem;
    background: var(--ui-panel-deep);
}

.tax-order[b-kefppkk0p2] {
    width: 28px;
    height: 28px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .25rem;
    color: var(--order-positive-text, #72dec7);
    background: var(--order-positive-surface, #202a28);
    font-size: 0.72rem;
    font-weight: 700;
}

.tax-linked-name[b-kefppkk0p2] {
    min-width: 0;
    flex: 1;
}

.tax-linked-name strong[b-kefppkk0p2],
.tax-linked-name small[b-kefppkk0p2] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tax-linked-name strong[b-kefppkk0p2] {
    color: var(--ui-text-secondary-strong);
    font-size: 0.739rem;
}

.tax-linked-name small[b-kefppkk0p2] {
    margin-top: .15rem;
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.tax-linked-rate[b-kefppkk0p2] {
    color: var(--ui-text-strong);
    font-size: 0.762rem;
}

.tax-linked-list button[b-kefppkk0p2] {
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    border: 1px solid var(--status-danger-border);
    border-radius: .3rem;
    color: #f15b68;
}

.tax-inline-empty[b-kefppkk0p2] {
    gap: .6rem;
    padding: .7rem;
    border: 1px solid #4a3c29;
    color: var(--light-warning-text, #f2b052);
    background: var(--light-warning-bg, #1b1813);
}

.tax-inline-empty.compact[b-kefppkk0p2] {
    border-color: var(--status-success-border);
    color: var(--order-positive-text, #72dec7);
    background: var(--order-positive-surface, #121a19);
}

.tax-inline-empty strong[b-kefppkk0p2],
.tax-inline-empty span[b-kefppkk0p2] {
    display: block;
}

.tax-inline-empty strong[b-kefppkk0p2] {
    font-size: 0.739rem;
}

.tax-inline-empty span[b-kefppkk0p2] {
    margin-top: .12rem;
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.tax-panel-footer[b-kefppkk0p2] {
    position: sticky;
    bottom: -1rem;
    z-index: 2;
    justify-content: flex-end;
    gap: .5rem;
    margin: 0 -1rem -1rem;
    padding: .8rem 1rem;
    border-top: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.tax-delete-backdrop[b-kefppkk0p2] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, .8);
}

.tax-delete-dialog[b-kefppkk0p2] {
    width: min(100%, 430px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .8rem;
    padding: 1rem;
    border: 1px solid var(--ui-border-hover);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .5);
}

.tax-delete-dialog > span[b-kefppkk0p2] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #f15b68;
    background: rgba(241, 91, 104, .12);
}

.tax-delete-dialog h3[b-kefppkk0p2] {
    margin: 0;
    font-size: 1.008rem;
}

.tax-delete-dialog p[b-kefppkk0p2] {
    margin: .3rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.784rem;
    line-height: 1.5;
}

.tax-delete-dialog footer[b-kefppkk0p2] {
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: .5rem;
}

.tax-page button:hover[b-kefppkk0p2],
.tax-panel button:hover[b-kefppkk0p2] {
    filter: brightness(1.08);
}

.tax-page button:focus-visible[b-kefppkk0p2],
.tax-page a:focus-visible[b-kefppkk0p2],
.tax-page input:focus-visible[b-kefppkk0p2],
.tax-page select:focus-visible[b-kefppkk0p2],
.tax-panel button:focus-visible[b-kefppkk0p2],
.tax-panel input:focus-visible[b-kefppkk0p2],
.tax-panel select:focus-visible[b-kefppkk0p2],
.tax-delete-dialog button:focus-visible[b-kefppkk0p2] {
    outline: 2px solid var(--tax-accent, #17c8a3);
    outline-offset: 2px;
}

.tax-field input:focus[b-kefppkk0p2],
.tax-field select:focus[b-kefppkk0p2],
.tax-filters select:focus[b-kefppkk0p2] {
    border-color: var(--tax-accent);
}

@media (max-width: 1120px) {
    .tax-row[b-kefppkk0p2] {
        grid-template-columns: minmax(210px, 1fr) minmax(100px, .4fr) minmax(230px, 1fr) auto;
    }

    .tax-policy[b-kefppkk0p2] {
        display: none;
    }
}

@media (max-width: 820px) {
    .tax-toolbar[b-kefppkk0p2] {
        align-items: stretch;
        flex-direction: column;
    }

    .tax-search[b-kefppkk0p2] {
        width: 100%;
    }

    .tax-filters[b-kefppkk0p2] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tax-filters select[b-kefppkk0p2] {
        width: 100%;
    }

    .tax-row[b-kefppkk0p2] {
        grid-template-columns: minmax(0, 1fr) minmax(210px, .9fr) auto;
    }

    .tax-rate[b-kefppkk0p2] {
        display: none;
    }
}

@media (max-width: 640px) {
    .tax-page[b-kefppkk0p2] {
        padding: .75rem;
    }

    .tax-header[b-kefppkk0p2] {
        align-items: stretch;
        flex-direction: column;
    }

    .tax-header .tax-primary[b-kefppkk0p2] {
        width: 100%;
    }

    .tax-summary[b-kefppkk0p2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tax-list-heading[b-kefppkk0p2] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tax-row[b-kefppkk0p2] {
        grid-template-columns: 1fr;
    }

    .tax-components[b-kefppkk0p2],
    .tax-actions[b-kefppkk0p2] {
        padding-left: 2.9rem;
    }

    .tax-actions[b-kefppkk0p2] {
        justify-content: stretch;
    }

    .tax-manage[b-kefppkk0p2] {
        flex: 1;
        justify-content: center;
    }

    .tax-panel[b-kefppkk0p2] {
        width: 100vw;
    }

    .tax-policy-strip[b-kefppkk0p2],
    .tax-form-grid[b-kefppkk0p2],
    .tax-behavior-grid[b-kefppkk0p2] {
        grid-template-columns: 1fr;
    }

    .tax-form-grid .tax-field:first-child[b-kefppkk0p2] {
        grid-column: auto;
    }

    .tax-delete-dialog[b-kefppkk0p2] {
        grid-template-columns: 1fr;
    }

    .tax-delete-dialog footer[b-kefppkk0p2] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tax-skeleton span[b-kefppkk0p2] {
        animation: none;
    }
}
/* /Components/Pages/Setup/TaxComponents.razor.rz.scp.css */
.tax-page[b-klsuyh3ju0] {
    --tax-bg: var(--ui-canvas);
    --tax-panel: var(--ui-panel);
    --tax-panel-alt: var(--ui-panel-raised-alt);
    --tax-border: var(--ui-border);
    --tax-text: var(--ui-text-primary);
    --tax-muted: var(--ui-text-muted);
    --tax-accent: #17c8a3;
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--tax-text);
    background: var(--tax-bg);
}

.tax-header[b-klsuyh3ju0],
.tax-toolbar[b-klsuyh3ju0],
.tax-list-heading[b-klsuyh3ju0],
.tax-identity[b-klsuyh3ju0],
.tax-name[b-klsuyh3ju0],
.tax-actions[b-klsuyh3ju0],
.tax-panel-heading[b-klsuyh3ju0],
.tax-rate-preview[b-klsuyh3ju0],
.tax-treatment-toggle[b-klsuyh3ju0],
.tax-panel-footer[b-klsuyh3ju0],
.tax-delete-dialog footer[b-klsuyh3ju0],
.tax-alert[b-klsuyh3ju0] {
    display: flex;
    align-items: center;
}

.tax-header[b-klsuyh3ju0] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.tax-breadcrumb[b-klsuyh3ju0] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-bottom: 0.3rem;
    color: var(--ui-text-dim);
    font-size: 0.72rem;
}

.tax-breadcrumb a[b-klsuyh3ju0] {
    color: var(--ui-text-dim-alt);
    text-decoration: none;
}

.tax-header h1[b-klsuyh3ju0] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.4rem;
    font-weight: 740;
}

.tax-header p[b-klsuyh3ju0] {
    max-width: 72ch;
    margin: 0.3rem 0 0;
    color: var(--tax-muted);
    font-size: 0.851rem;
    line-height: 1.5;
}

.tax-primary[b-klsuyh3ju0],
.tax-panel-footer[b-klsuyh3ju0]  .tax-primary,
.tax-secondary[b-klsuyh3ju0],
.tax-delete-dialog[b-klsuyh3ju0]  .tax-danger {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    padding: 0 0.75rem;
    border-radius: 0.35rem;
    font: inherit;
    font-size: 0.784rem;
    font-weight: 720;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.tax-primary[b-klsuyh3ju0],
.tax-panel-footer[b-klsuyh3ju0]  .tax-primary {
    border: 1px solid var(--tax-accent, #17c8a3);
    color: #061d18;
    background: var(--tax-accent, #17c8a3);
}

.tax-secondary[b-klsuyh3ju0] {
    border: 1px solid var(--ui-border-strong);
    color: var(--ui-text-secondary);
    background: var(--ui-panel);
}

.tax-delete-dialog[b-klsuyh3ju0]  .tax-danger {
    border: 1px solid #f15b68;
    color: #fff;
    background: #c83f4b;
}

.tax-summary[b-klsuyh3ju0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 1rem;
    border: 1px solid var(--tax-border);
    background: var(--tax-border);
}

.tax-summary article[b-klsuyh3ju0] {
    min-width: 0;
    padding: 0.8rem 0.9rem;
    background: var(--tax-panel);
}

.tax-summary span[b-klsuyh3ju0],
.tax-summary small[b-klsuyh3ju0] {
    display: block;
    color: var(--tax-muted);
    font-size: 0.72rem;
}

.tax-summary strong[b-klsuyh3ju0] {
    display: block;
    margin: 0.2rem 0;
    color: var(--ui-text-strong);
    font-size: 1.288rem;
    font-weight: 730;
}

.tax-workspace[b-klsuyh3ju0] {
    border: 1px solid var(--tax-border);
    background: var(--tax-panel);
}

.tax-toolbar[b-klsuyh3ju0] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem;
    border-bottom: 1px solid var(--tax-border);
}

.tax-search[b-klsuyh3ju0] {
    min-width: min(100%, 330px);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
    color: var(--tax-muted);
    background: var(--ui-panel-deep);
}

.tax-search:focus-within[b-klsuyh3ju0] {
    border-color: var(--tax-accent);
}

.tax-search input[b-klsuyh3ju0] {
    width: 100%;
    min-height: 38px;
    border: 0;
    outline: 0;
    color: var(--tax-text);
    background: transparent;
    font: inherit;
    font-size: 0.806rem;
}

.tax-search button[b-klsuyh3ju0],
.tax-panel-close[b-klsuyh3ju0],
.tax-delete[b-klsuyh3ju0] {
    border: 0;
    color: var(--tax-muted, var(--ui-text-muted));
    background: transparent;
    cursor: pointer;
}

.tax-filters[b-klsuyh3ju0] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
}

.tax-filters label[b-klsuyh3ju0] {
    display: grid;
    gap: 0.22rem;
    color: var(--tax-muted);
    font-size: 0.72rem;
}

.tax-filters select[b-klsuyh3ju0] {
    min-height: 36px;
    max-width: 180px;
    padding: 0 1.7rem 0 0.55rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    outline: 0;
    color: var(--ui-text-secondary-strong);
    background: var(--ui-panel-deep);
    font: inherit;
    font-size: 0.72rem;
}

.tax-list-heading[b-klsuyh3ju0] {
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--tax-border);
}

.tax-list-heading h2[b-klsuyh3ju0] {
    display: inline;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.918rem;
}

.tax-list-heading span[b-klsuyh3ju0] {
    margin-left: 0.45rem;
    color: var(--tax-muted);
    font-size: 0.72rem;
}

.tax-list-heading p[b-klsuyh3ju0] {
    margin: 0;
    color: var(--tax-muted);
    font-size: 0.72rem;
}

.tax-content[b-klsuyh3ju0] {
    min-height: 260px;
}

.tax-list[b-klsuyh3ju0] {
    display: grid;
    gap: 1px;
    background: var(--tax-border);
}

.tax-row[b-klsuyh3ju0] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(220px, 1.35fr) minmax(125px, 0.55fr) minmax(155px, 0.7fr) minmax(190px, 0.9fr) auto;
    align-items: center;
    gap: 0.9rem;
    padding: 0.8rem 1rem;
    background: var(--tax-panel);
}

.tax-row:hover[b-klsuyh3ju0] {
    background: var(--tax-panel-alt);
}

.tax-identity[b-klsuyh3ju0] {
    min-width: 0;
    gap: 0.7rem;
}

.tax-icon[b-klsuyh3ju0] {
    width: 36px;
    height: 36px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    color: var(--order-positive-text, var(--tax-accent));
    background: var(--ui-panel-deep);
}

.tax-identity > div[b-klsuyh3ju0],
.tax-rate[b-klsuyh3ju0],
.tax-scope[b-klsuyh3ju0],
.tax-treatment[b-klsuyh3ju0] {
    min-width: 0;
}

.tax-name[b-klsuyh3ju0] {
    gap: 0.45rem;
}

.tax-name h3[b-klsuyh3ju0] {
    min-width: 0;
    overflow: hidden;
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.851rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tax-name span[b-klsuyh3ju0] {
    padding: 0.16rem 0.3rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.25rem;
    color: var(--ui-text-supporting);
    font-size: 0.72rem;
    white-space: nowrap;
}

.tax-identity p[b-klsuyh3ju0],
.tax-rate > span[b-klsuyh3ju0],
.tax-rate small[b-klsuyh3ju0],
.tax-scope > span[b-klsuyh3ju0],
.tax-scope small[b-klsuyh3ju0],
.tax-treatment > span[b-klsuyh3ju0],
.tax-treatment small[b-klsuyh3ju0] {
    display: block;
    overflow: hidden;
    color: var(--tax-muted);
    font-size: 0.72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tax-identity p[b-klsuyh3ju0] {
    margin: 0.2rem 0 0;
}

.tax-rate strong[b-klsuyh3ju0],
.tax-scope strong[b-klsuyh3ju0],
.tax-treatment strong[b-klsuyh3ju0] {
    display: block;
    overflow: hidden;
    margin: 0.18rem 0;
    color: var(--ui-text-secondary-strong);
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tax-rate strong[b-klsuyh3ju0] {
    color: var(--ui-text-strong);
    font-size: 0.896rem;
}

.tax-treatment strong[b-klsuyh3ju0] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.tax-treatment strong i[b-klsuyh3ju0] {
    width: 6px;
    height: 6px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--ui-text-subtle-alt);
}

.tax-treatment strong.inclusive[b-klsuyh3ju0] {
    color: var(--order-positive-text, #72dec7);
}

.tax-treatment strong.inclusive i[b-klsuyh3ju0] {
    background: var(--tax-accent);
}

.tax-actions[b-klsuyh3ju0] {
    justify-content: flex-end;
    gap: 0.35rem;
}

.tax-manage[b-klsuyh3ju0],
.tax-delete[b-klsuyh3ju0] {
    min-height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    font: inherit;
    cursor: pointer;
}

.tax-manage[b-klsuyh3ju0] {
    display: inline-flex;
    align-items: center;
    gap: 0.32rem;
    padding: 0 0.6rem;
    color: var(--ui-text-secondary);
    background: var(--ui-panel-control);
    font-size: 0.72rem;
}

.tax-delete[b-klsuyh3ju0] {
    width: 36px;
    color: #f15b68;
    background: var(--ui-panel-control);
}

.tax-empty[b-klsuyh3ju0] {
    min-height: 290px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 2rem;
    text-align: center;
}

.tax-empty > span[b-klsuyh3ju0] {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    margin-bottom: 0.75rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 50%;
    color: var(--order-positive-text, var(--tax-accent));
    background: var(--ui-panel-control);
}

.tax-empty h3[b-klsuyh3ju0] {
    margin: 0;
    font-size: 1.008rem;
}

.tax-empty p[b-klsuyh3ju0] {
    max-width: 50ch;
    margin: 0.35rem 0 1rem;
    color: var(--tax-muted);
    font-size: 0.784rem;
}

.tax-alert[b-klsuyh3ju0] {
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.08);
    font-size: 0.784rem;
}

.tax-alert button[b-klsuyh3ju0] {
    border: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.tax-skeleton[b-klsuyh3ju0] {
    display: grid;
    gap: 1px;
    background: var(--tax-border);
}

.tax-skeleton span[b-klsuyh3ju0] {
    height: 70px;
    background: var(--ui-panel-card-alt);
    animation: tax-pulse-b-klsuyh3ju0 1.2s ease-in-out infinite alternate;
}

@keyframes tax-pulse-b-klsuyh3ju0 {
    to { background: var(--ui-panel-hover-alt); }
}

.tax-panel[b-klsuyh3ju0] {
    width: min(620px, 100vw);
    color: var(--tax-text, var(--ui-text-primary));
    background: var(--ui-panel-control);
}

.tax-panel .slide-over-header[b-klsuyh3ju0] {
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.tax-panel .slide-over-header h3[b-klsuyh3ju0] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 1.12rem;
}

.tax-panel .slide-over-header p[b-klsuyh3ju0] {
    margin: 0.25rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.762rem;
}

.tax-panel-close[b-klsuyh3ju0] {
    width: 36px;
    height: 36px;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
}

.tax-panel .slide-over-body[b-klsuyh3ju0] {
    padding: 1rem;
}

.tax-form-error[b-klsuyh3ju0] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin-bottom: 0.8rem;
    padding: 0.65rem;
    color: #ffc0c6;
    background: rgba(241, 91, 104, 0.09);
    font-size: 0.739rem;
}

.tax-panel-section[b-klsuyh3ju0] {
    margin-bottom: 1rem;
    padding: 0.9rem;
    border: 1px solid var(--ui-border);
    background: var(--ui-panel);
}

.tax-panel-heading[b-klsuyh3ju0] {
    gap: 0.65rem;
    margin-bottom: 0.85rem;
}

.tax-panel-heading > span[b-klsuyh3ju0] {
    width: 34px;
    height: 34px;
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 0.3rem;
    color: var(--tax-accent, #17c8a3);
    background: var(--ui-panel-hover-alt);
}

.tax-panel-heading h4[b-klsuyh3ju0] {
    margin: 0;
    color: var(--ui-text-strong);
    font-size: 0.851rem;
}

.tax-panel-heading p[b-klsuyh3ju0] {
    margin: 0.15rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.72rem;
}

.tax-field[b-klsuyh3ju0] {
    margin-bottom: 0.8rem;
}

.tax-field:last-child[b-klsuyh3ju0] {
    margin-bottom: 0;
}

.tax-field label[b-klsuyh3ju0] {
    display: block;
    margin-bottom: 0.35rem;
    color: var(--ui-text-secondary);
    font-size: 0.728rem;
    font-weight: 650;
}

.tax-field label span[b-klsuyh3ju0] {
    color: #f15b68;
}

.tax-field input[b-klsuyh3ju0],
.tax-field select[b-klsuyh3ju0] {
    width: 100%;
    min-height: 40px;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.3rem;
    outline: 0;
    color: var(--ui-text-primary);
    background: var(--ui-canvas-subtle);
    font: inherit;
    font-size: 0.784rem;
}

.tax-field input:focus[b-klsuyh3ju0],
.tax-field select:focus[b-klsuyh3ju0],
.tax-filters select:focus[b-klsuyh3ju0] {
    border-color: var(--tax-accent, #17c8a3);
}

.tax-field small[b-klsuyh3ju0] {
    display: block;
    margin-top: 0.3rem;
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.tax-identity-grid[b-klsuyh3ju0],
.tax-application-grid[b-klsuyh3ju0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(150px, 0.55fr);
    gap: 0.65rem;
}

.tax-application-grid[b-klsuyh3ju0] {
    grid-template-columns: minmax(140px, 0.45fr) minmax(0, 1fr);
}

.tax-rate-input[b-klsuyh3ju0] {
    display: flex;
    align-items: stretch;
}

.tax-rate-input input[b-klsuyh3ju0] {
    min-width: 0;
    border-radius: 0.3rem 0 0 0.3rem;
}

.tax-rate-input span[b-klsuyh3ju0] {
    min-width: 40px;
    display: grid;
    place-items: center;
    border: 1px solid var(--ui-border-strong);
    border-left: 0;
    border-radius: 0 0.3rem 0.3rem 0;
    color: var(--ui-text-muted);
    background: var(--ui-panel-hover-alt);
    font-size: 0.784rem;
}

.tax-rate-preview[b-klsuyh3ju0] {
    gap: 0.65rem;
    padding: 0.7rem;
    border: 1px solid var(--status-success-border);
    color: var(--ui-text-muted);
    background: rgba(23, 200, 163, 0.06);
    font-size: 0.72rem;
}

.tax-rate-preview i[b-klsuyh3ju0] {
    color: var(--order-positive-text, var(--tax-accent));
}

.tax-rate-preview strong[b-klsuyh3ju0] {
    color: var(--ui-text-primary);
}

.tax-rate-preview small[b-klsuyh3ju0] {
    margin-left: auto;
    color: var(--order-positive-text, #72dec7);
}

.tax-treatment-toggle[b-klsuyh3ju0] {
    justify-content: space-between;
    gap: 1rem;
    cursor: pointer;
}

.tax-treatment-toggle strong[b-klsuyh3ju0],
.tax-treatment-toggle small[b-klsuyh3ju0] {
    display: block;
}

.tax-treatment-toggle strong[b-klsuyh3ju0] {
    color: var(--ui-text-secondary-strong);
    font-size: 0.762rem;
}

.tax-treatment-toggle small[b-klsuyh3ju0] {
    margin-top: 0.2rem;
    color: var(--ui-text-subtle-alt);
    font-size: 0.72rem;
}

.tax-treatment-toggle input[b-klsuyh3ju0] {
    width: 36px;
    height: 20px;
    flex: 0 0 auto;
    accent-color: var(--tax-accent);
}

.tax-panel-footer[b-klsuyh3ju0] {
    position: sticky;
    bottom: -1rem;
    z-index: 2;
    justify-content: flex-end;
    gap: 0.5rem;
    margin: 0 -1rem -1rem;
    padding: 0.8rem 1rem;
    border-top: 1px solid var(--ui-border);
    background: var(--ui-canvas);
}

.tax-delete-backdrop[b-klsuyh3ju0] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.8);
}

.tax-delete-dialog[b-klsuyh3ju0] {
    width: min(100%, 430px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.8rem;
    padding: 1rem;
    border: 1px solid var(--ui-border-hover);
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.5);
}

.tax-delete-dialog > span[b-klsuyh3ju0] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #f15b68;
    background: rgba(241, 91, 104, 0.12);
}

.tax-delete-dialog h3[b-klsuyh3ju0] {
    margin: 0;
    font-size: 1.008rem;
}

.tax-delete-dialog p[b-klsuyh3ju0] {
    margin: 0.3rem 0 0;
    color: var(--ui-text-muted);
    font-size: 0.784rem;
    line-height: 1.5;
}

.tax-delete-dialog p strong[b-klsuyh3ju0] {
    color: var(--ui-text-primary);
}

.tax-delete-dialog footer[b-klsuyh3ju0] {
    grid-column: 1 / -1;
    justify-content: flex-end;
    gap: 0.5rem;
}

.tax-page button:hover[b-klsuyh3ju0],
.tax-page a:hover[b-klsuyh3ju0],
.tax-panel button:hover[b-klsuyh3ju0] {
    filter: brightness(1.12);
}

.tax-page button:focus-visible[b-klsuyh3ju0],
.tax-page a:focus-visible[b-klsuyh3ju0],
.tax-page input:focus-visible[b-klsuyh3ju0],
.tax-page select:focus-visible[b-klsuyh3ju0],
.tax-panel button:focus-visible[b-klsuyh3ju0],
.tax-panel input:focus-visible[b-klsuyh3ju0],
.tax-panel select:focus-visible[b-klsuyh3ju0],
.tax-delete-dialog button:focus-visible[b-klsuyh3ju0] {
    outline: 2px solid var(--tax-accent, #17c8a3);
    outline-offset: 2px;
}

.tax-page button:disabled[b-klsuyh3ju0],
.tax-panel button:disabled[b-klsuyh3ju0] {
    cursor: not-allowed;
    opacity: 0.55;
}

@media (max-width: 1050px) {
    .tax-row[b-klsuyh3ju0] {
        grid-template-columns: minmax(220px, 1.25fr) minmax(120px, 0.55fr) minmax(155px, 0.7fr) auto;
    }

    .tax-treatment[b-klsuyh3ju0] {
        display: none;
    }
}

@media (max-width: 850px) {
    .tax-toolbar[b-klsuyh3ju0] {
        align-items: stretch;
        flex-direction: column;
    }

    .tax-search[b-klsuyh3ju0] {
        width: 100%;
    }

    .tax-filters[b-klsuyh3ju0] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tax-filters select[b-klsuyh3ju0] {
        width: 100%;
        max-width: none;
    }

    .tax-row[b-klsuyh3ju0] {
        grid-template-columns: minmax(220px, 1fr) minmax(120px, 0.55fr) auto;
    }

    .tax-scope[b-klsuyh3ju0] {
        display: none;
    }
}

@media (max-width: 680px) {
    .tax-page[b-klsuyh3ju0] {
        padding: 0.75rem;
    }

    .tax-header[b-klsuyh3ju0] {
        align-items: stretch;
        flex-direction: column;
    }

    .tax-header .tax-primary[b-klsuyh3ju0] {
        width: 100%;
    }

    .tax-summary[b-klsuyh3ju0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tax-filters[b-klsuyh3ju0],
    .tax-identity-grid[b-klsuyh3ju0],
    .tax-application-grid[b-klsuyh3ju0] {
        grid-template-columns: 1fr;
    }

    .tax-list-heading[b-klsuyh3ju0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tax-row[b-klsuyh3ju0] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .tax-rate[b-klsuyh3ju0] {
        grid-column: 1;
        padding-left: 2.9rem;
    }

    .tax-actions[b-klsuyh3ju0] {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .tax-rate-preview[b-klsuyh3ju0] {
        align-items: flex-start;
        flex-direction: column;
    }

    .tax-rate-preview small[b-klsuyh3ju0] {
        margin-left: 1.65rem;
    }
}

@media (max-width: 440px) {
    .tax-row[b-klsuyh3ju0] {
        grid-template-columns: 1fr;
    }

    .tax-rate[b-klsuyh3ju0],
    .tax-actions[b-klsuyh3ju0] {
        padding-left: 2.9rem;
    }

    .tax-actions[b-klsuyh3ju0] {
        grid-column: 1;
        grid-row: auto;
        justify-content: stretch;
    }

    .tax-manage[b-klsuyh3ju0] {
        flex: 1;
        justify-content: center;
    }

    .tax-delete-dialog footer[b-klsuyh3ju0] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .tax-delete-dialog footer > *[b-klsuyh3ju0] {
        width: 100%;
    }
}
/* /Components/Pages/Setup/Venues.razor.rz.scp.css */
.property-shell[b-yyk8la6z2n] { width: 100%; padding: 1.25rem 1.5rem 2rem; color: var(--ui-text-primary); }
.property-header[b-yyk8la6z2n] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.property-header h1[b-yyk8la6z2n] { margin: 0; font-size: 1.512rem; font-weight: 700; letter-spacing: -.02em; }
.property-header p[b-yyk8la6z2n] { margin: .3rem 0 0; color: var(--ui-text-muted); font-size: 0.941rem; }
.property-header-actions[b-yyk8la6z2n], .property-actions[b-yyk8la6z2n] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.property-primary[b-yyk8la6z2n], .property-secondary[b-yyk8la6z2n], .property-actions button[b-yyk8la6z2n], .property-empty button[b-yyk8la6z2n], .property-empty a[b-yyk8la6z2n], .property-alert button[b-yyk8la6z2n], .property-cancel[b-yyk8la6z2n], .property-save[b-yyk8la6z2n] { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 2.3rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .55rem; padding: .55rem .8rem; color: var(--ui-text-primary); background: var(--ui-panel-raised); font-size: 0.874rem; font-weight: 650; text-decoration: none; cursor: pointer; }
.property-primary[b-yyk8la6z2n], .property-save[b-yyk8la6z2n] { border-color: #17c8a3; color: #06140f; background: #17c8a3; }
.property-primary:disabled[b-yyk8la6z2n] { opacity: .45; cursor: not-allowed; }
.property-alert[b-yyk8la6z2n] { display: flex; align-items: center; gap: .6rem; margin-bottom: 1rem; border: 1px solid var(--ui-border); border-radius: .65rem; padding: .7rem .85rem; background: var(--ui-panel); font-size: 0.896rem; }
.property-alert.success[b-yyk8la6z2n] { border-color: rgba(23,200,163,.35); color: #8ce8d4; }
.property-alert.error[b-yyk8la6z2n], .property-panel-error[b-yyk8la6z2n] { border-color: rgba(241,91,104,.38); color: #ff9aa4; }
.property-alert span[b-yyk8la6z2n] { flex: 1; }
.property-alert button[b-yyk8la6z2n] { min-height: 1.8rem; margin-left: auto; padding: .3rem .6rem; }
.property-loading[b-yyk8la6z2n], .property-empty[b-yyk8la6z2n] { display: grid; place-items: center; min-height: 17rem; border: 1px dashed var(--ui-border-strong-alt); border-radius: .75rem; color: var(--ui-text-muted); text-align: center; }
.property-loading i[b-yyk8la6z2n] { font-size: 1.568rem; animation: spin-b-yyk8la6z2n 1s linear infinite; }
.property-loading p[b-yyk8la6z2n] { margin: .5rem 0 0; }
.property-metrics[b-yyk8la6z2n] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin-bottom: .85rem; }
.property-metrics article[b-yyk8la6z2n] { min-width: 0; border: 1px solid var(--ui-border); border-radius: .7rem; padding: .8rem .9rem; background: var(--ui-panel); }
.property-metrics span[b-yyk8la6z2n], .property-detail span[b-yyk8la6z2n] { display: block; color: var(--ui-text-muted); font-size: 0.762rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.property-metrics strong[b-yyk8la6z2n] { display: block; margin: .15rem 0; font-size: 1.512rem; line-height: 1.2; }
.property-metrics small[b-yyk8la6z2n], .property-detail small[b-yyk8la6z2n] { color: var(--ui-text-subtle); font-size: 0.806rem; }
.property-register[b-yyk8la6z2n] { overflow: hidden; border: 1px solid var(--ui-border); border-radius: .75rem; background: var(--ui-panel-control-alt); }
.property-toolbar[b-yyk8la6z2n] { display: grid; grid-template-columns: minmax(13rem, 1fr) minmax(15rem, 24rem); align-items: center; gap: .7rem; padding: .85rem; border-bottom: 1px solid var(--ui-border); background: var(--ui-panel); }
.property-toolbar h2[b-yyk8la6z2n] { margin: 0; font-size: 1.03rem; }
.property-toolbar > div span[b-yyk8la6z2n] { color: var(--ui-text-subtle); font-size: 0.806rem; }
.property-toolbar label[b-yyk8la6z2n] { display: flex; align-items: center; gap: .45rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .5rem; padding: 0 .65rem; background: var(--ui-canvas-muted); color: var(--ui-text-subtle); }
.property-toolbar input[b-yyk8la6z2n], .property-toolbar select[b-yyk8la6z2n] { width: 100%; min-height: 2.25rem; border: 0; outline: 0; color: var(--ui-text-primary); background: transparent; font-size: 0.874rem; }
.property-toolbar select[b-yyk8la6z2n] { border: 1px solid var(--ui-border-strong-alt); border-radius: .5rem; padding: 0 .65rem; background: var(--ui-canvas-muted); }
.property-list[b-yyk8la6z2n] { display: grid; }
.property-row[b-yyk8la6z2n] { display: grid; grid-template-columns: minmax(15rem, 1.5fr) minmax(11rem, 1fr) minmax(8rem, .7fr) auto; align-items: center; gap: 1rem; padding: .8rem .9rem; border-bottom: 1px solid var(--ui-divider); }
.venue-list-header[b-yyk8la6z2n] { display: grid; grid-template-columns: minmax(16rem, 1.55fr) minmax(10rem, .85fr) minmax(15rem, 1fr) minmax(11rem, auto); gap: 1rem; padding: .55rem .9rem; border-bottom: 1px solid var(--ui-border); background: var(--ui-canvas-muted); color: #697383; font-size: 0.72rem; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.venue-list-header span:last-child[b-yyk8la6z2n] { text-align: right; }
.venue-row[b-yyk8la6z2n] { grid-template-columns: minmax(16rem, 1.55fr) minmax(10rem, .85fr) minmax(15rem, 1fr) minmax(11rem, auto); min-height: 4.5rem; }
.property-row:last-child[b-yyk8la6z2n] { border-bottom: 0; }
.property-row:hover[b-yyk8la6z2n] { background: var(--ui-panel); }
.property-identity[b-yyk8la6z2n] { display: flex; align-items: center; min-width: 0; gap: .7rem; }
.property-identity > span[b-yyk8la6z2n] { display: grid; flex: 0 0 auto; place-items: center; width: 2.15rem; height: 2.15rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .55rem; color: var(--order-positive-text, #17c8a3); background: var(--ui-panel-raised); }
.property-identity h2[b-yyk8la6z2n] { overflow: hidden; margin: 0; font-size: 0.963rem; text-overflow: ellipsis; white-space: nowrap; }
.property-identity p[b-yyk8la6z2n] { overflow: hidden; margin: .2rem 0 0; color: var(--ui-text-muted); font-size: 0.829rem; text-overflow: ellipsis; white-space: nowrap; }
.property-detail strong[b-yyk8la6z2n] { display: block; overflow: hidden; margin-top: .18rem; font-size: 0.896rem; text-overflow: ellipsis; white-space: nowrap; }
.venue-structure[b-yyk8la6z2n] { display: grid; grid-template-columns: 1fr 1px 1fr; align-items: center; gap: .65rem; min-width: 0; }
.venue-structure > a[b-yyk8la6z2n], .venue-structure > div[b-yyk8la6z2n] { display: flex; align-items: center; min-width: 0; gap: .5rem; color: var(--ui-text-primary); text-decoration: none; }
.venue-structure > a[b-yyk8la6z2n] { border-radius: .4rem; }
.venue-structure > a:hover strong[b-yyk8la6z2n] { color: #72dfc8; }
.structure-icon[b-yyk8la6z2n] { display: grid; flex: 0 0 auto; place-items: center; width: 1.8rem; height: 1.8rem; border: 1px solid var(--ui-border-muted); border-radius: .4rem; background: var(--ui-panel-raised); color: var(--ui-text-muted); font-size: 0.784rem; }
.venue-structure strong[b-yyk8la6z2n], .venue-structure small[b-yyk8la6z2n] { display: block; }
.venue-structure strong[b-yyk8la6z2n] { font-size: 0.874rem; line-height: 1; }
.venue-structure small[b-yyk8la6z2n] { margin-top: .2rem; color: var(--ui-text-subtle); font-size: 0.72rem; white-space: nowrap; }
.structure-divider[b-yyk8la6z2n] { align-self: stretch; width: 1px; min-height: 2rem; background: var(--ui-border); }
.property-actions[b-yyk8la6z2n] { justify-content: flex-end; }
.property-actions button[b-yyk8la6z2n] { min-height: 2rem; padding: .4rem .62rem; font-size: 0.806rem; }
.property-actions a[b-yyk8la6z2n] { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 2rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .5rem; padding: .4rem .62rem; color: #d4dce6; background: var(--ui-panel-raised); font-size: 0.806rem; font-weight: 650; text-decoration: none; }
.property-actions .manage-action[b-yyk8la6z2n] { border-color: rgba(23,200,163,.35); color: #8ce8d4; background: rgba(23,200,163,.08); }
.property-actions .edit-action[b-yyk8la6z2n] { width: 2rem; padding: 0; }
.property-actions .primary[b-yyk8la6z2n] { border-color: rgba(23,200,163,.35); color: #8ce8d4; background: rgba(23,200,163,.08); }
.property-actions .danger[b-yyk8la6z2n], .property-actions .icon-danger[b-yyk8la6z2n] { border-color: rgba(241,91,104,.3); color: #ff8994; background: rgba(241,91,104,.08); }
.property-actions .icon-danger[b-yyk8la6z2n] { width: 2rem; padding: 0; }
.property-empty[b-yyk8la6z2n] { min-height: 18rem; border: 0; border-radius: 0; padding: 2rem; }
.property-empty i[b-yyk8la6z2n] { font-size: 1.904rem; color: #606a79; }
.property-empty h2[b-yyk8la6z2n] { margin: .6rem 0 .2rem; color: var(--ui-text-primary); font-size: 1.064rem; }
.property-empty p[b-yyk8la6z2n] { margin: 0 0 .8rem; font-size: 0.874rem; }
.property-drawer[b-yyk8la6z2n] { width: min(32rem, 100vw); background: var(--ui-panel-control-alt); }
.property-drawer-header[b-yyk8la6z2n] { border-bottom: 1px solid var(--ui-border); padding: 1rem 1.1rem; background: var(--ui-panel); }
.property-drawer-header > div > span[b-yyk8la6z2n] { color: var(--order-positive-text, #17c8a3); font-size: 0.728rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.property-drawer-header h3[b-yyk8la6z2n] { margin: .25rem 0; font-size: 1.21rem; }
.property-drawer-header p[b-yyk8la6z2n] { margin: 0; color: var(--ui-text-muted); font-size: 0.84rem; }
.property-drawer-body[b-yyk8la6z2n] { padding: 1rem; }
.property-panel-error[b-yyk8la6z2n] { display: flex; gap: .5rem; margin-bottom: .8rem; border: 1px solid; border-radius: .55rem; padding: .65rem .75rem; background: rgba(241,91,104,.07); font-size: 0.851rem; }
.property-form-section[b-yyk8la6z2n] { margin-bottom: 1rem; border: 1px solid var(--ui-border); border-radius: .65rem; padding: .85rem; background: var(--ui-panel); }
.property-form-section header[b-yyk8la6z2n] { display: flex; justify-content: space-between; gap: .5rem; margin-bottom: .75rem; }
.property-form-section h4[b-yyk8la6z2n] { margin: 0; font-size: 0.918rem; }
.property-form-section header span[b-yyk8la6z2n] { color: var(--ui-text-subtle); font-size: 0.75rem; }
.property-fields[b-yyk8la6z2n] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.property-fields label[b-yyk8la6z2n] { display: grid; gap: .35rem; min-width: 0; }
.property-fields label.wide[b-yyk8la6z2n] { grid-column: 1 / -1; }
.property-fields label > span[b-yyk8la6z2n] { color: var(--ui-text-legacy-soft); font-size: 0.784rem; font-weight: 600; }
.property-fields input[b-yyk8la6z2n], .property-fields select[b-yyk8la6z2n], .property-fields textarea[b-yyk8la6z2n] { width: 100%; min-height: 2.35rem; border: 1px solid var(--ui-border-strong-alt); border-radius: .5rem; padding: .55rem .65rem; color: var(--ui-text-primary); background: var(--ui-canvas-muted); font-size: 0.874rem; }
.property-fields textarea[b-yyk8la6z2n] { min-height: 5rem; resize: vertical; }
.hierarchy-preview[b-yyk8la6z2n] { display: flex; align-items: center; gap: .45rem; margin-top: .75rem; border: 1px dashed var(--ui-border-strong-alt); border-radius: .5rem; padding: .65rem; color: var(--ui-text-muted); font-size: 0.818rem; }
.hierarchy-preview strong[b-yyk8la6z2n] { color: var(--ui-text-primary); }
.hierarchy-preview i[b-yyk8la6z2n] { color: var(--order-positive-text, #17c8a3); }
.property-drawer-footer[b-yyk8la6z2n] { display: flex; justify-content: flex-end; gap: .55rem; border-top: 1px solid var(--ui-border); padding: .85rem 1rem; background: var(--ui-panel); }
@keyframes spin-b-yyk8la6z2n { to { transform: rotate(360deg); } }
@media (max-width: 900px) {
    .venue-list-header[b-yyk8la6z2n] { grid-template-columns: minmax(15rem, 1.35fr) minmax(14rem, 1fr) minmax(10rem, auto); }
    .venue-list-header span:nth-child(2)[b-yyk8la6z2n] { display: none; }
    .venue-row[b-yyk8la6z2n] { grid-template-columns: minmax(15rem, 1.35fr) minmax(14rem, 1fr) minmax(10rem, auto); }
    .venue-row > .property-detail[b-yyk8la6z2n] { display: none; }
}
@media (max-width: 680px) {
    .property-shell[b-yyk8la6z2n] { padding: 1rem .75rem 1.5rem; }
    .property-header[b-yyk8la6z2n] { flex-direction: column; }
    .property-header-actions[b-yyk8la6z2n], .property-header-actions > *[b-yyk8la6z2n] { width: 100%; }
    .property-metrics[b-yyk8la6z2n] { grid-template-columns: 1fr; }
    .property-toolbar[b-yyk8la6z2n] { grid-template-columns: 1fr; }
    .venue-list-header[b-yyk8la6z2n] { display: none; }
    .venue-row[b-yyk8la6z2n] { grid-template-columns: 1fr; gap: .8rem; padding: 1rem; }
    .venue-row > .property-detail[b-yyk8la6z2n] { display: block; }
    .venue-structure[b-yyk8la6z2n] { max-width: 22rem; padding: .6rem; border: 1px solid var(--ui-border); border-radius: .5rem; background: var(--ui-panel-control-alt); }
    .property-actions[b-yyk8la6z2n] { justify-content: flex-start; }
    .property-actions .manage-action[b-yyk8la6z2n] { flex: 1; }
    .property-fields[b-yyk8la6z2n] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Station/DeliveryStation.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   Delivery Station — Delivery order board
   ══════════════════════════════════════════════════════════════ */

/* ── Toolbar ────────────────────────────────────────────────── */
.delivery-toolbar[b-qe64zac8fn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.delivery-toolbar-count[b-qe64zac8fn] {
    font-size: 1.05rem;
    color: var(--text-secondary);
    font-weight: 500;
}

.delivery-refresh-btn[b-qe64zac8fn] {
    background: var(--surface-2);
    border: 1px solid var(--border-subtle);
    color: var(--text-secondary);
    padding: 0.375rem 0.75rem;
    border-radius: 8px;
    font-size: 0.91rem;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

.delivery-refresh-btn:hover[b-qe64zac8fn] {
    color: var(--brand);
    border-color: var(--brand);
}

/* ── Board grid ─────────────────────────────────────────────── */
.delivery-board[b-qe64zac8fn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
    height: calc(100vh - 7rem);
    min-height: 0;
}

/* ── Column ─────────────────────────────────────────────────── */
.delivery-column[b-qe64zac8fn] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--surface-1);
    border-radius: 12px;
    border: 1px solid var(--border-subtle);
    overflow: hidden;
}

.delivery-column-header[b-qe64zac8fn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid var(--col-color, var(--border-subtle));
    flex-shrink: 0;
}

.delivery-column-dot[b-qe64zac8fn] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.delivery-column-count[b-qe64zac8fn] {
    margin-left: auto;
    background: var(--surface-2);
    color: var(--text-secondary);
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.91rem;
    font-weight: 600;
}

.delivery-column-cards[b-qe64zac8fn] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* ── Card ───────────────────────────────────────────────────── */
.delivery-card[b-qe64zac8fn] {
    background: var(--surface-2);
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    padding: 0.875rem;
    transition: box-shadow 0.15s;
}

.delivery-card.urgent[b-qe64zac8fn] {
    border-color: #ef4444;
    box-shadow: 0 0 0 1px #ef444455, 0 0 12px #ef444422;
}

.delivery-card-header[b-qe64zac8fn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.625rem;
}

.delivery-card-ref[b-qe64zac8fn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.delivery-card-ref strong[b-qe64zac8fn] {
    font-size: 1.26rem;
    color: var(--text-primary);
}

.delivery-card-status-chip[b-qe64zac8fn] {
    font-size: 0.77rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: color-mix(in srgb, var(--chip-color, var(--brand)) 15%, transparent);
    color: var(--chip-color, var(--brand));
    padding: 0.15rem 0.5rem;
    border-radius: 6px;
}

.delivery-card-elapsed[b-qe64zac8fn] {
    background: color-mix(in srgb, var(--elapsed-color, #f59e0b) 15%, transparent);
    color: var(--elapsed-color, #f59e0b);
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    font-size: 0.91rem;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Customer info ──────────────────────────────────────────── */
.delivery-customer-info[b-qe64zac8fn] {
    background: var(--surface-1);
    border: 1px solid var(--border-subtle);
    border-radius: 8px;
    padding: 0.625rem 0.75rem;
    margin-bottom: 0.625rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.delivery-info-row[b-qe64zac8fn] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    font-size: 0.98rem;
}

.delivery-info-icon[b-qe64zac8fn] {
    flex-shrink: 0;
    font-size: 0.91rem;
}

.delivery-info-text[b-qe64zac8fn] {
    color: var(--text-primary);
    word-break: break-word;
}

/* ── Order total ────────────────────────────────────────────── */
.delivery-order-total[b-qe64zac8fn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.98rem;
    color: var(--text-secondary);
    margin-bottom: 0.625rem;
    padding: 0.375rem 0;
    border-bottom: 1px solid var(--border-subtle);
}

.delivery-order-total strong[b-qe64zac8fn] {
    color: var(--text-primary);
    font-size: 1.12rem;
}

.delivery-paid-badge[b-qe64zac8fn] {
    font-size: 0.77rem;
    font-weight: 600;
    text-transform: uppercase;
    background: #10b98122;
    color: #10b981;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    margin-left: auto;
}

.delivery-unpaid-badge[b-qe64zac8fn] {
    font-size: 0.77rem;
    font-weight: 600;
    text-transform: uppercase;
    background: #ef444422;
    color: #fca5a5;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    margin-left: auto;
}

/* ── Items list ─────────────────────────────────────────────── */
.delivery-items[b-qe64zac8fn] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.delivery-item[b-qe64zac8fn] {
    padding: 0.5rem 0.625rem;
    background: var(--surface-1);
    border-radius: 8px;
    border: 1px solid var(--border-subtle);
}

.delivery-item-main[b-qe64zac8fn] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
    font-size: 1.12rem;
}

.delivery-item-qty[b-qe64zac8fn] {
    font-weight: 700;
    color: var(--brand);
    font-size: 1.26rem;
    min-width: 2rem;
}

.delivery-item-name[b-qe64zac8fn] {
    color: var(--text-primary);
    font-weight: 500;
}

.delivery-item-choices[b-qe64zac8fn] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.25rem;
    padding-left: 2.375rem;
}

.delivery-item-choice[b-qe64zac8fn] {
    font-size: 0.91rem;
    background: var(--surface-2);
    color: var(--text-secondary);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
}

.delivery-item-note[b-qe64zac8fn] {
    font-size: 0.91rem;
    color: var(--text-muted);
    font-style: italic;
    margin-top: 0.25rem;
    padding-left: 2.375rem;
}

/* ── Action button ──────────────────────────────────────────── */
.delivery-action-btn[b-qe64zac8fn] {
    width: 100%;
    margin-top: 0.75rem;
    padding: 0.625rem;
    background: color-mix(in srgb, var(--action-color, var(--brand)) 15%, transparent);
    color: var(--action-color, var(--brand));
    border: 1px solid color-mix(in srgb, var(--action-color, var(--brand)) 40%, transparent);
    border-radius: 8px;
    font-size: 1.05rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, transform 0.1s;
}

.delivery-action-btn:hover:not(:disabled)[b-qe64zac8fn] {
    background: color-mix(in srgb, var(--action-color, var(--brand)) 25%, transparent);
    transform: translateY(-1px);
}

.delivery-action-btn:disabled[b-qe64zac8fn] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Empty states ───────────────────────────────────────────── */
.delivery-empty-col[b-qe64zac8fn] {
    text-align: center;
    padding: 2rem 1rem;
    color: var(--text-muted);
    font-size: 0.98rem;
}

.delivery-empty-state[b-qe64zac8fn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 60vh;
    gap: 0.75rem;
    color: var(--text-muted);
}

.delivery-empty-icon[b-qe64zac8fn] {
    font-size: 3.36rem;
}

.delivery-empty-state p[b-qe64zac8fn] {
    font-size: 1.26rem;
}

/* ── Alerts / loading ───────────────────────────────────────── */
.delivery-alert[b-qe64zac8fn] {
    background: #ef444422;
    color: #fca5a5;
    border: 1px solid #ef444444;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    font-size: 0.98rem;
}

.delivery-loading-indicator[b-qe64zac8fn] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50vh;
    color: var(--text-muted);
    font-size: 1.26rem;
}
/* /Components/Pages/Station/StationDisplay.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════
   Station Display — Large-screen kitchen / bar order board
   ══════════════════════════════════════════════════════════════ */

/* ── Board grid ─────────────────────────────────────────────── */
.station-board[b-mrtr41of7a] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    height: calc(100vh - 5rem);
    min-height: 0;
}

/* ── Column ─────────────────────────────────────────────────── */
.station-column[b-mrtr41of7a] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: var(--surface-1);
    border-radius: 12px;
    border: 1px solid var(--border-subtle);
    overflow: hidden;
}

.station-column-header[b-mrtr41of7a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid var(--col-color, var(--border-subtle));
    flex-shrink: 0;
}

.station-column-dot[b-mrtr41of7a] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.station-column-count[b-mrtr41of7a] {
    margin-left: auto;
    background: var(--surface-2);
    color: var(--text-secondary);
    padding: 0.125rem 0.5rem;
    border-radius: 999px;
    font-size: 0.91rem;
    font-weight: 600;
}

.station-column-cards[b-mrtr41of7a] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

/* ── Card ───────────────────────────────────────────────────── */
.station-card[b-mrtr41of7a] {
    background: var(--surface-2);
    border: 1px solid var(--border-subtle);
    border-radius: 10px;
    padding: 0.875rem;
    transition: box-shadow 0.15s;
}

.station-card.urgent[b-mrtr41of7a] {
    border-color: #ef4444;
    box-shadow: 0 0 0 1px #ef444455, 0 0 12px #ef444422;
}

.station-card-header[b-mrtr41of7a] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.625rem;
}

.station-card-ref[b-mrtr41of7a] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.station-card-ref strong[b-mrtr41of7a] {
    font-size: 1.26rem;
    color: var(--text-primary);
}

.station-card-unit[b-mrtr41of7a] {
    font-size: 0.91rem;
    color: var(--text-muted);
}

.station-card-elapsed[b-mrtr41of7a] {
    background: color-mix(in srgb, var(--elapsed-color, #f59e0b) 15%, transparent);
    color: var(--elapsed-color, #f59e0b);
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    font-size: 0.91rem;
    font-weight: 600;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ── Items list ─────────────────────────────────────────────── */
.station-items[b-mrtr41of7a] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.station-item[b-mrtr41of7a] {
    padding: 0.5rem 0.625rem;
    background: var(--surface-1);
    border-radius: 8px;
    border: 1px solid var(--border-subtle);
}

.station-item-main[b-mrtr41of7a] {
    display: flex;
    align-items: baseline;
    gap: 0.375rem;
    font-size: 1.12rem;
}

.station-item-qty[b-mrtr41of7a] {
    font-weight: 700;
    color: var(--brand);
    font-size: 1.26rem;
    min-width: 2rem;
}

.station-item-name[b-mrtr41of7a] {
    color: var(--text-primary);
    font-weight: 500;
}

.station-item-choices[b-mrtr41of7a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.25rem;
    padding-left: 2.375rem;
}

.station-item-choice[b-mrtr41of7a] {
    font-size: 0.91rem;
    background: var(--surface-2);
    color: var(--text-secondary);
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
}

.station-item-note[b-mrtr41of7a] {
    font-size: 0.91rem;
    color: var(--text-muted);
    font-style: italic;
    margin-top: 0.25rem;
    padding-left: 2.375rem;
}

.station-recipe-btn[b-mrtr41of7a] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.375rem;
    background: transparent;
    border: 1px dashed var(--border-subtle);
    color: var(--text-muted);
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
    font-size: 0.84rem;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

.station-recipe-btn:hover[b-mrtr41of7a] {
    color: var(--brand);
    border-color: var(--brand);
}

/* ── Action button ──────────────────────────────────────────── */
.station-action-btn[b-mrtr41of7a] {
    width: 100%;
    margin-top: 0.75rem;
    padding: 0.625rem;
    background: color-mix(in srgb, var(--action-color, var(--brand)) 15%, transparent);
    color: var(--action-color, var(--brand));
    border: 1px solid color-mix(in srgb, var(--action-color, var(--brand)) 40%, transparent);
    border-radius: 8px;
    font-size: 1.05rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, transform 0.1s;
}

.station-action-btn:hover:not(:disabled)[b-mrtr41of7a] {
    background: color-mix(in srgb, var(--action-color, var(--brand)) 25%, transparent);
    transform: translateY(-1px);
}

.station-action-btn:disabled[b-mrtr41of7a] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Empty state ────────────────────────────────────────────── */
.station-empty-col[b-mrtr41of7a] {
    text-align: center;
    padding: 2rem 1rem;
    color: var(--text-muted);
    font-size: 0.98rem;
}

/* ── Alerts / loading ───────────────────────────────────────── */
.station-alert[b-mrtr41of7a] {
    background: #ef444422;
    color: #fca5a5;
    border: 1px solid #ef444444;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-bottom: 0.75rem;
    font-size: 0.98rem;
}

.station-loading-indicator[b-mrtr41of7a] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50vh;
    color: var(--text-muted);
    font-size: 1.26rem;
}

/* ── Recipe popup ───────────────────────────────────────────── */
.station-overlay[b-mrtr41of7a] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}

.station-recipe-popup[b-mrtr41of7a] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    background: var(--surface-1);
    border: 1px solid var(--border-subtle);
    border-radius: 12px;
    padding: 1.5rem;
    min-width: 360px;
    max-width: 560px;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.station-recipe-header[b-mrtr41of7a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
    font-size: 1.19rem;
    color: var(--text-primary);
}

.station-recipe-close[b-mrtr41of7a] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    font-size: 1.4rem;
    cursor: pointer;
    padding: 0.25rem;
    line-height: 1;
}

.station-recipe-close:hover[b-mrtr41of7a] {
    color: var(--text-primary);
}

.station-recipe-loading[b-mrtr41of7a],
.station-recipe-empty[b-mrtr41of7a] {
    color: var(--text-muted);
    font-size: 1.05rem;
    text-align: center;
    padding: 1rem 0;
}

.station-recipe-table[b-mrtr41of7a] {
    width: 100%;
    border-collapse: collapse;
}

.station-recipe-table th[b-mrtr41of7a] {
    text-align: left;
    font-size: 0.84rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--border-subtle);
}

.station-recipe-table td[b-mrtr41of7a] {
    padding: 0.625rem 0.75rem;
    font-size: 1.05rem;
    color: var(--text-primary);
    border-bottom: 1px solid var(--border-subtle);
}

.station-recipe-table tbody tr:last-child td[b-mrtr41of7a] {
    border-bottom: none;
}
/* /Components/Pages/Waiter/WaiterDashboardNew.razor.rz.scp.css */
.waiter-new-page[b-xmiiji9t8l] {
    --wn-panel: var(--ui-panel);
    --wn-panel-alt: var(--ui-panel-raised-alt);
    --wn-border: var(--ui-border);
    --wn-text: var(--ui-text-primary);
    --wn-muted: var(--ui-text-muted);
    --wn-accent: #17c8a3;
    --wn-blue: #268fd0;
    --wn-amber: #f2a541;
    --wn-red: #f15b68;
    min-height: calc(100vh - 60px);
    padding: 1.25rem;
    color: var(--wn-text);
    background: var(--surface-0);
    font-size: 1.04rem;
}

.waiter-new-heading[b-xmiiji9t8l],
.waiter-new-heading-actions[b-xmiiji9t8l],
.waiter-live-state[b-xmiiji9t8l],
.waiter-new-heading-actions button[b-xmiiji9t8l],
.waiter-new-alert[b-xmiiji9t8l],
.waiter-call-alert[b-xmiiji9t8l],
.waiter-state-tabs button[b-xmiiji9t8l],
.waiter-state-tabs button > span[b-xmiiji9t8l],
.waiter-floor-toolbar[b-xmiiji9t8l],
.waiter-unit-search[b-xmiiji9t8l],
.waiter-location-heading[b-xmiiji9t8l],
.waiter-location-heading > div[b-xmiiji9t8l],
.waiter-unit-card[b-xmiiji9t8l] {
    display: flex;
    align-items: center;
}

.waiter-new-heading[b-xmiiji9t8l] {
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.waiter-new-heading h1[b-xmiiji9t8l],
.waiter-new-heading p[b-xmiiji9t8l],
.waiter-call-alert strong[b-xmiiji9t8l],
.waiter-call-alert small[b-xmiiji9t8l],
.waiter-floor-toolbar h2[b-xmiiji9t8l],
.waiter-floor-toolbar p[b-xmiiji9t8l],
.waiter-location-heading h3[b-xmiiji9t8l],
.waiter-floor-empty p[b-xmiiji9t8l] {
    margin: 0;
}

.waiter-new-heading h1[b-xmiiji9t8l] {
    font-size: 1.12rem;
    font-weight: 650;
}

.waiter-new-heading p[b-xmiiji9t8l] {
    margin-top: 0.25rem;
    color: var(--wn-muted);
    font-size: 0.806rem;
}

.waiter-new-heading-actions[b-xmiiji9t8l] {
    gap: 0.75rem;
}

.waiter-live-state[b-xmiiji9t8l] {
    gap: 0.4rem;
    color: var(--wn-muted);
    font-size: 0.75rem;
}

.waiter-live-state i[b-xmiiji9t8l] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--wn-accent);
}

.waiter-new-heading-actions button[b-xmiiji9t8l] {
    min-height: 34px;
    gap: 0.4rem;
    padding: 0 0.65rem;
    border: 1px solid var(--wn-border);
    border-radius: 0.35rem;
    color: #cad2de;
    background: var(--wn-panel);
    font: inherit;
    font-size: 0.762rem;
    font-weight: 650;
}

.waiter-new-heading-actions button:hover:not(:disabled)[b-xmiiji9t8l],
.waiter-new-heading-actions button:focus-visible[b-xmiiji9t8l] {
    border-color: #4a5260;
    color: #fff;
}

.waiter-new-heading-actions button:disabled[b-xmiiji9t8l] {
    cursor: wait;
    opacity: 0.6;
}

.spin[b-xmiiji9t8l] {
    animation: spin-b-xmiiji9t8l 0.8s linear infinite;
}

.waiter-new-alert[b-xmiiji9t8l] {
    gap: 0.6rem;
    margin-bottom: 0.8rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(241, 91, 104, 0.4);
    color: #ff9ba4;
    background: rgba(241, 91, 104, 0.08);
    font-size: 0.784rem;
}

.waiter-new-alert span[b-xmiiji9t8l] {
    flex: 1;
}

.waiter-new-alert button[b-xmiiji9t8l] {
    border: 0;
    color: #fff;
    background: transparent;
    font: inherit;
    font-weight: 700;
}

.waiter-call-alert[b-xmiiji9t8l] {
    gap: 0.75rem;
    margin-bottom: 0.8rem;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(242, 165, 65, 0.35);
    color: var(--wn-text);
    background: rgba(242, 165, 65, 0.08);
    text-decoration: none;
}

.waiter-call-alert > span[b-xmiiji9t8l] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    color: var(--wn-amber);
    background: rgba(242, 165, 65, 0.14);
}

.waiter-call-alert div[b-xmiiji9t8l] {
    min-width: 0;
    flex: 1;
}

.waiter-call-alert strong[b-xmiiji9t8l],
.waiter-call-alert small[b-xmiiji9t8l] {
    display: block;
}

.waiter-call-alert strong[b-xmiiji9t8l] {
    font-size: 0.806rem;
}

.waiter-call-alert small[b-xmiiji9t8l] {
    margin-top: 0.15rem;
    color: #b1bac7;
    font-size: 0.72rem;
}

.waiter-call-alert > i[b-xmiiji9t8l] {
    color: var(--wn-amber);
}

.waiter-state-tabs[b-xmiiji9t8l] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    margin-bottom: 0.8rem;
    border: 1px solid var(--wn-border);
    border-radius: 0.4rem;
    background: var(--wn-panel);
}

.waiter-state-tabs button[b-xmiiji9t8l] {
    position: relative;
    min-height: 52px;
    justify-content: space-between;
    padding: 0 0.9rem;
    border: 0;
    border-right: 1px solid var(--wn-border);
    color: var(--wn-muted);
    background: transparent;
    font: inherit;
    font-size: 0.762rem;
}

.waiter-state-tabs button:last-child[b-xmiiji9t8l] {
    border-right: 0;
}

.waiter-state-tabs button > span[b-xmiiji9t8l] {
    gap: 0.5rem;
    font-weight: 650;
}

.waiter-state-tabs button > span i[b-xmiiji9t8l] {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    background: var(--state-color);
}

.waiter-state-tabs button strong[b-xmiiji9t8l] {
    min-width: 1.8rem;
    padding: 0.15rem 0.4rem;
    color: var(--ui-text-card-muted);
    background: var(--ui-panel-selected);
    font-size: 0.72rem;
    text-align: center;
}

.waiter-state-tabs button[b-xmiiji9t8l]::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: var(--state-color);
    opacity: 0;
    content: "";
}

.waiter-state-tabs button:hover[b-xmiiji9t8l],
.waiter-state-tabs button.active[b-xmiiji9t8l] {
    color: var(--wn-text);
    background: var(--ui-panel-active);
}

.waiter-state-tabs button.active[b-xmiiji9t8l]::after {
    opacity: 1;
}

.waiter-floor-panel[b-xmiiji9t8l] {
    border: 1px solid var(--wn-border);
    border-radius: 0.4rem;
    background: var(--wn-panel);
}

.waiter-floor-toolbar[b-xmiiji9t8l] {
    min-height: 70px;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem 0.9rem;
    border-bottom: 1px solid var(--wn-border);
}

.waiter-floor-toolbar h2[b-xmiiji9t8l] {
    font-size: 0.918rem;
    font-weight: 650;
}

.waiter-floor-toolbar p[b-xmiiji9t8l] {
    margin-top: 0.2rem;
    color: var(--wn-muted);
    font-size: 0.728rem;
}

.waiter-unit-search[b-xmiiji9t8l] {
    width: min(390px, 48vw);
    min-height: 38px;
    gap: 0.55rem;
    padding: 0 0.6rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.35rem;
    color: var(--wn-muted);
    background: var(--ui-panel-deep);
}

.waiter-unit-search:focus-within[b-xmiiji9t8l] {
    border-color: var(--wn-accent);
    box-shadow: 0 0 0 2px rgba(23, 200, 163, 0.12);
}

.waiter-unit-search input[b-xmiiji9t8l] {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    color: var(--wn-text);
    background: transparent;
    font: inherit;
    font-size: 0.784rem;
}

.waiter-unit-search input[b-xmiiji9t8l]::placeholder {
    color: #747f90;
}

.waiter-unit-search button[b-xmiiji9t8l] {
    width: 26px;
    height: 26px;
    border: 0;
    color: var(--wn-muted);
    background: transparent;
}

.waiter-location-group + .waiter-location-group[b-xmiiji9t8l] {
    border-top: 1px solid var(--wn-border);
}

.waiter-location-heading[b-xmiiji9t8l] {
    min-height: 44px;
    justify-content: space-between;
    padding: 0 0.9rem;
    background: var(--ui-panel-compact);
}

.waiter-location-heading > div[b-xmiiji9t8l] {
    min-width: 0;
    gap: 0.45rem;
}

.waiter-location-heading > div > i[b-xmiiji9t8l] {
    color: var(--order-positive-text, var(--wn-accent));
    font-size: 0.806rem;
}

.waiter-location-heading h3[b-xmiiji9t8l] {
    font-size: 0.806rem;
    font-weight: 650;
}

.waiter-location-heading span[b-xmiiji9t8l],
.waiter-location-heading small[b-xmiiji9t8l] {
    color: var(--wn-muted);
    font-size: 0.72rem;
}

.waiter-location-heading span[b-xmiiji9t8l]::before {
    margin-right: 0.45rem;
    color: #4d5562;
    content: "/";
}

.waiter-unit-grid[b-xmiiji9t8l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
    gap: 1.15rem 0.75rem;
    padding: 1.25rem 1rem 1.5rem;
}

.waiter-unit-card[b-xmiiji9t8l] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    color: var(--wn-text);
    font: inherit;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.waiter-unit-card:focus-visible[b-xmiiji9t8l] {
    outline: none;
}

.waiter-unit-disc[b-xmiiji9t8l] {
    position: relative;
    width: min(100%, 142px);
    aspect-ratio: 1;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.32rem;
    padding: 0.75rem;
    border: 2px solid color-mix(in srgb, var(--status-color) 58%, var(--wn-border));
    border-radius: 50%;
    color: var(--wn-text);
    background: var(--wn-panel);
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.08);
    transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

.waiter-unit-card:hover .waiter-unit-disc[b-xmiiji9t8l],
.waiter-unit-card:focus-visible .waiter-unit-disc[b-xmiiji9t8l] {
    border-color: var(--status-color);
    background: var(--wn-panel-alt);
    transform: translateY(-2px);
}

.waiter-unit-card:focus-visible .waiter-unit-disc[b-xmiiji9t8l] {
    outline: 3px solid var(--wn-accent);
    outline-offset: 3px;
}

.waiter-unit-disc > i[b-xmiiji9t8l] {
    color: var(--status-color);
    font-size: 1.15rem;
}

.waiter-unit-call-indicator[b-xmiiji9t8l] {
    position: relative;
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--wn-amber) 62%, transparent);
    border-radius: 50%;
    color: #17110a;
    background: var(--wn-amber);
    box-shadow: 0 0 0 0 rgba(242, 165, 65, 0.55);
    animation: waiter-call-pulse-b-xmiiji9t8l 1.35s ease-out infinite;
}

.waiter-unit-call-indicator > i[b-xmiiji9t8l] {
    font-size: 1.08rem;
}

.waiter-unit-call-indicator > small[b-xmiiji9t8l] {
    position: absolute;
    top: -0.3rem;
    right: -0.35rem;
    min-width: 1.15rem;
    height: 1.15rem;
    display: grid;
    place-items: center;
    padding: 0 0.2rem;
    border: 2px solid var(--wn-panel);
    border-radius: 999px;
    color: #fff;
    background: var(--wn-red);
    font-size: 0.64rem;
    font-weight: 800;
}

.waiter-unit-disc strong[b-xmiiji9t8l] {
    max-width: 100%;
    font-size: 0.93rem;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.waiter-unit-status[b-xmiiji9t8l] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--status-color);
    font-size: 0.76rem;
    font-weight: 700;
}

.waiter-unit-status i[b-xmiiji9t8l] {
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 50%;
    background: var(--status-color);
}

.waiter-unit-count[b-xmiiji9t8l] {
    position: absolute;
    top: 0.2rem;
    right: 0.3rem;
    min-width: 1.55rem;
    height: 1.55rem;
    display: grid;
    place-items: center;
    padding: 0 0.25rem;
    border-radius: 50%;
    color: var(--wn-panel);
    background: var(--status-color);
    font-size: 0.72rem;
    font-weight: 800;
}

.waiter-unit-detail[b-xmiiji9t8l] {
    max-width: 100%;
    min-height: 2.1em;
    color: var(--wn-muted);
    font-size: 0.78rem;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.waiter-unit-detail i[b-xmiiji9t8l] {
    margin-right: 0.2rem;
    color: var(--status-color);
}

.status-idle[b-xmiiji9t8l] { --status-color: var(--order-positive-text, var(--wn-accent)); }
.status-pending[b-xmiiji9t8l] { --status-color: var(--light-warning-text, var(--wn-amber)); }
.status-inprogress[b-xmiiji9t8l] { --status-color: color-mix(in srgb, var(--wn-blue) 70%, var(--wn-text)); }
.status-ready[b-xmiiji9t8l] { --status-color: var(--order-positive-text, #59d7bd); }

.waiter-skeleton-grid[b-xmiiji9t8l] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
    gap: 1.15rem 0.75rem;
    padding: 1.25rem 1rem 1.5rem;
}

.waiter-unit-skeleton[b-xmiiji9t8l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.waiter-unit-skeleton > span[b-xmiiji9t8l] {
    width: min(100%, 142px);
    aspect-ratio: 1;
    box-sizing: border-box;
    border-radius: 50%;
    background: var(--ui-panel-hover-soft);
}

.waiter-unit-skeleton > i[b-xmiiji9t8l] {
    width: 65%;
    height: 10px;
    border-radius: 5px;
    background: var(--ui-panel-hover-soft);
}

.waiter-unit-skeleton > span[b-xmiiji9t8l],
.waiter-unit-skeleton > i[b-xmiiji9t8l] {
    animation: skeleton-pulse-b-xmiiji9t8l 1.4s ease-in-out infinite;
}

.waiter-floor-empty[b-xmiiji9t8l] {
    min-height: 280px;
    display: grid;
    place-items: center;
    align-content: center;
    padding: 2rem;
    color: var(--wn-muted);
    text-align: center;
}

.waiter-floor-empty > i[b-xmiiji9t8l] {
    margin-bottom: 0.75rem;
    color: #626c7b;
    font-size: 1.792rem;
}

.waiter-floor-empty strong[b-xmiiji9t8l] {
    color: var(--wn-text);
    font-size: 0.896rem;
}

.waiter-floor-empty p[b-xmiiji9t8l] {
    max-width: 42ch;
    margin-top: 0.35rem;
    font-size: 0.762rem;
}

.waiter-floor-empty button[b-xmiiji9t8l] {
    min-height: 34px;
    margin-top: 0.9rem;
    padding: 0 0.75rem;
    border: 1px solid #3a414c;
    border-radius: 0.3rem;
    color: var(--wn-text);
    background: var(--ui-panel-hover-soft);
    font: inherit;
    font-size: 0.739rem;
    font-weight: 650;
}

@keyframes spin-b-xmiiji9t8l {
    to { transform: rotate(360deg); }
}

@keyframes skeleton-pulse-b-xmiiji9t8l {
    50% { background: #282d35; }
}

@keyframes waiter-call-pulse-b-xmiiji9t8l {
    0% { box-shadow: 0 0 0 0 rgba(242, 165, 65, 0.55); }
    70%, 100% { box-shadow: 0 0 0 0.65rem rgba(242, 165, 65, 0); }
}

@media (max-width: 720px) {
    .waiter-new-page[b-xmiiji9t8l] {
        padding: 0.8rem;
    }

    .waiter-new-heading[b-xmiiji9t8l],
    .waiter-floor-toolbar[b-xmiiji9t8l] {
        align-items: stretch;
        flex-direction: column;
    }

    .waiter-new-heading-actions[b-xmiiji9t8l] {
        justify-content: space-between;
    }

    .waiter-state-tabs[b-xmiiji9t8l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .waiter-state-tabs button:nth-child(2)[b-xmiiji9t8l] {
        border-right: 0;
    }

    .waiter-state-tabs button:nth-child(-n + 2)[b-xmiiji9t8l] {
        border-bottom: 1px solid var(--wn-border);
    }

    .waiter-unit-search[b-xmiiji9t8l] {
        width: 100%;
    }

    .waiter-unit-grid[b-xmiiji9t8l],
    .waiter-skeleton-grid[b-xmiiji9t8l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem 0.5rem;
        padding: 1rem 0.5rem 1.25rem;
    }
}

@media (max-width: 430px) {
    .waiter-live-state[b-xmiiji9t8l] {
        display: none;
    }

    .waiter-location-heading span[b-xmiiji9t8l] {
        display: none;
    }

    .waiter-unit-disc[b-xmiiji9t8l] {
        width: min(100%, 132px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .spin[b-xmiiji9t8l],
    .waiter-unit-call-indicator[b-xmiiji9t8l],
    .waiter-unit-skeleton > span[b-xmiiji9t8l],
    .waiter-unit-skeleton > i[b-xmiiji9t8l] {
        animation: none;
    }
}

/* Waiter mode is operated at arm's length on tablets and phones. */
.waiter-new-heading h1[b-xmiiji9t8l] { font-size: 1.2rem; }
.waiter-new-heading p[b-xmiiji9t8l],
.waiter-call-alert strong[b-xmiiji9t8l],
.waiter-floor-toolbar h2[b-xmiiji9t8l],
.waiter-location-heading h3[b-xmiiji9t8l] { font-size: 0.86rem; }
.waiter-live-state[b-xmiiji9t8l],
.waiter-new-heading-actions button[b-xmiiji9t8l],
.waiter-new-alert[b-xmiiji9t8l],
.waiter-state-tabs button[b-xmiiji9t8l],
.waiter-unit-search input[b-xmiiji9t8l] { font-size: 0.82rem; }
.waiter-call-alert small[b-xmiiji9t8l],
.waiter-state-tabs button strong[b-xmiiji9t8l],
.waiter-floor-toolbar p[b-xmiiji9t8l],
.waiter-location-heading span[b-xmiiji9t8l],
.waiter-location-heading small[b-xmiiji9t8l] { font-size: 0.78rem; }
/* /Components/Pages/Waiter/WaiterOrderCard.razor.rz.scp.css */
.waiter-confirm-backdrop[b-1e0n0qzg8n] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.78);
}

.waiter-confirm-dialog[b-1e0n0qzg8n] {
    width: min(100%, 420px);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.85rem;
    padding: 1.1rem;
    border: 1px solid var(--ui-border-strong);
    border-radius: 0.55rem;
    color: var(--ui-text-primary);
    background: var(--ui-panel-control);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
}

.waiter-confirm-dialog__icon[b-1e0n0qzg8n] {
    width: 40px;
    height: 40px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    font-size: 1.12rem;
}

.waiter-confirm-dialog__icon.is-primary[b-1e0n0qzg8n] {
    color: var(--order-positive-text, #17c8a3);
    background: rgba(23, 200, 163, 0.12);
}

.waiter-confirm-dialog__icon.is-danger[b-1e0n0qzg8n] {
    color: #fb7185;
    background: rgba(251, 113, 133, 0.12);
}

.waiter-confirm-dialog__copy[b-1e0n0qzg8n] {
    min-width: 0;
}

.waiter-confirm-dialog__copy h3[b-1e0n0qzg8n] {
    margin: 0 0 0.35rem;
    color: var(--ui-text-strong);
    font-size: 1.12rem;
    font-weight: 720;
    line-height: 1.3;
}

.waiter-confirm-dialog__copy p[b-1e0n0qzg8n] {
    margin: 0;
    color: var(--ui-text-topbar-action);
    font-size: 0.918rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.waiter-confirm-dialog__actions[b-1e0n0qzg8n] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    padding-top: 0.25rem;
}

.waiter-confirm-dialog__actions .btn[b-1e0n0qzg8n] {
    min-height: 42px;
}

@media (max-width: 420px) {
    .waiter-confirm-dialog[b-1e0n0qzg8n] {
        grid-template-columns: 1fr;
    }

    .waiter-confirm-dialog__actions[b-1e0n0qzg8n] {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Waiter/WaiterTableView.razor.rz.scp.css */
.waiter-menu-item-card[b-ftmthwrepb] {
    width: 100%;
    color: inherit;
    font: inherit;
    text-align: left;
}

.waiter-table-view-new[b-ftmthwrepb] {
    font-size: 1.04rem;
    --wm-bg: var(--ui-canvas);
    --wm-panel: var(--ui-panel);
    --wm-panel-alt: var(--ui-panel-raised-alt);
    --wm-border: var(--ui-border);
    --wm-text: var(--ui-text-primary);
    --wm-muted: var(--ui-text-muted);
    --wm-accent: #17c8a3;
    --wm-blue: #268fd0;
    --wm-amber: #f2a541;
    min-height: calc(100dvh - 60px);
    height: auto;
    color: var(--wm-text);
    background: var(--wm-bg);
}

.waiter-table-view-new .waiter-tv-topbar[b-ftmthwrepb] {
    min-height: 58px;
    gap: 0.65rem;
    padding: 0.6rem 0.8rem;
    border-color: var(--wm-border);
    background: var(--ui-panel-deep);
}

.waiter-table-view-new .waiter-floor-back[b-ftmthwrepb] {
    min-width: 44px;
    min-height: 44px;
    justify-content: center;
    border: 1px solid var(--wm-border);
    border-radius: 0.35rem;
    color: var(--ui-text-card-strong);
    background: var(--wm-panel);
}

.waiter-table-view-new .waiter-floor-back span[b-ftmthwrepb] {
    display: none;
}

.waiter-table-identity[b-ftmthwrepb] {
    min-width: 0;
    flex: 1;
}

.waiter-table-identity > span[b-ftmthwrepb] {
    display: block;
    margin-bottom: 0.12rem;
    color: var(--order-positive-text, var(--wm-accent));
    font-size: 0.72rem;
    font-weight: 700;
}

.waiter-table-view-new .waiter-tv-title[b-ftmthwrepb] {
    overflow: hidden;
    color: var(--wm-text);
    font-size: 1.03rem;
    font-weight: 680;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.waiter-table-view-new .waiter-location-name[b-ftmthwrepb] {
    display: none;
}

.waiter-table-view-new .waiter-tv-body[b-ftmthwrepb] {
    display: block;
    overflow: visible;
}

.waiter-table-view-new .waiter-tv-menu[b-ftmthwrepb] {
    padding: 0 0.8rem 6.5rem;
    border: 0;
    background: var(--wm-bg);
}

.waiter-new-menu-heading[b-ftmthwrepb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 0 0.8rem;
}

.waiter-new-menu-heading h1[b-ftmthwrepb],
.waiter-new-menu-heading p[b-ftmthwrepb] {
    margin: 0;
}

.waiter-new-menu-heading h1[b-ftmthwrepb] {
    font-size: 1.12rem;
    font-weight: 680;
}

.waiter-new-menu-heading p[b-ftmthwrepb] {
    max-width: 55ch;
    margin-top: 0.25rem;
    color: var(--wm-muted);
    font-size: 0.784rem;
}

.waiter-new-menu-heading > span[b-ftmthwrepb] {
    flex: 0 0 auto;
    color: var(--wm-muted);
    font-size: 0.72rem;
}

.waiter-table-view-new .waiter-menu-toolbar[b-ftmthwrepb] {
    top: 0;
    grid-template-columns: minmax(0, 1fr) 48px;
    gap: 0.5rem;
    margin: 0 -0.8rem;
    padding: 0.7rem 0.8rem;
    border-top: 1px solid var(--wm-border);
    border-bottom: 1px solid var(--wm-border);
    background: rgba(9, 10, 12, 0.96);
}

.waiter-table-view-new .waiter-menu-search[b-ftmthwrepb] {
    min-height: 48px;
    height: 48px;
    border-color: var(--ui-border-strong);
    border-radius: 0.35rem;
    color: var(--wm-muted);
    background: var(--wm-panel);
}

.waiter-table-view-new .waiter-menu-search:focus-within[b-ftmthwrepb] {
    border-color: var(--wm-accent);
    box-shadow: 0 0 0 2px rgba(23, 200, 163, 0.12);
}

.waiter-table-view-new .waiter-menu-search input[b-ftmthwrepb] {
    color: var(--wm-text);
    font-size: 1.12rem;
}

.waiter-table-view-new .waiter-menu-search input[b-ftmthwrepb]::placeholder {
    color: #768192;
}

.waiter-table-view-new .waiter-search-clear[b-ftmthwrepb],
.waiter-table-view-new .waiter-filter-button[b-ftmthwrepb] {
    min-width: 44px;
    min-height: 44px;
}

.waiter-table-view-new .waiter-filter-button[b-ftmthwrepb] {
    width: 48px;
    height: 48px;
    padding: 0;
    border-color: var(--ui-border-strong);
    border-radius: 0.35rem;
    color: #bec7d4;
    background: var(--wm-panel);
}

.waiter-table-view-new .waiter-filter-button > span:not(.waiter-filter-count)[b-ftmthwrepb] {
    display: none;
}

.waiter-table-view-new .waiter-filter-button:hover[b-ftmthwrepb],
.waiter-table-view-new .waiter-filter-button.active[b-ftmthwrepb] {
    border-color: var(--wm-accent);
    color: var(--order-positive-text, var(--wm-accent));
    background: rgba(23, 200, 163, 0.08);
}

.waiter-table-view-new .waiter-filter-count[b-ftmthwrepb] {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 19px;
    height: 19px;
    border: 2px solid var(--wm-bg);
    color: #06231d;
    background: var(--wm-accent);
}

.waiter-table-view-new .waiter-category-tabs[b-ftmthwrepb] {
    position: sticky;
    top: 63px;
    z-index: 4;
    flex-wrap: nowrap;
    gap: 0;
    overflow-x: auto;
    margin: 0 -0.8rem 0.7rem;
    padding: 0 0.8rem;
    border-bottom: 1px solid var(--wm-border);
    background: rgba(9, 10, 12, 0.97);
    scrollbar-width: none;
}

.waiter-table-view-new .waiter-category-tabs[b-ftmthwrepb]::-webkit-scrollbar {
    display: none;
}

.waiter-table-view-new .waiter-cat-btn[b-ftmthwrepb] {
    min-height: 46px;
    flex: 0 0 auto;
    padding: 0 0.85rem;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    color: var(--wm-muted);
    background: transparent;
    font-size: 0.851rem;
    font-weight: 650;
}

.waiter-table-view-new .waiter-cat-btn:hover[b-ftmthwrepb],
.waiter-table-view-new .waiter-cat-btn.active[b-ftmthwrepb] {
    border-bottom-color: var(--wm-accent);
    color: var(--wm-text);
    background: rgba(23, 200, 163, 0.05);
}

.waiter-table-view-new .waiter-active-filters[b-ftmthwrepb] {
    flex-wrap: nowrap;
    overflow-x: auto;
    margin: 0 -0.8rem 0.65rem;
    padding: 0 0.8rem 0.2rem;
    scrollbar-width: none;
}

.waiter-table-view-new .waiter-active-filter[b-ftmthwrepb] {
    min-height: 36px;
    flex: 0 0 auto;
    border-color: rgba(23, 200, 163, 0.3);
    border-radius: 0.3rem;
    color: #dce3ec;
    background: rgba(23, 200, 163, 0.08);
    font-size: 0.806rem;
}

.waiter-table-view-new .waiter-clear-filters[b-ftmthwrepb] {
    min-height: 36px;
    flex: 0 0 auto;
    color: var(--order-positive-text, var(--wm-accent));
}

.waiter-table-view-new .waiter-results-meta[b-ftmthwrepb] {
    min-height: 28px;
    margin-bottom: 0.5rem;
    color: var(--wm-muted);
    font-size: 0.762rem;
}

.waiter-table-view-new .waiter-menu-items[b-ftmthwrepb] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1px;
    border: 1px solid var(--wm-border);
    background: var(--wm-border);
}

.waiter-table-view-new .waiter-menu-item-card[b-ftmthwrepb] {
    min-width: 0;
    min-height: 96px;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 0;
    border-radius: 0;
    background: var(--wm-panel);
    box-shadow: none;
}

.waiter-table-view-new .waiter-new-menu-item[b-ftmthwrepb] {
    padding: 0;
}

.waiter-table-view-new .waiter-item-review[b-ftmthwrepb] {
    min-width: 0;
    min-height: 112px;
    display: flex;
    flex: 1;
    align-items: stretch;
    gap: 0.65rem;
    overflow: hidden;
    padding: 0.6rem;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    text-align: left;
}

.waiter-table-view-new .waiter-menu-quick-action[b-ftmthwrepb] {
    width: 64px;
    min-height: 112px;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    border: 0;
    border-left: 1px solid var(--wm-border);
    color: var(--order-positive-text, var(--wm-accent));
    background: var(--light-control-bg, #111418);
    font: inherit;
}

.waiter-table-view-new .waiter-menu-quick-action i[b-ftmthwrepb] {
    font-size: 1.008rem;
}

.waiter-table-view-new .waiter-menu-quick-action span[b-ftmthwrepb] {
    font-size: 0.72rem;
    font-weight: 750;
}

.waiter-table-view-new .waiter-menu-quick-action:active[b-ftmthwrepb] {
    color: #06231d;
    background: var(--wm-accent);
}

.waiter-table-view-new .waiter-menu-item-card:hover[b-ftmthwrepb],
.waiter-table-view-new .waiter-menu-item-card:focus-within[b-ftmthwrepb] {
    border: 0;
    background: var(--wm-panel-alt);
    box-shadow: inset 0 0 0 1px var(--ui-border-interactive);
}

.waiter-table-view-new .waiter-menu-item-img[b-ftmthwrepb] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 0;
    background: var(--ui-panel-hover-soft);
}

.waiter-table-view-new .waiter-menu-item-img-empty[b-ftmthwrepb] {
    display: grid;
    place-items: center;
    color: var(--wm-muted);
}

.waiter-table-view-new .waiter-menu-item-media[b-ftmthwrepb] {
    position: relative;
    width: 104px;
    min-width: 0;
    min-height: 100px;
    display: block;
    flex: 0 0 104px;
    overflow: hidden;
    border: 1px solid #303641;
    border-radius: 0.35rem;
    background: var(--ui-panel-hover-soft);
}

.waiter-table-view-new .waiter-menu-item-info[b-ftmthwrepb] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.waiter-table-view-new .waiter-menu-item-name[b-ftmthwrepb] {
    position: static;
    display: block;
    overflow: visible;
    padding: 0;
    color: var(--wm-text);
    background: transparent;
    font-size: 0.806rem;
    font-weight: 720;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
}

.waiter-table-view-new .waiter-menu-item-desc[b-ftmthwrepb] {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 0.3rem;
    color: #9ca6b5;
    font-size: 0.773rem;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.waiter-table-view-new .waiter-menu-item-price[b-ftmthwrepb] {
    margin-top: 0.35rem;
    color: var(--order-positive-text, var(--wm-accent));
    font-size: 0.851rem;
}

.waiter-table-view-new .waiter-add-btn[b-ftmthwrepb] {
    width: auto;
    min-width: 44px;
    height: 44px;
    gap: 0.35rem;
    padding: 0 0.55rem;
    border: 1px solid rgba(23, 200, 163, 0.4);
    border-radius: 0.35rem;
    color: var(--order-positive-text, var(--wm-accent));
    background: rgba(23, 200, 163, 0.08);
}

.waiter-table-view-new .waiter-detail-cue small[b-ftmthwrepb] {
    font-size: 0.72rem;
    font-weight: 700;
}

.waiter-table-view-new .waiter-add-btn:active[b-ftmthwrepb] {
    color: #06231d;
    background: var(--wm-accent);
}

.waiter-table-view-new .waiter-menu-empty[b-ftmthwrepb] {
    min-height: 55dvh;
    color: var(--wm-muted);
}

.waiter-table-view-new .waiter-menu-empty > i[b-ftmthwrepb] {
    color: var(--order-positive-text, var(--wm-accent));
}

.waiter-table-view-new .waiter-menu-empty strong[b-ftmthwrepb] {
    color: var(--wm-text);
}

.waiter-table-view-new .waiter-tv-sidebar[b-ftmthwrepb] {
    position: fixed;
    inset: 0 0 0 auto;
    z-index: 1050;
    width: min(92vw, 420px);
    height: 100dvh;
    display: flex;
    gap: 0;
    overflow: hidden;
    padding: 0;
    border-left: 1px solid var(--wm-border);
    color: var(--wm-text);
    background: var(--ui-panel-deep);
    box-shadow: -12px 0 32px rgba(0, 0, 0, 0.35);
    transform: translateX(100%);
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}

.waiter-table-view-new .waiter-tv-sidebar.cart-drawer-open[b-ftmthwrepb] {
    transform: translateX(0);
}

.waiter-table-view-new .waiter-cart-drawer-header[b-ftmthwrepb] {
    flex: 0 0 auto;
    display: flex;
    min-height: 72px;
    margin: 0;
    padding: 0.8rem 1rem;
    border-bottom: 1px solid var(--wm-border);
    background: var(--ui-panel-deep);
}

.waiter-table-view-new .waiter-cart-drawer-header > div[b-ftmthwrepb] {
    display: flex;
    flex-direction: column;
}

.waiter-table-view-new .waiter-cart-drawer-header small[b-ftmthwrepb] {
    color: var(--wm-muted);
    font-size: 0.72rem;
}

.waiter-table-view-new .waiter-tv-section-title[b-ftmthwrepb] {
    color: var(--wm-text);
    font-size: 0.84rem;
    letter-spacing: 0;
    text-transform: none;
}

.waiter-table-view-new .waiter-cart-drawer-close[b-ftmthwrepb] {
    width: 44px;
    height: 44px;
    border-color: var(--wm-border);
    color: var(--wm-text);
    background: var(--wm-panel);
}

.waiter-table-view-new .waiter-cart-row[b-ftmthwrepb] {
    min-height: 58px;
    padding: 0.55rem;
    border-color: var(--wm-border);
    border-radius: 0.3rem;
    background: var(--wm-panel);
}

.waiter-table-view-new .waiter-cart-row-name[b-ftmthwrepb] {
    color: var(--wm-text);
    font-size: 0.874rem;
}

.waiter-table-view-new .qty-btn[b-ftmthwrepb] {
    width: 44px;
    height: 44px;
    border-color: #3b424e;
    border-radius: 0.3rem;
    color: var(--wm-text);
    background: var(--ui-divider-soft);
}

.waiter-table-view-new .waiter-cart-row-price[b-ftmthwrepb] {
    color: var(--order-positive-text, var(--wm-accent));
    font-size: 0.806rem;
}

.waiter-table-view-new .waiter-cart-total[b-ftmthwrepb] {
    min-height: 52px;
    border-color: var(--wm-border);
}

.waiter-table-view-new .waiter-order-panel-body[b-ftmthwrepb] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1rem;
}

.waiter-table-view-new .waiter-order-section-heading[b-ftmthwrepb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    color: var(--wm-text);
    font-size: 0.9rem;
    font-weight: 700;
}

.waiter-table-view-new .waiter-order-section-heading small[b-ftmthwrepb] {
    min-width: 1.5rem;
    height: 1.5rem;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: var(--wm-text);
    background: var(--wm-panel-alt);
    font-size: 0.76rem;
}

.waiter-table-view-new .waiter-order-empty[b-ftmthwrepb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0 1rem;
    color: var(--wm-muted);
}

.waiter-table-view-new .waiter-order-empty i[b-ftmthwrepb] {
    color: var(--order-positive-text, var(--wm-accent));
    font-size: 1.4rem;
}

.waiter-table-view-new .waiter-order-empty p[b-ftmthwrepb] {
    margin: 0;
    font-size: 0.84rem;
    line-height: 1.4;
}

.waiter-table-view-new .waiter-cart-items[b-ftmthwrepb] {
    gap: 0.55rem;
}

.waiter-table-view-new .waiter-cart-row[b-ftmthwrepb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
    padding: 0.7rem;
}

.waiter-table-view-new .waiter-cart-row-name[b-ftmthwrepb] {
    min-width: 0;
    grid-column: 1;
    grid-row: 1;
}

.waiter-table-view-new .waiter-cart-row-name .muted-text[b-ftmthwrepb] {
    margin-top: 0.2rem;
    font-size: 0.78rem;
    overflow-wrap: anywhere;
}

.waiter-table-view-new .waiter-cart-row-price[b-ftmthwrepb] {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    white-space: nowrap;
}

.waiter-table-view-new .waiter-cart-row-controls[b-ftmthwrepb] {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: end;
}

.waiter-table-view-new .waiter-order-active[b-ftmthwrepb],
.waiter-table-view-new .waiter-order-tools[b-ftmthwrepb] {
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--wm-border);
}

.waiter-table-view-new .waiter-merge-action[b-ftmthwrepb] {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.4rem 0;
    border: 0;
    color: var(--wm-text);
    background: transparent;
    font: inherit;
    font-size: 0.86rem;
    text-align: left;
}

.waiter-table-view-new .waiter-merge-action span[b-ftmthwrepb] {
    flex: 1;
}

.waiter-table-view-new .waiter-merge-action > i:first-child[b-ftmthwrepb] {
    color: var(--order-positive-text, var(--wm-accent));
}

.waiter-table-view-new .waiter-merge-action:hover[b-ftmthwrepb],
.waiter-table-view-new .waiter-merge-action:focus-visible[b-ftmthwrepb] {
    color: var(--order-positive-text, var(--wm-accent));
}

.waiter-table-view-new .waiter-order-panel-footer[b-ftmthwrepb] {
    flex: 0 0 auto;
    padding: 0.75rem 1rem max(1rem, env(safe-area-inset-bottom));
    border-top: 1px solid var(--wm-border);
    background: var(--ui-panel-deep);
}

.waiter-table-view-new .waiter-order-panel-footer .alert[b-ftmthwrepb] {
    font-size: 0.84rem;
}

.waiter-table-view-new .waiter-order-panel-footer .waiter-cart-total[b-ftmthwrepb] {
    gap: 0.75rem;
    margin: 0 0 0.5rem;
    padding: 0;
    border: 0;
    font-size: 0.88rem;
}

.waiter-table-view-new .waiter-order-panel-footer .waiter-cart-total strong[b-ftmthwrepb] {
    color: var(--wm-text);
    font-size: 1rem;
}

.waiter-table-view-new .waiter-order-panel-footer .btn-brand[b-ftmthwrepb] {
    width: 100%;
}

.waiter-table-view-new .btn-brand[b-ftmthwrepb] {
    min-height: 46px;
    border-radius: 0.3rem;
    color: #06231d;
    background: var(--wm-accent);
    font-weight: 750;
}

.waiter-table-view-new .waiter-cart-backdrop[b-ftmthwrepb] {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 1045;
    background: rgba(0, 0, 0, 0.65);
}

.waiter-table-view-new .waiter-new-cart-fab[b-ftmthwrepb] {
    position: fixed;
    right: 0.8rem;
    bottom: calc(0.8rem + env(safe-area-inset-bottom));
    left: 0.8rem;
    z-index: 1040;
    width: auto;
    height: 58px;
    display: flex;
    justify-content: flex-start;
    gap: 0.65rem;
    padding: 0 0.8rem;
    border: 1px solid rgba(23, 200, 163, 0.48);
    border-radius: 0.4rem;
    color: #06231d;
    background: var(--wm-accent);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38);
    font-size: 1.12rem;
}

.waiter-new-cart-label[b-ftmthwrepb] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.waiter-new-cart-label strong[b-ftmthwrepb],
.waiter-new-cart-label small[b-ftmthwrepb] {
    display: block;
}

.waiter-new-cart-label strong[b-ftmthwrepb] {
    font-size: 0.851rem;
}

.waiter-new-cart-label small[b-ftmthwrepb] {
    margin-top: 0.1rem;
    font-size: 0.72rem;
}

.waiter-new-cart-action[b-ftmthwrepb] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.762rem;
    font-weight: 750;
}

.waiter-new-overlay[b-ftmthwrepb] {
    background: rgba(0, 0, 0, 0.72);
}

.waiter-new-filter-panel[b-ftmthwrepb] {
    width: min(94vw, 460px);
    border-color: var(--wm-border);
    color: var(--wm-text);
    background: var(--ui-panel-deep);
    box-shadow: -12px 0 36px rgba(0, 0, 0, 0.45);
}

.waiter-new-filter-panel .waiter-filter-header[b-ftmthwrepb],
.waiter-new-filter-panel .waiter-filter-footer[b-ftmthwrepb],
.waiter-new-filter-panel .waiter-filter-section[b-ftmthwrepb] {
    border-color: var(--wm-border);
}

.waiter-new-filter-panel .waiter-filter-header[b-ftmthwrepb] {
    min-height: 64px;
}

.waiter-new-filter-panel .waiter-filter-close[b-ftmthwrepb] {
    width: 44px;
    height: 44px;
}

.waiter-new-filter-panel .waiter-filter-header h3[b-ftmthwrepb],
.waiter-new-filter-panel .waiter-filter-section h4[b-ftmthwrepb] {
    color: var(--wm-text);
}

.waiter-new-filter-panel .waiter-filter-section p[b-ftmthwrepb] {
    color: var(--wm-muted);
}

.waiter-new-filter-panel .waiter-filter-step[b-ftmthwrepb] {
    border-radius: 0.25rem;
    color: #06231d;
    background: var(--wm-accent);
}

.waiter-new-filter-panel .waiter-filter-option[b-ftmthwrepb],
.waiter-new-filter-panel .waiter-price-input[b-ftmthwrepb],
.waiter-new-filter-panel .waiter-sort-options label[b-ftmthwrepb] {
    min-height: 44px;
    border-color: var(--wm-border);
    border-radius: 0.3rem;
    color: #c3ccd8;
    background: var(--wm-panel);
}

.waiter-new-filter-panel .waiter-filter-option.selected[b-ftmthwrepb],
.waiter-new-filter-panel .waiter-sort-options label.selected[b-ftmthwrepb] {
    border-color: var(--wm-accent);
    color: var(--order-positive-text, var(--wm-accent));
    background: rgba(23, 200, 163, 0.08);
}

.waiter-new-filter-panel input[b-ftmthwrepb] {
    accent-color: var(--wm-accent);
}

.waiter-new-filter-panel .waiter-filter-footer[b-ftmthwrepb] {
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
    background: var(--ui-panel-deep);
}

.waiter-new-sheet[b-ftmthwrepb] {
    width: min(94vw, 920px);
    height: min(92dvh, 780px);
    max-width: 920px;
    max-height: min(88dvh, 760px);
    padding: 0;
    border: 1px solid var(--wm-border);
    border-radius: 0.55rem 0.55rem 0 0;
    color: var(--wm-text);
    background: var(--ui-panel-deep);
    box-shadow: 0 -14px 38px rgba(0, 0, 0, 0.4);
    overflow: hidden;
}

.waiter-table-view-new ~ .waiter-sheet-backdrop[b-ftmthwrepb] {
    z-index: 1100;
}

.waiter-item-detail[b-ftmthwrepb] {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(180px, 34%) minmax(0, 1fr);
}

.waiter-item-detail-media[b-ftmthwrepb] {
    position: relative;
    min-height: 230px;
    overflow: hidden;
    background: var(--order-inset-surface, #0c0e11);
}

.waiter-item-detail-media > img[b-ftmthwrepb] {
    width: 100%;
    height: 100%;
    min-height: 230px;
    max-height: 340px;
    display: block;
    object-fit: cover;
}

.waiter-item-image-fallback[b-ftmthwrepb] {
    min-height: 230px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 0.55rem;
    color: var(--order-muted-foreground, #758091);
    background: var(--order-inset-surface, #13161a);
}

.waiter-item-image-fallback i[b-ftmthwrepb] {
    font-size: 2.016rem;
}

.waiter-item-image-fallback span[b-ftmthwrepb] {
    font-size: 0.739rem;
}

.waiter-detail-close[b-ftmthwrepb] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.35rem;
    color: #fff;
    background: rgba(9, 10, 12, 0.88);
}

.waiter-item-detail-content[b-ftmthwrepb] {
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    overflow: hidden;
}

.waiter-item-detail-scroll[b-ftmthwrepb] {
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
}

.waiter-item-detail-heading[b-ftmthwrepb] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.waiter-item-detail-heading > div[b-ftmthwrepb] {
    min-width: 0;
}

.waiter-item-detail-heading span[b-ftmthwrepb] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--wm-muted);
    font-size: 0.72rem;
}

.waiter-item-detail-heading h2[b-ftmthwrepb] {
    margin: 0;
    color: var(--wm-text);
    font-size: 1.232rem;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.waiter-item-detail-heading > strong[b-ftmthwrepb] {
    flex: 0 0 auto;
    color: var(--order-positive-text, var(--wm-accent));
    font-size: 1.008rem;
}

.waiter-item-signals[b-ftmthwrepb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.8rem;
}

.waiter-item-signals > span[b-ftmthwrepb] {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0 0.5rem;
    border: 1px solid #343a45;
    border-radius: 0.25rem;
    color: #bcc5d1;
    background: var(--wm-panel);
    font-size: 0.72rem;
}

.waiter-item-signals > span:first-child i[b-ftmthwrepb] {
    color: var(--wm-amber);
}

.waiter-item-signals i[b-ftmthwrepb] {
    color: var(--order-positive-text, var(--wm-accent));
}

.waiter-item-description[b-ftmthwrepb] {
    margin-top: 1rem;
    padding: 0.8rem 0;
    border-top: 1px solid var(--wm-border);
    border-bottom: 1px solid var(--wm-border);
}

.waiter-item-description h3[b-ftmthwrepb],
.waiter-item-description p[b-ftmthwrepb],
.waiter-customization-heading h3[b-ftmthwrepb],
.waiter-customization-heading span[b-ftmthwrepb] {
    margin: 0;
}

.waiter-item-description h3[b-ftmthwrepb],
.waiter-customization-heading h3[b-ftmthwrepb] {
    color: var(--wm-text);
    font-size: 0.806rem;
    font-weight: 680;
}

.waiter-item-description p[b-ftmthwrepb] {
    margin-top: 0.35rem;
    color: #aab4c2;
    font-size: 0.806rem;
    line-height: 1.55;
}

.waiter-customization-heading[b-ftmthwrepb] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding-top: 1rem;
}

.waiter-customization-heading span[b-ftmthwrepb] {
    color: var(--wm-muted);
    font-size: 0.72rem;
}

.waiter-new-sheet .waiter-option-group[b-ftmthwrepb] {
    margin: 0;
    padding: 0.85rem 0;
    border-top: 1px solid var(--wm-border);
}

.waiter-new-sheet .waiter-customization-heading + .waiter-option-group[b-ftmthwrepb] {
    margin-top: 0.65rem;
}

.waiter-new-sheet .waiter-option-group-title[b-ftmthwrepb] {
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 0.45rem;
}

.waiter-new-sheet .waiter-option-group-title em[b-ftmthwrepb] {
    color: var(--wm-muted);
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 600;
}

.waiter-detail-choices[b-ftmthwrepb] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.35rem;
}

.waiter-new-sheet .waiter-option-choice[b-ftmthwrepb] {
    min-height: 48px;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 0.6rem;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--wm-border);
    border-radius: 0.3rem;
    color: var(--wm-text);
    background: var(--wm-panel);
}

.waiter-new-sheet .waiter-option-choice:has(input:checked)[b-ftmthwrepb] {
    border-color: rgba(23, 200, 163, 0.45);
    background: rgba(23, 200, 163, 0.07);
}

.waiter-new-sheet .waiter-option-choice small[b-ftmthwrepb] {
    color: var(--order-positive-text, var(--wm-accent));
    font-size: 0.72rem;
}

.waiter-special-note[b-ftmthwrepb] {
    display: block;
    padding-top: 0.85rem;
    border-top: 1px solid var(--wm-border);
}

.waiter-special-note > span[b-ftmthwrepb] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.4rem;
    color: var(--wm-text);
    font-size: 0.784rem;
    font-weight: 650;
}

.waiter-special-note > span small[b-ftmthwrepb] {
    color: var(--wm-muted);
    font-size: 0.72rem;
    font-weight: 500;
}

.waiter-special-note input[b-ftmthwrepb] {
    width: 100%;
    min-height: 46px;
    padding: 0 0.7rem;
    border: 1px solid #353b46;
    border-radius: 0.3rem;
    outline: 0;
    color: var(--wm-text);
    background: var(--wm-panel);
    font: inherit;
    font-size: 0.84rem;
}

.waiter-special-note input:focus[b-ftmthwrepb] {
    border-color: var(--wm-accent);
    box-shadow: 0 0 0 2px rgba(23, 200, 163, 0.1);
}

.waiter-item-selection-error[b-ftmthwrepb] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin: 0.75rem 0;
    padding: 0.65rem;
    border: 1px solid rgba(241, 91, 104, 0.4);
    color: #ff9ba4;
    background: rgba(241, 91, 104, 0.08);
    font-size: 0.75rem;
    line-height: 1.4;
}

.waiter-item-detail-footer[b-ftmthwrepb] {
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.65rem;
    padding: 0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom));
    border-top: 1px solid var(--wm-border);
    background: var(--ui-panel-deep);
}

.waiter-detail-quantity[b-ftmthwrepb] {
    width: max-content;
    display: grid;
    grid-template-columns: 44px auto 44px;
    align-items: center;
    border: 1px solid #383f4a;
    border-radius: 0.35rem;
    background: var(--wm-panel);
}

.waiter-detail-quantity button[b-ftmthwrepb] {
    width: 44px;
    height: 48px;
    border: 0;
    color: var(--wm-text);
    background: transparent;
    font: inherit;
    font-size: 1.12rem;
}

.waiter-detail-quantity > span[b-ftmthwrepb] {
    min-width: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.waiter-detail-quantity small[b-ftmthwrepb],
.waiter-detail-quantity strong[b-ftmthwrepb] {
    display: block;
}

.waiter-detail-quantity small[b-ftmthwrepb] {
    color: var(--wm-muted);
    font-size: 0.72rem;
}

.waiter-detail-quantity strong[b-ftmthwrepb] {
    font-size: 0.851rem;
}

.waiter-detail-actions[b-ftmthwrepb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.waiter-detail-add[b-ftmthwrepb] {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0 0.85rem;
    border: 0;
    border-radius: 0.35rem;
    color: var(--wm-text);
    background: var(--light-control-bg, #22272e);
    font: inherit;
}

.waiter-detail-add.secondary[b-ftmthwrepb] {
    border: 1px solid #3b434f;
}

.waiter-detail-add.primary[b-ftmthwrepb] {
    color: #06231d;
    background: var(--wm-accent);
}

.waiter-detail-add:disabled[b-ftmthwrepb] {
    cursor: wait;
    opacity: 0.65;
}

.waiter-detail-add span[b-ftmthwrepb],
.waiter-detail-add strong[b-ftmthwrepb],
.waiter-detail-add i[b-ftmthwrepb] {
    font-size: 0.784rem;
    font-weight: 780;
}

.waiter-new-sheet .waiter-sheet-header[b-ftmthwrepb] {
    min-height: 48px;
    margin: -0.25rem 0 0.75rem;
    color: var(--wm-text);
}

.waiter-new-sheet .waiter-option-group[b-ftmthwrepb] {
    padding: 0.7rem 0;
    border-top: 1px solid var(--wm-border);
}

.waiter-new-sheet .waiter-option-group-title[b-ftmthwrepb] {
    color: #c2cbd7;
    font-size: 0.806rem;
    letter-spacing: 0;
    text-transform: none;
}

.waiter-new-sheet .waiter-option-choice[b-ftmthwrepb] {
    min-height: 44px;
    color: var(--wm-text);
}

.waiter-new-sheet .qty-btn[b-ftmthwrepb],
.waiter-new-sheet .btn-close[b-ftmthwrepb] {
    width: 44px;
    height: 44px;
}

.waiter-new-sheet input[type="checkbox"][b-ftmthwrepb],
.waiter-new-sheet input[type="radio"][b-ftmthwrepb] {
    width: 20px;
    height: 20px;
    accent-color: var(--wm-accent);
}

.waiter-new-sheet .form-control[b-ftmthwrepb] {
    min-height: 46px;
    border-color: var(--wm-border);
    color: var(--wm-text);
    background: var(--wm-panel);
}

.waiter-table-view-new[b-ftmthwrepb]  .waiter-order-card {
    border-color: var(--wm-border);
    border-radius: 0.3rem;
    color: var(--wm-text);
    background: var(--wm-panel);
}

.waiter-table-view-new[b-ftmthwrepb]  .waiter-order-card.is-ready {
    border-color: rgba(23, 200, 163, 0.42);
    background: rgba(23, 200, 163, 0.06);
}

.waiter-table-view-new[b-ftmthwrepb]  .waiter-order-card.is-inprogress {
    border-color: rgba(38, 143, 208, 0.4);
}

.waiter-table-view-new[b-ftmthwrepb]  .waiter-order-card .btn {
    min-height: 40px;
}

@media (min-width: 700px) {
    .waiter-table-view-new .waiter-tv-topbar[b-ftmthwrepb] {
        padding: 0.65rem 1rem;
    }

    .waiter-table-view-new .waiter-floor-back[b-ftmthwrepb] {
        width: auto;
        padding: 0 0.7rem;
    }

    .waiter-table-view-new .waiter-floor-back span[b-ftmthwrepb],
    .waiter-table-view-new .waiter-location-name[b-ftmthwrepb] {
        display: inline-flex;
    }

    .waiter-table-view-new .waiter-location-name[b-ftmthwrepb] {
        align-items: center;
        gap: 0.3rem;
        color: var(--wm-muted) !important;
        font-size: 0.75rem;
    }

    .waiter-table-view-new .waiter-tv-menu[b-ftmthwrepb] {
        padding: 0 1rem 6.5rem;
    }

    .waiter-new-menu-heading[b-ftmthwrepb] {
        padding: 1.15rem 0 0.9rem;
    }

    .waiter-table-view-new .waiter-menu-toolbar[b-ftmthwrepb] {
        margin: 0 -1rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .waiter-table-view-new .waiter-category-tabs[b-ftmthwrepb] {
        margin-right: -1rem;
        margin-left: -1rem;
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .waiter-table-view-new .waiter-menu-items[b-ftmthwrepb] {
        grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
    }

    .waiter-new-sheet[b-ftmthwrepb] {
        border-radius: 0.55rem;
    }

    .waiter-item-detail-media[b-ftmthwrepb],
    .waiter-item-detail-media > img[b-ftmthwrepb],
    .waiter-item-image-fallback[b-ftmthwrepb] {
        min-height: 300px;
    }

    .waiter-detail-choices[b-ftmthwrepb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .waiter-item-detail-footer[b-ftmthwrepb] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
    }
}

@media (min-width: 1024px) {
    .waiter-table-view-new[b-ftmthwrepb] {
        height: calc(100dvh - 60px);
    }

    .waiter-table-view-new .waiter-tv-body[b-ftmthwrepb] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 360px;
        min-height: 0;
        overflow: hidden;
    }

    .waiter-table-view-new .waiter-tv-menu[b-ftmthwrepb] {
        min-height: 0;
        overflow-y: auto;
        padding-bottom: 1rem;
        border-right: 1px solid var(--wm-border);
    }

    .waiter-table-view-new .waiter-tv-sidebar[b-ftmthwrepb] {
        position: static;
        inset: auto;
        z-index: auto;
        width: auto;
        height: auto;
        min-height: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
        transform: none;
    }

    .waiter-table-view-new .waiter-cart-drawer-header[b-ftmthwrepb] {
        min-height: 72px;
        margin: 0;
        padding: 0.8rem 1rem;
    }

    .waiter-table-view-new .waiter-cart-drawer-close[b-ftmthwrepb],
    .waiter-table-view-new .waiter-cart-backdrop[b-ftmthwrepb],
    .waiter-table-view-new .waiter-new-cart-fab[b-ftmthwrepb] {
        display: none;
    }

    .waiter-new-sheet[b-ftmthwrepb] {
        height: min(82dvh, 720px);
        overflow: hidden;
    }

    .waiter-item-detail[b-ftmthwrepb] {
        height: 100%;
        display: grid;
        grid-template-columns: minmax(300px, 42%) minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr);
    }

    .waiter-item-detail-media[b-ftmthwrepb],
    .waiter-item-detail-media > img[b-ftmthwrepb],
    .waiter-item-image-fallback[b-ftmthwrepb] {
        height: 100%;
        max-height: none;
    }

    .waiter-item-detail-content[b-ftmthwrepb] {
        overflow: hidden;
    }

    .waiter-item-detail-scroll[b-ftmthwrepb] {
        padding: 1.15rem;
    }

    .waiter-item-detail-footer[b-ftmthwrepb] {
        padding-right: 1.15rem;
        padding-left: 1.15rem;
    }
}

@media (pointer: coarse) {
    .waiter-table-view-new button[b-ftmthwrepb],
    .waiter-new-filter-panel button[b-ftmthwrepb],
    .waiter-new-sheet button[b-ftmthwrepb] {
        touch-action: manipulation;
    }
}

@media (prefers-reduced-motion: reduce) {
    .waiter-table-view-new .waiter-tv-sidebar[b-ftmthwrepb] {
        transition: none;
    }
}

/* Slightly larger service text improves quick scanning on the floor. */
.waiter-table-view-new .waiter-tv-title[b-ftmthwrepb],
.waiter-table-view-new .waiter-new-menu-heading h1[b-ftmthwrepb],
.waiter-table-view-new .waiter-item-detail-title[b-ftmthwrepb] { font-size: 1.16rem; }
.waiter-table-view-new .waiter-menu-item-name[b-ftmthwrepb],
.waiter-table-view-new .waiter-tv-section-title[b-ftmthwrepb],
.waiter-table-view-new .waiter-cart-row-name strong[b-ftmthwrepb],
.waiter-table-view-new .waiter-order-card strong[b-ftmthwrepb] { font-size: 0.92rem; }
.waiter-table-view-new .waiter-menu-item-desc[b-ftmthwrepb],
.waiter-table-view-new .waiter-menu-item-price[b-ftmthwrepb],
.waiter-table-view-new .waiter-results-meta[b-ftmthwrepb],
.waiter-table-view-new .waiter-new-menu-heading p[b-ftmthwrepb],
.waiter-table-view-new .waiter-item-detail-description[b-ftmthwrepb] { font-size: 0.84rem; }
.waiter-table-view-new .waiter-cat-btn[b-ftmthwrepb],
.waiter-table-view-new .waiter-filter-button[b-ftmthwrepb],
.waiter-table-view-new .waiter-menu-search input[b-ftmthwrepb],
.waiter-table-view-new .waiter-menu-quick-action[b-ftmthwrepb],
.waiter-table-view-new .waiter-active-filter[b-ftmthwrepb],
.waiter-table-view-new .waiter-clear-filters[b-ftmthwrepb] { font-size: 0.82rem; }
/* /Components/Shared/OrderNotificationCenter.razor.rz.scp.css */
.order-prompt[b-1j81fejszh] { position:fixed; right:20px; bottom:20px; width:min(460px, calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:18px; z-index:1100; border:1px solid #e5a425; border-left:4px solid #e5a425; border-radius:8px; background:var(--surface-1, #fff); color:var(--text-primary, #17202a); box-shadow:var(--card-shadow-elevated, 0 8px 28px #0003); }
.prompt-heading[b-1j81fejszh], .prompt-actions[b-1j81fejszh], .prompt-summary[b-1j81fejszh], .review-heading[b-1j81fejszh], .review-actions[b-1j81fejszh] { display:flex; align-items:center; gap:10px; }
.prompt-heading strong[b-1j81fejszh] { flex:1; min-width:0; overflow-wrap:anywhere; }
.prompt-heading > i[b-1j81fejszh] { color:#e5a425; }
.order-prompt p[b-1j81fejszh] { margin:10px 0; overflow-wrap:anywhere; }
.prompt-summary[b-1j81fejszh] { justify-content:space-between; margin:10px 0; }
.prompt-summary > strong[b-1j81fejszh] { text-align:right; min-width:0; overflow-wrap:anywhere; }
.prompt-summary small[b-1j81fejszh] { display:block; font-weight:normal; }
.prompt-actions[b-1j81fejszh], .review-actions[b-1j81fejszh] { flex-wrap:wrap; }
.order-review-backdrop[b-1j81fejszh] { position:fixed; inset:0; background:#0009; z-index:1200; display:flex; align-items:center; justify-content:center; padding:16px; }
.order-review[b-1j81fejszh] { width:min(640px, 100%); max-height:calc(100dvh - 32px); overflow:auto; border-radius:8px; padding:24px; }
.review-heading[b-1j81fejszh] { justify-content:space-between; margin-bottom:16px; }
.review-heading h2[b-1j81fejszh] { font-size:1.25rem; margin:4px 0; }
.review-context[b-1j81fejszh] { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:12px; }
.review-context > *[b-1j81fejszh] { min-width:0; max-width:100%; overflow-wrap:anywhere; }
.review-items[b-1j81fejszh] { border-block:1px solid var(--border-subtle, #ddd); margin:16px 0; }
.review-item[b-1j81fejszh] { padding:12px 0; border-bottom:1px solid var(--border-subtle, #ddd); }
.review-item:last-child[b-1j81fejszh] { border-bottom:0; }
.review-item > div[b-1j81fejszh] { display:flex; justify-content:space-between; gap:12px; }
.review-item strong[b-1j81fejszh] { overflow-wrap:anywhere; }
.review-item p[b-1j81fejszh] { margin:4px 0; overflow-wrap:anywhere; }
.review-item.cancelled[b-1j81fejszh] { opacity:.6; }
.review-note[b-1j81fejszh] { border-left:2px solid #e5a425; padding-left:8px; }
.review-totals[b-1j81fejszh] { display:grid; grid-template-columns:1fr auto; gap:6px 12px; }
.review-totals dd[b-1j81fejszh] { margin:0; text-align:right; }
.review-assign[b-1j81fejszh] { display:grid; grid-template-columns:1fr auto; gap:8px; padding:16px 0; }
.review-assign label[b-1j81fejszh], .review-assign > span[b-1j81fejszh] { grid-column:1 / -1; }
.review-actions[b-1j81fejszh] { margin-top:16px; }
.review-confirm[b-1j81fejszh] { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:16px; padding:14px 16px; border:1px solid color-mix(in srgb, #e5a425 55%, var(--border-subtle, #ddd)); border-radius:8px; background:color-mix(in srgb, #e5a425 10%, var(--surface-1, #fff)); }
.review-confirm p[b-1j81fejszh] { margin:4px 0 0; color:var(--text-muted, #667085); }
.review-confirm-actions[b-1j81fejszh] { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; flex:0 0 auto; }
@media (max-width:480px) { .order-review[b-1j81fejszh] { padding:16px; } .review-item > div[b-1j81fejszh] { flex-wrap:wrap; } .order-prompt[b-1j81fejszh] { right:16px; bottom:16px; } }
@media (max-width:560px) { .review-confirm[b-1j81fejszh] { align-items:stretch; flex-direction:column; } .review-confirm-actions[b-1j81fejszh] { justify-content:stretch; } .review-confirm-actions .btn[b-1j81fejszh] { flex:1; } }