@import '_content/AtqComponent/AtqComponent.wdolu23rcm.bundle.scp.css';

/* /Engines/Pos/Favorites/PosFavoriteSetup.razor.rz.scp.css */
/* F2 — ★ Favorites curation screen (mockup 23, screen B).
   Scoped component CSS; every colour resolves to a live --pos-* token so the page
   follows the POS theme (warm-cream/amber light + dark) with no extra work. */

.fav-root[b-htn4bxgx97] { max-width: 1120px; margin: 0 auto; padding: 1.1rem 1.25rem 2.5rem; }

/* ── header ─────────────────────────────────────────────────────────────── */
.fav-top[b-htn4bxgx97] {
    display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap;
    padding: .85rem 1.05rem; background: var(--pos-panel);
    border: 1px solid var(--pos-border); border-radius: var(--pos-radius);
    box-shadow: var(--pos-shadow-card); margin-bottom: 1rem;
}
.fav-top .ttl[b-htn4bxgx97]  { display: flex; align-items: center; gap: .6rem; font-size: 16px; font-weight: 800; }
.fav-top .ttl svg[b-htn4bxgx97] { width: 21px; height: 21px; color: var(--pos-accent); }
.fav-top .acts[b-htn4bxgx97] { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; }

.fav-pill[b-htn4bxgx97] {
    height: 32px; display: inline-flex; align-items: center; padding: 0 .75rem;
    border-radius: var(--pos-pill); font-size: 12px; font-weight: 700;
    background: var(--pos-accent-soft); color: var(--pos-accent-soft-text);
}

.fav-btn[b-htn4bxgx97] {
    height: 40px; padding: 0 .95rem; border-radius: 11px; font-size: 13.5px; font-weight: 700;
    background: var(--pos-card); border: 1px solid var(--pos-border); color: var(--pos-text);
    display: inline-flex; align-items: center; gap: .45rem; font-family: inherit;
    touch-action: manipulation; transition: all .15s;
}
.fav-btn:hover:not(:disabled)[b-htn4bxgx97] { background: var(--pos-card-hover); border-color: var(--pos-border-strong); }
.fav-btn.accent[b-htn4bxgx97] { background: var(--pos-accent-grad); border-color: transparent; color: var(--pos-on-accent-solid); }
.fav-btn.sm[b-htn4bxgx97]     { height: 34px; padding: 0 .7rem; font-size: 12.5px; }
.fav-btn:disabled[b-htn4bxgx97] { opacity: .45; cursor: not-allowed; }

/* ── stand-in notice ────────────────────────────────────────────────────── */
.fav-note[b-htn4bxgx97] {
    font-size: 13px; line-height: 1.65; color: var(--pos-text); background: var(--pos-info-soft);
    border: 1px solid transparent; border-inline-start: 3px solid var(--pos-info);
    border-radius: var(--pos-radius-sm); padding: .75rem .9rem; margin-bottom: 1rem;
}

/* ── cards ──────────────────────────────────────────────────────────────── */
.fav-body[b-htn4bxgx97] { display: grid; grid-template-columns: 1.25fr 1fr; gap: 1rem; align-items: start; }
.fav-card[b-htn4bxgx97] {
    background: var(--pos-card); border: 1px solid var(--pos-border);
    border-radius: var(--pos-radius); padding: 1rem; box-shadow: var(--pos-shadow-card);
}
.fav-card-head[b-htn4bxgx97] { display: flex; align-items: flex-start; justify-content: space-between; gap: .6rem; margin-bottom: .85rem; }
.fav-card-head h2[b-htn4bxgx97]  { font-size: 15px; font-weight: 800; margin: 0; }
.fav-card-head .sub[b-htn4bxgx97] { font-size: 11.5px; color: var(--pos-text-faint); font-weight: 600; margin-top: .2rem; }

/* ── rows ───────────────────────────────────────────────────────────────── */
.fav-row[b-htn4bxgx97] {
    display: grid; grid-template-columns: 28px 36px 1fr auto auto auto; gap: .55rem; align-items: center;
    padding: .5rem .6rem; border: 1px solid var(--pos-border); border-radius: var(--pos-radius-sm);
    background: var(--pos-panel); margin-bottom: .4rem;
}
.fav-row.res[b-htn4bxgx97]  { grid-template-columns: 36px 1fr auto auto; }
.fav-row.dead[b-htn4bxgx97] { opacity: .62; }
.fav-row.added[b-htn4bxgx97] { opacity: .55; }

.fav-row .pos-n[b-htn4bxgx97] {
    width: 28px; height: 28px; border-radius: 8px; background: var(--pos-accent-soft);
    color: var(--pos-accent-soft-text); font-size: 12px; font-weight: 800;
    display: grid; place-items: center; font-variant-numeric: tabular-nums;
}
.fav-row .th[b-htn4bxgx97] {
    width: 36px; height: 36px; border-radius: 10px; background: var(--pos-thumb);
    color: var(--pos-thumb-fg); display: grid; place-items: center; font-weight: 700; font-size: 14px;
}
.fav-row .nm[b-htn4bxgx97] { min-width: 0; font-size: 13.5px; font-weight: 600; line-height: 1.35; }
.fav-row .nm .no[b-htn4bxgx97] {
    display: block; font-size: 11px; color: var(--pos-text-faint);
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.fav-row .pr[b-htn4bxgx97] {
    font-size: 12.5px; font-weight: 700; color: var(--pos-accent-text);
    font-variant-numeric: tabular-nums; white-space: nowrap;
}
.dead-tag[b-htn4bxgx97] {
    font-size: 10.5px; font-weight: 700; padding: .08rem .4rem; border-radius: var(--pos-pill);
    background: var(--pos-warning-soft); color: var(--pos-warning-text); margin-inline-start: .35rem;
}
.tag-in[b-htn4bxgx97] {
    font-size: 11px; font-weight: 700; padding: .15rem .5rem; border-radius: var(--pos-pill);
    background: var(--pos-success-soft); color: var(--pos-success-text); white-space: nowrap;
}

/* ▲▼ — 30px targets stacked in one 36px-tall control keep the row compact but tappable */
.updown[b-htn4bxgx97] { display: flex; flex-direction: column; gap: 2px; }
.updown button[b-htn4bxgx97] {
    width: 30px; height: 17px; border-radius: 5px; background: var(--pos-tile);
    border: 1px solid var(--pos-border); color: var(--pos-text-muted);
    font-size: 9px; line-height: 1; display: grid; place-items: center; padding: 0;
    font-family: inherit; touch-action: manipulation;
}
.updown button:hover:not(:disabled)[b-htn4bxgx97] { color: var(--pos-text); border-color: var(--pos-border-strong); }
.updown button:disabled[b-htn4bxgx97] { opacity: .35; cursor: not-allowed; }

.fav-ico[b-htn4bxgx97] {
    width: 34px; height: 34px; border-radius: 9px; background: var(--pos-tile);
    border: 1px solid var(--pos-border); color: var(--pos-text-muted);
    display: grid; place-items: center; font-size: 13px; font-family: inherit; touch-action: manipulation;
}
.fav-ico.danger:hover:not(:disabled)[b-htn4bxgx97] {
    color: var(--pos-danger-text); border-color: var(--pos-danger); background: var(--pos-danger-soft);
}
.fav-ico:disabled[b-htn4bxgx97] { opacity: .45; cursor: not-allowed; }

/* ── search ─────────────────────────────────────────────────────────────── */
.fav-search[b-htn4bxgx97] {
    display: flex; align-items: center; gap: .55rem; height: 46px; padding: 0 .8rem;
    background: var(--pos-panel); border: 1px solid var(--pos-border); border-radius: 11px;
    color: var(--pos-text-faint); margin-bottom: .7rem;
}
.fav-search:focus-within[b-htn4bxgx97] { border-color: var(--pos-accent); box-shadow: 0 0 0 3px var(--pos-accent-ring); }
.fav-search input[b-htn4bxgx97] {
    flex: 1; min-width: 0; border: none; outline: none; background: transparent;
    color: var(--pos-text); font-size: 14px; font-family: inherit;
}

/* ── states ─────────────────────────────────────────────────────────────── */
.fav-empty[b-htn4bxgx97] {
    text-align: center; padding: 1.8rem 1rem; color: var(--pos-text-faint);
    font-size: 13px; line-height: 1.7;
}
.fav-empty .big[b-htn4bxgx97] { font-size: 30px; display: block; margin-bottom: .4rem; opacity: .45; }
.fav-hint[b-htn4bxgx97] { font-size: 12px; color: var(--pos-text-faint); margin-top: .65rem; line-height: 1.6; }

/* ── toast ──────────────────────────────────────────────────────────────── */
.fav-toast[b-htn4bxgx97] {
    /* physical `left`, not `inset-inline-start`: the logical inset flips under RTL but the
       physical translateX(-50%) does not, which pushes the toast half its width off-centre. */
    position: fixed; inset-block-end: 1.5rem; left: 50%; transform: translateX(-50%);
    z-index: 70; padding: .7rem 1.1rem; border-radius: var(--pos-pill);
    font-size: 13.5px; font-weight: 700; box-shadow: var(--pos-shadow-pop);
}
.fav-toast.ok[b-htn4bxgx97]  { background: var(--pos-success); color: #fff; }
.fav-toast.err[b-htn4bxgx97] { background: var(--pos-danger);  color: #fff; }

@media (max-width: 900px) {
    .fav-body[b-htn4bxgx97] { grid-template-columns: 1fr; }
}
/* /Engines/Pos/Kitchen/PosKitchen.razor.rz.scp.css */
/* P4.2 KOT — kitchen display board. Ported from mockups/pos/13-kitchen-display.html,
   using the app's --pos-* variables (with fallbacks for the tint colors). */

.kds-root[b-e624z26gma] {
    display: flex;
    flex-direction: column;
    flex: 1;            /* fill .pos-main-body (a bounded flex column) so the columns can scroll */
    min-height: 0;
    font-size: 15px;
}

.kds-topbar[b-e624z26gma] {
    background: var(--pos-panel, #fff);
    border-bottom: 1px solid var(--pos-border, #e5e7eb);
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.kds-title[b-e624z26gma] { font-size: 18px; font-weight: 700; }

.kds-summary[b-e624z26gma] {
    display: flex;
    gap: 1rem;
    font-size: 13px;
    color: var(--pos-text-muted, #6b7280);
    margin-inline-start: 1rem;
}

.kds-summary strong[b-e624z26gma] { color: var(--pos-text, #111827); }
.kds-topbar .pos-btn[b-e624z26gma] { margin-inline-start: auto; }

.kds-msg[b-e624z26gma] {
    padding: 2rem;
    text-align: center;
    color: var(--pos-text-muted, #6b7280);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
}
.kds-msg.err[b-e624z26gma] { color: var(--pos-danger, #ef4444); }

.kds-banner[b-e624z26gma] {
    background: rgba(245,158,11,.15);
    color: var(--pos-warning, #b45309);
    padding: .35rem 1rem;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
}

.kds-columns[b-e624z26gma] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: minmax(0, 1fr);   /* bound the single row to the flex height so each column can scroll */
    gap: 1px;
    background: var(--pos-border, #e5e7eb);
    flex: 1;
    min-height: 0;
}

.kds-col[b-e624z26gma] {
    background: var(--pos-bg, #f8fafc);
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;   /* allow the column to shrink so .kds-col-body's overflow-y can take effect */
}

.kds-col-head[b-e624z26gma] {
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--pos-border, #e5e7eb);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.kds-col-head.new[b-e624z26gma]     { background: rgba(148,163,184,.12); color: var(--pos-text, #111827); }
.kds-col-head.cooking[b-e624z26gma] { background: rgba(245,158,11,.12);  color: var(--pos-warning, #f59e0b); }
.kds-col-head.ready[b-e624z26gma]   { background: rgba(16,185,129,.12);  color: var(--pos-success, #10b981); }
.kds-col-head .cnt[b-e624z26gma] {
    background: var(--pos-tile, #f1f5f9);
    color: var(--pos-text, #111827);
    padding: 1px 9px;
    border-radius: 999px;
    font-size: 12px;
}

.kds-col-body[b-e624z26gma] {
    flex: 1;
    min-height: 0;      /* allow shrink below content so overflow-y engages instead of squashing tickets */
    overflow-y: auto;
    padding: .75rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.kds-col-empty[b-e624z26gma] { color: var(--pos-text-muted, #9ca3af); text-align: center; padding: 1rem 0; opacity: .5; }

.ticket[b-e624z26gma] {
    background: var(--pos-panel, #fff);
    border: 2px solid var(--pos-border, #e5e7eb);
    border-radius: var(--pos-radius, 10px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;   /* keep natural height (don't squash) → column body overflows & scrolls */
}
.ticket.fresh[b-e624z26gma]   { border-color: rgba(148,163,184,.45); }
.ticket.warming[b-e624z26gma] { border-color: rgba(245,158,11,.65); }
.ticket.urgent[b-e624z26gma]  { border-color: var(--pos-danger, #ef4444); animation: kds-urgent-b-e624z26gma 1.5s infinite; }
.ticket.done[b-e624z26gma]    { border-color: var(--pos-success, #10b981); }

.ticket-head[b-e624z26gma] {
    padding: .5rem .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--pos-tile, #f1f5f9);
    border-bottom: 1px solid var(--pos-border, #e5e7eb);
}
.ticket-head .num[b-e624z26gma] { font-size: 17px; font-weight: 700; }
.ticket-head .table-pill[b-e624z26gma] {
    padding: .15rem .5rem;
    border-radius: 4px;
    background: var(--pos-bg, #f8fafc);
    font-size: 12px;
    margin-inline-start: .35rem;
}
.ticket-head .ago[b-e624z26gma] { font-variant-numeric: tabular-nums; font-weight: 600; }
.ticket.urgent .ticket-head[b-e624z26gma] { background: rgba(239,68,68,.15); }
.ticket.urgent .ticket-head .ago[b-e624z26gma] { color: var(--pos-danger, #ef4444); }
.ticket.done   .ticket-head[b-e624z26gma] { background: rgba(16,185,129,.15); }

.ticket-body[b-e624z26gma] { padding: .6rem .75rem; display: flex; flex-direction: column; gap: .35rem; }
.t-line[b-e624z26gma] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: .5rem;
    padding: .3rem 0;
    border-bottom: 1px dashed var(--pos-border, #e5e7eb);
    align-items: baseline;
}
.t-line:last-child[b-e624z26gma] { border-bottom: none; }
.t-line.tap[b-e624z26gma] { cursor: pointer; }
.t-line.tap:hover[b-e624z26gma] { background: var(--pos-tile, #f1f5f9); border-radius: 6px; }
.t-line .qty[b-e624z26gma] { font-weight: 700; min-width: 26px; color: var(--pos-accent, #6366f1); font-variant-numeric: tabular-nums; }
.t-line .name[b-e624z26gma] { font-weight: 500; }
.t-line .name .glyph[b-e624z26gma] { font-size: 12px; }
.t-line .name .unit[b-e624z26gma] { color: var(--pos-text-muted, #6b7280); font-weight: 400; font-size: 12px; }
.t-line .name .note[b-e624z26gma] { color: var(--pos-warning, #b45309); display: block; font-size: 13px; margin-top: .1rem; }

/* Per-line cooking state tint */
.t-line.ls-cooking .qty[b-e624z26gma] { color: var(--pos-warning, #f59e0b); }
.t-line.ls-ready   .qty[b-e624z26gma] { color: var(--pos-success, #10b981); }
.t-line.ls-ready   .name[b-e624z26gma] { color: var(--pos-text-muted, #6b7280); }
.t-line.ls-cancelled .qty[b-e624z26gma],
.t-line.ls-cancelled .name[b-e624z26gma] { text-decoration: line-through; color: var(--pos-danger, #ef4444); }

/* Alert badges (＋n increase / 📝 note change / ⛔ cancel) with a per-badge ack ✓ */
.t-line .badge[b-e624z26gma] {
    display: inline-flex; align-items: center; gap: .25rem;
    margin-inline-start: .4rem; padding: .05rem .1rem .05rem .4rem;
    border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap;
    vertical-align: middle;
}
.t-line .badge.b-increase[b-e624z26gma]    { background: rgba(245,158,11,.18); color: var(--pos-warning, #b45309); }
.t-line .badge.b-reduce[b-e624z26gma]      { background: rgba(245,158,11,.18); color: var(--pos-warning, #b45309); }
.t-line .badge.b-note_change[b-e624z26gma] { background: rgba(99,102,241,.15); color: var(--pos-accent, #6366f1); }
.t-line .badge.b-cancel[b-e624z26gma]      { background: rgba(239,68,68,.15);  color: var(--pos-danger, #ef4444); }
.t-line .badge .ack[b-e624z26gma] {
    border: none; cursor: pointer; border-radius: 999px; width: 20px; height: 20px; line-height: 1;
    background: rgba(0,0,0,.08); color: inherit; font-size: 12px; font-weight: 700;
}
.t-line .badge .ack:hover:not(:disabled)[b-e624z26gma] { background: rgba(0,0,0,.16); }
.t-line .badge .ack:disabled[b-e624z26gma] { opacity: .5; cursor: default; }

/* A card with an unacked alert pops to the New column with an attention ring (Odoo inbox). */
.ticket.alert[b-e624z26gma] { border-color: var(--pos-warning, #f59e0b); box-shadow: 0 0 0 2px rgba(245,158,11,.25); }

.ticket-foot[b-e624z26gma] {
    padding: .5rem .75rem;
    border-top: 1px solid var(--pos-border, #e5e7eb);
    display: flex;
    gap: .5rem;
    background: var(--pos-tile, #f1f5f9);
}
.ticket-foot button[b-e624z26gma] {
    height: 42px;
    border-radius: 8px;
    border: 1px solid var(--pos-border, #e5e7eb);
    background: var(--pos-bg, #f8fafc);
    color: var(--pos-text, #111827);
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
}
.ticket-foot button.primary[b-e624z26gma] { flex: 1; background: var(--pos-accent, #6366f1); border-color: var(--pos-accent, #6366f1); color: #fff; }
.ticket-foot button.ghost[b-e624z26gma] { width: 44px; }
.ticket-foot button:disabled[b-e624z26gma] { opacity: .5; cursor: default; }

@keyframes kds-urgent-b-e624z26gma {
    0%, 100% { box-shadow: 0 0 0 0 rgba(239,68,68,.4); }
    50%      { box-shadow: 0 0 0 6px rgba(239,68,68,0); }
}
/* /Engines/Pos/Modifiers/PosModifierSetup.razor.rz.scp.css */
/* P4.1b modifier setup — manager UI. Uses the app --pos-* tokens. */
/* overflow-y:auto so this page scrolls: .pos-main-body is overflow:hidden, so without a scroll
   container here the group-detail card is clipped on a short till AND the OSK bottom-reserve can't
   scroll the Save button into view. height:100% makes it fill the flex parent to scroll within. */
.mset-root[b-7p0m3lt29s] { padding: 1.25rem; max-width: 1180px; margin: 0 auto; display: flex; flex-direction: column; gap: 1.1rem; height: 100%; overflow-y: auto; }

.mset-bar[b-7p0m3lt29s] { display: flex; align-items: center; gap: 1rem; }
.mset-title[b-7p0m3lt29s] { font-size: 18px; font-weight: 700; }

.mset-tabs[b-7p0m3lt29s] { display: flex; gap: .3rem; border-bottom: 1px solid var(--pos-border, #e5e7eb); }
.mset-tab[b-7p0m3lt29s] { padding: .6rem 1rem; font-size: 14px; font-weight: 600; color: var(--pos-text-muted, #6b7280); border: none; background: transparent; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer; }
.mset-tab.active[b-7p0m3lt29s] { color: var(--pos-accent-text, #6366f1); border-bottom-color: var(--pos-accent, #6366f1); }

.mset-md[b-7p0m3lt29s] { display: grid; grid-template-columns: 320px 1fr; gap: 1rem; align-items: start; }
.mset-assign[b-7p0m3lt29s] { display: grid; grid-template-columns: 340px 1fr; gap: 1rem; align-items: start; }
.mset-listhead[b-7p0m3lt29s], .mset-between[b-7p0m3lt29s] { display: flex; align-items: center; justify-content: space-between; }

.mset-glist[b-7p0m3lt29s] { display: flex; flex-direction: column; gap: .4rem; }
.mset-grow[b-7p0m3lt29s] { text-align: start; width: 100%; border: 1px solid var(--pos-border, #e5e7eb); border-radius: 10px; background: var(--pos-card, #fff); padding: .6rem .7rem; display: flex; flex-direction: column; gap: .3rem; cursor: pointer; }
.mset-grow:hover[b-7p0m3lt29s] { border-color: var(--pos-accent, #6366f1); }
.mset-grow.active[b-7p0m3lt29s] { background: var(--pos-accent-tint, rgba(99,102,241,.12)); border-color: var(--pos-accent, #6366f1); }
.mset-grow .g-name[b-7p0m3lt29s] { font-weight: 600; font-size: 14px; display: flex; justify-content: space-between; align-items: center; gap: .5rem; }
.mset-grow .g-name .ar[b-7p0m3lt29s] { color: var(--pos-text-muted, #6b7280); font-weight: 500; font-family: var(--pos-font-ar, inherit); }
.mset-grow .g-meta[b-7p0m3lt29s] { display: flex; gap: .4rem; flex-wrap: wrap; }
.chip[b-7p0m3lt29s] { font-size: 11px; padding: .12rem .5rem; border-radius: 999px; font-weight: 600; }
.chip.req[b-7p0m3lt29s] { background: var(--pos-danger-tint, rgba(239,68,68,.12)); color: var(--pos-danger-text, #ef4444); }
.chip.opt[b-7p0m3lt29s] { background: var(--pos-tile, #f1f5f9); color: var(--pos-text-muted, #6b7280); }
.chip.cnt[b-7p0m3lt29s] { background: var(--pos-accent-tint, rgba(99,102,241,.12)); color: var(--pos-accent-text, #6366f1); }

.mset-fgrid[b-7p0m3lt29s] { display: grid; grid-template-columns: 1fr 1fr auto auto; gap: .9rem; align-items: end; }

.mset-switch[b-7p0m3lt29s] { width: 44px; height: 26px; border-radius: 999px; background: var(--pos-tile, #e5e7eb); border: 1px solid var(--pos-border, #d1d5db); position: relative; cursor: pointer; flex-shrink: 0; padding: 0; }
.mset-switch.on[b-7p0m3lt29s] { background: var(--pos-accent, #6366f1); border-color: var(--pos-accent, #6366f1); }
.mset-switch .knob[b-7p0m3lt29s] { position: absolute; top: 2px; inset-inline-start: 2px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: inset-inline-start .15s; }
.mset-switch.on .knob[b-7p0m3lt29s] { inset-inline-start: 20px; }

.mset-opts[b-7p0m3lt29s] { margin-top: 1.4rem; }
.mset-orow[b-7p0m3lt29s] { display: grid; grid-template-columns: 1.6fr auto auto auto auto; gap: .6rem; align-items: center; padding: .55rem .7rem; border: 1px solid var(--pos-border, #e5e7eb); border-radius: 10px; background: var(--pos-card, #fff); margin-bottom: .4rem; }
.mset-orow .o-name[b-7p0m3lt29s] { font-weight: 500; }
.mset-orow .o-name .ar[b-7p0m3lt29s] { color: var(--pos-text-muted, #6b7280); font-size: 12px; font-family: var(--pos-font-ar, inherit); margin-inline-start: .4rem; }
.kind[b-7p0m3lt29s] { font-size: 11px; padding: .12rem .5rem; border-radius: 6px; font-weight: 600; text-align: center; }
.kind.item[b-7p0m3lt29s] { background: var(--pos-info-tint, rgba(59,130,246,.12)); color: var(--pos-info-text, #3b82f6); }
.kind.note[b-7p0m3lt29s] { background: var(--pos-warning-tint, rgba(245,158,11,.14)); color: var(--pos-warning-text, #b45309); }
.o-price[b-7p0m3lt29s] { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--pos-accent-text, #6366f1); }
.o-price.free[b-7p0m3lt29s] { color: var(--pos-text-faint, #9ca3af); font-weight: 500; }
.o-flags[b-7p0m3lt29s] { color: var(--pos-warning-text, #b45309); }

.mset-ibtn[b-7p0m3lt29s] { width: 34px; height: 34px; border-radius: 8px; background: var(--pos-tile, #f1f5f9); border: 1px solid var(--pos-border, #e5e7eb); color: var(--pos-text-muted, #6b7280); display: grid; place-items: center; cursor: pointer; }
.mset-ibtn:hover[b-7p0m3lt29s] { color: var(--pos-text, #111827); border-color: var(--pos-border-strong, #d1d5db); }
.mset-ibtn.danger:hover[b-7p0m3lt29s] { color: var(--pos-danger-text, #ef4444); border-color: var(--pos-danger, #ef4444); }

.mset-results[b-7p0m3lt29s] { display: flex; flex-direction: column; gap: .25rem; max-height: 320px; overflow-y: auto; }
.mset-itemrow[b-7p0m3lt29s] { display: flex; justify-content: space-between; align-items: center; padding: .5rem .7rem; border: 1px solid var(--pos-border, #e5e7eb); border-radius: 8px; background: var(--pos-card, #fff); cursor: pointer; font-size: 14px; text-align: start; }
.mset-itemrow:hover[b-7p0m3lt29s] { border-color: var(--pos-accent, #6366f1); }
.mset-itemrow.active[b-7p0m3lt29s] { background: var(--pos-accent-tint, rgba(99,102,241,.12)); border-color: var(--pos-accent, #6366f1); }
.mset-itemrow .no[b-7p0m3lt29s] { color: var(--pos-text-faint, #9ca3af); font-size: 12px; font-family: ui-monospace, monospace; }

.mset-check[b-7p0m3lt29s] { display: flex; align-items: center; justify-content: space-between; padding: .65rem .8rem; border: 1px solid var(--pos-border, #e5e7eb); border-radius: 10px; background: var(--pos-card, #fff); margin-bottom: .45rem; cursor: pointer; }
.mset-check:hover[b-7p0m3lt29s] { border-color: var(--pos-accent, #6366f1); }
.cbox[b-7p0m3lt29s] { width: 22px; height: 22px; border-radius: 6px; border: 1.5px solid var(--pos-border-strong, #cbd5e1); display: grid; place-items: center; flex-shrink: 0; color: #fff; }
.cbox.on[b-7p0m3lt29s] { background: var(--pos-accent, #6366f1); border-color: var(--pos-accent, #6366f1); }

.mset-seg[b-7p0m3lt29s] { display: inline-flex; padding: 3px; gap: 2px; background: var(--pos-tile, #f1f5f9); border: 1px solid var(--pos-border, #e5e7eb); border-radius: 999px; }
.mset-seg button[b-7p0m3lt29s] { border: none; background: transparent; color: var(--pos-text-muted, #6b7280); padding: .45rem 1rem; border-radius: 999px; font-weight: 600; font-size: 13px; cursor: pointer; }
.mset-seg button.active[b-7p0m3lt29s] { background: var(--pos-accent, #6366f1); color: #fff; }

.mset-picked[b-7p0m3lt29s] { display: flex; align-items: center; justify-content: space-between; gap: .6rem; padding: .55rem .7rem; border: 1px dashed var(--pos-border-strong, #cbd5e1); border-radius: 10px; background: var(--pos-bg, #f8fafc); }
.mset-picked .no[b-7p0m3lt29s] { color: var(--pos-text-faint, #9ca3af); font-size: 12px; font-family: ui-monospace, monospace; }
.mset-oe2[b-7p0m3lt29s] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

.mset-toast[b-7p0m3lt29s] { position: fixed; inset-inline: 0; bottom: 1rem; margin: 0 auto; width: max-content; max-width: 90vw; padding: .6rem 1.1rem; border-radius: 999px; font-size: 14px; font-weight: 600; z-index: 60; box-shadow: 0 8px 24px rgba(0,0,0,.18); }
.mset-toast.ok[b-7p0m3lt29s]  { background: var(--pos-success, #10b981); color: #fff; }
.mset-toast.err[b-7p0m3lt29s] { background: var(--pos-danger, #ef4444); color: #fff; }
/* /Engines/Pos/Tables/PosFloorPlan.razor.rz.scp.css */
.floor-root[b-o8x4zgvtb3] { display: flex; flex-direction: column; height: 100%; min-height: 0; }

.floor-toolbar[b-o8x4zgvtb3] { display: flex; align-items: center; gap: 1rem; padding: .75rem 1rem; border-bottom: 1px solid #e2e8f0; flex-wrap: wrap; }
.floor-title[b-o8x4zgvtb3] { font-size: 16px; font-weight: 600; }
.legend[b-o8x4zgvtb3] { display: flex; gap: 1rem; font-size: 12px; color: #64748b; }
.legend .lg[b-o8x4zgvtb3] { display: inline-flex; align-items: center; gap: .35rem; }
.dot[b-o8x4zgvtb3] { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.dot.free[b-o8x4zgvtb3] { background: #10b981; }
.dot.occ[b-o8x4zgvtb3] { background: #f59e0b; }
.floor-actions[b-o8x4zgvtb3] { margin-inline-start: auto; display: flex; gap: .5rem; }

.floor-grid[b-o8x4zgvtb3] { flex: 1; overflow: auto; padding: 1.25rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 1rem; align-content: start; }

.tile[b-o8x4zgvtb3] { border: 2px solid #e2e8f0; border-radius: 12px; min-height: 112px; padding: .75rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; cursor: pointer; transition: transform .12s; background: #fff; }
.tile:hover[b-o8x4zgvtb3] { transform: scale(1.03); }
.tile.free[b-o8x4zgvtb3] { border-color: #10b981; background: rgba(16,185,129,.08); }
.tile.occ[b-o8x4zgvtb3] { border-color: #f59e0b; background: rgba(245,158,11,.10); }
.t-num[b-o8x4zgvtb3] { font-size: 22px; font-weight: 700; }
.t-total[b-o8x4zgvtb3] { font-size: 14px; font-weight: 700; }
.t-time[b-o8x4zgvtb3] { font-size: 11px; color: #64748b; }
.bar[b-o8x4zgvtb3] { padding: .15rem .5rem; border-radius: 6px; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em; }
.bar.free[b-o8x4zgvtb3] { background: rgba(16,185,129,.18); color: #059669; }
.bar.occ[b-o8x4zgvtb3] { background: rgba(245,158,11,.18); color: #b45309; }

.floor-empty[b-o8x4zgvtb3] { margin: auto; text-align: center; display: flex; flex-direction: column; gap: .75rem; align-items: center; padding: 2rem; }
.floor-empty-title[b-o8x4zgvtb3] { font-size: 18px; font-weight: 600; }
.floor-empty-sub[b-o8x4zgvtb3] { color: #64748b; }
.floor-msg[b-o8x4zgvtb3] { margin: auto; color: #64748b; padding: 2rem; }

.floor-toast[b-o8x4zgvtb3] { position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%); background: #1e293b; color: #fff; padding: .6rem 1rem; border-radius: 8px; font-size: 13px; box-shadow: 0 4px 16px rgba(0,0,0,.2); z-index: 50; }

/* 3i — open-tickets oversight modal */
.ot-overlay[b-o8x4zgvtb3] { position: fixed; inset: 0; background: rgba(0,0,0,.45); display: grid; place-items: center; z-index: 60; }
.ot-card[b-o8x4zgvtb3] { background: #fff; color: #191e25; width: min(520px, 94vw); max-height: 80vh; overflow: auto; border-radius: 12px; padding: 1rem; box-shadow: 0 12px 40px rgba(0,0,0,.3); }
.ot-head[b-o8x4zgvtb3] { display: flex; justify-content: space-between; align-items: center; font-weight: 600; margin-bottom: .5rem; }
.ot-hint[b-o8x4zgvtb3] { font-size: 12px; color: #64748b; margin-bottom: .5rem; }
.ot-row[b-o8x4zgvtb3] { display: flex; justify-content: space-between; gap: .5rem; align-items: center; padding: .5rem .6rem; border-radius: 8px; cursor: pointer; margin-bottom: .3rem; background: rgba(0,0,0,.03); border: 1px solid transparent; }
.ot-row:hover[b-o8x4zgvtb3] { background: rgba(0,0,0,.06); }
.ot-row.stale[b-o8x4zgvtb3] { background: rgba(220,80,60,.10); border-color: rgba(220,80,60,.35); }
.ot-tbl[b-o8x4zgvtb3] { font-weight: 600; }
.ot-total[b-o8x4zgvtb3] { font-variant-numeric: tabular-nums; }
.ot-age[b-o8x4zgvtb3] { color: #64748b; font-size: 12px; }
.ot-row.stale .ot-age[b-o8x4zgvtb3] { color: #c0392b; font-weight: 600; }
/* /Engines/Pos/Tables/PosTableRegister.razor.rz.scp.css */
.treg-root[b-0wkkyvgy5o] { display: flex; flex-direction: column; height: 100%; min-height: 0; position: relative; }

.treg-banner[b-0wkkyvgy5o] { display: flex; align-items: center; gap: 1rem; padding: .6rem 1rem; background: rgba(245,158,11,.10); border-bottom: 1px solid rgba(245,158,11,.3); }
.treg-title[b-0wkkyvgy5o] { font-size: 17px; font-weight: 600; }
.treg-open[b-0wkkyvgy5o] { color: #b45309; font-size: 13px; font-weight: 500; }
.treg-banner-actions[b-0wkkyvgy5o] { margin-inline-start: auto; display: flex; gap: .5rem; }

.treg-body[b-0wkkyvgy5o] { flex: 1; display: grid; grid-template-columns: 160px 1fr 380px; min-height: 0; }

.treg-cats[b-0wkkyvgy5o] { border-inline-end: 1px solid #e2e8f0; padding: .6rem; overflow-y: auto; display: flex; flex-direction: column; gap: .4rem; }
.treg-cat[b-0wkkyvgy5o] { padding: .7rem .5rem; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; cursor: pointer; font: inherit; text-align: center; }
.treg-cat.active[b-0wkkyvgy5o] { background: #6366f1; border-color: #6366f1; color: #fff; }

.treg-catalog[b-0wkkyvgy5o] { display: flex; flex-direction: column; min-width: 0; }
.treg-search[b-0wkkyvgy5o] { padding: .6rem 1rem; border-bottom: 1px solid #e2e8f0; }
.treg-search input[b-0wkkyvgy5o] { width: 100%; padding: .5rem .6rem; border: 1px solid #cbd5e1; border-radius: 8px; font: inherit; }
.treg-grid[b-0wkkyvgy5o] { flex: 1; overflow-y: auto; padding: 1rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: .6rem; align-content: start; }
.treg-item[b-0wkkyvgy5o] { min-height: 84px; border: 1px solid #e2e8f0; border-radius: 10px; background: #fff; cursor: pointer; padding: .6rem; display: flex; flex-direction: column; justify-content: space-between; text-align: start; font: inherit; }
.treg-item:hover[b-0wkkyvgy5o] { border-color: #6366f1; transform: translateY(-1px); }
.i-name[b-0wkkyvgy5o] { font-size: 13px; font-weight: 500; }
.i-price[b-0wkkyvgy5o] { font-size: 14px; font-weight: 700; color: #b45309; }

.treg-cart[b-0wkkyvgy5o] { border-inline-start: 1px solid #e2e8f0; display: flex; flex-direction: column; background: #f8fafc; }
.treg-cart-head[b-0wkkyvgy5o] { padding: .8rem 1rem; border-bottom: 1px solid #e2e8f0; }
.c-title[b-0wkkyvgy5o] { font-weight: 600; }
.c-sub[b-0wkkyvgy5o] { font-size: 12px; color: #64748b; margin-top: .15rem; }
.treg-lines[b-0wkkyvgy5o] { flex: 1; overflow-y: auto; }
.treg-line[b-0wkkyvgy5o] { display: grid; grid-template-columns: 1fr auto; gap: .15rem .5rem; padding: .55rem 1rem; border-bottom: 1px solid #eef2f6; }
.l-name[b-0wkkyvgy5o] { font-size: 14px; font-weight: 500; }
.l-price[b-0wkkyvgy5o] { font-size: 14px; font-weight: 600; text-align: end; }
.l-qty[b-0wkkyvgy5o] { display: flex; align-items: center; gap: .35rem; grid-column: 1 / -1; }
.qbtn[b-0wkkyvgy5o] { width: 28px; height: 28px; border-radius: 6px; border: 1px solid #cbd5e1; background: #fff; cursor: pointer; font-size: 15px; }
.qval[b-0wkkyvgy5o] { min-width: 34px; text-align: center; font-weight: 600; }
.qbtn.disc[b-0wkkyvgy5o] { color: #b45309; font-weight: 700; }
.qrem[b-0wkkyvgy5o] { margin-inline-start: auto; border: none; background: transparent; color: #94a3b8; cursor: pointer; font-size: 14px; }
.l-disc[b-0wkkyvgy5o] { color: #dc2626; font-size: 11px; font-weight: 600; margin-inline-start: .4rem; }
.m-subhead[b-0wkkyvgy5o] { font-size: 12px; color: #64748b; margin: .3rem 0 .4rem; }

.treg-totals[b-0wkkyvgy5o] { padding: .6rem 1rem; border-top: 1px solid #e2e8f0; }
.treg-totals .row[b-0wkkyvgy5o] { display: flex; justify-content: space-between; padding: .15rem 0; font-size: 13px; }
.treg-totals .row.grand[b-0wkkyvgy5o] { font-size: 19px; font-weight: 700; border-top: 1px solid #e2e8f0; margin-top: .25rem; padding-top: .45rem; }

.treg-actions[b-0wkkyvgy5o] { padding: .7rem; display: grid; grid-template-columns: 1fr 1.4fr; gap: .5rem; }
.treg-actions .pos-btn[b-0wkkyvgy5o] { height: 52px; font-size: 15px; }
.treg-settle[b-0wkkyvgy5o] { font-weight: 700; }

.treg-msg[b-0wkkyvgy5o] { margin: auto; color: #64748b; padding: 2rem; text-align: center; }

/* modals */
.treg-modal-back[b-0wkkyvgy5o] { position: fixed; inset: 0; background: rgba(15,23,42,.45); display: grid; place-items: center; z-index: 60; }
.treg-modal[b-0wkkyvgy5o] { background: #fff; border-radius: 14px; padding: 1rem; width: 420px; max-width: 92vw; box-shadow: 0 20px 60px rgba(0,0,0,.3); }
.treg-modal.narrow[b-0wkkyvgy5o] { width: 360px; }
.m-head[b-0wkkyvgy5o] { font-weight: 600; font-size: 16px; margin-bottom: .75rem; }
.m-terms[b-0wkkyvgy5o] { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: .6rem; }
.m-term[b-0wkkyvgy5o] { padding: .5rem .75rem; border: 1px solid #cbd5e1; border-radius: 8px; background: #fff; cursor: pointer; font: inherit; }
.m-term.active[b-0wkkyvgy5o] { background: #6366f1; border-color: #6366f1; color: #fff; }
.m-amount[b-0wkkyvgy5o] { font-size: 28px; font-weight: 700; text-align: end; padding: .35rem .5rem; background: #f1f5f9; border-radius: 8px; margin-bottom: .6rem; font-variant-numeric: tabular-nums; }
.m-keys[b-0wkkyvgy5o] { display: grid; grid-template-columns: repeat(3, 1fr); gap: .4rem; }
.m-key[b-0wkkyvgy5o] { height: 46px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; cursor: pointer; font-size: 17px; font-weight: 600; }
.m-addrow[b-0wkkyvgy5o] { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin: .6rem 0; }
.m-tenders[b-0wkkyvgy5o] { display: flex; flex-direction: column; gap: .3rem; margin-bottom: .5rem; }
.m-tender[b-0wkkyvgy5o] { display: grid; grid-template-columns: 1fr auto auto; gap: .5rem; align-items: center; padding: .35rem .5rem; background: #f8fafc; border-radius: 6px; font-size: 13px; }
.m-summary[b-0wkkyvgy5o] { display: flex; justify-content: space-between; gap: .5rem; font-size: 13px; color: #334155; margin-bottom: .6rem; flex-wrap: wrap; }
.m-select[b-0wkkyvgy5o], .m-input[b-0wkkyvgy5o] { width: 100%; padding: .55rem .6rem; border: 1px solid #cbd5e1; border-radius: 8px; font: inherit; margin-bottom: .55rem; }
.m-foot[b-0wkkyvgy5o] { display: flex; justify-content: flex-end; gap: .5rem; margin-top: .4rem; }

.treg-action-bar[b-0wkkyvgy5o] { padding: .7rem; display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; }
.treg-action[b-0wkkyvgy5o] { height: 62px; font-size: 15px; font-weight: 600; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .1rem; }
.treg-action-ic[b-0wkkyvgy5o] { font-size: 18px; line-height: 1; }
/* Settle spans the full row (grid-column:1/-1) via an inline style on the button — Print + Save share the row above it. */

.treg-toast[b-0wkkyvgy5o] { position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%); color: #fff; padding: .6rem 1rem; border-radius: 8px; font-size: 13px; box-shadow: 0 4px 16px rgba(0,0,0,.25); z-index: 70; }
.treg-toast.ok[b-0wkkyvgy5o] { background: #059669; }
.treg-toast.err[b-0wkkyvgy5o] { background: #dc2626; }
/* /Engines/Pos/Tables/PosTableSetup.razor.rz.scp.css */
.setup-root[b-cf2gf99qeo] { display: flex; flex-direction: column; height: 100%; min-height: 0; }

.setup-toolbar[b-cf2gf99qeo] { display: flex; align-items: center; gap: 1rem; padding: .75rem 1rem; border-bottom: 1px solid #e2e8f0; flex-wrap: wrap; }
.setup-title[b-cf2gf99qeo] { font-weight: 600; }
.setup-actions[b-cf2gf99qeo] { margin-inline-start: auto; display: flex; gap: .5rem; align-items: center; }

.setup-sel[b-cf2gf99qeo] { padding: .4rem .5rem; border: 1px solid #cbd5e1; border-radius: 8px; font: inherit; background: #fff; }
.setup-sel:disabled[b-cf2gf99qeo] { background: #f1f5f9; color: #94a3b8; }

.setup-grid[b-cf2gf99qeo] { flex: 1; overflow: auto; padding: 1rem; }
.setup-head[b-cf2gf99qeo], .setup-row[b-cf2gf99qeo] { display: grid; grid-template-columns: 1fr 240px 120px; gap: 1rem; align-items: center; }
.setup-head[b-cf2gf99qeo] { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #64748b; padding: .5rem .75rem; border-bottom: 1px solid #e2e8f0; }
.setup-row[b-cf2gf99qeo] { padding: .5rem .75rem; border-bottom: 1px solid #d3d8e0; }
.setup-row:hover[b-cf2gf99qeo] { background: #f4f1ea; }
.s-name[b-cf2gf99qeo] { font-weight: 500; }
.badge-open[b-cf2gf99qeo] { background: rgba(245,158,11,.18); color: #b45309; padding: .1rem .5rem; border-radius: 6px; font-size: 11px; font-weight: 600; }

.setup-msg[b-cf2gf99qeo] { margin: auto; color: #64748b; padding: 2rem; }

.setup-toast[b-cf2gf99qeo] { position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%); color: #fff; padding: .6rem 1rem; border-radius: 8px; font-size: 13px; box-shadow: 0 4px 16px rgba(0,0,0,.2); z-index: 50; }
.setup-toast.ok[b-cf2gf99qeo] { background: #059669; }
.setup-toast.err[b-cf2gf99qeo] { background: #dc2626; }
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-l1ia81e7sk] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-l1ia81e7sk] {
    flex: 1;
}

.sidebar[b-l1ia81e7sk] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-l1ia81e7sk] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-l1ia81e7sk]  a, .top-row[b-l1ia81e7sk]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-l1ia81e7sk]  a:hover, .top-row[b-l1ia81e7sk]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-l1ia81e7sk]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-l1ia81e7sk] {
        justify-content: space-between;
    }

    .top-row[b-l1ia81e7sk]  a, .top-row[b-l1ia81e7sk]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-l1ia81e7sk] {
        flex-direction: row;
    }

    .sidebar[b-l1ia81e7sk] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-l1ia81e7sk] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-l1ia81e7sk]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-l1ia81e7sk], article[b-l1ia81e7sk] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-45t9tei55j] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-45t9tei55j] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-45t9tei55j] {
    font-size: 1.1rem;
}

.bi[b-45t9tei55j] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-45t9tei55j] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-45t9tei55j] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-45t9tei55j] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-45t9tei55j] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-45t9tei55j] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-45t9tei55j] {
        padding-bottom: 1rem;
    }

    .nav-item[b-45t9tei55j]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-45t9tei55j]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-45t9tei55j]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-45t9tei55j] {
        display: none;
    }

    .collapse[b-45t9tei55j] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
    
    .nav-scrollable[b-45t9tei55j] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}