/* /Components/Assistant/AssistantLauncher.razor.rz.scp.css */
/* The launcher: a small pill bottom right, brand navy with white text, and light ink with dark text in the dark theme
   (--mud-palette-dark is the ae mark's colour: navy in light, #E6EAF0 in dark). No glow, no motion. */
.pwo-ai-launcher[b-0l3w023w7e] {
    position: fixed; right: 24px; bottom: 24px; z-index: 1350;
    display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 16px; border: 0; border-radius: 8px; cursor: pointer;
    background: var(--mud-palette-dark); color: var(--mud-palette-surface);
    font: inherit; font-size: 14px; font-weight: 600;
    box-shadow: 0 4px 12px rgba(2, 44, 120, .2);
}
.pwo-ai-launcher:hover[b-0l3w023w7e] { background: color-mix(in srgb, var(--mud-palette-dark) 88%, #000); }
.pwo-ai-launcher:focus-visible[b-0l3w023w7e] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }

@media (max-width: 599px) {
    .pwo-ai-launcher[b-0l3w023w7e] { right: 16px; bottom: 16px; }
}

@media print {
    .pwo-ai-launcher[b-0l3w023w7e] { display: none; }
}
/* /Components/Assistant/AssistantPanel.razor.rz.scp.css */
/* The AdvEnt AI side panel (owner, 2026-11-02: a side panel, not a pop-up; DESIGN.md): docked on the right under the
   app bar, flat with a hairline edge like the left menu. On wide screens the page narrows beside it (app.css), so it
   needs no shadow; narrower, it lies over the page with one. Every rule sits under .pwo-ai-panel with ::deep, so the
   cards and steps (child components) share these styles. Colours are the MudBlazor palette, so the dark theme follows.
   Above the app bar (1300) so the phone sheet covers it, below dialogs (1400) so a page's "leave without saving?"
   question shows over it. */
.pwo-ai-panel[b-mlc1wvxvfn] {
    position: fixed; top: var(--mud-appbar-height, 64px); right: 0; bottom: 0; z-index: 1350;
    width: var(--pwo-ai-width, 400px);
    display: flex; flex-direction: column; overflow: hidden;
    background: var(--mud-palette-surface); color: var(--mud-palette-text-primary);
    border-left: 1px solid var(--mud-palette-lines-default);
    font-size: 14px; line-height: 1.5;
    animation: pwo-ai-in-b-mlc1wvxvfn 160ms ease-out;
}
.pwo-ai-panel[hidden][b-mlc1wvxvfn] { display: none; }
@keyframes pwo-ai-in-b-mlc1wvxvfn { from { transform: translateX(16px); } }
@media (prefers-reduced-motion: reduce) {
    .pwo-ai-panel[b-mlc1wvxvfn] { animation: none; }
}
@media (max-width: 959px) {
    .pwo-ai-panel[b-mlc1wvxvfn] { box-shadow: -8px 0 24px rgba(2, 44, 120, .12); }
}

.pwo-ai-head[b-mlc1wvxvfn] {
    display: flex; align-items: center; gap: 8px; flex: none; height: 48px; padding: 0 8px 0 16px;
    background: var(--mud-palette-appbar-background); color: var(--mud-palette-appbar-text);
}
.pwo-ai-head h2[b-mlc1wvxvfn] { margin: 0; font-size: 15px; font-weight: 600; white-space: nowrap; }
.pwo-ai-store[b-mlc1wvxvfn] { font-size: 12px; opacity: .75; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-head :focus-visible { outline-color: var(--mud-palette-appbar-text); }
.pwo-ai-panel[b-mlc1wvxvfn]  .grow { flex: 1 1 auto; min-width: 0; }

.pwo-ai-log[b-mlc1wvxvfn] { flex: 1 1 auto; overflow-y: auto; padding: 16px; display: flex; flex-direction: column; gap: 12px; scrollbar-width: thin; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-muted { color: var(--mud-palette-text-secondary); font-size: 12px; }

/* Empty chat: one sentence and a few examples to click. */
.pwo-ai-empty p[b-mlc1wvxvfn] { margin: 0 0 12px; color: var(--mud-palette-text-secondary); }
.pwo-ai-examples[b-mlc1wvxvfn] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; margin-bottom: 12px; }
.pwo-ai-example[b-mlc1wvxvfn] {
    border: 0; background: none; padding: 4px 0; font: inherit; text-align: left; cursor: pointer;
    color: var(--mud-palette-primary);
}
.pwo-ai-example:hover[b-mlc1wvxvfn] { text-decoration: underline; text-underline-offset: 2px; }

/* The user's question: a quiet bubble on the right. The answer is plain text, not a bubble. */
.pwo-ai-q[b-mlc1wvxvfn] {
    align-self: flex-end; max-width: 85%; padding: 8px 12px; border-radius: 8px 8px 4px 8px; white-space: pre-wrap; overflow-wrap: anywhere;
    background: color-mix(in srgb, var(--mud-palette-primary) 10%, var(--mud-palette-surface));
}
.pwo-ai-a[b-mlc1wvxvfn] { display: flex; flex-direction: column; gap: 8px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-text { overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-text:empty { display: none; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-text p { margin: 0 0 8px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-text p:last-child { margin-bottom: 0; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-text h3, .pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-text h4 { font-size: 14px; font-weight: 600; margin: 8px 0 4px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-text ul, .pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-text ol { margin: 0 0 8px; padding-left: 20px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-text blockquote { margin: 0 0 8px; padding-left: 12px; color: var(--mud-palette-text-secondary); }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-text code { padding: 0 4px; border-radius: 4px; background: var(--mud-palette-background-gray); font-size: 13px; }
.pwo-ai-panel[b-mlc1wvxvfn]  a { color: var(--mud-palette-primary); text-underline-offset: 2px; }
.pwo-ai-working[b-mlc1wvxvfn] { display: flex; align-items: center; gap: 8px; }
.pwo-ai-note[b-mlc1wvxvfn] { text-align: center; }

.pwo-ai-error[b-mlc1wvxvfn] { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; color: var(--mud-palette-error); }

/* Answers to the assistant's question back. */
.pwo-ai-answers[b-mlc1wvxvfn] { display: flex; flex-wrap: wrap; gap: 6px; }
.pwo-ai-answer[b-mlc1wvxvfn] {
    min-height: 32px; padding: 4px 12px; border-radius: 8px; font: inherit; cursor: pointer;
    border: 1px solid var(--mud-palette-lines-inputs); background: var(--mud-palette-surface); color: var(--mud-palette-primary);
}
.pwo-ai-answer:hover:not(:disabled)[b-mlc1wvxvfn] { background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface)); }
.pwo-ai-answer:disabled[b-mlc1wvxvfn] { cursor: default; color: var(--mud-palette-text-secondary); }
.pwo-ai-answer.chosen[b-mlc1wvxvfn] { border-color: var(--mud-palette-primary); background: var(--mud-palette-primary); color: var(--mud-palette-primary-text); }

/* Steps the assistant reports while it works. */
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-steps { color: var(--mud-palette-text-secondary); font-size: 12px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-steps-toggle {
    display: inline-flex; align-items: center; gap: 4px; border: 0; background: none; padding: 2px 0; font: inherit; color: inherit; cursor: pointer;
}
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-steps-list { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-steps-list[hidden] { display: none; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-steps-list li { display: flex; align-items: center; gap: 6px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-steps-list li.current { color: var(--mud-palette-text-primary); }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-spin {
    display: inline-block; flex: none; width: 12px; height: 12px; border-radius: 50%;
    border: 2px solid currentColor; border-right-color: transparent; animation: pwo-ai-turn-b-mlc1wvxvfn .8s linear infinite;
}
@keyframes pwo-ai-turn-b-mlc1wvxvfn { to { transform: rotate(360deg); } }

/* Action cards: one bordered block in the answer, flat. */
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-card {
    display: flex; flex-direction: column; gap: 8px; padding: 12px; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px;
}
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-card.cancelled { color: var(--mud-palette-text-secondary); }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-card-head { font-weight: 600; overflow-wrap: anywhere; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-card-note, .pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-result { display: flex; align-items: center; gap: 8px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-card.saved .pwo-ai-result { color: var(--mud-palette-success); }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-card.failed .pwo-ai-result { color: var(--mud-palette-error); }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-rows { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; margin: 0; font-variant-numeric: tabular-nums; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-rows dt { color: var(--mud-palette-text-secondary); }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-rows dd { margin: 0; display: flex; align-items: center; gap: 4px; flex-wrap: wrap; overflow-wrap: anywhere; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-rows .arrow { color: var(--mud-palette-text-secondary); font-size: 16px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-rows .new { font-weight: 600; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-table { max-height: 240px; overflow: auto; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-table table { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-table th {
    position: sticky; top: 0; background: var(--mud-palette-background); color: var(--mud-palette-text-secondary); font-weight: 600; text-align: left;
}
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-table th, .pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-table td { padding: 4px 8px; border-bottom: 1px solid var(--mud-palette-lines-default); }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-warning {
    display: flex; align-items: flex-start; gap: 8px; padding: 6px 8px; border-radius: 8px;
    color: var(--mud-palette-text-primary);
    background: color-mix(in srgb, var(--mud-palette-warning) 10%, var(--mud-palette-surface));
    border: 1px solid color-mix(in srgb, var(--mud-palette-warning) 35%, var(--mud-palette-surface));
}
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-warning .mud-icon-root { color: var(--mud-palette-warning); }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-buttons { display: flex; justify-content: flex-end; gap: 8px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-buttons .pwo-ai-spin { margin-right: 6px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-options { display: flex; flex-direction: column; gap: 4px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-option {
    display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px; text-align: left; font: inherit; cursor: pointer;
    border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); color: inherit;
}
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-option:hover:not(:disabled) { background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface)); }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-option .name { display: block; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-textlink {
    border: 0; background: none; padding: 0; font: inherit; font-weight: 600; cursor: pointer; white-space: nowrap;
    color: var(--mud-palette-primary); text-decoration: none;
}
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-textlink:hover { text-decoration: underline; text-underline-offset: 2px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-link {
    display: flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px;
    text-decoration: none;
}
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-link:hover { background: color-mix(in srgb, var(--mud-palette-primary) 8%, var(--mud-palette-surface)); }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-card:focus-visible, .pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-log :focus-visible { outline-offset: -2px; }

/* Composer and the line under it. */
.pwo-ai-compose[b-mlc1wvxvfn] { display: flex; align-items: flex-end; gap: 4px; flex: none; padding: 8px 8px 4px 16px; border-top: 1px solid var(--mud-palette-lines-default); }
.pwo-ai-compose textarea[b-mlc1wvxvfn] {
    flex: 1 1 auto; min-height: 24px; max-height: 120px; resize: none; field-sizing: content; padding: 6px 0;
    border: 0; outline: none; background: none; color: inherit; font: inherit; caret-color: var(--mud-palette-primary);
}
.pwo-ai-compose:focus-within[b-mlc1wvxvfn] { box-shadow: inset 0 2px 0 var(--mud-palette-primary); }
.pwo-ai-foot[b-mlc1wvxvfn] { flex: none; padding: 0 16px 8px; font-size: 12px; color: var(--mud-palette-text-secondary); }

/* Phones: a full-screen sheet. */
@media (max-width: 599px) {
    .pwo-ai-panel[b-mlc1wvxvfn] { inset: 0; width: auto; border: 0; box-shadow: none; }
}

@media print {
    .pwo-ai-panel[b-mlc1wvxvfn] { display: none; }
}

/* The in-chat form (AssistantFormView): one question per step, then the rest; inputs at the card's width. */
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-form { display: flex; flex-direction: column; gap: 8px; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-field .mud-input-control { margin-top: 0; }
.pwo-ai-panel[b-mlc1wvxvfn]  .pwo-ai-form .pwo-ai-buttons { margin-top: 4px; flex-wrap: wrap; }
/* /Components/Layout/NotificationBell.razor.rz.scp.css */
/* The notices panel: docked on the right under the app bar, as the AdvEnt AI panel (AssistantPanel.razor.css), over a
   dimmed page so a click outside closes it. Rendered inside the app bar (stacking context 1300): above the page and the
   menu, below dialogs (1400), which open over it. Colours are the MudBlazor palette, so the dark theme follows. */
.pwo-notices-overlay[b-bhqz1a3zhl] { position: fixed; inset: 0; z-index: 1340; background: rgba(16, 24, 40, .32); }
.pwo-notices[b-bhqz1a3zhl] {
    position: fixed; top: var(--mud-appbar-height, 64px); right: 0; bottom: 0; z-index: 1350; width: min(400px, 100vw);
    display: flex; flex-direction: column; overflow: hidden; outline: none;
    background: var(--mud-palette-surface); color: var(--mud-palette-text-primary);
    border-left: 1px solid var(--mud-palette-lines-default); box-shadow: -8px 0 24px rgba(2, 44, 120, .12);
    font-size: 14px; line-height: 1.5; font-weight: 400; text-align: left;
    animation: pwo-notices-in-b-bhqz1a3zhl 160ms ease-out;
}
@keyframes pwo-notices-in-b-bhqz1a3zhl { from { transform: translateX(16px); } }
@media (prefers-reduced-motion: reduce) {
    .pwo-notices[b-bhqz1a3zhl] { animation: none; }
}

.pwo-notices-head[b-bhqz1a3zhl] {
    display: flex; align-items: center; gap: 8px; flex: none; height: 48px; padding: 0 8px 0 16px;
    background: var(--mud-palette-appbar-background); color: var(--mud-palette-appbar-text);
}
.pwo-notices-head h2[b-bhqz1a3zhl] { margin: 0; font-size: 15px; font-weight: 600; white-space: nowrap; }
.pwo-notices-head[b-bhqz1a3zhl]  :focus-visible { outline-color: var(--mud-palette-appbar-text); }
.pwo-notices-count[b-bhqz1a3zhl] {
    min-width: 18px; padding: 1px 6px; border-radius: 9px; text-align: center;
    font-size: 11px; font-weight: 600; line-height: 16px;
    background: var(--mud-palette-error); color: var(--mud-palette-error-text);
}
.grow[b-bhqz1a3zhl] { flex: 1 1 auto; }

.pwo-notices-body[b-bhqz1a3zhl] { flex: 1 1 auto; overflow-y: auto; scrollbar-width: thin; }
.pwo-notices-empty[b-bhqz1a3zhl] { margin: 0; padding: 40px 20px; text-align: center; color: var(--mud-palette-text-secondary); }
.pwo-notices-list[b-bhqz1a3zhl] { list-style: none; margin: 0; padding: 4px 0; }

/* One notice: a row-wide button; unread ones carry a blue edge and tint (the legacy's green ones), read ones none. */
.pwo-notice[b-bhqz1a3zhl] {
    display: flex; flex-direction: column; gap: 4px; width: 100%; padding: 12px 16px 12px 13px;
    border: 0; border-bottom: 1px solid var(--mud-palette-lines-default); border-left: 3px solid transparent;
    background: none; font: inherit; color: inherit; text-align: left; cursor: pointer;
}
.pwo-notice:hover[b-bhqz1a3zhl] { background: var(--mud-palette-action-default-hover); }
.pwo-notice:focus-visible[b-bhqz1a3zhl] { outline: 2px solid var(--mud-palette-primary); outline-offset: -2px; }
.pwo-notice-unread[b-bhqz1a3zhl] { border-left-color: var(--mud-palette-primary); background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent); }
.pwo-notice-unread:hover[b-bhqz1a3zhl] { background: color-mix(in srgb, var(--mud-palette-primary) 14%, transparent); }
.pwo-notice-subject[b-bhqz1a3zhl] { font-weight: 500; overflow-wrap: anywhere; }
.pwo-notice-unread .pwo-notice-subject[b-bhqz1a3zhl] { font-weight: 700; }
.pwo-notice-meta[b-bhqz1a3zhl] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 12px; color: var(--mud-palette-text-secondary); }
.pwo-notice-meta[b-bhqz1a3zhl]  .mud-icon-root { font-size: 16px; vertical-align: -4px; }
.pwo-notice-urgent[b-bhqz1a3zhl] { color: var(--mud-palette-error); font-weight: 600; }
.pwo-notice-read[b-bhqz1a3zhl] { color: var(--mud-palette-success); }

@media (pointer: coarse) {
    .pwo-notice[b-bhqz1a3zhl] { min-height: 44px; }
}

@media print {
    .pwo-notices[b-bhqz1a3zhl], .pwo-notices-overlay[b-bhqz1a3zhl] { display: none; }
}
/* /Components/Layout/NotificationDialog.razor.rz.scp.css */
.pwo-notice-title[b-8etpqeu0fr] { display: flex; flex-direction: column; gap: 2px; padding-right: 32px; }
.pwo-notice-title[b-8etpqeu0fr]  .mud-typography-h6 { font-size: 17px; line-height: 1.3; overflow-wrap: anywhere; }
.pwo-notice-urgent[b-8etpqeu0fr] { font-size: 12px; font-weight: 600; color: var(--mud-palette-error); }
.pwo-notice-urgent[b-8etpqeu0fr]  .mud-icon-root { font-size: 16px; vertical-align: -4px; }

/* The body is the sender's HTML: it must not push the dialog wider than the screen. */
.pwo-notice-body[b-8etpqeu0fr] { font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.pwo-notice-body[b-8etpqeu0fr]  img { max-width: 100%; height: auto; }
.pwo-notice-body[b-8etpqeu0fr]  table { max-width: 100%; }
.pwo-notice-body[b-8etpqeu0fr]  a { color: var(--mud-palette-primary); }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-tf21sbldgy],
.components-reconnect-repeated-attempt-visible[b-tf21sbldgy],
.components-reconnect-failed-visible[b-tf21sbldgy],
.components-pause-visible[b-tf21sbldgy],
.components-resume-failed-visible[b-tf21sbldgy],
.components-rejoining-animation[b-tf21sbldgy] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/UrgentNotificationDialog.razor.rz.scp.css */
.pwo-urgent-head[b-hv9jnd753g] { display: flex; align-items: center; gap: 12px; padding-right: 32px; }
.pwo-urgent-head[b-hv9jnd753g]  .mud-icon-root { font-size: 32px; flex: none; }
.pwo-urgent-subject[b-hv9jnd753g] { font-size: 16px; font-weight: 600; line-height: 1.4; margin-bottom: 4px; overflow-wrap: anywhere; }
.pwo-urgent-meta[b-hv9jnd753g] { display: flex; flex-wrap: wrap; gap: 4px 12px; margin-bottom: 12px; font-size: 12px; color: var(--mud-palette-text-secondary); }

/* The body is the sender's HTML: it must not push the dialog wider than the screen. */
.pwo-notice-body[b-hv9jnd753g] { font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.pwo-notice-body[b-hv9jnd753g]  img { max-width: 100%; height: auto; }
.pwo-notice-body[b-hv9jnd753g]  table { max-width: 100%; }
.pwo-notice-body[b-hv9jnd753g]  a { color: var(--mud-palette-primary); }
/* /Components/Pages/Analysis/AnalysisBarChart.razor.rz.scp.css */
.ac-chart[b-lwlbbc8z1m] { display: block; width: 100%; height: auto; max-height: 280px; }
.ac-bar.ac-s0[b-lwlbbc8z1m], .ac-swatch.ac-s0[b-lwlbbc8z1m] { fill: var(--mud-palette-primary); background: var(--mud-palette-primary); }
.ac-bar.ac-s1[b-lwlbbc8z1m], .ac-swatch.ac-s1[b-lwlbbc8z1m] { fill: var(--mud-palette-tertiary); background: var(--mud-palette-tertiary); }
.ac-axis[b-lwlbbc8z1m] { stroke: var(--mud-palette-lines-default); stroke-width: 1; }
.ac-zero[b-lwlbbc8z1m] { stroke: var(--mud-palette-text-secondary); }
.ac-tick[b-lwlbbc8z1m] { fill: var(--mud-palette-text-secondary); font-size: 11px; }
.ac-legend[b-lwlbbc8z1m] { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 8px 0 0; padding: 0; list-style: none; font-size: 13px; }
.ac-legend li[b-lwlbbc8z1m] { display: inline-flex; align-items: center; gap: 6px; }
.ac-swatch[b-lwlbbc8z1m] { display: inline-block; width: 12px; height: 12px; border-radius: 2px; }

@media (max-width: 599px) {
    .ac-tick[b-lwlbbc8z1m] { font-size: 15px; } /* the chart scales down to the phone */
}
/* /Components/Pages/Analysis/AnalysisFilters.razor.rz.scp.css */
.an-filters[b-6v4k37n5ga] { padding: 2px 16px 12px; margin-bottom: 20px; }
.an-actions[b-6v4k37n5ga] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
/* /Components/Pages/Analysis/ProfitAnalysisPage.razor.rz.scp.css */
.an-heading[b-0enzyj1p8a] { margin: 0 0 12px; font-size: 15px; font-weight: 600; }
.an-kpis[b-0enzyj1p8a] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 16px; }
.an-kpi[b-0enzyj1p8a] { padding: 14px 18px; }
.an-kpi-label[b-0enzyj1p8a] { margin: 0; font-size: 13px; font-weight: 600; color: var(--mud-palette-text-secondary); }
.an-kpi-value[b-0enzyj1p8a] { margin: 4px 0 0; font-size: 26px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.an-kpi-compare[b-0enzyj1p8a] { margin: 2px 0 0; font-size: 13px; color: var(--mud-palette-text-secondary); }
.an-panel[b-0enzyj1p8a] { padding: 16px 18px; margin-bottom: 16px; }
.an-panel-title[b-0enzyj1p8a] { margin: 0 0 10px; font-size: 14px; font-weight: 700; }
.an-note[b-0enzyj1p8a] { margin: 4px 0 0; color: var(--mud-palette-text-secondary); font-size: 13px; }
.an-down[b-0enzyj1p8a] { color: var(--mud-palette-error); }
.an-link[b-0enzyj1p8a] { padding: 0; border: 0; background: none; font: inherit; color: var(--mud-palette-primary); text-align: left; cursor: pointer; }
.an-link:hover[b-0enzyj1p8a] { text-decoration: underline; }
.pwo-card[b-0enzyj1p8a]  .an-static .mud-table-row { cursor: default; }

@media (max-width: 959px) {
    .an-kpis[b-0enzyj1p8a] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
    .an-kpi-value[b-0enzyj1p8a] { font-size: 22px; }
}
@media (pointer: coarse) { .an-link[b-0enzyj1p8a] { display: inline-flex; align-items: center; min-height: 32px; } }
/* /Components/Pages/Analysis/SalesAnalysisPage.razor.rz.scp.css */
.an-heading[b-f8rrtktn9q] { margin: 0 0 12px; font-size: 15px; font-weight: 600; }
.an-kpis[b-f8rrtktn9q] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 16px; }
.an-kpi[b-f8rrtktn9q] { padding: 14px 18px; }
.an-kpi-label[b-f8rrtktn9q] { margin: 0; font-size: 13px; font-weight: 600; color: var(--mud-palette-text-secondary); }
.an-kpi-value[b-f8rrtktn9q] { margin: 4px 0 0; font-size: 26px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.an-kpi-compare[b-f8rrtktn9q] { margin: 2px 0 0; font-size: 13px; color: var(--mud-palette-text-secondary); }
.an-panel[b-f8rrtktn9q] { padding: 16px 18px; margin-bottom: 16px; }
.an-panel-title[b-f8rrtktn9q] { margin: 0 0 10px; font-size: 14px; font-weight: 700; }
.an-note[b-f8rrtktn9q] { margin: 4px 0 0; color: var(--mud-palette-text-secondary); font-size: 13px; }
.an-up[b-f8rrtktn9q] { color: var(--mud-palette-success); }
.an-down[b-f8rrtktn9q] { color: var(--mud-palette-error); }
.pwo-card[b-f8rrtktn9q]  .an-static .mud-table-row { cursor: default; }

.an-details[b-f8rrtktn9q] { margin-top: 8px; font-size: 13px; }
.an-details summary[b-f8rrtktn9q] { cursor: pointer; color: var(--mud-palette-primary); }
.an-table-wrap[b-f8rrtktn9q] { overflow-x: auto; }
.an-table[b-f8rrtktn9q] { width: 100%; border-collapse: collapse; font-size: 13px; }
.an-table th[b-f8rrtktn9q], .an-table td[b-f8rrtktn9q] { padding: 6px 8px; border-bottom: 1px solid var(--mud-palette-lines-default); text-align: left; white-space: nowrap; }
.an-table thead th[b-f8rrtktn9q] { font-weight: 600; color: var(--mud-palette-text-secondary); }
.an-table tbody th[b-f8rrtktn9q] { font-weight: 500; }
.an-table .pwo-num[b-f8rrtktn9q] { text-align: right; }

@media (max-width: 959px) {
    .an-kpis[b-f8rrtktn9q] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
    .an-kpi-value[b-f8rrtktn9q] { font-size: 22px; }
}
/* /Components/Pages/Coupons/CouponList.razor.rz.scp.css */
[b-huv1hktybh] .cp-filter { width: 190px; flex: 0 0 auto; }

.cp-status[b-huv1hktybh] { display: inline-block; padding: 1px 8px; border-radius: 10px; font-size: 12px; font-weight: 600; border: 1px solid currentColor; }
.cp-current[b-huv1hktybh] { color: var(--mud-palette-success-darken); }
.cp-future[b-huv1hktybh] { color: var(--mud-palette-info-darken); }
.cp-past[b-huv1hktybh] { color: var(--mud-palette-text-secondary); }
/* /Components/Pages/Coupons/CouponPage.razor.rz.scp.css */
.cp-card[b-cu5yqi5uvu] { padding: 4px 16px 20px; }

.cp-days[b-cu5yqi5uvu] { display: flex; flex-wrap: wrap; gap: 0 8px; margin: 8px 0 0; padding: 0; border: 0; }
.cp-days legend[b-cu5yqi5uvu] { font-size: 12px; margin-bottom: 2px; }

.cp-targets[b-cu5yqi5uvu] { display: grid; gap: 8px; max-width: 720px; }
.cp-choice[b-cu5yqi5uvu] { display: grid; grid-template-columns: minmax(200px, 260px) minmax(0, 1fr); align-items: center; gap: 8px; }

.cp-rows[b-cu5yqi5uvu] { display: grid; gap: 4px; margin: 8px 0; max-width: 720px; }
.cp-row[b-cu5yqi5uvu] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) 40px; align-items: center; gap: 12px; }

.cp-next[b-cu5yqi5uvu] { align-self: center; font-variant-numeric: tabular-nums; }

[b-cu5yqi5uvu] .cp-wide { max-width: 720px; }

@media (max-width: 599px) {
    .cp-choice[b-cu5yqi5uvu] { grid-template-columns: 1fr; }
    .cp-row[b-cu5yqi5uvu] { grid-template-columns: 1fr 1fr; }
}
/* /Components/Pages/Customers/CustomerEditor.razor.rz.scp.css */
.pwo-customers-accounts[b-8jruqln644]  .pwo-customers-account { flex: 0 0 200px; }

.pwo-customers-tag[b-8jruqln644] {
    display: inline-flex; align-items: center; gap: 2px; padding: 0 4px 0 12px; min-height: 32px;
    border: 1px solid var(--mud-palette-lines-default); border-radius: 16px;
}
/* /Components/Pages/Customers/CustomerList.razor.rz.scp.css */
.pwo-toolbar[b-0fys5t240s]  .pwo-customers-filter { flex: 0 0 170px; }
.pwo-customers-sub[b-0fys5t240s] { font-size: 12px; }
.pwo-customers-columns[b-0fys5t240s] {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 4px 16px; align-items: center; padding: 0 16px 12px;
}

/* Inactive customers: muted text and a red edge, as the legacy list's red rows. */
.pwo-card[b-0fys5t240s]  .pwo-customers-inactive td { color: var(--mud-palette-text-secondary); }
.pwo-card[b-0fys5t240s]  .pwo-customers-inactive td:first-child { box-shadow: inset 3px 0 0 var(--mud-palette-error); }
.pwo-card[b-0fys5t240s]  .pwo-customers-inactive-tag { color: var(--mud-palette-error); font-weight: 500; }
@media (max-width: 600px) {
    .pwo-toolbar[b-0fys5t240s]  .pwo-customers-filter { flex: 1 1 140px; }
}
/* /Components/Pages/Dashboard.razor.rz.scp.css */
/* Home: a main column (waiting work, then the screen directory) and, for roles that see sales, a 320px column beside it. */
.home[b-qjuv5bzzjp] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; align-items: start; }
.home-sales[b-qjuv5bzzjp] { grid-template-columns: minmax(0, 1fr) 320px; }
.home-main[b-qjuv5bzzjp], .home-side[b-qjuv5bzzjp] { min-width: 0; }
.home-foot[b-qjuv5bzzjp] { margin-top: 48px; }

.home-section + .home-section[b-qjuv5bzzjp] { margin-top: 32px; }
.home-h2[b-qjuv5bzzjp] { margin: 0 0 12px; font-size: 16px; font-weight: 600; line-height: 24px; }
.home-quiet[b-qjuv5bzzjp] { margin: 0; font-size: 14px; color: var(--mud-palette-text-secondary); }

/* Waiting for you: one row per kind of work, the action at the right end; the whole row is the link. */
.home-waiting[b-qjuv5bzzjp] {
    list-style: none; margin: 0; padding: 0; overflow: hidden;
    background: var(--mud-palette-surface); border: 1px solid var(--mud-palette-lines-default); border-radius: 8px;
}
.home-row[b-qjuv5bzzjp] {
    position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto 6.5rem; align-items: center; gap: 16px;
    min-height: 52px; padding: 8px 16px;
}
.home-row + .home-row[b-qjuv5bzzjp] { border-top: 1px solid var(--mud-palette-lines-default); }
.home-row:hover[b-qjuv5bzzjp] { background: var(--mud-palette-table-hover); }
.home-row-what[b-qjuv5bzzjp] { font-size: 14px; font-weight: 500; }
.home-row-figure[b-qjuv5bzzjp] {
    font-size: 13px; color: var(--mud-palette-text-secondary); font-variant-numeric: tabular-nums; text-align: right; white-space: nowrap;
}
.home-row-action[b-qjuv5bzzjp] { justify-self: end; font-size: 14px; font-weight: 600; color: var(--mud-palette-primary); text-decoration: none; }
.home-row-action[b-qjuv5bzzjp]::after { content: ""; position: absolute; inset: 0; }
.home-row:hover .home-row-action[b-qjuv5bzzjp], .home-row-action:focus-visible[b-qjuv5bzzjp] { text-decoration: underline; text-underline-offset: 3px; }

/* Go to: every area the role may open, as columns of links that pack like a printed index. */
.home-dir[b-qjuv5bzzjp] { columns: 4 184px; column-gap: 32px; }
.home-area[b-qjuv5bzzjp] { break-inside: avoid; padding-bottom: 20px; }
.home-area-title[b-qjuv5bzzjp] { margin: 0 0 4px; font-size: 14px; font-weight: 600; line-height: 20px; }
.home-area ul[b-qjuv5bzzjp] { list-style: none; margin: 0; padding: 0; }
.home-area a[b-qjuv5bzzjp] { display: inline-block; padding: 3px 0; font-size: 14px; line-height: 20px; color: var(--mud-palette-primary); text-decoration: none; }
.home-area a:hover[b-qjuv5bzzjp] { text-decoration: underline; text-underline-offset: 3px; }
/* Debug builds only: areas and screens still in development (OfficeMenu.IsDebugOnly) are red, as in the side menu. */
.home-area .home-debug[b-qjuv5bzzjp] { color: var(--mud-palette-error); }

@media (max-width: 959px) {
    .home-sales[b-qjuv5bzzjp] { grid-template-columns: minmax(0, 1fr); }
    /* One column: today's sales comes up between the waiting work and the directory. */
    .home-main[b-qjuv5bzzjp] { display: contents; }
    .home-main > .home-section:first-child[b-qjuv5bzzjp] { order: 1; }
    .home-side[b-qjuv5bzzjp] { order: 2; }
    .home-main > .home-section:last-child[b-qjuv5bzzjp] { order: 3; }
    .home-section + .home-section[b-qjuv5bzzjp] { margin-top: 0; }
}

@media (max-width: 599px) {
    .home[b-qjuv5bzzjp] { gap: 24px; }
    .home-dir[b-qjuv5bzzjp] { columns: 2; column-gap: 16px; }
    .home-row[b-qjuv5bzzjp] { grid-template-columns: minmax(0, 1fr) auto; row-gap: 2px; padding: 10px 16px; }
    .home-row-figure[b-qjuv5bzzjp] { grid-row: 2; grid-column: 1; text-align: left; }
    .home-row-action[b-qjuv5bzzjp] { grid-row: 1 / span 2; grid-column: 2; }
}

@media (pointer: coarse) {
    .home-area a[b-qjuv5bzzjp] { display: inline-flex; align-items: center; min-height: 32px; }
}
/* /Components/Pages/Data/LookupEditor.razor.rz.scp.css */
/* The switches: narrower columns than the inputs, set apart from them. */
.pwo-flaggrid[b-5m019cj934] {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 0 24px;
    margin-top: 8px;
}

/* A tick per day of the week (a discount's "Active on"), in a row that wraps on a narrow screen. */
.pwo-weekdays[b-5m019cj934] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 4px;
}

/* A small heading over fields that belong together (a size's unit price), closer to them than a page section's. */
.pwo-fieldgroup[b-5m019cj934] {
    margin: 12px 0 0;
    font-size: 14px;
}

/* A department's macros: a strip under the form with what they do and the button that opens them. */
.pwo-macros[b-5m019cj934] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px 16px;
    margin-top: 16px;
    padding: 12px 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
}

.pwo-macros > div[b-5m019cj934] {
    flex: 1 1 260px;
    min-width: 0;
}

/* A choice with a button beside it that adds a record to its list (a category's department). */
.pwo-choice-add[b-5m019cj934] {
    display: flex;
    align-items: flex-start;
    gap: 4px;
}

.pwo-choice-add[b-5m019cj934]  .mud-select {
    flex: 1 1 auto;
    min-width: 0;
}

/* As tall as the dense outlined field beside it, and level with its box (MudBlazor puts that 8px below the top for the
   label); aligned to the top, so a validation message under the field does not move it. */
.pwo-choice-add[b-5m019cj934]  .mud-icon-button {
    width: 40px;
    height: 40px;
    margin-top: 8px;
    flex: none;
}
/* /Components/Pages/Data/SalesPersonEditor.razor.rz.scp.css */
.sp-bands[b-lh1zr7puug] { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
.sp-band[b-lh1zr7puug] { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 8px; align-items: center; }

@media (max-width: 599px) {
    .sp-band[b-lh1zr7puug] { grid-template-columns: 1fr; }
}

.sp-row[b-lh1zr7puug] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px 24px; }
.sp-phone[b-lh1zr7puug] { grid-template-columns: 2fr 1fr; }

@media (max-width: 599px) {
    .sp-row[b-lh1zr7puug], .sp-phone[b-lh1zr7puug] { grid-template-columns: 1fr; }
}
/* /Components/Pages/DrawerReconcile/BatchReconcilePage.razor.rz.scp.css */
.rd-layout[b-ndxzr6qg5m] { display: grid; grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr); gap: 16px; align-items: start; }
.rd-side[b-ndxzr6qg5m] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.rd-card[b-ndxzr6qg5m] { padding: 4px 16px 16px; min-width: 0; }

.rd-figures[b-ndxzr6qg5m] { display: grid; grid-template-columns: 1fr auto; gap: 6px 16px; margin: 0; }
.rd-figures dt[b-ndxzr6qg5m] { color: var(--mud-palette-text-secondary); }
.rd-figures dd[b-ndxzr6qg5m] { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.rd-figures .rd-total[b-ndxzr6qg5m] { padding-top: 6px; border-top: 1px solid var(--mud-palette-lines-default); font-weight: 700; color: var(--mud-palette-text-primary); }
.rd-figures .rd-short[b-ndxzr6qg5m] { color: var(--mud-palette-error); }
.rd-figures .rd-over[b-ndxzr6qg5m] { color: var(--mud-palette-warning-darken); }
.rd-figures .rd-matched[b-ndxzr6qg5m] { color: var(--mud-palette-success); }

.rd-table[b-ndxzr6qg5m] { width: 100%; border-collapse: collapse; }
.rd-table th[b-ndxzr6qg5m], .rd-table td[b-ndxzr6qg5m] { padding: 6px 4px; border-bottom: 1px solid var(--mud-palette-lines-default); text-align: left; }
.rd-table th[b-ndxzr6qg5m] { font-weight: 600; color: var(--mud-palette-text-secondary); }
.rd-table .pwo-num[b-ndxzr6qg5m] { text-align: right; }

@media (max-width: 959px) {
    .rd-layout[b-ndxzr6qg5m] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Pages/ECommerce/DoorDash/DoorDashItemsPage.razor.rz.scp.css */
.dd-counts[b-ifbe9pglyu] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; margin-bottom: 16px; }
.dd-counts > div[b-ifbe9pglyu] {
    background: var(--mud-palette-surface); border: 1px solid var(--mud-palette-lines-default); border-radius: var(--pwo-radius);
    padding: 12px 16px; display: flex; flex-direction: column;
}
.dd-counts strong[b-ifbe9pglyu] { font-size: 22px; }
.dd-counts span[b-ifbe9pglyu] { color: var(--mud-palette-text-secondary); font-size: 13px; }
[b-ifbe9pglyu] .dd-filter { width: 220px; flex: none; }
/* /Components/Pages/ECommerce/DoorDash/DoorDashLockup.razor.rz.scp.css */
.dd-lockup[b-x4h6luwiho] { display: inline-flex; align-items: center; gap: 12px; color: var(--mud-palette-dark); }
.dd-ae[b-x4h6luwiho] { width: 37px; height: 24px; }
.dd-x[b-x4h6luwiho] { width: 10px; height: 10px; stroke: var(--mud-palette-text-secondary); stroke-width: 1.5; stroke-linecap: round; }
.dd-dd[b-x4h6luwiho] { width: 40px; height: 24px; }
.dd-lockup-lg[b-x4h6luwiho] { gap: 18px; }
.dd-lockup-lg .dd-ae[b-x4h6luwiho] { width: 68px; height: 44px; }
.dd-lockup-lg .dd-x[b-x4h6luwiho] { width: 14px; height: 14px; }
.dd-lockup-lg .dd-dd[b-x4h6luwiho] { width: 72px; height: 44px; }
/* /Components/Pages/ECommerce/DoorDash/DoorDashMenuPage.razor.rz.scp.css */
.dd-menu[b-nnyvq7b67a] { display: grid; grid-template-columns: minmax(260px, 1fr) 3fr; gap: 16px; align-items: start; }
.dd-pad[b-nnyvq7b67a] { padding: 0 16px; }

@media (max-width: 959px) {
    .dd-menu[b-nnyvq7b67a] { grid-template-columns: 1fr; }
}
/* /Components/Pages/ECommerce/DoorDash/DoorDashNotice.razor.rz.scp.css */
.dd-notice[b-e1qqxyej1u] { max-width: 72ch; margin: auto auto 0; padding-top: 48px; font-size: 12px; line-height: 1.4; color: var(--mud-palette-text-secondary); text-align: center; }
/* /Components/Pages/ECommerce/DoorDash/DoorDashOnboardingPage.razor.rz.scp.css */
/* Focus mode: a full layer over the shell (above the app bar and the assistant launcher, under dialogs and snackbars).
   Native controls follow the app theme through MudBlazor's colour-scheme variable. */
.dd-focus[b-cm5hh1rv3n] { position: fixed; inset: 0; z-index: 1360; color-scheme: var(--mud-native-html-color-scheme, normal); display: flex; flex-direction: column; overflow-y: auto; scrollbar-gutter: stable; background: var(--mud-palette-background); color: var(--mud-palette-text-primary); }
.dd-fbar[b-cm5hh1rv3n] { position: sticky; top: 0; z-index: 2; background: var(--mud-palette-surface); border-bottom: 1px solid var(--mud-palette-lines-default); }
.dd-frow[b-cm5hh1rv3n] { height: 56px; display: flex; align-items: center; gap: 16px; padding: 0 24px; }
.dd-fname[b-cm5hh1rv3n] { font-weight: 600; }
.dd-sp[b-cm5hh1rv3n] { flex: 1; }
.dd-count[b-cm5hh1rv3n] { color: var(--mud-palette-text-secondary); font-size: 13px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.dd-prog[b-cm5hh1rv3n] { list-style: none; display: flex; gap: 4px; margin: 0; padding: 0 24px 12px; }
.dd-prog li[b-cm5hh1rv3n] { flex: 1; min-width: 0; }
.dd-prog i[b-cm5hh1rv3n] { display: block; height: 4px; border-radius: 2px; background: var(--mud-palette-background-gray); transition: background .3s; }
.dd-prog .dd-pdone i[b-cm5hh1rv3n], .dd-prog .dd-pnow i[b-cm5hh1rv3n] { background: var(--mud-palette-primary); }
.dd-prog span[b-cm5hh1rv3n] { display: block; margin-top: 6px; font-size: 12px; color: var(--mud-palette-text-secondary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dd-prog .dd-pnow span[b-cm5hh1rv3n] { color: var(--mud-palette-text-primary); font-weight: 600; }

.dd-fbody[b-cm5hh1rv3n] { flex: 1; display: flex; flex-direction: column; padding: 40px 24px 24px; }
.dd-fcol[b-cm5hh1rv3n] { width: 100%; max-width: 640px; margin: 0 auto; }
.dd-fcol.dd-wide[b-cm5hh1rv3n] { max-width: 880px; }
.dd-fcol > .pwo-lede[b-cm5hh1rv3n] { margin-bottom: 32px; }
.dd-enter[b-cm5hh1rv3n] { animation: dd-enter-b-cm5hh1rv3n .32s cubic-bezier(.16, 1, .3, 1) both; }
.dd-enter.dd-back[b-cm5hh1rv3n] { animation-name: dd-enter-back-b-cm5hh1rv3n; }
@keyframes dd-enter-b-cm5hh1rv3n { from { opacity: 0; transform: translateX(24px); } }
@keyframes dd-enter-back-b-cm5hh1rv3n { from { opacity: 0; transform: translateX(-24px); } }

.dd-fnav[b-cm5hh1rv3n] { position: sticky; bottom: 0; background: var(--mud-palette-surface); border-top: 1px solid var(--mud-palette-lines-default); }
.dd-navrow[b-cm5hh1rv3n] { max-width: 880px; margin: 0 auto; height: 72px; }
.dd-hint[b-cm5hh1rv3n] { font-size: 13px; color: var(--mud-palette-error); }

/* before you start */
.dd-checks[b-cm5hh1rv3n] { list-style: none; margin: 0; padding: 0; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); }
.dd-checks > li[b-cm5hh1rv3n] { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: 12px; padding: 16px; border-top: 1px solid var(--mud-palette-lines-default); align-items: start; }
.dd-checks > li:first-child[b-cm5hh1rv3n] { border-top: 0; }
.dd-ic[b-cm5hh1rv3n] { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; }
.dd-ic.dd-ok[b-cm5hh1rv3n] { background: color-mix(in srgb, var(--mud-palette-success) 12%, transparent); color: var(--mud-palette-success); }
.dd-ic.dd-bad[b-cm5hh1rv3n] { background: color-mix(in srgb, var(--mud-palette-error) 12%, transparent); color: var(--mud-palette-error); }
.dd-ic.dd-todo[b-cm5hh1rv3n] { border: 1.5px solid var(--mud-palette-lines-inputs); color: transparent; }
.dd-ic.dd-info[b-cm5hh1rv3n] { color: var(--mud-palette-text-secondary); }
.dd-sub[b-cm5hh1rv3n] { margin: 2px 0 0; color: var(--mud-palette-text-secondary); font-size: 13px; }
.dd-word[b-cm5hh1rv3n] { font-size: 13px; color: var(--mud-palette-text-secondary); white-space: nowrap; }
.dd-word.dd-wok[b-cm5hh1rv3n] { color: var(--mud-palette-success); font-weight: 600; }
.dd-word.dd-wbad[b-cm5hh1rv3n] { color: var(--mud-palette-error); font-weight: 600; }
.dd-have[b-cm5hh1rv3n] { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 2px; font-size: 13px; color: var(--mud-palette-text-secondary); }

/* prerequisites: one centred check */
.dd-prereq[b-cm5hh1rv3n] { display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 48px; }
.dd-prereq .pwo-title[b-cm5hh1rv3n] { margin-top: 24px; }
.dd-prereq .pwo-lede[b-cm5hh1rv3n] { margin-bottom: 0; }
.dd-prereq .dd-tick[b-cm5hh1rv3n] { margin: 0; }
.dd-prereq[b-cm5hh1rv3n]  .dd-left, .dd-done[b-cm5hh1rv3n]  .dd-left { text-align: left; }
.dd-ic.dd-big[b-cm5hh1rv3n] { width: 64px; height: 64px; }

/* the DoorDash account and the agreement */
.dd-callout[b-cm5hh1rv3n] { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 16px; padding: 16px; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); }
.dd-note[b-cm5hh1rv3n] { margin-top: 16px; }
.dd-agree[b-cm5hh1rv3n] { margin-top: 16px; }

/* choice cards */
.dd-choices[b-cm5hh1rv3n] { display: grid; gap: 8px; margin-top: 12px; }
.dd-choices.dd-two[b-cm5hh1rv3n] { grid-template-columns: 1fr 1fr; }
.dd-choice[b-cm5hh1rv3n] { display: grid; grid-template-columns: 20px 1fr; gap: 12px; align-items: start; padding: 14px 16px; border: 1px solid var(--mud-palette-lines-inputs); border-radius: 8px; background: var(--mud-palette-surface); cursor: pointer; }
.dd-choice:hover[b-cm5hh1rv3n] { border-color: var(--mud-palette-text-secondary); }
.dd-choice:has(input:checked)[b-cm5hh1rv3n] { border-color: var(--mud-palette-primary); background: color-mix(in srgb, var(--mud-palette-primary) 8%, transparent); box-shadow: inset 0 0 0 1px var(--mud-palette-primary); }
.dd-choice:has(input:focus-visible)[b-cm5hh1rv3n] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
.dd-choice:has(input:disabled)[b-cm5hh1rv3n] { cursor: default; opacity: .6; }
.dd-choice input[b-cm5hh1rv3n] { appearance: none; width: 20px; height: 20px; margin: 1px 0 0; border: 1.5px solid var(--mud-palette-lines-inputs); border-radius: 50%; display: grid; place-items: center; background: var(--mud-palette-surface); }
.dd-choice input:checked[b-cm5hh1rv3n] { border-color: var(--mud-palette-primary); }
.dd-choice input:checked[b-cm5hh1rv3n]::after { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--mud-palette-primary); }
.dd-choice input:focus-visible[b-cm5hh1rv3n] { outline: none; }
.dd-ct[b-cm5hh1rv3n] { display: block; font-weight: 600; }
.dd-cd[b-cm5hh1rv3n] { display: block; margin-top: 2px; font-size: 13px; color: var(--mud-palette-text-secondary); }
.dd-cerr .dd-choice[b-cm5hh1rv3n] { border-color: var(--mud-palette-error); }

.dd-section[b-cm5hh1rv3n] { margin-top: 32px; }
.dd-section .pwo-section-title[b-cm5hh1rv3n] { margin: 0; }
.dd-inline[b-cm5hh1rv3n] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; margin-top: 12px; }
.dd-inline[b-cm5hh1rv3n]  .mud-input-control { width: 280px; flex: none; }
.dd-errmsg[b-cm5hh1rv3n] { margin: 8px 0 0; font-size: 12px; color: var(--mud-palette-error); }

/* items */
.dd-tablewrap[b-cm5hh1rv3n] { border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); max-height: calc(100vh - 360px); min-height: 240px; overflow: auto; }
.dd-table[b-cm5hh1rv3n] { border-collapse: collapse; width: 100%; font-size: 13px; font-variant-numeric: tabular-nums; }
.dd-table th[b-cm5hh1rv3n] { position: sticky; top: 0; z-index: 1; height: 36px; padding: 6px 8px; background: var(--mud-palette-background); color: var(--mud-palette-text-secondary); font-weight: 600; text-align: left; white-space: nowrap; border-bottom: 1px solid var(--mud-palette-lines-default); }
.dd-table td[b-cm5hh1rv3n] { height: 40px; padding: 4px 8px; border-top: 1px solid var(--mud-palette-lines-default); }
.dd-table tr:first-child td[b-cm5hh1rv3n] { border-top: 0; }
.dd-table th:first-child[b-cm5hh1rv3n], .dd-table td:first-child[b-cm5hh1rv3n] { padding-left: 16px; }
.dd-table th:last-child[b-cm5hh1rv3n], .dd-table td:last-child[b-cm5hh1rv3n] { padding-right: 16px; }
.dd-n[b-cm5hh1rv3n] { text-align: right !important; }
.dd-c[b-cm5hh1rv3n] { text-align: center !important; width: 80px; }
.dd-off td[b-cm5hh1rv3n] { color: var(--mud-palette-text-disabled); }
.dd-why[b-cm5hh1rv3n] { display: block; font-size: 12px; color: var(--mud-palette-text-secondary); }
.dd-table input[type=checkbox][b-cm5hh1rv3n] { width: 18px; height: 18px; accent-color: var(--mud-palette-primary); cursor: pointer; vertical-align: middle; }
.dd-table input[type=checkbox]:disabled[b-cm5hh1rv3n] { cursor: default; }
.dd-summary[b-cm5hh1rv3n] { margin-top: 16px; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); }
.dd-summary > div[b-cm5hh1rv3n] { padding: 12px 16px; border-left: 1px solid var(--mud-palette-lines-default); }
.dd-summary > div:first-child[b-cm5hh1rv3n] { border-left: 0; }
.dd-l[b-cm5hh1rv3n] { font-size: 13px; color: var(--mud-palette-text-secondary); }
.dd-v[b-cm5hh1rv3n] { font-size: 20px; font-weight: 700; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.dd-summary .dd-rule[b-cm5hh1rv3n] { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--mud-palette-lines-default); display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; }
.dd-summary .dd-rule:first-child[b-cm5hh1rv3n] { border-top: 0; color: var(--mud-palette-text-secondary); }
.dd-pass[b-cm5hh1rv3n], .dd-fail[b-cm5hh1rv3n] { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.dd-pass[b-cm5hh1rv3n] { color: var(--mud-palette-success); }
.dd-fail[b-cm5hh1rv3n] { color: var(--mud-palette-error); }

/* hours */
.dd-copy[b-cm5hh1rv3n] { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.dd-hours[b-cm5hh1rv3n] { border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); }
.dd-hrow[b-cm5hh1rv3n] { display: grid; grid-template-columns: 120px 1fr 1fr auto; gap: 12px; align-items: center; padding: 8px 16px; border-top: 1px solid var(--mud-palette-lines-default); }
.dd-hrow:first-child[b-cm5hh1rv3n] { border-top: 0; }
.dd-day[b-cm5hh1rv3n] { font-weight: 600; }
.dd-input[b-cm5hh1rv3n] { height: 40px; width: 100%; border: 1px solid var(--mud-palette-lines-inputs); border-radius: 8px; background: var(--mud-palette-surface); color: var(--mud-palette-text-primary); padding: 0 12px; font: inherit; }
.dd-input:hover[b-cm5hh1rv3n] { border-color: var(--mud-palette-text-secondary); }
.dd-input:focus[b-cm5hh1rv3n] { outline: none; border-color: var(--mud-palette-primary); box-shadow: 0 0 0 1px var(--mud-palette-primary); }
.dd-input:disabled[b-cm5hh1rv3n] { background: var(--mud-palette-background-gray); color: var(--mud-palette-text-disabled); }
.dd-input.dd-err[b-cm5hh1rv3n] { border-color: var(--mud-palette-error); }

/* store info, details */
.dd-grid2[b-cm5hh1rv3n] { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
.dd-full[b-cm5hh1rv3n] { grid-column: 1 / -1; }

/* confirmation */
.dd-done[b-cm5hh1rv3n] { text-align: center; }
.dd-done .pwo-lede[b-cm5hh1rv3n] { margin: 8px auto 0; }
.dd-tick[b-cm5hh1rv3n] { width: 72px; height: 72px; margin: 8px auto 24px; display: block; }
.dd-tick circle[b-cm5hh1rv3n] { fill: none; stroke: var(--mud-palette-success); stroke-width: 3; stroke-dasharray: 214; stroke-dashoffset: 214; transform: rotate(-90deg); transform-origin: center; animation: dd-draw-b-cm5hh1rv3n .9s cubic-bezier(.16, 1, .3, 1) .15s forwards; }
.dd-tick path[b-cm5hh1rv3n] { fill: none; stroke: var(--mud-palette-success); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 48; stroke-dashoffset: 48; animation: dd-draw-b-cm5hh1rv3n .5s cubic-bezier(.16, 1, .3, 1) .75s forwards; }
@keyframes dd-draw-b-cm5hh1rv3n { to { stroke-dashoffset: 0; } }
.dd-sent[b-cm5hh1rv3n] { margin-top: 40px; text-align: left; }
.dd-dl[b-cm5hh1rv3n] { display: grid; grid-template-columns: 200px 1fr; margin: 0; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); }
.dd-dl dt[b-cm5hh1rv3n], .dd-dl dd[b-cm5hh1rv3n] { margin: 0; padding: 10px 16px; border-top: 1px solid var(--mud-palette-lines-default); font-size: 13px; }
.dd-dl dt[b-cm5hh1rv3n] { color: var(--mud-palette-text-secondary); }
.dd-dl dt:first-of-type[b-cm5hh1rv3n], .dd-dl dt:first-of-type + dd[b-cm5hh1rv3n] { border-top: 0; }
.dd-actions[b-cm5hh1rv3n] { margin-top: 32px; display: flex; justify-content: center; }

@media (prefers-reduced-motion: reduce) {
    .dd-enter[b-cm5hh1rv3n] { animation: none; }
    .dd-tick circle[b-cm5hh1rv3n], .dd-tick path[b-cm5hh1rv3n] { animation: none; stroke-dashoffset: 0; }
}

@media (max-width: 959px) {
    .dd-prog span[b-cm5hh1rv3n] { display: none; }
}

@media (max-width: 599px) {
    .dd-frow[b-cm5hh1rv3n] { padding: 0 16px; gap: 8px; }
    .dd-fname[b-cm5hh1rv3n] { display: none; }
    .dd-prog[b-cm5hh1rv3n] { padding: 0 16px 12px; }
    .dd-fbody[b-cm5hh1rv3n] { padding: 24px 16px 40px; }
    .dd-choices.dd-two[b-cm5hh1rv3n], .dd-grid2[b-cm5hh1rv3n] { grid-template-columns: 1fr; }
    .dd-summary[b-cm5hh1rv3n] { grid-template-columns: 1fr; }
    .dd-summary > div[b-cm5hh1rv3n] { border-left: 0; border-top: 1px solid var(--mud-palette-lines-default); }
    .dd-summary > div:first-child[b-cm5hh1rv3n] { border-top: 0; }
    .dd-hides[b-cm5hh1rv3n] { display: none; }
    .dd-hrow[b-cm5hh1rv3n] { grid-template-columns: 1fr 1fr; }
    .dd-hrow .dd-day[b-cm5hh1rv3n] { grid-column: 1; }
    .dd-dl[b-cm5hh1rv3n] { grid-template-columns: 1fr; }
    .dd-dl dd[b-cm5hh1rv3n] { border-top: 0; padding-top: 0; }
    .dd-inline[b-cm5hh1rv3n]  .mud-input-control { width: 100%; }
}
/* /Components/Pages/ECommerce/DoorDash/DoorDashPage.razor.rz.scp.css */
/* The page fills the window so the trademark notice sits at its bottom (the shell pads the page 24px above, 48px below the 56px bar). */
.dd-page[b-3x2iopkyvv] { display: flex; flex-direction: column; min-height: calc(100vh - 128px); }

/* Get started: the lockup, one line, the button, the animation. */
.dd-start[b-3x2iopkyvv] { display: flex; flex-direction: column; align-items: center; gap: 24px; padding-top: 16px; text-align: center; }
.dd-start .pwo-title[b-3x2iopkyvv] { margin: 0; }
.dd-start[b-3x2iopkyvv]  .dd-stage { margin-top: 16px; }

.dd-titlerow[b-3x2iopkyvv] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 16px; }
.dd-next[b-3x2iopkyvv] { padding: 16px 16px 20px; margin-bottom: 24px; }
.dd-block + .dd-block[b-3x2iopkyvv], .dd-block[b-3x2iopkyvv] { margin-top: 32px; }
.dd-block:first-child[b-3x2iopkyvv] { margin-top: 0; }
.pwo-tiles.dd-block[b-3x2iopkyvv] { margin-top: 0; }
.dd-two[b-3x2iopkyvv] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; margin-top: 32px; }
.dd-gap[b-3x2iopkyvv] { margin-top: 32px !important; }

/* tabs: an underline row on the page ground, not a card */
.dd-tabs[b-3x2iopkyvv]  .mud-tabs-tabbar { background: transparent; border-bottom: 1px solid var(--mud-palette-lines-default); }
.dd-tabs[b-3x2iopkyvv]  .mud-tab { text-transform: none; font-weight: 500; min-width: 0; padding: 0 12px; }
.dd-tabs[b-3x2iopkyvv]  .mud-tab.mud-tab-active { font-weight: 600; }

/* figures: one bordered row, label over value, not hero metrics */
.dd-figs[b-3x2iopkyvv] { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); margin: 0; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); }
.dd-figs > div[b-3x2iopkyvv] { padding: 14px 16px; border-left: 1px solid var(--mud-palette-lines-default); }
.dd-figs > div:first-child[b-3x2iopkyvv] { border-left: 0; }
.dd-figs dt[b-3x2iopkyvv] { font-size: 13px; color: var(--mud-palette-text-secondary); }
.dd-figs dd[b-3x2iopkyvv] { margin: 2px 0 0; font-size: 20px; font-weight: 700; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.dd-warn[b-3x2iopkyvv] { color: var(--mud-palette-warning) !important; }
.dd-figrule[b-3x2iopkyvv] { margin: 8px 0 0; font-size: 12px; color: var(--mud-palette-text-secondary); }

.dd-dash[b-3x2iopkyvv] { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 32px; margin-top: 32px; }
.dd-side[b-3x2iopkyvv] { display: flex; flex-direction: column; gap: 32px; }
.dd-side .pwo-section-title[b-3x2iopkyvv], .dd-block .pwo-section-title[b-3x2iopkyvv], .dd-two .pwo-section-title[b-3x2iopkyvv] { margin-top: 0; }
.dd-blockhead[b-3x2iopkyvv] { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.dd-blockhead .pwo-section-title[b-3x2iopkyvv] { margin-bottom: 8px; }
.dd-links[b-3x2iopkyvv] { display: flex; gap: 16px; font-size: 14px; }

/* needs you: the Home waiting rows */
.dd-waiting[b-3x2iopkyvv] { border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); }
.dd-waiting a[b-3x2iopkyvv] { display: grid; grid-template-columns: minmax(0, 1fr) auto 6.5rem; align-items: center; gap: 16px; min-height: 52px; padding: 8px 16px; border-top: 1px solid var(--mud-palette-lines-default); color: var(--mud-palette-text-primary); text-decoration: none; }
.dd-waiting a:first-child[b-3x2iopkyvv] { border-top: 0; }
.dd-waiting a:hover[b-3x2iopkyvv] { background: var(--mud-palette-table-hover); }
.dd-waiting a:hover .dd-act[b-3x2iopkyvv] { text-decoration: underline; text-underline-offset: 3px; }
.dd-waiting a:focus-visible[b-3x2iopkyvv] { outline-offset: -2px; }
.dd-lb[b-3x2iopkyvv] { font-weight: 500; }
.dd-fg[b-3x2iopkyvv] { font-size: 13px; color: var(--mud-palette-text-secondary); text-align: right; font-variant-numeric: tabular-nums; }
.dd-act[b-3x2iopkyvv] { color: var(--mud-palette-primary); font-weight: 600; text-align: right; }
.dd-none[b-3x2iopkyvv] { margin: 0; padding: 16px; color: var(--mud-palette-text-secondary); }
.dd-box[b-3x2iopkyvv] { border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); }

/* label/value panels */
.dd-panel[b-3x2iopkyvv] { margin: 0; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); }
.dd-panel > div[b-3x2iopkyvv] { display: flex; justify-content: space-between; gap: 12px; padding: 10px 16px; border-top: 1px solid var(--mud-palette-lines-default); font-size: 13px; }
.dd-panel > div:first-child[b-3x2iopkyvv] { border-top: 0; }
.dd-panel dt[b-3x2iopkyvv] { color: var(--mud-palette-text-secondary); flex: none; max-width: 45%; }
.dd-panel dd[b-3x2iopkyvv] { margin: 0; text-align: right; }
.dd-panel .dd-today[b-3x2iopkyvv] { background: var(--mud-palette-table-hover); }
.dd-panel .dd-today dt[b-3x2iopkyvv] { color: var(--mud-palette-text-primary); font-weight: 600; }
.dd-panel .dd-foot[b-3x2iopkyvv] { justify-content: flex-start; font-size: 14px; }
.dd-num[b-3x2iopkyvv] { font-variant-numeric: tabular-nums; }

.dd-guides[b-3x2iopkyvv] { border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); }
.dd-guides a[b-3x2iopkyvv] { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 10px 16px; border-top: 1px solid var(--mud-palette-lines-default); color: var(--mud-palette-primary); text-decoration: none; }
.dd-guides a:first-child[b-3x2iopkyvv] { border-top: 0; }
.dd-guides a:hover[b-3x2iopkyvv] { text-decoration: underline; text-underline-offset: 3px; }
.dd-guides a:focus-visible[b-3x2iopkyvv] { outline-offset: -2px; }
.dd-notes[b-3x2iopkyvv] { margin: 0; padding: 12px 16px 12px 32px; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); display: grid; gap: 6px; }

/* tables */
.dd-tablewrap[b-3x2iopkyvv] { border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); overflow: auto; }
.dd-table[b-3x2iopkyvv] { border-collapse: collapse; width: 100%; font-size: 13px; font-variant-numeric: tabular-nums; }
.dd-table th[b-3x2iopkyvv] { height: 36px; padding: 6px 8px; background: var(--mud-palette-background); color: var(--mud-palette-text-secondary); font-weight: 600; text-align: left; white-space: nowrap; border-bottom: 1px solid var(--mud-palette-lines-default); }
.dd-table td[b-3x2iopkyvv] { height: 40px; padding: 4px 8px; border-top: 1px solid var(--mud-palette-lines-default); }
.dd-table tr:first-child td[b-3x2iopkyvv] { border-top: 0; }
.dd-table th:first-child[b-3x2iopkyvv], .dd-table td:first-child[b-3x2iopkyvv] { padding-left: 16px; }
.dd-table th:last-child[b-3x2iopkyvv], .dd-table td:last-child[b-3x2iopkyvv] { padding-right: 16px; }
.dd-table tbody tr:hover td[b-3x2iopkyvv] { background: var(--mud-palette-table-hover); }
.dd-n[b-3x2iopkyvv] { text-align: right !important; }

@media (max-width: 1279px) {
    .dd-dash[b-3x2iopkyvv] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 959px) {
    .dd-two[b-3x2iopkyvv] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 599px) {
    .dd-figs[b-3x2iopkyvv] { grid-template-columns: 1fr 1fr; }
    .dd-figs > div:nth-child(odd)[b-3x2iopkyvv] { border-left: 0; }
    .dd-figs > div:nth-child(n+3)[b-3x2iopkyvv] { border-top: 1px solid var(--mud-palette-lines-default); }
    .dd-waiting a[b-3x2iopkyvv] { grid-template-columns: minmax(0, 1fr) auto; row-gap: 2px; }
    .dd-fg[b-3x2iopkyvv] { grid-column: 1; grid-row: 2; text-align: left; }
    .dd-act[b-3x2iopkyvv] { grid-row: 1 / 3; grid-column: 2; }
}
/* /Components/Pages/ECommerce/DoorDash/DoorDashPath.razor.rz.scp.css */
.dd-path[b-gzy8wdhri2] { position: relative; list-style: none; display: grid; grid-template-columns: repeat(5, 1fr); margin: 40px 0 0; padding: 0; text-align: center; }
.dd-path[b-gzy8wdhri2]::before { content: ""; position: absolute; left: 10%; right: 10%; top: 11px; height: 2px; background: var(--mud-palette-lines-default); }
.dd-path li[b-gzy8wdhri2] { position: relative; padding: 0 8px; animation: dd-pop-b-gzy8wdhri2 .5s cubic-bezier(.16, 1, .3, 1) both; }
.dd-dot[b-gzy8wdhri2] { display: block; width: 24px; height: 24px; margin: 0 auto; border-radius: 50%; background: var(--mud-palette-surface); border: 2px solid var(--mud-palette-lines-inputs); }
.dd-pdone .dd-dot[b-gzy8wdhri2] { border-color: var(--mud-palette-success); background: var(--mud-palette-success); }
.dd-pnow .dd-dot[b-gzy8wdhri2] { border-color: var(--mud-palette-success); box-shadow: inset 0 0 0 5px var(--mud-palette-surface); background: var(--mud-palette-success); }
.dd-pblocked .dd-dot[b-gzy8wdhri2] { border-color: var(--mud-palette-error); box-shadow: inset 0 0 0 5px var(--mud-palette-surface); background: var(--mud-palette-error); }
.dd-sr[b-gzy8wdhri2] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.dd-pn[b-gzy8wdhri2] { display: block; margin-top: 10px; font-weight: 600; font-size: 13px; }
.dd-pd[b-gzy8wdhri2] { display: block; margin-top: 2px; font-size: 12px; color: var(--mud-palette-text-secondary); }
@keyframes dd-pop-b-gzy8wdhri2 { from { opacity: 0; transform: translateY(8px); } }

@media (prefers-reduced-motion: reduce) {
    .dd-path li[b-gzy8wdhri2] { animation: none; }
}

@media (max-width: 599px) {
    .dd-path[b-gzy8wdhri2] { grid-template-columns: 1fr; gap: 16px; text-align: left; }
    .dd-path[b-gzy8wdhri2]::before { display: none; }
    .dd-path li[b-gzy8wdhri2] { display: grid; grid-template-columns: 24px 1fr; column-gap: 12px; padding: 0; }
    .dd-dot[b-gzy8wdhri2] { grid-row: span 2; margin: 0; }
    .dd-pn[b-gzy8wdhri2] { margin-top: 2px; }
}
/* /Components/Pages/ECommerce/DoorDash/DoorDashSettingsPage.razor.rz.scp.css */
.dd-section[b-4j5vefiucq] { padding: 4px 20px 16px; margin-bottom: 16px; }
.dd-label[b-4j5vefiucq] { margin: 8px 0 0; font-weight: 600; }
.dd-actions[b-4j5vefiucq] { display: flex; justify-content: flex-end; margin-top: 12px; }
.dd-week[b-4j5vefiucq] { display: flex; flex-direction: column; gap: 4px; }
.dd-day[b-4j5vefiucq] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 16px; }
.dd-dayname[b-4j5vefiucq] { width: 110px; font-weight: 600; }
[b-4j5vefiucq] .dd-day .mud-picker { width: 170px; flex: none; }
.dd-visually-hidden[b-4j5vefiucq] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* /Components/Pages/ECommerce/DoorDash/DoorDashStage.razor.rz.scp.css */
/* The film carries its own navy ground, so it sits the same in the light and dark themes. */
.dd-stage[b-celoa5x0xu] { width: min(1280px, 100%); aspect-ratio: 1920 / 720; border-radius: 8px; overflow: hidden; background: #0a1630; }
.dd-film[b-celoa5x0xu] { display: block; width: 100%; height: 100%; object-fit: cover; }
/* /Components/Pages/ECommerce/OnlinePartnerPage.razor.rz.scp.css */
/* The partner's settings card, below the link tiles (as the web shop page's status card). */
.op-settings[b-35mp9463ic] { padding: 20px 24px; margin-top: 16px; }

.op-settings .pwo-lede[b-35mp9463ic] { margin: 0 0 12px; }

@media (max-width: 599.98px) {
    .op-settings[b-35mp9463ic] { padding: 16px; }
}
/* /Components/Pages/ECommerce/SaveBar.razor.rz.scp.css */
.web-savebar[b-4h5ujpvebn] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 16px; }
/* /Components/Pages/ECommerce/Spirits1800QrDialog.razor.rz.scp.css */
.sp-qr[b-lbty1bduoh] { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; min-height: 120px; }

.sp-qr img[b-lbty1bduoh] { max-width: 100%; height: auto; image-rendering: pixelated; }
/* /Components/Pages/ECommerce/TimeRange.razor.rz.scp.css */
.web-timerange[b-mzddimpy5w] { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
/* /Components/Pages/ECommerce/WebActivatePage.razor.rz.scp.css */
/* The wizard in one card: the steps across its top, the step's heading and fields, then the buttons in a footer. */
.web-wizard[b-o25805pbg5] { overflow: hidden; }

/* The steps, joined by a line: the current one filled, those done ticked off in the primary colour. */
.web-steps[b-o25805pbg5] {
    list-style: none; display: flex; margin: 0; padding: 18px 24px; gap: 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-background);
}
.web-step[b-o25805pbg5] { flex: 1; display: flex; align-items: center; gap: 12px; min-width: 0; color: var(--mud-palette-text-secondary); }
.web-step + .web-step[b-o25805pbg5]::before {
    content: ""; flex: 0 1 48px; height: 2px; margin-right: 4px; border-radius: 1px; background: var(--mud-palette-lines-default);
}
.web-step-done + .web-step[b-o25805pbg5]::before { background: var(--mud-palette-primary); }
.web-step-number[b-o25805pbg5] {
    flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; font-size: 14px; font-weight: 700;
    border: 2px solid var(--mud-palette-lines-default); color: var(--mud-palette-text-secondary); background: var(--mud-palette-surface);
}
.web-step-text[b-o25805pbg5] { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.web-step-of[b-o25805pbg5] { font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; opacity: .8; }
.web-step-name[b-o25805pbg5] { font-size: 14px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.web-step-on[b-o25805pbg5] { color: var(--mud-palette-text-primary); }
.web-step-on .web-step-number[b-o25805pbg5] {
    background: var(--mud-palette-primary); border-color: var(--mud-palette-primary); color: var(--mud-palette-primary-text);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--mud-palette-primary) 18%, transparent);
}
.web-step-on .web-step-of[b-o25805pbg5] { color: var(--mud-palette-primary); opacity: 1; }
.web-step-done[b-o25805pbg5] { color: var(--mud-palette-text-primary); }
.web-step-done .web-step-number[b-o25805pbg5] { background: var(--mud-palette-primary); border-color: var(--mud-palette-primary); color: var(--mud-palette-primary-text); }

.web-wizard-body[b-o25805pbg5] { padding: 24px; }
.web-wizard-head[b-o25805pbg5] { margin-bottom: 20px; }
.web-wizard-title[b-o25805pbg5] { margin: 0 0 4px; font-size: 20px; font-weight: 600; line-height: 1.3; }
.web-wizard-lede[b-o25805pbg5] { margin: 0; color: var(--mud-palette-text-secondary); }
.web-part-title[b-o25805pbg5] { margin: 28px 0 12px; font-size: 15px; font-weight: 600; }
.web-part-title:first-of-type[b-o25805pbg5] { margin-top: 0; }

.web-note[b-o25805pbg5] {
    display: flex; align-items: flex-start; gap: 8px; margin-top: 20px; padding: 10px 14px; border-radius: 8px; font-size: 13px;
    color: var(--mud-palette-text-secondary); background: color-mix(in srgb, var(--mud-palette-info) 8%, transparent);
}
.web-note[b-o25805pbg5]  .mud-icon-root { flex: none; color: var(--mud-palette-info); }

/* The agreement reads in its own scrolling box, as in the legacy wizard. */
.web-agreement-box[b-o25805pbg5] {
    max-height: 52vh; overflow: auto; padding: 16px 20px; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px;
    background: var(--mud-palette-background); font-size: 13px; line-height: 1.55;
}
.web-agreement-box:focus-visible[b-o25805pbg5] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
[b-o25805pbg5] .web-agreement-title { margin: 0 0 12px; font-size: 16px; text-align: center; }
[b-o25805pbg5] .web-agreement p { margin: 6px 0 12px; }
[b-o25805pbg5] .web-agreement ul { padding-left: 20px; }
.web-agree[b-o25805pbg5] {
    margin-top: 16px; padding: 4px 8px; border-radius: 8px; border: 1px solid var(--mud-palette-lines-default);
    background: color-mix(in srgb, var(--mud-palette-primary) 5%, transparent);
}

.web-wizard-actions[b-o25805pbg5] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 14px 24px;
    border-top: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-background);
}
.web-wizard-count[b-o25805pbg5] { font-size: 13px; color: var(--mud-palette-text-secondary); margin-right: 4px; }

@media (max-width: 799.98px) {
    .web-step-of[b-o25805pbg5] { display: none; }
    .web-step + .web-step[b-o25805pbg5]::before { flex-basis: 16px; }
}
@media (max-width: 599.98px) {
    .web-steps[b-o25805pbg5] { padding: 14px 16px; gap: 8px; }
    .web-step:not(.web-step-on) .web-step-text[b-o25805pbg5] { display: none; }
    .web-step[b-o25805pbg5] { flex: none; }
    .web-step-on[b-o25805pbg5] { flex: 1; }
    .web-wizard-body[b-o25805pbg5] { padding: 16px; }
    .web-wizard-actions[b-o25805pbg5] { padding: 12px 16px; }
    .web-wizard-count[b-o25805pbg5] { display: none; }
}
/* /Components/Pages/ECommerce/WebCouponPage.razor.rz.scp.css */
.wc-card[b-n3z1ofv3zi] { padding: 4px 16px 20px; }
.wc-codes[b-n3z1ofv3zi] { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 8px; padding: 0; list-style: none; max-height: 320px; overflow-y: auto; }
.wc-code[b-n3z1ofv3zi] {
    display: inline-flex; align-items: center; gap: 4px; padding: 0 4px 0 12px; min-height: 32px;
    border: 1px solid var(--mud-palette-lines-default); border-radius: 16px; font-variant-numeric: tabular-nums;
}
.wc-row[b-n3z1ofv3zi] { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; max-width: 960px; }
.wc-row[b-n3z1ofv3zi] >  .mud-input-control { flex: 1 1 140px; }
.wc-generate[b-n3z1ofv3zi] { margin: 12px 0 0; padding: 4px 12px 8px; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; max-width: 960px; }
.wc-generate legend[b-n3z1ofv3zi] { font-size: 12px; padding: 0 4px; }
/* /Components/Pages/ECommerce/WebCustomFieldsPage.razor.rz.scp.css */
.cf-columns[b-qyzor4bi9v] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 16px; align-items: start; }
.cf-panel[b-qyzor4bi9v] { padding: 0 16px 16px; }
.cf-tree[b-qyzor4bi9v] { margin: 0; padding: 0; list-style: none; }
.cf-tree li[b-qyzor4bi9v] { display: flex; align-items: center; gap: 4px; border-bottom: 1px solid var(--mud-palette-lines-default); }
.cf-tree li.cf-sub[b-qyzor4bi9v] { padding-left: 24px; }
.cf-name[b-qyzor4bi9v] { flex: 1; min-width: 0; padding: 6px 0; overflow-wrap: anywhere; }
.cf-pick[b-qyzor4bi9v] { border: 0; background: none; font: inherit; text-align: left; color: var(--mud-palette-primary); cursor: pointer; }
.cf-pick:hover[b-qyzor4bi9v] { text-decoration: underline; }
.cf-pick.cf-on[b-qyzor4bi9v] { font-weight: 700; color: var(--mud-palette-text-primary); }
.cf-pick:focus-visible[b-qyzor4bi9v] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
@media (max-width: 900px) {
    .cf-columns[b-qyzor4bi9v] { grid-template-columns: 1fr; }
}
@media (pointer: coarse) {
    .cf-pick[b-qyzor4bi9v] { min-height: 36px; }
}
/* /Components/Pages/ECommerce/WebDetailsFields.razor.rz.scp.css */
/* Four titled groups, divided by a rule; each lays its fields on a 12-column grid that folds to two, then one, column. */
.web-groups[b-709164xplr] { display: flex; flex-direction: column; container-type: inline-size; }
.web-group + .web-group[b-709164xplr] { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--mud-palette-lines-default); }
.web-group-title[b-709164xplr] {
    display: flex; align-items: center; gap: 8px; margin: 0 0 12px; font-size: 14px; font-weight: 600;
    color: var(--mud-palette-text-primary);
}
.web-group-title[b-709164xplr]  .mud-icon-root { color: var(--mud-palette-primary); }
.web-grid[b-709164xplr] { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 12px 16px; align-items: start; }
.web-grid[b-709164xplr]  .mud-input-control { margin-top: 0; }
.web-grid[b-709164xplr]  .web-c2 { grid-column: span 2; }
.web-grid[b-709164xplr]  .web-c3 { grid-column: span 3; }
.web-grid[b-709164xplr]  .web-c4 { grid-column: span 4; }
.web-grid[b-709164xplr]  .web-c6 { grid-column: span 6; }
.web-grid[b-709164xplr]  .web-c8 { grid-column: span 8; }
.web-grid .web-c12[b-709164xplr] { grid-column: 1 / -1; }

@container (max-width: 760px) {
    .web-grid[b-709164xplr]  .web-c2, .web-grid[b-709164xplr]  .web-c3, .web-grid[b-709164xplr]  .web-c4,
    .web-grid[b-709164xplr]  .web-c6, .web-grid[b-709164xplr]  .web-c8 { grid-column: span 6; }
}
@container (max-width: 480px) {
    .web-grid[b-709164xplr]  .web-c2, .web-grid[b-709164xplr]  .web-c3, .web-grid[b-709164xplr]  .web-c4,
    .web-grid[b-709164xplr]  .web-c6, .web-grid[b-709164xplr]  .web-c8 { grid-column: 1 / -1; }
}
/* /Components/Pages/ECommerce/WebHomePage.razor.rz.scp.css */
.web-toolbar[b-z7i2keqc2h] { padding: 0 0 12px; }

.web-subheader[b-z7i2keqc2h] { padding: 16px 24px 20px; max-width: 900px; }

@media (max-width: 599.98px) {
    .web-subheader[b-z7i2keqc2h] { padding: 12px 16px 16px; }
}
/* /Components/Pages/ECommerce/WebHoursPage.razor.rz.scp.css */

.web-days[b-0xynhdc2lo] { display: flex; flex-wrap: wrap; gap: 0 4px; margin: 0 0 4px; padding: 0; border: 0; }

.web-days legend[b-0xynhdc2lo] { padding: 0; font-size: 13px; color: var(--mud-palette-text-secondary); }
/* /Components/Pages/ECommerce/WebHtmlField.razor.rz.scp.css */
.web-html[b-2gpeg4xx0d] { display: flex; flex-direction: column; gap: 6px; }

.web-html-preview[b-2gpeg4xx0d] {
    max-height: 320px; overflow: auto; padding: 10px 14px;
    border: 1px dashed var(--mud-palette-lines-default); border-radius: 8px;
    background: var(--mud-palette-background);
}

.web-html-preview[b-2gpeg4xx0d]  img { max-width: 100%; }
/* /Components/Pages/ECommerce/WebItemTab.razor.rz.scp.css */
.wi-columns[b-16bsr044vu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; padding: 0 16px 16px; }
.wi-wide[b-16bsr044vu] { grid-column: 1 / -1; }
.wi-pair[b-16bsr044vu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.wi-images[b-16bsr044vu] { margin: 4px 0 8px; padding-left: 20px; overflow-wrap: anywhere; }
@media (max-width: 900px) {
    .wi-columns[b-16bsr044vu] { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .wi-pair[b-16bsr044vu] { grid-template-columns: 1fr; }
}
/* /Components/Pages/ECommerce/WebMessagesPage.razor.rz.scp.css */
.web-messages[b-3ky6sgfg4t] { display: grid; grid-template-columns: minmax(0, 3fr) minmax(320px, 2fr); gap: 16px; align-items: start; }

.web-panel[b-3ky6sgfg4t] { padding: 16px 24px 20px; }

.web-panel:last-child[b-3ky6sgfg4t] { grid-column: 1 / -1; }

.web-panel-title[b-3ky6sgfg4t] { margin: 0 0 8px; font-size: 18px; font-weight: 600; }

.web-note[b-3ky6sgfg4t] { margin: 0 0 8px; color: var(--mud-palette-text-secondary); }

@media (max-width: 1099.98px) {
    .web-messages[b-3ky6sgfg4t] { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 599.98px) {
    .web-panel[b-3ky6sgfg4t] { padding: 12px 16px 16px; }
}
/* /Components/Pages/ECommerce/WebOrderEditDialog.razor.rz.scp.css */
[b-f8no58jya9] .wo-qty { max-width: 110px; margin-left: auto; }
[b-f8no58jya9] .wo-edit { overflow-x: auto; }
/* /Components/Pages/ECommerce/WebOrderPage.razor.rz.scp.css */
[b-vxm2kcalra] .wo-panel { padding: 16px; }
.wo-columns[b-vxm2kcalra] { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 16px 32px; margin-bottom: 16px; }
.wo-facts[b-vxm2kcalra] { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px 20px; margin: 0 0 12px; }
.wo-facts dt[b-vxm2kcalra], .wo-notes dt[b-vxm2kcalra], .wo-sums dt[b-vxm2kcalra] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.wo-facts dd[b-vxm2kcalra], .wo-notes dd[b-vxm2kcalra] { margin: 0; font-weight: 500; overflow-wrap: anywhere; }
.wo-notes[b-vxm2kcalra] { margin: 0; display: grid; gap: 8px; }
.wo-sums[b-vxm2kcalra] { margin: 0; max-width: 360px; }
.wo-sums div[b-vxm2kcalra] { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px solid var(--mud-palette-lines-default); }
.wo-sums dd[b-vxm2kcalra] { margin: 0; font-variant-numeric: tabular-nums; }
.wo-sums .wo-total[b-vxm2kcalra] { font-weight: 700; border-bottom: none; }
.wo-sums .wo-total dt[b-vxm2kcalra] { font-size: inherit; color: inherit; }
.wo-address[b-vxm2kcalra] { font-style: normal; line-height: 1.6; }
.wo-head[b-vxm2kcalra] { display: flex; align-items: baseline; gap: 8px; }
[b-vxm2kcalra] .wo-table { overflow-x: auto; }
/* /Components/Pages/ECommerce/WebOrderReturnDialog.razor.rz.scp.css */
[b-p2itvm03ag] .wo-qty { max-width: 110px; margin-left: auto; }
[b-p2itvm03ag] .wo-edit { overflow-x: auto; }
/* /Components/Pages/ECommerce/WebOrdersPage.razor.rz.scp.css */
[b-dmkjxywms9] .wo-date { max-width: 160px; }
[b-dmkjxywms9] .wo-filter { min-width: 160px; max-width: 200px; }
.wo-chips[b-dmkjxywms9] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding: 0 12px 8px; }
.wo-types[b-dmkjxywms9] { margin-left: auto; }
.wo-results[b-dmkjxywms9] { margin: 0; padding-left: 18px; }
/* /Components/Pages/ECommerce/WebSecret.razor.rz.scp.css */
.web-secret[b-vpf8gi9f2v] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 8px 0; }

.web-secret-label[b-vpf8gi9f2v] { flex-basis: 100%; font-weight: 600; font-size: 14px; }
/* /Components/Pages/ECommerce/WebSequenceList.razor.rz.scp.css */
.ws-list[b-q8mwifwx78] { max-width: 640px; margin: 0; padding: 0; list-style: none; }
.ws-row[b-q8mwifwx78] { display: flex; align-items: center; gap: 8px; padding: 2px 0; border-bottom: 1px solid var(--mud-palette-lines-default); }
.ws-pos[b-q8mwifwx78] { width: 2.5em; text-align: right; color: var(--mud-palette-text-secondary); font-variant-numeric: tabular-nums; }
.ws-name[b-q8mwifwx78] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
/* /Components/Pages/ECommerce/WebSetupPage.razor.rz.scp.css */
.pwo-card[b-x9jip75rki]  .web-tab { padding: 16px 24px 20px; }

.pwo-card[b-x9jip75rki]  .web-choice { display: flex; flex-wrap: wrap; gap: 0 24px; margin-bottom: 8px; }

@media (max-width: 599.98px) {
    .pwo-card[b-x9jip75rki]  .web-tab { padding: 12px 16px 16px; }
}
/* /Components/Pages/ECommerce/WebShopPage.razor.rz.scp.css */
.web-status[b-g9u96vo5ie] { padding: 20px 24px; margin-bottom: 8px; }
.web-status-title[b-g9u96vo5ie] { margin: 0 0 12px; font-size: 20px; font-weight: 600; }
.web-facts[b-g9u96vo5ie] { display: grid; grid-template-columns: max-content 1fr; gap: 6px 24px; margin: 0; }
.web-facts dt[b-g9u96vo5ie] { color: var(--mud-palette-text-secondary); }
.web-facts dd[b-g9u96vo5ie] { margin: 0; overflow-wrap: anywhere; }

/* Before Sypram approves the shop: an icon tile, a state chip, the heading and lede, the four steps, then the action.
   The accent follows the state: primary to start, amber while under review, the error colour once turned down. */
.web-onboard[b-g9u96vo5ie] { --web-accent: var(--mud-palette-primary); display: flex; gap: 24px; align-items: flex-start; padding: 8px 4px; }
.web-onboard-underreview[b-g9u96vo5ie] { --web-accent: var(--mud-palette-warning); }
.web-onboard-rejected[b-g9u96vo5ie] { --web-accent: var(--mud-palette-error); }
.web-onboard-icon[b-g9u96vo5ie] {
    flex: none; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 16px;
    color: var(--web-accent); background: color-mix(in srgb, var(--web-accent) 12%, transparent);
}
.web-onboard-icon[b-g9u96vo5ie]  .mud-icon-root { font-size: 34px; }
.web-onboard-body[b-g9u96vo5ie] { flex: 1; min-width: 0; max-width: 760px; }
.web-onboard-chip[b-g9u96vo5ie] {
    display: inline-block; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 600; letter-spacing: .02em;
    color: var(--web-accent); background: color-mix(in srgb, var(--web-accent) 12%, transparent);
}
.web-onboard-title[b-g9u96vo5ie] { margin: 10px 0 6px; font-size: 22px; font-weight: 600; line-height: 1.3; }
.web-onboard-lede[b-g9u96vo5ie] { margin: 0; color: var(--mud-palette-text-secondary); line-height: 1.6; }
.web-onboard-reason[b-g9u96vo5ie] {
    margin-top: 14px; padding: 10px 14px; border-radius: 8px; border-left: 3px solid var(--mud-palette-error);
    background: color-mix(in srgb, var(--mud-palette-error) 8%, transparent); overflow-wrap: anywhere;
}

/* The steps, joined by a line; done ones ticked in the primary colour, the step under way in the state's accent. */
.web-onboard-steps[b-g9u96vo5ie] { list-style: none; display: flex; margin: 24px 0 0; padding: 0; counter-reset: none; }
.web-onboard-step[b-g9u96vo5ie] { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; min-width: 0; }
.web-onboard-step + .web-onboard-step[b-g9u96vo5ie]::before {
    content: ""; position: absolute; top: 15px; right: calc(50% + 22px); left: calc(-50% + 22px); height: 2px;
    background: var(--mud-palette-lines-default);
}
.web-onboard-step-done + .web-onboard-step[b-g9u96vo5ie]::before { background: var(--mud-palette-primary); }
.web-onboard-dot[b-g9u96vo5ie] {
    display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; font-size: 14px; font-weight: 700;
    border: 2px solid var(--mud-palette-lines-default); color: var(--mud-palette-text-secondary); background: var(--mud-palette-surface);
}
.web-onboard-step-text[b-g9u96vo5ie] { font-size: 13px; font-weight: 500; color: var(--mud-palette-text-secondary); }
.web-onboard-step-done .web-onboard-dot[b-g9u96vo5ie] { border-color: var(--mud-palette-primary); background: var(--mud-palette-primary); color: var(--mud-palette-primary-text); }
.web-onboard-step-done .web-onboard-step-text[b-g9u96vo5ie] { color: var(--mud-palette-text-primary); }
.web-onboard-step-current .web-onboard-dot[b-g9u96vo5ie],
.web-onboard-step-failed .web-onboard-dot[b-g9u96vo5ie] { border-color: var(--web-accent); color: var(--web-accent); background: color-mix(in srgb, var(--web-accent) 12%, var(--mud-palette-surface)); }
.web-onboard-step-current .web-onboard-step-text[b-g9u96vo5ie],
.web-onboard-step-failed .web-onboard-step-text[b-g9u96vo5ie] { color: var(--web-accent); font-weight: 600; }

.web-onboard-actions[b-g9u96vo5ie] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: 28px; }
.web-onboard-hint[b-g9u96vo5ie] { font-size: 13px; color: var(--mud-palette-text-secondary); }

@media (max-width: 599.98px) {
    .web-status[b-g9u96vo5ie] { padding: 16px; }
    .web-facts[b-g9u96vo5ie] { grid-template-columns: 1fr; gap: 2px; }
    .web-facts dd[b-g9u96vo5ie] { margin-bottom: 8px; }
    .web-onboard[b-g9u96vo5ie] { flex-direction: column; gap: 16px; padding: 0; }
    .web-onboard-icon[b-g9u96vo5ie] { width: 52px; height: 52px; border-radius: 14px; }
    .web-onboard-title[b-g9u96vo5ie] { font-size: 19px; }
    .web-onboard-steps[b-g9u96vo5ie] { flex-direction: column; gap: 12px; }
    .web-onboard-step[b-g9u96vo5ie] { flex-direction: row; text-align: left; }
    .web-onboard-step + .web-onboard-step[b-g9u96vo5ie]::before { display: none; }
}
/* /Components/Pages/ECommerce/WebSplit.razor.rz.scp.css */
.web-split[b-8hsvptv9tk] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }

.web-split-editing[b-8hsvptv9tk] { grid-template-columns: minmax(0, 1fr) minmax(380px, 520px); }

.web-split-list[b-8hsvptv9tk] { min-width: 0; }

.web-split-editor[b-8hsvptv9tk] { padding: 16px 20px 20px; position: sticky; top: 72px; }

@media (max-width: 1099.98px) {
    .web-split-editing[b-8hsvptv9tk] { grid-template-columns: minmax(0, 1fr); }
    .web-split-editor[b-8hsvptv9tk] { position: static; }
}

@media (max-width: 599.98px) {
    .web-split-editor[b-8hsvptv9tk] { padding: 12px 16px 16px; }
}

.web-split-editor[b-8hsvptv9tk]  .web-editor-title { margin: 0 0 8px; font-size: 18px; font-weight: 600; }
/* /Components/Pages/Ewic/EwicCategoryEditor.razor.rz.scp.css */
/* The category with the "+" beside it that adds one, as the item editor's quick-add choices. */
.ewic-choice-add[b-pj098oe5t3] { display: flex; align-items: flex-start; gap: 4px; }
.ewic-choice-add[b-pj098oe5t3]  .mud-select { flex: 1 1 auto; min-width: 0; }
.ewic-choice-add[b-pj098oe5t3]  .mud-icon-button { width: 40px; height: 40px; margin-top: 8px; flex: none; }
/* /Components/Pages/Ewic/EwicItemEditor.razor.rz.scp.css */
/* The sub-category with the "+" beside it that adds one, as the item editor's quick-add choices. */
.ewic-choice-add[b-638gq7x448] { display: flex; align-items: flex-start; gap: 4px; }
.ewic-choice-add[b-638gq7x448]  .mud-select { flex: 1 1 auto; min-width: 0; }
.ewic-choice-add[b-638gq7x448]  .mud-icon-button { width: 40px; height: 40px; margin-top: 8px; flex: none; }
/* /Components/Pages/Ewic/EwicLinkDialog.razor.rz.scp.css */
/* The search with its store category and sub-category; the dialog renders outside the eWIC page, so it has its own styles. */
.ewic-find[b-biphkfx74i] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 0 12px; }
.ewic-hits[b-biphkfx74i] { max-height: 360px; overflow: auto; margin-top: 8px; }
.ewic-hits th[b-biphkfx74i], .ewic-hits td[b-biphkfx74i] { white-space: nowrap; }
.ewic-hits tbody tr[b-biphkfx74i] { cursor: pointer; }
.ewic-hits tr.ewic-chosen td[b-biphkfx74i] { background-color: var(--mud-palette-action-default-hover); font-weight: 600; }

@media (max-width: 720px) {
    .ewic-find[b-biphkfx74i] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Ewic/EwicPage.razor.rz.scp.css */
/* The tabs' parts are child components: their classes are reached through ::deep from the page's wrapper. */
.ewic-page[b-2q6yqgnv9w]  .ewic-section { padding: 4px 16px 16px; }
.ewic-page[b-2q6yqgnv9w]  .ewic-filter { width: 220px; max-width: 100%; flex: 0 0 auto; }
.ewic-page[b-2q6yqgnv9w]  .ewic-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 12px; }
.ewic-page[b-2q6yqgnv9w]  .ewic-scroll { overflow-x: auto; }
.ewic-page[b-2q6yqgnv9w]  .ewic-table th,
.ewic-page[b-2q6yqgnv9w]  .ewic-table td { white-space: nowrap; }
.ewic-page[b-2q6yqgnv9w]  .ewic-problems { margin: 4px 0 0; padding-left: 20px; }
.ewic-page[b-2q6yqgnv9w]  .ewic-links .mud-table-row { cursor: default; }
/* A match found only after dropping a check or leading digit (the desktop's red rows): tinted, and marked in words. */
.ewic-page[b-2q6yqgnv9w]  .ewic-check td { background-color: var(--mud-palette-warning-hover); }
.ewic-page[b-2q6yqgnv9w]  .ewic-match-check { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; color: var(--mud-palette-warning-darken); }
/* Pasted APL text: a plain text area, read through a stream (a pasted list is larger than one circuit message). */
.ewic-page[b-2q6yqgnv9w]  .ewic-paste {
    width: 100%; min-height: 160px; margin-top: 12px; padding: 8px 12px; resize: vertical;
    font: 0.8125rem/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre; overflow: auto;
    color: var(--mud-palette-text-primary); background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-inputs); border-radius: var(--mud-default-borderradius);
}
.ewic-page[b-2q6yqgnv9w]  .ewic-paste:focus { outline: 2px solid var(--mud-palette-primary); outline-offset: -1px; }
/* /Components/Pages/Financials/AgingPage.razor.rz.scp.css */
.pwo-toolbar[b-1yopt1qatw]  .fa-date { width: 170px; flex: 0 0 auto; }
.pwo-card[b-1yopt1qatw]  .fa-total { font-weight: 600; }
.fa-bills[b-1yopt1qatw] { border-collapse: collapse; margin: 4px 0 8px 48px; font-size: 13px; }
.fa-bills th[b-1yopt1qatw], .fa-bills td[b-1yopt1qatw] { padding: 3px 16px 3px 0; text-align: left; }
.fa-bills th.pwo-num[b-1yopt1qatw], .fa-bills td.pwo-num[b-1yopt1qatw] { text-align: right; }
.fa-bills thead th[b-1yopt1qatw] { font-weight: 600; color: var(--mud-palette-text-secondary); }

@media (max-width: 600px) {
    .pwo-toolbar[b-1yopt1qatw]  .fa-date { width: 100%; }
    .fa-bills[b-1yopt1qatw] { margin-left: 0; }
}
/* /Components/Pages/Financials/ChecksPage.razor.rz.scp.css */
.pwo-toolbar[b-6yz4ozc7sh]  .fc-filter { width: 240px; flex: 0 0 auto; }
.pwo-toolbar[b-6yz4ozc7sh]  .fc-date { width: 170px; flex: 0 0 auto; }
.fc-selection[b-6yz4ozc7sh] { background: var(--mud-palette-background-gray); }

@media (max-width: 600px) {
    .pwo-toolbar[b-6yz4ozc7sh]  .fc-filter, .pwo-toolbar[b-6yz4ozc7sh]  .fc-date { width: 100%; }
}
/* /Components/Pages/Financials/PayablesPage.razor.rz.scp.css */
.pwo-toolbar[b-vpyorxdckh]  .fp-filter { width: 220px; flex: 0 0 auto; }
.pwo-toolbar[b-vpyorxdckh]  .fp-date { width: 170px; flex: 0 0 auto; }
.fp-selection[b-vpyorxdckh] { background: var(--mud-palette-background-gray); }
.pwo-card[b-vpyorxdckh]  .fp-overdue td:nth-last-child(3) { color: var(--mud-palette-error); font-weight: 600; }

@media (max-width: 600px) {
    .pwo-toolbar[b-vpyorxdckh]  .fp-filter, .pwo-toolbar[b-vpyorxdckh]  .fp-date { width: 100%; }
}
/* /Components/Pages/Financials/QuickBooksPage.razor.rz.scp.css */
.qb-page[b-17phan94ia]  .qb-section { padding: 4px 16px 16px; }
.qb-page[b-17phan94ia]  .qb-field { width: 280px; max-width: 100%; flex: 0 0 auto; }
.qb-page[b-17phan94ia]  .qb-actions,
.qb-page[b-17phan94ia]  .qb-filters { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 12px 0; }
.qb-page[b-17phan94ia]  .qb-filters .mud-picker { width: 180px; flex: 0 0 auto; }
.qb-page[b-17phan94ia]  .qb-scroll { overflow-x: auto; }
.qb-page[b-17phan94ia]  .qb-map { border-collapse: collapse; width: 100%; min-width: 720px; }
.qb-page[b-17phan94ia]  .qb-map th,
.qb-page[b-17phan94ia]  .qb-map td { padding: 4px 8px; text-align: left; vertical-align: middle; }
.qb-page[b-17phan94ia]  .qb-map thead th { font-weight: 600; border-bottom: 1px solid var(--mud-palette-lines-default); }
.qb-page[b-17phan94ia]  .qb-map tbody th { font-weight: 400; width: 32%; }
.qb-page[b-17phan94ia]  .qb-map tbody td:last-child { width: 28%; }
.qb-page[b-17phan94ia]  .qb-table th,
.qb-page[b-17phan94ia]  .qb-table td { white-space: nowrap; }
.qb-page[b-17phan94ia]  .qb-table .qb-first td { border-top: 2px solid var(--mud-palette-lines-default); }
.qb-page[b-17phan94ia]  .qb-problems { margin: 4px 0 0; padding-left: 20px; }
.qb-page[b-17phan94ia]  .qb-row-actions { display: flex; align-items: center; gap: 4px; }
/* /Components/Pages/Financials/ReceivablesPage.razor.rz.scp.css */
.fr-bar[b-tj03yryhzo] { margin-bottom: 16px; }
.fr-notes[b-tj03yryhzo] { margin: 8px 0 0; padding-left: 20px; font-size: 13px; color: var(--mud-palette-text-secondary); }
/* /Components/Pages/Financials/ReceivablesResult.razor.rz.scp.css */
.fr-downloads[b-sy6xhm64zl] { padding: 0 0 12px; }
.fr-notes[b-sy6xhm64zl] { margin: 8px 0 0; padding-left: 20px; font-size: 13px; color: var(--mud-palette-text-secondary); }
/* /Components/Pages/GiftCards/GiftCardDialog.razor.rz.scp.css */
.gc-facts[b-uehq2lvtvj] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px 20px; margin: 0 0 12px; }
.gc-facts dt[b-uehq2lvtvj] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.gc-facts dd[b-uehq2lvtvj] { margin: 0; font-weight: 500; overflow-wrap: anywhere; }
.gc-rename[b-uehq2lvtvj] { display: flex; align-items: flex-start; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.gc-rename[b-uehq2lvtvj]  .mud-input-control { flex: 1 1 260px; }
[b-uehq2lvtvj] .gc-history { overflow-x: auto; }
/* /Components/Pages/GiftCards/GiftCardRegistrationDialog.razor.rz.scp.css */
.gc-facts[b-lk0qw1szf5] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px 20px; margin: 0 0 12px; }
.gc-facts dt[b-lk0qw1szf5] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.gc-facts dd[b-lk0qw1szf5] { margin: 0; font-weight: 500; overflow-wrap: anywhere; }
.gc-rename[b-lk0qw1szf5] { display: flex; align-items: flex-start; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; }
.gc-rename[b-lk0qw1szf5]  .mud-input-control { flex: 1 1 260px; }
.gc-stores[b-lk0qw1szf5] { margin: 0 0 8px; padding-left: 20px; }
/* /Components/Pages/GiftCards/GiftCardsPage.razor.rz.scp.css */
.pwo-toolbar[b-ewsj52d1g5]  .gc-filter { flex: 0 0 190px; }

@media (max-width: 600px) {
    .pwo-toolbar[b-ewsj52d1g5]  .gc-filter { flex: 1 1 140px; }
}
/* /Components/Pages/GlobalChanges/GlobalChangesPage.razor.rz.scp.css */
.gc-steps[b-yh4gaaegl3] { display: flex; flex-wrap: wrap; gap: 8px 24px; list-style: none; margin: 0 0 16px; padding: 0;
    color: var(--mud-palette-text-secondary); font-size: 14px; }
.gc-steps li[b-yh4gaaegl3] { display: flex; align-items: center; gap: 8px; }
.gc-step-number[b-yh4gaaegl3] { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%;
    border: 1px solid var(--mud-palette-lines-default); font-size: 12px; font-weight: 700; }
.gc-steps .gc-current[b-yh4gaaegl3] { color: var(--mud-palette-text-primary); font-weight: 700; }
.gc-steps .gc-current .gc-step-number[b-yh4gaaegl3] { background: var(--mud-palette-primary); border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text); }
.gc-steps .gc-done .gc-step-number[b-yh4gaaegl3] { border-color: var(--mud-palette-primary); color: var(--mud-palette-primary); }
.gc-body[b-yh4gaaegl3] { padding: 16px 20px 20px; }
.gc-actions[b-yh4gaaegl3] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 16px; }
.gc-scroll[b-yh4gaaegl3] { overflow-x: auto; }
.gc-summary[b-yh4gaaegl3] { margin: 8px 0 0; padding-left: 20px; }
.gc-summary li[b-yh4gaaegl3] { margin: 2px 0; }
/* /Components/Pages/GlobalChanges/ItemChangeWizard.razor.rz.scp.css */
.gc-steps[b-vvsimiuvs3] { display: flex; flex-wrap: wrap; gap: 8px 24px; list-style: none; margin: 0 0 16px; padding: 0;
    color: var(--mud-palette-text-secondary); font-size: 14px; }
.gc-steps li[b-vvsimiuvs3] { display: flex; align-items: center; gap: 8px; }
.gc-step-number[b-vvsimiuvs3] { display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%;
    border: 1px solid var(--mud-palette-lines-default); font-size: 12px; font-weight: 700; }
.gc-steps .gc-current[b-vvsimiuvs3] { color: var(--mud-palette-text-primary); font-weight: 700; }
.gc-steps .gc-current .gc-step-number[b-vvsimiuvs3] { background: var(--mud-palette-primary); border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text); }
.gc-steps .gc-done .gc-step-number[b-vvsimiuvs3] { border-color: var(--mud-palette-primary); color: var(--mud-palette-primary); }
.gc-body[b-vvsimiuvs3] { padding: 16px 20px 20px; }
.gc-actions[b-vvsimiuvs3] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 16px; }
.gc-scroll[b-vvsimiuvs3] { overflow-x: auto; }
.gc-summary[b-vvsimiuvs3] { margin: 8px 0 0; padding-left: 20px; }
.gc-summary li[b-vvsimiuvs3] { margin: 2px 0; }
/* /Components/Pages/Inventory/AdjustmentCommitDialog.razor.rz.scp.css */
.acd-head[b-9dkj8v5rgc] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; margin-bottom: 8px; }
[b-9dkj8v5rgc] .acd-facility { width: 260px; flex: 0 0 auto; }
[b-9dkj8v5rgc] .acd-cell { width: 180px; margin: 0; }
[b-9dkj8v5rgc] .acd-search { width: 260px; flex: 0 1 auto; }
[b-9dkj8v5rgc] .acd-above-price td { color: var(--mud-palette-error); }

@media (max-width: 599.98px) {
    [b-9dkj8v5rgc] .acd-search, [b-9dkj8v5rgc] .acd-facility { width: 100%; }
}
/* /Components/Pages/Inventory/AdjustmentList.razor.rz.scp.css */
[b-cg4826vk2x] .adj-filter { width: 170px; flex: 0 0 auto; }

@media (max-width: 599.98px) {
    [b-cg4826vk2x] .adj-filter { width: 100%; }
}
.adj-actions[b-cg4826vk2x] { display: inline-flex; white-space: nowrap; }
/* /Components/Pages/Inventory/AdjustmentPage.razor.rz.scp.css */
.adj-section[b-04ism3vwkh] { padding: 4px 16px 16px; }
.adj-section > .pwo-section-title:first-child[b-04ism3vwkh] { margin-top: 12px; }

[b-04ism3vwkh] .adj-qty { width: 110px; flex: 0 0 auto; }
[b-04ism3vwkh] .adj-scan { width: 320px; max-width: 100%; flex: 0 1 auto; }
[b-04ism3vwkh] .adj-cell { width: 110px; margin: 0; }
.adj-lines[b-04ism3vwkh]  .mud-table-cell { white-space: nowrap; }

.adj-totals[b-04ism3vwkh] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; padding: 12px 16px; font-variant-numeric: tabular-nums; }
.adj-rejected[b-04ism3vwkh] { margin: 4px 0 0; padding-left: 20px; }

@media (max-width: 599.98px) {
    [b-04ism3vwkh] .adj-scan { width: 100%; }
}
/* /Components/Pages/Inventory/BillAllocationDialog.razor.rz.scp.css */
.ba-lines[b-9a80pchxn1] { overflow-x: auto; max-height: 60vh; overflow-y: auto; }
.ba-table[b-9a80pchxn1] { width: 100%; border-collapse: collapse; font-size: 14px; }
.ba-table th[b-9a80pchxn1] { padding: 8px 6px; font-size: 12px; font-weight: 600; color: var(--mud-palette-text-secondary); text-align: left; white-space: nowrap;
    border-bottom: 1px solid var(--mud-palette-lines-default); }
.ba-table th.pwo-num[b-9a80pchxn1] { text-align: right; }
.ba-table td[b-9a80pchxn1] { padding: 6px; vertical-align: middle; border-bottom: 1px solid var(--mud-palette-table-lines); }
.ba-table tfoot th[b-9a80pchxn1], .ba-table tfoot td[b-9a80pchxn1] { font-weight: 600; border-bottom: none; }
.ba-meta[b-9a80pchxn1] { display: block; font-size: 12px; }
/* /Components/Pages/Inventory/BillList.razor.rz.scp.css */
.pwo-toolbar[b-8qp80jgjrq]  .bl-filter { width: 180px; flex: 0 0 auto; }
[b-8qp80jgjrq] .bl-help { display: block; padding: 0 16px 8px; }
/* The table takes the card's width and the columns share it by their set widths, never by their content, so the
   list never scrolls sideways. Headings may wrap; text wraps inside its column; one-line figures end in "…". */
[b-8qp80jgjrq] .bl-grid .mud-table-root { width: 100%; table-layout: fixed; }
[b-8qp80jgjrq] .bl-grid .mud-table-head .mud-table-cell { white-space: normal; }
[b-8qp80jgjrq] .bl-grid .mud-table-body .mud-table-cell { overflow-wrap: anywhere; }
[b-8qp80jgjrq] .bl-grid .mud-table-body .pwo-num, [b-8qp80jgjrq] .bl-grid .mud-table-body .pwo-nowrap { overflow: hidden; text-overflow: ellipsis; }
[b-8qp80jgjrq] .bl-note { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 600px) {
    .pwo-toolbar[b-8qp80jgjrq]  .bl-filter { width: 100%; }
}
/* /Components/Pages/Inventory/BillPage.razor.rz.scp.css */
.bp-section[b-b1suasc30k] { padding: 4px 16px 16px; }
.bp-section > .pwo-section-title:first-child[b-b1suasc30k] { margin-top: 12px; }
.bp-vendor[b-b1suasc30k] { display: flex; align-items: flex-start; gap: 4px; }
.bp-vendor[b-b1suasc30k]  .mud-select { flex: 1 1 auto; min-width: 0; }
.bp-vendor[b-b1suasc30k]  .mud-icon-button { margin-top: 4px; }
.bp-add[b-b1suasc30k] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 4px; }
.bp-picker[b-b1suasc30k] { width: 520px; max-width: 100%; }
.bp-rejected[b-b1suasc30k] { margin: 4px 0 0; padding-left: 20px; }

/* The lines scroll sideways on narrow screens instead of squeezing the inputs. */
.bp-lines[b-b1suasc30k] { overflow-x: auto; padding: 0 8px 12px; }
.bp-table[b-b1suasc30k] { width: 100%; border-collapse: collapse; font-size: 14px; }
.bp-table th[b-b1suasc30k] { padding: 8px 6px; font-size: 12px; font-weight: 600; color: var(--mud-palette-text-secondary); text-align: left; white-space: nowrap;
    border-bottom: 1px solid var(--mud-palette-lines-default); }
.bp-table th.pwo-num[b-b1suasc30k] { text-align: right; }
.bp-table td[b-b1suasc30k] { padding: 4px 6px; vertical-align: middle; border-bottom: 1px solid var(--mud-palette-table-lines); }
.bp-item[b-b1suasc30k] { min-width: 220px; }
.bp-meta[b-b1suasc30k] { display: block; font-size: 12px; }
.bp-empty[b-b1suasc30k] { padding: 16px 6px; }
.bp-table[b-b1suasc30k]  .bp-num { width: 104px; }
.bp-table[b-b1suasc30k]  .bp-num input { text-align: right; }
.bp-table[b-b1suasc30k]  .bp-num-small { width: 72px; }
.bp-table[b-b1suasc30k]  .bp-code { width: 130px; }
.bp-visually-hidden[b-b1suasc30k] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.bp-totals[b-b1suasc30k] { max-width: 860px; }
.bp-sums[b-b1suasc30k] { display: grid; grid-template-columns: 1fr auto; gap: 4px 16px; margin: 10px 0; max-width: 360px; }
.bp-sums dt[b-b1suasc30k] { color: var(--mud-palette-text-secondary); }
.bp-sums dd[b-b1suasc30k] { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.bp-total[b-b1suasc30k] { font-size: 16px; font-weight: 700; }
.bp-total dt[b-b1suasc30k] { color: inherit; }

/* The item panel (desktop frmPBEntry's item details) for the last added or clicked line. */
.bp-info[b-b1suasc30k] { margin-top: 12px; padding: 8px 12px; border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; max-width: 980px; }
.bp-info dl[b-b1suasc30k] { display: flex; flex-wrap: wrap; gap: 4px 24px; margin: 4px 0 0; }
.bp-info dl div[b-b1suasc30k] { display: flex; flex-direction: column; }
.bp-info dt[b-b1suasc30k] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.bp-info dd[b-b1suasc30k] { margin: 0; font-variant-numeric: tabular-nums; }
.bp-name[b-b1suasc30k] { background: none; border: none; padding: 0; font: inherit; color: var(--mud-palette-primary); cursor: pointer; text-align: left; }
.bp-name:hover[b-b1suasc30k], .bp-name:focus-visible[b-b1suasc30k] { text-decoration: underline; }
.bp-table tr.bp-current td[b-b1suasc30k] { background: var(--mud-palette-action-default-hover); }
/* /Components/Pages/Inventory/BillPriceReviewDialog.razor.rz.scp.css */
.pr-lines[b-4ryuuzi8p5] { overflow-x: auto; max-height: 60vh; overflow-y: auto; }
.pr-table[b-4ryuuzi8p5] { width: 100%; border-collapse: collapse; font-size: 14px; }
.pr-table th[b-4ryuuzi8p5] { padding: 8px 6px; font-size: 12px; font-weight: 600; color: var(--mud-palette-text-secondary); text-align: left; white-space: nowrap;
    border-bottom: 1px solid var(--mud-palette-lines-default); }
.pr-table th.pwo-num[b-4ryuuzi8p5] { text-align: right; }
.pr-table td[b-4ryuuzi8p5] { padding: 4px 6px; vertical-align: middle; border-bottom: 1px solid var(--mud-palette-table-lines); }
.pr-meta[b-4ryuuzi8p5] { display: block; font-size: 12px; }
.pr-trend[b-4ryuuzi8p5] { white-space: nowrap; }
.pr-trend[b-4ryuuzi8p5]  .mud-icon-root { vertical-align: middle; margin-right: 4px; }
.pr-table[b-4ryuuzi8p5]  .pr-price { width: 112px; margin-left: auto; }
.pr-table[b-4ryuuzi8p5]  .pr-price input { text-align: right; }
.pr-summary[b-4ryuuzi8p5] { display: flex; flex-wrap: wrap; gap: 4px 28px; margin: 12px 0 4px; }
.pr-summary div[b-4ryuuzi8p5] { display: flex; flex-direction: column; }
.pr-summary dt[b-4ryuuzi8p5] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.pr-summary dd[b-4ryuuzi8p5] { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
/* /Components/Pages/Inventory/BillReceiveDialog.razor.rz.scp.css */
.br-lines[b-xri0awohzq] { overflow-x: auto; }
.br-table[b-xri0awohzq] { width: 100%; border-collapse: collapse; font-size: 14px; }
.br-table th[b-xri0awohzq] { padding: 8px 6px; font-size: 12px; font-weight: 600; color: var(--mud-palette-text-secondary); text-align: left; white-space: nowrap;
    border-bottom: 1px solid var(--mud-palette-lines-default); }
.br-table th.pwo-num[b-xri0awohzq] { text-align: right; }
.br-table td[b-xri0awohzq] { padding: 4px 6px; vertical-align: middle; border-bottom: 1px solid var(--mud-palette-table-lines); }
.br-meta[b-xri0awohzq] { display: block; font-size: 12px; }
.br-alloc[b-xri0awohzq] { display: flex; align-items: center; gap: 8px; }
.br-table[b-xri0awohzq]  .br-facility { width: 200px; }
.br-table[b-xri0awohzq]  .br-units { width: 96px; }
.br-toolbar[b-xri0awohzq] { padding: 0 0 8px; }
.br-toolbar[b-xri0awohzq]  .br-search { width: 280px; flex: 0 0 auto; }
.br-toolbar[b-xri0awohzq]  .br-facility { width: 220px; flex: 0 0 auto; }
/* /Components/Pages/Inventory/DateFilter.razor.rz.scp.css */
.df-filter[b-0ilyozpp3z] { display: contents; }
.df-filter[b-0ilyozpp3z]  .df-period { width: 150px; flex: 0 0 auto; }
.df-filter[b-0ilyozpp3z]  .df-date { width: 170px; flex: 0 0 auto; }

@media (max-width: 600px) {
    .df-filter[b-0ilyozpp3z]  .df-period, .df-filter[b-0ilyozpp3z]  .df-date { width: 100%; }
}
/* /Components/Pages/Inventory/InvoiceQueueDialog.razor.rz.scp.css */
.iq-lines[b-klivwpjshx] { overflow-x: auto; max-height: 60vh; overflow-y: auto; }
.iq-table[b-klivwpjshx] { width: 100%; border-collapse: collapse; font-size: 14px; }
.iq-table th[b-klivwpjshx] { padding: 8px 6px; font-size: 12px; font-weight: 600; color: var(--mud-palette-text-secondary); text-align: left; white-space: nowrap;
    border-bottom: 1px solid var(--mud-palette-lines-default); }
.iq-table th.pwo-num[b-klivwpjshx] { text-align: right; }
.iq-table td[b-klivwpjshx] { padding: 6px; vertical-align: middle; border-bottom: 1px solid var(--mud-palette-table-lines); }
/* /Components/Pages/Inventory/InvoiceUploadDialog.razor.rz.scp.css */
.iu-file[b-u7kmu4q32c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
}

.iu-filename[b-u7kmu4q32c] {
    font-size: 0.875rem;
}

.iu-format[b-u7kmu4q32c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem 0.75rem;
}

.iu-format[b-u7kmu4q32c]  .mud-input-control {
    flex: 1 1 16rem;
}

.iu-texts[b-u7kmu4q32c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 1rem;
}

.iu-heading[b-u7kmu4q32c] {
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0 0 0.25rem;
}

.iu-text[b-u7kmu4q32c] {
    font-family: ui-monospace, Consolas, "Courier New", monospace;
    font-size: 0.8125rem;
    line-height: 1.35;
    white-space: pre;
    overflow: auto;
    max-height: 24rem;
    margin: 0;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--mud-default-borderradius);
    background: var(--mud-palette-background-gray);
}

@media (max-width: 800px) {
    .iu-texts[b-u7kmu4q32c] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/Pages/Inventory/MobileInvoicesDialog.razor.rz.scp.css */
.mi-lines[b-0uuz8ewl3z] { overflow-x: auto; max-height: 60vh; overflow-y: auto; }
.mi-table[b-0uuz8ewl3z] { width: 100%; border-collapse: collapse; font-size: 14px; }
.mi-table th[b-0uuz8ewl3z] { padding: 8px 6px; font-size: 12px; font-weight: 600; color: var(--mud-palette-text-secondary); text-align: left; white-space: nowrap;
    border-bottom: 1px solid var(--mud-palette-lines-default); }
.mi-table th.pwo-num[b-0uuz8ewl3z] { text-align: right; }
.mi-table td[b-0uuz8ewl3z] { padding: 6px; vertical-align: middle; border-bottom: 1px solid var(--mud-palette-table-lines); }
.mi-table tr.mi-off td[b-0uuz8ewl3z] { color: var(--mud-palette-text-disabled); }
.mi-meta[b-0uuz8ewl3z] { display: block; font-size: 12px; }
.mi-actions[b-0uuz8ewl3z] { display: flex; flex-wrap: wrap; gap: 2px; }
.mi-item[b-0uuz8ewl3z] { min-width: 220px; }
.mi-match[b-0uuz8ewl3z] { display: flex; flex-direction: column; gap: 4px; min-width: 280px; }
[b-0uuz8ewl3z] .mi-num { width: 72px; }
.mi-totals[b-0uuz8ewl3z] { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: 0 0 12px; }
.mi-totals div[b-0uuz8ewl3z] { display: flex; flex-direction: column; }
.mi-totals dt[b-0uuz8ewl3z] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.mi-totals dd[b-0uuz8ewl3z] { margin: 0; font-variant-numeric: tabular-nums; }
.mi-totals .mi-payable dd[b-0uuz8ewl3z] { font-weight: 600; }
.mi-listhead[b-0uuz8ewl3z] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 4px; }
/* /Components/Pages/Inventory/StockCountList.razor.rz.scp.css */
[b-c0d8p17dfh] .scl-name { width: 220px; flex: 0 0 auto; }

@media (max-width: 599.98px) {
    [b-c0d8p17dfh] .scl-name { width: 100%; }
}
/* /Components/Pages/Inventory/StockCountPage.razor.rz.scp.css */
.sc-section[b-yc6v6hebg4] { padding: 4px 16px 16px; }
.sc-section > .pwo-section-title:first-child[b-yc6v6hebg4] { margin-top: 12px; }
/* A card's title over its toolbar: the toolbar's own top padding is the gap, so the fields sit close under the title. */
.sc-head[b-yc6v6hebg4] { padding: 16px 16px 0; }
.sc-head > .pwo-section-title[b-yc6v6hebg4] { margin: 0; }
/* The entry boxes share one baseline; outlined labels need the room above them. */
.sc-entry[b-yc6v6hebg4] { align-items: flex-start; padding-top: 16px; padding-bottom: 4px; }
.sc-hint[b-yc6v6hebg4] { margin: 0; padding: 0 16px 16px; font-size: 12px; }

[b-yc6v6hebg4] .sc-qty { width: 120px; flex: 0 0 auto; }
[b-yc6v6hebg4] .sc-scan { width: 320px; max-width: 100%; flex: 0 1 auto; }
[b-yc6v6hebg4] .sc-mode { width: 300px; max-width: 100%; flex: 0 1 auto; }
[b-yc6v6hebg4] .sc-cell { width: 110px; margin: 0; }
.sc-lines[b-yc6v6hebg4]  .mud-table-cell { white-space: nowrap; }

.sc-clear[b-yc6v6hebg4] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; margin-top: 8px; }
.sc-actions[b-yc6v6hebg4] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }

@media (max-width: 599.98px) {
    [b-yc6v6hebg4] .sc-scan, [b-yc6v6hebg4] .sc-mode { width: 100%; }
}
/* /Components/Pages/Inventory/TransferList.razor.rz.scp.css */
.pwo-toolbar[b-uas5saov8k]  .tr-filter { width: 170px; flex: 0 0 auto; }

@media (max-width: 599.98px) {
    .pwo-toolbar[b-uas5saov8k]  .tr-filter { width: 100%; }
}
/* /Components/Pages/Inventory/TransferPage.razor.rz.scp.css */
.tr-section[b-wdr51ovc0i] { padding: 4px 16px 16px; }
.tr-section > .pwo-section-title:first-child[b-wdr51ovc0i] { margin-top: 12px; }

.tr-picker[b-wdr51ovc0i] { width: 420px; max-width: 100%; }

.tr-lines[b-wdr51ovc0i]  .mud-table-cell { white-space: nowrap; }
.tr-lines[b-wdr51ovc0i]  .tr-qty { width: 110px; }
.tr-lines[b-wdr51ovc0i]  .tr-facility { min-width: 160px; }

.tr-totals[b-wdr51ovc0i] { margin: 0; padding: 10px 16px 14px; text-align: right; font-variant-numeric: tabular-nums; }

.tr-action[b-wdr51ovc0i] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: 12px; }
.tr-action[b-wdr51ovc0i]  .tr-facility { width: 220px; flex: 0 0 auto; }

@media (max-width: 599.98px) {
    .tr-action[b-wdr51ovc0i]  .tr-facility { width: 100%; }
}
/* /Components/Pages/Inventory/VendorPaymentEditor.razor.rz.scp.css */
.vp-bills[b-ylkydtu8di] { width: 100%; border-collapse: collapse; font-size: 14px; }
.vp-bills th[b-ylkydtu8di] { padding: 6px; font-size: 12px; font-weight: 600; color: var(--mud-palette-text-secondary); text-align: left; white-space: nowrap;
    border-bottom: 1px solid var(--mud-palette-lines-default); }
.vp-bills th.pwo-num[b-ylkydtu8di] { text-align: right; }
.vp-bills td[b-ylkydtu8di] { padding: 2px 6px; border-bottom: 1px solid var(--mud-palette-table-lines); }
.vp-bills tfoot th[b-ylkydtu8di], .vp-bills tfoot td[b-ylkydtu8di] { border-bottom: 0; padding-top: 8px; color: inherit; }
.vp-hidden[b-ylkydtu8di] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* /Components/Pages/Inventory/VendorPaymentList.razor.rz.scp.css */
.pwo-toolbar[b-su8gcpnzut]  .vp-filter { width: 220px; flex: 0 0 auto; }
.pwo-toolbar[b-su8gcpnzut]  .vp-method { width: 120px; flex: 0 0 auto; }
.pwo-card[b-su8gcpnzut]  .vp-id { width: 1%; white-space: nowrap; font-size: 12px; }

@media (max-width: 600px) {
    .pwo-toolbar[b-su8gcpnzut]  .vp-filter, .pwo-toolbar[b-su8gcpnzut]  .vp-method { width: 100%; }
}
/* /Components/Pages/ItemGroups/ItemGroupBulkAddDialog.razor.rz.scp.css */
.igb-filters[b-qev697rtw4] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px 12px; }
.igb-toolbar[b-qev697rtw4] { padding-left: 0; padding-right: 0; flex-wrap: wrap; gap: 8px; }
.igb-grid[b-qev697rtw4]  .mud-table-cell { white-space: nowrap; }
/* /Components/Pages/ItemGroups/ItemGroupPage.razor.rz.scp.css */
.ig-section[b-i6e1douqjp] { padding: 4px 16px 16px; }
.ig-section > .pwo-section-title:first-child[b-i6e1douqjp] { margin-top: 12px; }

.ig-addcode[b-i6e1douqjp] { display: flex; align-items: center; gap: 12px; max-width: 420px; margin-top: 8px; }

.ig-codes[b-i6e1douqjp] { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 0; padding: 0; list-style: none; }
.ig-code[b-i6e1douqjp] {
    display: inline-flex; align-items: center; gap: 2px; padding: 0 2px 0 12px; min-height: 32px;
    border: 1px solid var(--mud-palette-lines-default); border-radius: 16px; font-variant-numeric: tabular-nums;
}

.ig-picker[b-i6e1douqjp] { width: 420px; max-width: 100%; }

.ig-items[b-i6e1douqjp]  .mud-table-cell { white-space: nowrap; }

/* The message with its "+" beside it (as the item editor's choices). */
.ig-choice-add[b-i6e1douqjp] { display: flex; align-items: flex-start; gap: 4px; }
.ig-choice-add[b-i6e1douqjp]  .mud-select { flex: 1 1 auto; min-width: 0; }
.ig-choice-add[b-i6e1douqjp]  .mud-icon-button { width: 40px; height: 40px; margin-top: 8px; flex: none; }
/* /Components/Pages/ItemGroups/ItemGroupPreview.razor.rz.scp.css */
.igp[b-pkc3jc9l5x] { padding: 4px 16px 12px 56px; }
.igp-none[b-pkc3jc9l5x] { margin: 6px 0; }
.igp-table[b-pkc3jc9l5x] { border-collapse: collapse; font-size: 0.8125rem; }
.igp-table th[b-pkc3jc9l5x], .igp-table td[b-pkc3jc9l5x] { padding: 3px 12px 3px 0; text-align: left; white-space: nowrap; border-bottom: 1px solid var(--mud-palette-lines-default); }
.igp-table th[b-pkc3jc9l5x] { font-weight: 500; color: var(--mud-palette-text-secondary); }
.igp-table .pwo-num[b-pkc3jc9l5x] { text-align: right; }
/* /Components/Pages/Kiosk/AddOnPaymentEditor.razor.rz.scp.css */
.ae-pictures[b-yxhl70t98s] { display: flex; flex-wrap: wrap; gap: 24px; margin: 16px 0 4px; }
.ae-picture[b-yxhl70t98s] { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.ae-picture-actions[b-yxhl70t98s] { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
/* /Components/Pages/Kiosk/CarouselEditor.razor.rz.scp.css */
.ce-head[b-rsuih4155j] { display: flex; align-items: center; gap: 12px; margin-top: 12px; }
.ce-none[b-rsuih4155j] { margin: 8px 0; }
.ce-pictures[b-rsuih4155j] { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(212px, 1fr)); gap: 12px; }
.ce-picture[b-rsuih4155j] { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.ce-picture-foot[b-rsuih4155j] { display: flex; align-items: center; gap: 4px; }
/* /Components/Pages/Kiosk/CarouselsPage.razor.rz.scp.css */
[b-p60tiahm2e] .cp-video { max-width: 360px; overflow-wrap: anywhere; }
/* /Components/Pages/Kiosk/KioskImagePickerDialog.razor.rz.scp.css */
.kip-head[b-94umlwe2pp] { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-bottom: 8px; }
[b-94umlwe2pp] .kip-group { flex: 0 1 320px; }
.kip-tiles[b-94umlwe2pp] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 8px; }
.kip-tile[b-94umlwe2pp] { display: flex; flex-direction: column; align-items: center; gap: 2px; width: 100%; padding: 6px; cursor: pointer;
            background: none; border: 2px solid transparent; border-radius: 6px; color: inherit; font: inherit; }
.kip-tile:hover[b-94umlwe2pp] { background: var(--mud-palette-action-default-hover); }
.kip-tile:focus-visible[b-94umlwe2pp] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
.kip-chosen[b-94umlwe2pp] { border-color: var(--mud-palette-primary); background: var(--mud-palette-action-default-hover); }
/* /Components/Pages/Kiosk/KioskImagesPage.razor.rz.scp.css */
.kil-layout[b-q4m5io4luw] { display: grid; grid-template-columns: minmax(280px, 2fr) minmax(320px, 3fr); gap: 16px; align-items: start; }
.kil-hint[b-q4m5io4luw] { display: block; padding: 0 16px 8px; }
.kil-tiles[b-q4m5io4luw] { list-style: none; margin: 0; padding: 8px 16px 16px; display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 12px; }
.kil-tile[b-q4m5io4luw] { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.kil-tile-foot[b-q4m5io4luw] { display: flex; align-items: center; gap: 2px; }
[b-q4m5io4luw] .kil-selected { background: var(--mud-palette-action-default-hover); }

@media (max-width: 900px) {
    .kil-layout[b-q4m5io4luw] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Kiosk/KioskImportPage.razor.rz.scp.css */
.ki-step[b-oen99qpc3z] { padding: 16px; margin-bottom: 16px; }
.ki-num[b-oen99qpc3z] { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-right: 6px; border-radius: 50%;
    background: var(--mud-palette-primary); color: var(--mud-palette-primary-text); font-size: 13px; }
.ki-row[b-oen99qpc3z] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin-top: 8px; }
.ki-head[b-oen99qpc3z] { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; }
.ki-label[b-oen99qpc3z] { margin: 0 0 4px; font-weight: 600; font-size: 14px; }
.ki-sample[b-oen99qpc3z] { max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--mud-palette-text-secondary); }
[b-oen99qpc3z] .ki-map td { vertical-align: middle; }
[b-oen99qpc3z] .ki-map .mud-select { min-width: 200px; }
.ki-summary[b-oen99qpc3z] { margin: 16px 0 8px; display: flex; flex-direction: column; gap: 8px; }
.ki-scroll[b-oen99qpc3z] { max-height: 360px; overflow: auto; border: 1px solid var(--mud-palette-lines-default); border-radius: 6px; margin-bottom: 8px; }
.ki-results[b-oen99qpc3z] { max-height: 520px; }
.ki-actions[b-oen99qpc3z] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; }
.ki-outcome[b-oen99qpc3z] { font-weight: 600; }
.ki-failed[b-oen99qpc3z] { color: var(--mud-palette-error); }
.ki-skipped[b-oen99qpc3z] { color: var(--mud-palette-warning-darken); }
.ki-added[b-oen99qpc3z], .ki-updated[b-oen99qpc3z] { color: var(--mud-palette-success-darken); }
/* /Components/Pages/Kiosk/KioskItemsPage.razor.rz.scp.css */
[b-p28hchkt4e] .kit-filter { flex: 0 1 180px; }
[b-p28hchkt4e] .kit-inactive td { color: var(--mud-palette-text-secondary); }
/* /Components/Pages/Kiosk/KioskMediaPicture.razor.rz.scp.css */
.kmp-frame[b-ecuu8c3ms9] { display: inline-flex; align-items: center; justify-content: center; overflow: hidden; flex: none;
             border: 1px solid var(--mud-palette-lines-default); border-radius: 4px; background: var(--mud-palette-background-gray); }
.kmp-img[b-ecuu8c3ms9] { max-width: 100%; max-height: 100%; object-fit: contain; }
/* /Components/Pages/Kiosk/KioskMenuImageField.razor.rz.scp.css */
.kmf[b-bax7fpp1na] { display: flex; align-items: center; gap: 16px; }
.kmf-none[b-bax7fpp1na] {
    width: 100px; height: 100px; flex: 0 0 100px; display: flex; align-items: center; justify-content: center;
    border: 1px solid var(--mud-palette-lines-default); border-radius: 6px;
}
/* /Components/Pages/Kiosk/KioskOverviewPage.razor.rz.scp.css */
.ko-section[b-uth9q74a79] { margin-bottom: 16px; }
.ko-inline[b-uth9q74a79] { margin: 0 8px 0 0 !important; }
.ko-pad[b-uth9q74a79] { padding: 16px 16px 0; }
[b-uth9q74a79] .ko-period { flex: 0 0 200px !important; }
[b-uth9q74a79] .ko-date { flex: 0 0 160px !important; }

.ko-menus[b-uth9q74a79] { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(240px, 1.2fr) minmax(320px, 2.4fr); gap: 16px; margin-bottom: 16px; align-items: start; }
.ko-panel[b-uth9q74a79] { padding: 12px 16px 16px; min-width: 0; }
.ko-panel-head[b-uth9q74a79] { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.ko-panel-head .pwo-section-title[b-uth9q74a79] { margin: 0 0 8px; }
.ko-count[b-uth9q74a79] { display: inline-block; min-width: 22px; padding: 0 6px; border-radius: 11px; font-size: 12px; font-weight: 600; text-align: center;
    background: var(--mud-palette-action-default-hover); color: var(--mud-palette-text-secondary); }
.ko-none[b-uth9q74a79] { margin: 8px 0; font-size: 14px; }

.ko-list[b-uth9q74a79], .ko-tree[b-uth9q74a79], .ko-tree ul[b-uth9q74a79], .ko-cards[b-uth9q74a79] { list-style: none; margin: 0; padding: 0; }
.ko-tree ul[b-uth9q74a79] { padding-left: 18px; border-left: 1px dotted var(--mud-palette-lines-default); margin-left: 8px; }
.ko-pick[b-uth9q74a79] { display: flex; align-items: center; gap: 8px; width: 100%; padding: 6px 8px; border: 1px solid transparent; border-radius: 6px;
    background: none; color: inherit; font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.ko-pick > span:first-child[b-uth9q74a79] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.ko-pick:hover[b-uth9q74a79] { background: var(--mud-palette-action-default-hover); }
.ko-pick:focus-visible[b-uth9q74a79] { outline: 2px solid var(--mud-palette-primary); outline-offset: 1px; }
.ko-picked[b-uth9q74a79] { border-color: var(--mud-palette-primary); background: var(--mud-palette-primary-hover); font-weight: 600; }
.ko-off > span:first-child[b-uth9q74a79] { color: var(--mud-palette-error); }
.ko-tag[b-uth9q74a79] { font-size: 11px; padding: 0 6px; border-radius: 4px; border: 1px solid var(--mud-palette-error); color: var(--mud-palette-error); white-space: nowrap; }

.ko-cards[b-uth9q74a79] { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; }
.ko-card[b-uth9q74a79] { position: relative; display: flex; flex-direction: column; border: 1px solid var(--mud-palette-lines-default); border-radius: 6px; overflow: hidden; }
.ko-card-off[b-uth9q74a79] { border-color: var(--mud-palette-error); }
.ko-card-off .ko-card-name[b-uth9q74a79] { background: var(--mud-palette-error-hover); }
.ko-card-name[b-uth9q74a79] { padding: 6px 8px; font-size: 13px; font-weight: 600; overflow-wrap: anywhere; background: var(--mud-palette-background-gray); }
.ko-card-image[b-uth9q74a79] { width: 100%; height: 96px; object-fit: contain; background: var(--mud-palette-surface); }
.ko-card-noimage[b-uth9q74a79] { display: flex; align-items: center; justify-content: center; color: var(--mud-palette-text-disabled); }
.ko-card-foot[b-uth9q74a79] { display: flex; justify-content: space-between; gap: 4px; padding: 4px 8px; font-size: 12px; font-variant-numeric: tabular-nums; }
.ko-card .ko-tag[b-uth9q74a79] { position: absolute; top: 34px; right: 6px; background: var(--mud-palette-surface); }

.ko-screens[b-uth9q74a79] { padding: 0 16px 16px; }

@media (max-width: 1100px) {
    .ko-menus[b-uth9q74a79] { grid-template-columns: 1fr 1fr; }
    .ko-items[b-uth9q74a79] { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
    .ko-menus[b-uth9q74a79] { grid-template-columns: 1fr; }
    [b-uth9q74a79] .ko-period, [b-uth9q74a79] .ko-date { flex: 1 1 100% !important; }
}

@media (pointer: coarse) {
    .ko-pick[b-uth9q74a79] { min-height: 36px; }
}
/* /Components/Pages/Kiosk/KioskPreferencesPage.razor.rz.scp.css */
.kp-section[b-2z8ad4gzsf] { padding: 16px; margin-bottom: 16px; }
.kp-switches[b-2z8ad4gzsf] { display: flex; flex-wrap: wrap; gap: 0 24px; margin-top: 4px; }
.kp-note[b-2z8ad4gzsf] { font-size: 13px; margin: 0 0 8px; }
.kp-groups[b-2z8ad4gzsf] { margin-top: 8px; }
.kp-fieldset[b-2z8ad4gzsf] { border: 1px solid var(--mud-palette-lines-default); border-radius: 6px; padding: 4px 12px 8px; margin: 0; }
.kp-fieldset legend[b-2z8ad4gzsf] { padding: 0 4px; font-size: 13px; font-weight: 600; color: var(--mud-palette-text-secondary); }
.kp-problems[b-2z8ad4gzsf] { margin: 0; padding-left: 18px; }
/* /Components/Pages/Kiosk/MainMenuPage.razor.rz.scp.css */
.km-section[b-pbf1u8j5am] { padding: 4px 16px 16px; }
.km-section > .pwo-section-title:first-child[b-pbf1u8j5am] { margin-top: 12px; }
.km-two[b-pbf1u8j5am] { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 24px; }
@media (max-width: 900px) { .km-two[b-pbf1u8j5am] { grid-template-columns: minmax(0, 1fr); } }
.km-subtitle[b-pbf1u8j5am] { font-size: 1rem; font-weight: 600; margin: 0 0 4px; }
.km-list[b-pbf1u8j5am] { list-style: none; margin: 8px 0 0; padding: 0; }
.km-list li[b-pbf1u8j5am] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 2px 0; border-bottom: 1px solid var(--mud-palette-lines-default); }
.km-scroll[b-pbf1u8j5am] { max-height: 420px; overflow-y: auto; }
.km-place[b-pbf1u8j5am] { min-width: 3ch; text-align: right; font-variant-numeric: tabular-nums; color: var(--mud-palette-text-secondary); }
.km-name[b-pbf1u8j5am] { flex: 1 1 160px; }
.km-actions[b-pbf1u8j5am] { display: inline-flex; margin-left: auto; }
.km-bulk[b-pbf1u8j5am] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 8px; }
/* /Components/Pages/Kiosk/MainMenusPage.razor.rz.scp.css */
.mm-order[b-4n2nc2xv20] { padding: 4px 16px 16px; }
.mm-order > .pwo-section-title:first-child[b-4n2nc2xv20] { margin-top: 12px; }
.mm-order-list[b-4n2nc2xv20] { list-style: none; margin: 12px 0 0; padding: 0; max-width: 720px; }
.mm-order-list li[b-4n2nc2xv20] { display: flex; align-items: center; gap: 8px; padding: 4px 0; border-bottom: 1px solid var(--mud-palette-lines-default); }
.mm-place[b-4n2nc2xv20] { min-width: 3ch; text-align: right; font-variant-numeric: tabular-nums; color: var(--mud-palette-text-secondary); }
.mm-name[b-4n2nc2xv20] { flex: 1 1 auto; }
.mm-actions[b-4n2nc2xv20] { display: inline-flex; margin-left: auto; }
.mm-order-actions[b-4n2nc2xv20] { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; max-width: 720px; }
/* /Components/Pages/Kiosk/MealTimeEditor.razor.rz.scp.css */
.mt-days[b-6xvuat4fbl] { display: flex; flex-wrap: wrap; gap: 0 4px; }
.mt-items[b-6xvuat4fbl] { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }
/* /Components/Pages/Kiosk/MenuGroupItemPicker.razor.rz.scp.css */
.mgp-list[b-00lijjsysh] { list-style: none; margin: 8px 0 0; padding: 0; max-height: 55vh; overflow-y: auto; }
.mgp-list li[b-00lijjsysh] { border-bottom: 1px solid var(--mud-palette-lines-default); }
/* /Components/Pages/Kiosk/MenuGroupPage.razor.rz.scp.css */
.kg-section[b-d0so0p7e0c] { padding: 4px 16px 16px; }
.kg-section > .pwo-section-title:first-child[b-d0so0p7e0c] { margin-top: 12px; }
.kg-bar[b-d0so0p7e0c] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; margin-bottom: 4px; }
.kg-bulk[b-d0so0p7e0c] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 8px; }
.kg-bulk[b-d0so0p7e0c]  .kg-code { flex: 0 0 150px; }
.kg-items[b-d0so0p7e0c] { list-style: none; margin: 12px 0 0; padding: 0; }
.kg-items li[b-d0so0p7e0c] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 2px 0; border-bottom: 1px solid var(--mud-palette-lines-default); }
.kg-place[b-d0so0p7e0c] { min-width: 3ch; text-align: right; font-variant-numeric: tabular-nums; color: var(--mud-palette-text-secondary); }
.kg-name[b-d0so0p7e0c] { flex: 1 1 220px; }
.kg-price[b-d0so0p7e0c] { min-width: 8ch; }
.kg-actions[b-d0so0p7e0c] { display: inline-flex; }
.kg-option[b-d0so0p7e0c] { margin-bottom: 8px; }
/* /Components/Pages/Kiosk/MenuGroupsPage.razor.rz.scp.css */
[b-r62rwp14eg] .mg-filter { max-width: 240px; }
/* /Components/Pages/Kiosk/PriceScheduleEditor.razor.rz.scp.css */
.ps-days[b-24t672qpaz] { display: flex; flex-wrap: wrap; gap: 0 4px; }
/* /Components/Pages/Kiosk/PriceSchedulesPage.razor.rz.scp.css */
.ps-actions[b-84h5xgei9m] { display: inline-flex; gap: 2px; white-space: nowrap; }
/* /Components/Pages/Kiosk/SetPricesDialog.razor.rz.scp.css */
.sp-buttons[b-k04tsw0yf4] { display: flex; gap: 8px; margin-top: 4px; }
/* /Components/Pages/LiveSalesPage.razor.rz.scp.css */
/* Live sales: five figure cards over a grid of six flat panels, three across on a desk, as the legacy page; the panels
   stack on narrower screens. Figures use tabular numerals; the only colour is the Live mark and the share bars. */
.ls-title[b-8l2kk1e4rz] { display: flex; align-items: center; gap: 12px; }
.ls-live[b-8l2kk1e4rz] {
    display: inline-flex; align-items: center; gap: 6px; padding: 0 8px; border-radius: 4px;
    font-size: 11px; font-weight: 600; line-height: 20px; letter-spacing: .06em; text-transform: uppercase;
    color: var(--mud-palette-error); background: rgba(var(--mud-palette-error-rgb), .1);
}
.ls-dot[b-8l2kk1e4rz] { width: 8px; height: 8px; border-radius: 50%; background: var(--mud-palette-error); animation: ls-pulse-b-8l2kk1e4rz 1.6s infinite; }
@keyframes ls-pulse-b-8l2kk1e4rz {
    0% { box-shadow: 0 0 0 0 rgba(var(--mud-palette-error-rgb), .5); }
    70% { box-shadow: 0 0 0 6px rgba(var(--mud-palette-error-rgb), 0); }
    100% { box-shadow: 0 0 0 0 rgba(var(--mud-palette-error-rgb), 0); }
}
.pwo-pagehead-actions[b-8l2kk1e4rz]  .ls-store { min-width: 220px; margin: 0; }

/* The cards: a label, the figure, and last year or the parts in words. */
.ls-cards[b-8l2kk1e4rz] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; margin: 0 0 16px; }
.ls-card[b-8l2kk1e4rz] { padding: 14px 18px; min-width: 0; }
.ls-card-label[b-8l2kk1e4rz] { font-size: 13px; font-weight: 600; color: var(--mud-palette-text-secondary); }
.ls-card-value[b-8l2kk1e4rz] { margin: 4px 0 0; font-size: 26px; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ls-card-sub[b-8l2kk1e4rz] { margin: 2px 0 0; font-size: 13px; color: var(--mud-palette-text-secondary); font-variant-numeric: tabular-nums; }

/* The panels: three columns on a desk, each a stack of two panels so a short panel leaves no gap under it; the middle
   column is wider for the period and stock tables (the widest). On narrower screens the columns dissolve (display:
   contents) and the panels flow into a two-column grid, then one. */
.ls-panels[b-8l2kk1e4rz] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) minmax(0, 1fr); gap: 16px; align-items: start; }
.ls-col[b-8l2kk1e4rz] { display: grid; gap: 16px; align-content: start; min-width: 0; }
.ls-panel[b-8l2kk1e4rz] { padding: 16px 18px; min-width: 0; }
.ls-panel-title[b-8l2kk1e4rz] { margin: 0 0 10px; font-size: 14px; font-weight: 700; line-height: 20px; }
.ls-note[b-8l2kk1e4rz] { margin: 0 0 8px; font-size: 13px; color: var(--mud-palette-text-secondary); }

/* A table wider than its panel scrolls sideways inside it instead of being cut off at the panel's edge. */
.ls-table-wrap[b-8l2kk1e4rz] { overflow-x: auto; }
.ls-table[b-8l2kk1e4rz] { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.ls-table th[b-8l2kk1e4rz], .ls-table td[b-8l2kk1e4rz] { padding: 6px 8px; border-bottom: 1px solid var(--mud-palette-lines-default); text-align: left; vertical-align: top; }
.ls-table th:first-child[b-8l2kk1e4rz], .ls-table td:first-child[b-8l2kk1e4rz] { padding-left: 0; }
.ls-table th:last-child[b-8l2kk1e4rz], .ls-table td:last-child[b-8l2kk1e4rz] { padding-right: 0; }
.ls-table thead th[b-8l2kk1e4rz] { font-weight: 600; color: var(--mud-palette-text-secondary); white-space: nowrap; }
.ls-table tbody th[b-8l2kk1e4rz] { font-weight: 400; }
.ls-table tfoot th[b-8l2kk1e4rz], .ls-table tfoot td[b-8l2kk1e4rz] { font-weight: 400; }
.ls-table tfoot tr:last-child th[b-8l2kk1e4rz], .ls-table tfoot tr:last-child td[b-8l2kk1e4rz] { border-bottom: 0; }
.ls-table .ls-total th[b-8l2kk1e4rz], .ls-table .ls-total td[b-8l2kk1e4rz] { font-weight: 600; }
.ls-table .pwo-num[b-8l2kk1e4rz] { text-align: right; white-space: nowrap; }
.ls-table .ls-note[b-8l2kk1e4rz] { padding: 8px 0; }
/* Labels stay on one line (a period's name, a facility, an hour); the dates of a period may break between its two dates, never inside one. */
.ls-table .ls-label[b-8l2kk1e4rz] { white-space: nowrap; }
.ls-sku[b-8l2kk1e4rz] { color: var(--mud-palette-text-secondary); white-space: nowrap; }
.ls-dates[b-8l2kk1e4rz] { color: var(--mud-palette-text-secondary); }
.ls-date[b-8l2kk1e4rz] { white-space: nowrap; }

/* A department's share: the number, with a quiet bar behind it that says the same thing. */
.ls-share[b-8l2kk1e4rz] { position: relative; min-width: 88px; }
.ls-share-bar[b-8l2kk1e4rz] { position: absolute; right: 0; top: 6px; bottom: 6px; max-width: 100%; background: var(--mud-palette-lines-default); border-radius: 2px; }
.ls-share > span:last-child[b-8l2kk1e4rz] { position: relative; }

/* The hour table, folded under the chart. */
.ls-details[b-8l2kk1e4rz] { margin-top: 8px; font-size: 13px; }
.ls-details > summary[b-8l2kk1e4rz] {
    display: inline-flex; align-items: center; gap: 2px; cursor: pointer; list-style: none; color: var(--mud-palette-primary); font-weight: 500;
}
.ls-details > summary[b-8l2kk1e4rz]::-webkit-details-marker { display: none; }
.ls-details > summary:hover[b-8l2kk1e4rz] { text-decoration: underline; text-underline-offset: 3px; }
.ls-details > summary[b-8l2kk1e4rz]  .ls-chevron { color: inherit; transition: transform .15s ease-out; }
.ls-details[open] > summary[b-8l2kk1e4rz]  .ls-chevron { transform: rotate(180deg); }
.ls-details .ls-table[b-8l2kk1e4rz] { margin-top: 8px; }

@media (max-width: 1399px) {
    .ls-cards[b-8l2kk1e4rz] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1199px) {
    .ls-panels[b-8l2kk1e4rz] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ls-col[b-8l2kk1e4rz] { display: contents; }
}
@media (max-width: 959px) {
    .ls-cards[b-8l2kk1e4rz] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ls-panels[b-8l2kk1e4rz] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 599px) {
    .ls-cards[b-8l2kk1e4rz] { grid-template-columns: minmax(0, 1fr); gap: 12px; }
    .ls-card-value[b-8l2kk1e4rz] { font-size: 22px; }
    .ls-panel[b-8l2kk1e4rz] { padding: 12px 14px; }
    .pwo-pagehead-actions[b-8l2kk1e4rz]  .ls-store { min-width: 160px; }
}

@media (prefers-reduced-motion: reduce) {
    .ls-dot[b-8l2kk1e4rz] { animation: none; }
    .ls-details > summary[b-8l2kk1e4rz]  .ls-chevron { transition: none; }
}
/* /Components/Pages/Loyalty/LoyaltyMemberDialog.razor.rz.scp.css */
.ly-facts[b-cz9wgdodhq] { display: flex; flex-wrap: wrap; gap: 8px 32px; margin-bottom: 12px; }
.ly-facts > div[b-cz9wgdodhq] { display: flex; flex-direction: column; }
.ly-ledger-bar[b-cz9wgdodhq] { padding: 0 0 8px; }
.ly-ledger-bar[b-cz9wgdodhq]  .mud-input-control { width: 240px; flex: 0 0 auto; }
/* /Components/Pages/Loyalty/LoyaltyPage.razor.rz.scp.css */
[b-7ed9zpnpx7] .ly-filter { width: 220px; flex: 0 0 auto; }
[b-7ed9zpnpx7] .ly-date { width: 170px; flex: 0 0 auto; }
.ly-mode[b-7ed9zpnpx7] { margin: 0 0 8px; }

.ly-status[b-7ed9zpnpx7] { display: inline-block; padding: 1px 8px; border-radius: 10px; font-size: 12px; font-weight: 600; border: 1px solid currentColor; white-space: nowrap; }
.ly-active[b-7ed9zpnpx7] { color: var(--mud-palette-success-darken); }
.ly-scheduled[b-7ed9zpnpx7] { color: var(--mud-palette-info-darken); }
.ly-inactive[b-7ed9zpnpx7], .ly-ended[b-7ed9zpnpx7] { color: var(--mud-palette-text-secondary); }
/* /Components/Pages/Merge/MergePage.razor.rz.scp.css */
.md-body[b-y6nlpaw88p] { padding: 16px 20px 20px; }
.md-heading[b-y6nlpaw88p] { margin: 0; font-size: 16px; font-weight: 600; }
.md-effects[b-y6nlpaw88p] { margin: 8px 0 0; padding: 0; list-style: none; max-width: 480px; }
.md-effects li[b-y6nlpaw88p] { display: flex; justify-content: space-between; gap: 16px; padding: 4px 0;
    border-bottom: 1px solid var(--mud-palette-lines-default); }
.md-actions[b-y6nlpaw88p] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 16px; }
[b-y6nlpaw88p] .md-detail { color: var(--mud-palette-text-secondary); white-space: normal; }
/* /Components/Pages/ModifierGroups/ModifierGroupPage.razor.rz.scp.css */
.mg-section[b-8wcziv6jh7] { padding: 4px 16px 16px; }
.mg-section > .pwo-section-title:first-child[b-8wcziv6jh7] { margin-top: 12px; }

.mg-modifiers[b-8wcziv6jh7] { margin: 12px 0 0; padding: 0; list-style: none; }
.mg-modifier[b-8wcziv6jh7] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 8px 0;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
.mg-place[b-8wcziv6jh7] { min-width: 2ch; text-align: right; font-variant-numeric: tabular-nums; color: var(--mud-palette-text-secondary); }
.mg-modifier[b-8wcziv6jh7]  .mg-name { flex: 1 1 220px; }
.mg-modifier[b-8wcziv6jh7]  .mg-money { flex: 0 0 120px; }
.mg-modifier[b-8wcziv6jh7]  .mg-color { flex: 0 0 170px; }
.mg-actions[b-8wcziv6jh7] { display: inline-flex; margin-left: auto; }

.mg-bulk[b-8wcziv6jh7] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 8px; }

.mg-add[b-8wcziv6jh7] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; }
.mg-picker[b-8wcziv6jh7] { width: 420px; max-width: 100%; }

.mg-items[b-8wcziv6jh7]  .mud-table-cell { white-space: nowrap; }

.mg-pending[b-8wcziv6jh7] { list-style: none; margin: 8px 0 0; padding: 0; max-width: 640px; }
.mg-pending li[b-8wcziv6jh7] { display: flex; align-items: center; gap: 4px; padding: 2px 0; border-bottom: 1px solid var(--mud-palette-lines-default); }
.mg-pending li[b-8wcziv6jh7]  .mud-icon-button { margin-left: auto; }
/* /Components/Pages/ModifierGroups/ModifierPickerDialog.razor.rz.scp.css */
.mp-head[b-ziqoopierj] { display: flex; align-items: center; margin: 12px 0 4px; }
.mp-list[b-ziqoopierj] { list-style: none; margin: 0; padding: 0; max-height: 50vh; overflow-y: auto; }
.mp-list li[b-ziqoopierj] { border-bottom: 1px solid var(--mud-palette-lines-default); }
/* /Components/Pages/PriceBook/ItemEditor.razor.rz.scp.css */
.pb-columns[b-5r51urxnl4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; padding: 0 16px 16px; }
.pb-narrow[b-5r51urxnl4] { max-width: 720px; padding: 0 16px 16px; }
.pb-upcs[b-5r51urxnl4] { margin: 8px 0; }
.pb-inline[b-5r51urxnl4], .pb-row[b-5r51urxnl4] { display: flex; gap: 12px; align-items: flex-start; }
.pb-inline[b-5r51urxnl4] { align-items: center; }
.pb-inline[b-5r51urxnl4] >  *:first-child, .pb-row[b-5r51urxnl4] >  *:not(button) { flex: 1; }
/* Line a row's buttons up with the outlined dense fields beside them (8px label gap, 40px box). */
.pb-row[b-5r51urxnl4] >  .mud-button { margin-top: 8px; min-height: 40px; }
.pb-pair[b-5r51urxnl4], .pb-triple[b-5r51urxnl4] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.pb-triple[b-5r51urxnl4] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) {
    .pb-columns[b-5r51urxnl4] { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
    .pb-pair[b-5r51urxnl4], .pb-triple[b-5r51urxnl4] { grid-template-columns: 1fr; }
}

.pb-codes[b-5r51urxnl4] { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0 8px; padding: 0; list-style: none; }
.pb-code[b-5r51urxnl4] {
    display: inline-flex; align-items: center; gap: 2px; padding: 0 4px 0 12px; min-height: 32px;
    border: 1px solid var(--mud-palette-lines-default); border-radius: 16px; font-variant-numeric: tabular-nums;
}

.pb-family[b-5r51urxnl4] { padding: 0 16px 16px; }

.pb-picture[b-5r51urxnl4] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 8px 0; }
.pb-image[b-5r51urxnl4] { max-width: 96px; max-height: 96px; border: 1px solid var(--mud-palette-lines-default); border-radius: 4px; }

/* The sub-category with the button beside it that adds one, as the lookup editors' quick-add choices. */
.pb-choice-add[b-5r51urxnl4] { display: flex; align-items: flex-start; gap: 4px; }
.pb-choice-add[b-5r51urxnl4]  .mud-select { flex: 1 1 auto; min-width: 0; }
.pb-choice-add[b-5r51urxnl4]  .mud-icon-button { width: 40px; height: 40px; margin-top: 8px; flex: none; }
/* /Components/Pages/PriceBook/ItemEwicTab.razor.rz.scp.css */
.ie-tab[b-010bim414y] { padding: 0 16px 16px; }
.ie-fields[b-010bim414y] { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 0 16px; max-width: 1080px; }
.ie-actions[b-010bim414y] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 8px 0 12px; }
.ie-filters[b-010bim414y] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 16px; max-width: 1080px; margin-bottom: 8px; }

@media (max-width: 720px) {
    .ie-filters[b-010bim414y] { grid-template-columns: 1fr; }
}
/* /Components/Pages/PriceBook/ItemHistory.razor.rz.scp.css */
.pb-history[b-gzkcbjud3o] { padding: 0 16px 16px; }
.ih-picks[b-gzkcbjud3o] { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; margin-bottom: 12px; }
.ih-picks[b-gzkcbjud3o] >  *:not(button) { flex: 1 1 180px; }
/* Line Show up with the outlined dense fields beside it (8px label gap, 40px box). */
.ih-picks[b-gzkcbjud3o] >  .mud-button { margin-top: 8px; min-height: 40px; }
/* /Components/Pages/PriceBook/ItemList.razor.rz.scp.css */
.pb-filters[b-gl3trgkp3t] { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px 16px; align-items: center;
    padding: 0 16px 12px; }
.pwo-toolbar[b-gl3trgkp3t]  .pb-filter-narrow { width: 170px; flex: 0 0 auto; }
.pb-selection[b-gl3trgkp3t] { background: var(--mud-palette-background-gray); }
.pwo-card[b-gl3trgkp3t]  .pb-inactive td { color: var(--mud-palette-text-secondary); }
.pwo-card[b-gl3trgkp3t]  .pb-sub { display: block; font-size: 12px; color: var(--mud-palette-text-secondary); }
.pwo-card[b-gl3trgkp3t]  .pb-sub:empty { display: none; }
/* /Components/Pages/PriceBook/ItemModifierGroups.razor.rz.scp.css */
.im-groups[b-7rm72ldgzt] { margin: 4px 0 0; padding: 0; list-style: none; }
.im-group[b-7rm72ldgzt] { padding: 8px 0; border-bottom: 1px solid var(--mud-palette-lines-default); }
.im-head[b-7rm72ldgzt] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; }
.im-place[b-7rm72ldgzt] { min-width: 2ch; text-align: right; font-variant-numeric: tabular-nums; color: var(--mud-palette-text-secondary); }
.im-actions[b-7rm72ldgzt] { display: inline-flex; align-items: center; margin-left: auto; }
.im-limits[b-7rm72ldgzt] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 12px; align-items: center; }
@media (max-width: 480px) {
    .im-limits[b-7rm72ldgzt] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.im-add[b-7rm72ldgzt] { max-width: 420px; margin-top: 12px; }
/* /Components/Pages/PurchaseOrders/OrderQueueItemDialog.razor.rz.scp.css */
.oq-facts[b-1tg1uq298k] { display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; margin: 0; }
.oq-facts dt[b-1tg1uq298k] { color: var(--mud-palette-text-secondary); }
.oq-facts dd[b-1tg1uq298k] { margin: 0; overflow-wrap: anywhere; }
/* /Components/Pages/PurchaseOrders/OrderQueuePage.razor.rz.scp.css */
.po-totals[b-o614k4qt0e] { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: flex-end; padding: 12px 16px; font-variant-numeric: tabular-nums; }

/* A column header that sorts: looks like the header text, keeps the keyboard focus ring. */
.oq-sort[b-o614k4qt0e] { display: inline-flex; align-items: center; gap: 2px; padding: 0; border: 0; background: none; color: inherit; font: inherit; cursor: pointer; }
.oq-sort:focus-visible[b-o614k4qt0e] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; border-radius: 2px; }
th.pwo-num .oq-sort[b-o614k4qt0e] { flex-direction: row-reverse; }

/* Phones: each queued item is a two-column card of small labels over values (app.css does this for MudTable and
   MudDataGrid; this list is a simple table, so it carries its own labels in data-label). */
@media (max-width: 599.98px) {
    [b-o614k4qt0e] .oq-table thead { display: none; }
    [b-o614k4qt0e] .oq-table tbody tr {
        display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 14px;
        padding: 12px 16px; border-bottom: 1px solid var(--mud-palette-table-lines);
    }
    [b-o614k4qt0e] .oq-table tbody td { display: block; min-width: 0; padding: 0; border: 0; font-size: 13px; text-align: left; white-space: normal; overflow-wrap: anywhere; }
    [b-o614k4qt0e] .oq-table tbody td[data-label]::before {
        content: attr(data-label); display: block; font-size: 11px; font-weight: 600; color: var(--mud-palette-text-secondary);
    }
    [b-o614k4qt0e] .oq-table tbody td.oq-name { grid-column: 1 / -1; }
}
/* /Components/Pages/PurchaseOrders/PoTemplateEditor.razor.rz.scp.css */
.pt-head[b-o9duxl6dv3] { display: flex; gap: 12px; flex-wrap: wrap; }
.pt-head[b-o9duxl6dv3]  .mud-input-control { flex: 1 1 240px; }
.pt-head[b-o9duxl6dv3]  .pt-id { flex: 0 1 220px; }
[b-o9duxl6dv3] .pt-picker { width: 300px; max-width: 100%; flex: 0 1 300px; }
.pt-lines[b-o9duxl6dv3] { overflow-x: auto; max-height: 50vh; overflow-y: auto; }
.pt-lines[b-o9duxl6dv3]  td, .pt-lines[b-o9duxl6dv3]  th { vertical-align: middle; }
.pt-cell[b-o9duxl6dv3] { min-width: 120px; width: 160px; }
/* /Components/Pages/PurchaseOrders/PurchaseOrderBrowseDialog.razor.rz.scp.css */
.po-browse-filters[b-eulsvmh8ab] { padding: 0 0 8px; }
.po-browse-filters[b-eulsvmh8ab]  .mud-select, .po-browse-filters[b-eulsvmh8ab]  .mud-input-control { flex: 0 1 220px; min-width: 160px; }
[b-eulsvmh8ab] .po-browse-grid { max-height: 55vh; overflow-y: auto; }
[b-eulsvmh8ab] .po-browse-grid td, [b-eulsvmh8ab] .po-browse-grid th { white-space: nowrap; }
/* /Components/Pages/PurchaseOrders/PurchaseOrderChoiceDialog.razor.rz.scp.css */
.po-choices[b-y80qfvb5ue] { list-style: none; margin: 0; padding: 0; max-height: 50vh; overflow-y: auto; }
[b-y80qfvb5ue] .po-choices { display: flex; flex-direction: column; max-height: 50vh; overflow-y: auto; }
/* /Components/Pages/PurchaseOrders/PurchaseOrderPage.razor.rz.scp.css */
.po-section[b-e3l0pfcj0g] { padding: 4px 16px 16px; }
.po-section > .pwo-section-title:first-child[b-e3l0pfcj0g] { margin-top: 12px; }
.po-items-head[b-e3l0pfcj0g] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
.po-items-head > .pwo-section-title[b-e3l0pfcj0g] { margin-bottom: 0; }
.po-columns[b-e3l0pfcj0g] { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 4px 16px; align-items: center; padding: 0 16px 12px; }
.po-vendor[b-e3l0pfcj0g] { display: flex; align-items: flex-start; gap: 4px; }
.po-vendor[b-e3l0pfcj0g]  .mud-select { flex: 1 1 auto; min-width: 0; }
.po-vendor[b-e3l0pfcj0g]  .mud-icon-button { margin-top: 4px; }

[b-e3l0pfcj0g] .po-picker { width: 340px; max-width: 100%; flex: 0 1 340px; }

.po-lines[b-e3l0pfcj0g] { overflow-x: auto; }
.po-lines[b-e3l0pfcj0g]  td, .po-lines[b-e3l0pfcj0g]  th { white-space: nowrap; vertical-align: middle; }
.po-cell[b-e3l0pfcj0g] { min-width: 110px; }

.po-totals[b-e3l0pfcj0g] { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: flex-end; padding: 12px 16px; font-variant-numeric: tabular-nums; }

.po-readout[b-e3l0pfcj0g] { margin: 2px 2px 0; overflow-wrap: anywhere; }

/* The item info strip: the last added or chosen line (PO14). */
.po-info[b-e3l0pfcj0g] { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 32px; margin: 0 16px 12px; padding: 10px 44px 10px 14px;
           border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-background-gray); }
.po-info-facts[b-e3l0pfcj0g] { display: flex; flex-direction: column; gap: 2px; min-width: 220px; }
.po-info-stock[b-e3l0pfcj0g] { border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.po-info-stock th[b-e3l0pfcj0g], .po-info-stock td[b-e3l0pfcj0g] { padding: 2px 12px 2px 0; text-align: left; font-weight: normal; }
.po-info-stock th[b-e3l0pfcj0g] { color: var(--mud-palette-text-secondary); }
.po-info-stock .pwo-num[b-e3l0pfcj0g] { text-align: right; padding-right: 0; }
[b-e3l0pfcj0g] .po-info-close { position: absolute; top: 4px; right: 4px; }

.po-line-name[b-e3l0pfcj0g] { all: unset; cursor: pointer; color: var(--mud-palette-primary); text-decoration: underline; text-underline-offset: 2px; }
.po-line-name:focus-visible[b-e3l0pfcj0g] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; border-radius: 2px; }
.po-line-shown > td[b-e3l0pfcj0g] { background: rgba(var(--mud-palette-primary-rgb), .08); }
/* /Components/Pages/PurchaseOrders/PurchaseOrderReceivePage.razor.rz.scp.css */
.po-section[b-slmkxzen61] { padding: 4px 16px 16px; }
.po-section > .pwo-section-title:first-child[b-slmkxzen61] { margin-top: 12px; }

.po-lines[b-slmkxzen61] { overflow-x: auto; }
.po-lines[b-slmkxzen61]  td, .po-lines[b-slmkxzen61]  th { white-space: nowrap; vertical-align: middle; }
.po-cell[b-slmkxzen61] { min-width: 110px; }

.po-totals[b-slmkxzen61] { display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: flex-end; padding: 12px 16px; font-variant-numeric: tabular-nums; }
/* /Components/Pages/PurchaseOrders/PurchaseOrderSuggestDialog.razor.rz.scp.css */
.po-suggest-body[b-f1bcwoej1o] { display: flex; gap: 12px; align-items: flex-start; }
.po-suggestions[b-f1bcwoej1o] { overflow-x: auto; max-height: 55vh; overflow-y: auto; flex: 1 1 auto; min-width: 0; }
.po-suggestions[b-f1bcwoej1o]  td, .po-suggestions[b-f1bcwoej1o]  th { white-space: nowrap; vertical-align: middle; }
.po-suggestions[b-f1bcwoej1o]  tr { cursor: pointer; }
.po-suggestions[b-f1bcwoej1o]  tr.po-highlight td { background: var(--mud-palette-action-default-hover); }
.po-cell[b-f1bcwoej1o] { min-width: 100px; }
.po-side[b-f1bcwoej1o] { flex: 0 0 240px; max-height: 55vh; overflow-y: auto; padding: 8px 12px; border-left: 1px solid var(--mud-palette-lines-default); }
.po-side-list[b-f1bcwoej1o] { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; margin: 4px 0 0; }
.po-side-list dd[b-f1bcwoej1o] { margin: 0; }
.po-side-upcs[b-f1bcwoej1o] { list-style: none; margin: 4px 0 0; padding: 0; font-variant-numeric: tabular-nums; }
@media (max-width: 960px) {
    .po-suggest-body[b-f1bcwoej1o] { flex-direction: column; align-items: stretch; }
    .po-side[b-f1bcwoej1o] { flex-basis: auto; border-left: 0; border-top: 1px solid var(--mud-palette-lines-default); }
}
/* /Components/Pages/PurchaseOrders/ReorderLevelsPage.razor.rz.scp.css */
/* No section title on top, so the first row of outlined fields needs room for its floating labels. */
.po-section[b-p52k550jg8] { padding: 16px 20px 20px; }
.po-cell[b-p52k550jg8] { min-width: 110px; }
/* Show and Reset sit in the last column of the filters' final row, right-aligned with the fields above. */
.rl-actions[b-p52k550jg8] { grid-column-end: -1; display: flex; justify-content: flex-end; align-items: center; gap: 8px; }
/* The divisor box keeps its width and drops the dense margin so it lines up with the buttons beside it. */
.pwo-toolbar[b-p52k550jg8]  .rl-divisor { flex: 0 0 120px; width: 120px; margin: 0; }
/* /Components/Pages/PurchaseReturns/PurchaseReturnPage.razor.rz.scp.css */
.rt-section[b-r9r8ysogu4] { padding: 4px 16px 16px; }
.rt-section > .pwo-section-title:first-child[b-r9r8ysogu4] { margin-top: 12px; }

.rt-picker[b-r9r8ysogu4] { width: 420px; max-width: 100%; }
.rt-lines[b-r9r8ysogu4] { overflow-x: auto; position: relative; }   /* keeps the hidden column titles inside the scroll box */
.rt-lines[b-r9r8ysogu4]  td, .rt-lines[b-r9r8ysogu4]  th { white-space: nowrap; }
.rt-cell[b-r9r8ysogu4] { min-width: 110px; }

.rt-totals[b-r9r8ysogu4] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 32px; margin: 0; padding: 12px 16px 16px; }
.rt-totals div[b-r9r8ysogu4] { text-align: right; }
.rt-totals dt[b-r9r8ysogu4] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.rt-totals dd[b-r9r8ysogu4] { margin: 0; font-variant-numeric: tabular-nums; }
.rt-totals .rt-total dd[b-r9r8ysogu4] { font-weight: 700; }

@media (max-width: 600px) {
    .rt-totals[b-r9r8ysogu4] { justify-content: flex-start; }
}

.rt-item[b-r9r8ysogu4] { display: flex; align-items: flex-start; gap: 4px; }
.rt-item[b-r9r8ysogu4]  .mud-icon-button { margin-top: -4px; }
.rt-zero td[b-r9r8ysogu4] { color: var(--mud-palette-text-secondary); }
.rt-details > td[b-r9r8ysogu4] { background: var(--mud-palette-background-gray); padding: 8px 16px 12px !important; }
.rt-facts[b-r9r8ysogu4] { display: flex; flex-wrap: wrap; gap: 8px 32px; margin: 0; }
.rt-facts dt[b-r9r8ysogu4] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.rt-facts dd[b-r9r8ysogu4] { margin: 0; font-variant-numeric: tabular-nums; }
.rt-packs[b-r9r8ysogu4] { max-width: 720px; background: transparent; }
.rt-this-pack td[b-r9r8ysogu4] { font-weight: 600; }
/* /Components/Pages/PurchaseReturns/PurchaseReturnsPage.razor.rz.scp.css */
[b-lii0jgb00f] .rt-help { display: block; padding: 0 16px 8px; }
.rt-filter[b-lii0jgb00f] { width: 220px; flex: 0 0 auto; }

@media (max-width: 600px) {
    .rt-filter[b-lii0jgb00f] { width: 100%; }
}
/* /Components/Pages/PurchaseReturns/ReturnCommitDialog.razor.rz.scp.css */
.rc-all[b-k13hprezjc] { max-width: 320px; margin-bottom: 8px; }
.rc-lines[b-k13hprezjc] { overflow-x: auto; position: relative; }
.rc-lines[b-k13hprezjc]  td, .rc-lines[b-k13hprezjc]  th { white-space: nowrap; }
.rc-cell[b-k13hprezjc] { min-width: 140px; }
/* /Components/Pages/PurchaseReturns/ReturnMatrixDialog.razor.rz.scp.css */
.rm-cells[b-lj841koz7t] { overflow-x: auto; position: relative; max-height: 60vh; }
.rm-cells[b-lj841koz7t]  td, .rm-cells[b-lj841koz7t]  th { white-space: nowrap; }
.rm-cell[b-lj841koz7t] { cursor: pointer; }
/* /Components/Pages/Receipts/PublicReceiptPage.razor.rz.scp.css */
.pr[b-0cwjif4ngj] {
    min-height: 100vh; box-sizing: border-box; padding: 32px 16px; background: var(--pwo-canvas); color: var(--pwo-ink);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.pr-refused[b-0cwjif4ngj] {
    max-width: 440px; margin: 0 auto; padding: 24px; background: var(--pwo-surface); border: 1px solid var(--pwo-rule);
    border-radius: 12px; text-align: center;
}
.pr-refused h1[b-0cwjif4ngj] { margin: 0 0 8px; font-size: 20px; }
.pr-refused p[b-0cwjif4ngj], .pr-note[b-0cwjif4ngj] { margin: 0; color: var(--pwo-ink-2); }
.pr-note[b-0cwjif4ngj] { max-width: 440px; margin: 12px auto 0; font-size: 13px; text-align: center; }

@media print {
    .pr[b-0cwjif4ngj] { padding: 0; background: #fff; }
    .pr-note[b-0cwjif4ngj] { display: none; }
}
/* /Components/Pages/Receipts/ReceiptCard.razor.rz.scp.css */
/* A receipt-width card; colours from the app palette inside the app, the --pwo tokens on the static public page. */
.rc[b-8m2v9kkoi2] {
    max-width: 440px; margin: 0 auto; padding: 24px 20px; box-sizing: border-box;
    background: var(--mud-palette-surface, var(--pwo-surface)); color: var(--mud-palette-text-primary, var(--pwo-ink));
    border: 1px solid var(--mud-palette-lines-default, var(--pwo-rule)); border-radius: 12px;
    font-size: 14px; line-height: 1.45; font-variant-numeric: tabular-nums;
}
.rc p[b-8m2v9kkoi2] { margin: 0; }
.rc-store[b-8m2v9kkoi2] { text-align: center; padding-bottom: 12px; border-bottom: 1px dashed var(--mud-palette-lines-default, var(--pwo-rule)); }
.rc-name[b-8m2v9kkoi2] { margin: 0 0 4px; font-size: 18px; font-weight: 700; }
.rc-store p[b-8m2v9kkoi2], .rc-sub[b-8m2v9kkoi2], .rc-meta dt[b-8m2v9kkoi2] { color: var(--mud-palette-text-secondary, var(--pwo-ink-2)); }
.rc-meta[b-8m2v9kkoi2] { display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px; margin: 12px 0; }
.rc-meta div[b-8m2v9kkoi2] { display: flex; flex-direction: column; min-width: 0; }
.rc-meta dt[b-8m2v9kkoi2] { font-size: 12px; }
.rc-meta dd[b-8m2v9kkoi2] { margin: 0; overflow-wrap: anywhere; }
.rc-banner[b-8m2v9kkoi2] { text-align: center; font-weight: 700; padding: 8px 0; letter-spacing: .08em; text-transform: uppercase; }
.rc table[b-8m2v9kkoi2] { width: 100%; border-collapse: collapse; border-top: 1px dashed var(--mud-palette-lines-default, var(--pwo-rule)); }
.rc th[b-8m2v9kkoi2], .rc td[b-8m2v9kkoi2] { padding: 4px 0; text-align: left; vertical-align: top; font-weight: 400; }
.rc thead th[b-8m2v9kkoi2] { font-size: 12px; color: var(--mud-palette-text-secondary, var(--pwo-ink-2)); }
.rc .rc-num[b-8m2v9kkoi2] { text-align: right; padding-left: 10px; white-space: nowrap; }
.rc-item[b-8m2v9kkoi2] { display: block; overflow-wrap: anywhere; }
.rc-sub[b-8m2v9kkoi2], .rc-save[b-8m2v9kkoi2] { display: block; font-size: 12px; }
.rc-save[b-8m2v9kkoi2] { color: var(--mud-palette-success, #067647); }
.rc-sums th[b-8m2v9kkoi2] { padding-right: 10px; }
.rc-total th[b-8m2v9kkoi2], .rc-total td[b-8m2v9kkoi2] { font-weight: 700; }
.rc .rc-tax[b-8m2v9kkoi2] { width: 1.5em; text-align: right; padding-left: 6px; }
.rc-tax abbr[b-8m2v9kkoi2] { text-decoration: none; }
.rc-mod[b-8m2v9kkoi2] { padding-left: 8px; }
.rc-signature[b-8m2v9kkoi2] {
    margin-top: 48px !important; padding-top: 4px; text-align: right; font-size: 12px;
    border-top: 1px solid currentColor; margin-left: 40%;
}
.rc-footer[b-8m2v9kkoi2] { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--mud-palette-lines-default, var(--pwo-rule)); text-align: center; }

@media print {
    .rc[b-8m2v9kkoi2] { border: 0; max-width: none; padding: 0; background: #fff; color: #000; }
}
/* /Components/Pages/Receipts/ReceiptLookup.razor.rz.scp.css */
.rl-body[b-v35timc38b] { display: flex; flex-direction: column; gap: 16px; padding: 0 16px 20px; }
.rl-link[b-v35timc38b] { max-width: 640px; }

@media print {
    .rl-body[b-v35timc38b] { padding: 0; }
}
/* /Components/Pages/Reports/ReportDocumentsView.razor.rz.scp.css */
.rd-tools[b-6n6s5fdfke] { padding: 0 0 12px; }
.rd-documents[b-6n6s5fdfke] { display: flex; flex-wrap: wrap; gap: 16px; align-items: flex-start; }
.rd-receipt[b-6n6s5fdfke] {
    max-width: 100%; overflow-x: auto; padding: 12px 16px; border-radius: 8px;
    background: var(--mud-palette-surface); border: 1px solid var(--mud-palette-lines-default);
}
.rd-receipt pre[b-6n6s5fdfke] { margin: 0; font-family: ui-monospace, "Cascadia Mono", Consolas, "Courier New", monospace; font-size: 13px; line-height: 1.35; }

@media print {
    .rd-documents[b-6n6s5fdfke] { display: block; }
    .rd-receipt[b-6n6s5fdfke] { border: none; padding: 0; break-after: page; }
    .rd-receipt pre[b-6n6s5fdfke] { color: #000; }
}
/* /Components/Pages/Reports/ReportPage.razor.rz.scp.css */
.rp-filters[b-5b3x74u158] { padding: 12px 16px; margin-bottom: 20px; }
.rp-pickers[b-5b3x74u158] { margin-top: 8px; }
.rp-actions[b-5b3x74u158] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
.rp-hint[b-5b3x74u158] { color: var(--mud-palette-text-secondary); }
.rp-downloads[b-5b3x74u158] { padding: 0 0 12px; }
.rp-chart[b-5b3x74u158] { padding: 0 16px 16px; margin-bottom: 16px; }
.rp-table-title[b-5b3x74u158] { margin: 0; padding: 12px 0 4px; font-size: 15px; font-weight: 700; }

/* The report's document head (the legacy report band): the store at the left; the title, period and run time at the
   right. On screen a quiet card under the page title (which it does not repeat); printed, the tinted band of the PDF. */
.rp-doc-head[b-5b3x74u158] {
    display: flex; justify-content: space-between; align-items: flex-start; gap: 12px 32px; flex-wrap: wrap;
    padding: 14px 16px; border: 1px solid var(--mud-palette-lines-default); border-radius: var(--pwo-radius);
    background: var(--mud-palette-surface);
}
.rp-doc-head p[b-5b3x74u158] { margin: 0; }
.rp-doc-store[b-5b3x74u158] { font-size: 13px; line-height: 1.5; color: var(--mud-palette-text-secondary); }
.rp-doc-store-name[b-5b3x74u158] { font-size: 15px; font-weight: 700; color: var(--mud-palette-text-primary); }
.rp-doc-title[b-5b3x74u158] { text-align: right; margin-left: auto; }
.rp-doc-name[b-5b3x74u158] { display: none; }
.rp-doc-period[b-5b3x74u158] { font-size: 15px; font-weight: 600; color: var(--mud-palette-text-primary); font-variant-numeric: tabular-nums; }
.rp-doc-run[b-5b3x74u158] { font-size: 12px; color: var(--mud-palette-text-secondary); font-variant-numeric: tabular-nums; }

.rp-doc-params[b-5b3x74u158] { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; padding: 0; }
.rp-doc-params li[b-5b3x74u158] {
    padding: 2px 8px; border: 1px solid var(--mud-palette-lines-default); border-radius: 4px; background: var(--mud-palette-background);
    font-size: 12px; line-height: 18px; color: var(--mud-palette-text-primary);
}
.rp-doc-param-label[b-5b3x74u158] { margin-right: 4px; font-weight: 600; color: var(--mud-palette-text-secondary); }
.rp-doc-params + .rp-downloads[b-5b3x74u158], .rp-doc-head + .rp-downloads[b-5b3x74u158] { padding-top: 12px; }

.rp-notes-title[b-5b3x74u158] { margin: 16px 0 4px; font-size: 13px; font-weight: 600; color: var(--mud-palette-text-secondary); }
.rp-notes[b-5b3x74u158] { margin: 0; padding-left: 20px; font-size: 13px; color: var(--mud-palette-text-secondary); }

@media (max-width: 599px) {
    .rp-doc-title[b-5b3x74u158] { text-align: left; margin-left: 0; }
}

@media print {
    .rp-result[b-5b3x74u158] { -webkit-print-color-adjust: exact; print-color-adjust: exact; color: #101828; }
    .rp-doc-head[b-5b3x74u158] {
        padding: 10pt 12pt; border: 0; border-top: 2.5pt solid #022C78; border-bottom: 0.5pt solid #E4E7EC; border-radius: 0;
        background: #EFF4FB; break-inside: avoid;
    }
    .rp-doc-store[b-5b3x74u158] { font-size: 8.5pt; color: #5B6472; }
    .rp-doc-store-name[b-5b3x74u158] { font-size: 12pt; color: #101828; }
    .rp-doc-name[b-5b3x74u158] { display: block; margin-bottom: 3pt !important; font-size: 17pt; font-weight: 700; line-height: 1.15; color: #0D47A1; }
    .rp-doc-period[b-5b3x74u158] { font-size: 9.5pt; color: #101828; }
    .rp-doc-run[b-5b3x74u158] { font-size: 8pt; color: #5B6472; }
    .rp-doc-params[b-5b3x74u158] { gap: 4pt 14pt; margin-top: 6pt; }
    .rp-doc-params li[b-5b3x74u158] { padding: 0; border: 0; background: none; font-size: 8pt; color: #5B6472; }
    .rp-doc-param-label[b-5b3x74u158] { color: #5B6472; }
    .rp-table-title[b-5b3x74u158] { color: #022C78; }
    .rp-notes-title[b-5b3x74u158] { margin-top: 12pt; font-size: 8.5pt; color: #5B6472; break-after: avoid; }
    .rp-notes[b-5b3x74u158] { font-size: 8pt; color: #5B6472; }
}
/* /Components/Pages/Reports/ReportsHome.razor.rz.scp.css */
/* The legacy report screens, on the system: the two report sets as tabs with the search at their right; under Admin
   reports a row of group tabs (Sales … Web Order); then the numbered list (or the inventory tree) beside the picked
   report's details. Flat at rest; blue only on the links, the current tab and the picked row. */
.rp-head[b-0h5zotm5n4] {
    display: flex; align-items: center; justify-content: space-between; gap: 0 24px; flex-wrap: wrap;
    padding: 0 16px; border-bottom: 1px solid var(--mud-palette-lines-default);
}
.rp-tabs[b-0h5zotm5n4] { display: flex; gap: 4px; align-self: stretch; }
.rp-tab[b-0h5zotm5n4] {
    display: inline-flex; align-items: center; gap: 8px; min-height: 52px; margin-bottom: -1px; padding: 0 12px;
    border: 0; border-bottom: 2px solid transparent; background: none; cursor: pointer;
    font: inherit; font-size: 14px; font-weight: 600; line-height: 20px; white-space: nowrap; color: var(--mud-palette-text-secondary);
}
.rp-tab:hover[b-0h5zotm5n4] { color: var(--mud-palette-text-primary); }
.rp-tab[aria-selected="true"][b-0h5zotm5n4] { color: var(--mud-palette-primary); border-bottom-color: var(--mud-palette-primary); }
.rp-tab:focus-visible[b-0h5zotm5n4] { outline: 2px solid var(--mud-palette-primary); outline-offset: -2px; border-radius: 8px 8px 0 0; }
.rp-head[b-0h5zotm5n4]  .rp-search { flex: 0 1 280px; width: 280px; max-width: 100%; margin: 8px 0; }

.rp-count[b-0h5zotm5n4] {
    display: inline-block; min-width: 20px; padding: 0 6px; border-radius: 4px; text-align: center;
    font-size: 11px; font-weight: 600; line-height: 16px; font-variant-numeric: tabular-nums;
    background: var(--mud-palette-background-gray); color: var(--mud-palette-text-secondary);
}
.rp-tab[aria-selected="true"] .rp-count[b-0h5zotm5n4],
.rp-group-tab[aria-selected="true"] .rp-count[b-0h5zotm5n4] { background: rgba(var(--mud-palette-primary-rgb), .12); color: var(--mud-palette-primary); }

/* --------------------------------------------------------------------------------------------- admin group tabs */
.rp-groups[b-0h5zotm5n4] {
    display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 16px;
    border-bottom: 1px solid var(--mud-palette-lines-default); background: var(--mud-palette-background);
}
.rp-group-tab[b-0h5zotm5n4] {
    display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 4px 10px;
    border: 1px solid var(--mud-palette-lines-default); border-radius: 8px; background: var(--mud-palette-surface); cursor: pointer;
    font: inherit; font-size: 13px; font-weight: 500; line-height: 20px; white-space: nowrap; color: var(--mud-palette-text-primary);
}
.rp-group-tab:hover[b-0h5zotm5n4] { background: var(--mud-palette-table-hover); }
.rp-group-tab[aria-selected="true"][b-0h5zotm5n4] {
    border-color: var(--mud-palette-primary); background: rgba(var(--mud-palette-primary-rgb), .08);
    color: var(--mud-palette-primary); font-weight: 600;
}
.rp-group-tab:focus-visible[b-0h5zotm5n4] { outline: 2px solid var(--mud-palette-primary); outline-offset: 2px; }
.rp-group-tab[b-0h5zotm5n4]  .mud-icon-root { font-size: 16px; }

/* ------------------------------------------------------------------------------------------- list and details */
.rp-body[b-0h5zotm5n4] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 380px); align-items: start; }
.rp-pane[b-0h5zotm5n4] { min-width: 0; padding: 8px 8px 20px; border-right: 1px solid var(--mud-palette-lines-default); min-height: 360px; }
.rp-sr[b-0h5zotm5n4] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rp-list-title[b-0h5zotm5n4] {
    display: flex; align-items: center; gap: 8px; margin: 16px 8px 4px; font-size: 14px; font-weight: 600; line-height: 1.5;
    color: var(--mud-palette-text-primary);
}
.rp-list-title:first-of-type[b-0h5zotm5n4] { margin-top: 8px; }
.rp-rows-sub[b-0h5zotm5n4] {
    margin: 12px 8px 4px; padding-top: 12px; border-top: 1px solid var(--mud-palette-lines-default);
    font-size: 13px; font-weight: 600; color: var(--mud-palette-text-secondary);
}
.rp-also[b-0h5zotm5n4] { margin: 8px 8px 0; font-size: 13px; color: var(--mud-palette-text-secondary); }
.rp-also-link[b-0h5zotm5n4] { padding: 0; border: 0; background: none; cursor: pointer; font: inherit; font-weight: 600; color: var(--mud-palette-primary); }
.rp-also-link:hover[b-0h5zotm5n4] { text-decoration: underline; text-underline-offset: 3px; }

/* Numbered rows, two columns when the pane is wide enough. */
.rp-rows[b-0h5zotm5n4] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 0 8px; }
.rp-row[b-0h5zotm5n4] { position: relative; display: flex; flex-wrap: wrap; align-items: center; border-radius: 8px; }
.rp-row:hover[b-0h5zotm5n4] { background: var(--mud-palette-table-hover); }
.rp-row-on[b-0h5zotm5n4], .rp-row-on:hover[b-0h5zotm5n4] { background: rgba(var(--mud-palette-primary-rgb), .08); }
.rp-row-pick[b-0h5zotm5n4] {
    display: flex; align-items: baseline; gap: 8px; flex: 1; min-width: 0; min-height: 36px; padding: 7px 4px 7px 10px;
    border: 0; border-radius: 8px; background: none; cursor: pointer; text-align: left;
    font: inherit; font-size: 14px; line-height: 22px; color: var(--mud-palette-text-primary);
}
.rp-row-pick:focus-visible[b-0h5zotm5n4] { outline: 2px solid var(--mud-palette-primary); outline-offset: -2px; }
.rp-row-num[b-0h5zotm5n4] { flex: none; min-width: 2.2em; text-align: right; font-size: 13px; font-variant-numeric: tabular-nums; color: var(--mud-palette-text-secondary); }
.rp-row-title[b-0h5zotm5n4] { flex: 1; min-width: 0; }
.rp-row-on .rp-row-title[b-0h5zotm5n4] { color: var(--mud-palette-primary); font-weight: 600; }
.rp-row-pick[b-0h5zotm5n4]  .rp-row-pin { flex: none; align-self: center; font-size: 15px; color: var(--mud-palette-text-secondary); }
.rp-row-go[b-0h5zotm5n4] {
    display: inline-flex; align-items: center; justify-content: center; flex: none; width: 32px; height: 32px; margin-right: 2px;
    border-radius: 8px; color: var(--mud-palette-primary); opacity: 0; transition: opacity .12s ease;
}
.rp-row:hover .rp-row-go[b-0h5zotm5n4], .rp-row-on .rp-row-go[b-0h5zotm5n4], .rp-row-go:focus-visible[b-0h5zotm5n4] { opacity: 1; }
.rp-row-go:hover[b-0h5zotm5n4] { background: rgba(var(--mud-palette-primary-rgb), .1); }
.rp-row-go:focus-visible[b-0h5zotm5n4] { outline: 2px solid var(--mud-palette-primary); outline-offset: -2px; }
.rp-row[b-0h5zotm5n4]  mark { padding: 0 1px; border-radius: 2px; background: rgba(var(--mud-palette-primary-rgb), .14); color: inherit; }
.rp-inline[b-0h5zotm5n4] { display: none; }

/* The inventory tree. */
.rp-tree[b-0h5zotm5n4] { list-style: none; margin: 0; padding: 0; }
.rp-tree > li + li[b-0h5zotm5n4] { margin-top: 2px; }
.rp-branch[b-0h5zotm5n4] {
    display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 6px 10px 6px 4px;
    border: 0; border-radius: 8px; background: none; cursor: pointer; text-align: left;
    font: inherit; font-size: 14px; font-weight: 600; line-height: 20px; color: var(--mud-palette-text-primary);
}
.rp-branch:hover[b-0h5zotm5n4] { background: var(--mud-palette-table-hover); }
.rp-branch:focus-visible[b-0h5zotm5n4] { outline: 2px solid var(--mud-palette-primary); outline-offset: -2px; }
.rp-branch[b-0h5zotm5n4]  .mud-icon-root { flex: none; color: var(--mud-palette-drawer-icon); }
.rp-branch[b-0h5zotm5n4]  .rp-branch-arrow { transition: transform .15s ease; }
.rp-branch[aria-expanded="true"][b-0h5zotm5n4]  .rp-branch-arrow { transform: rotate(90deg); }
.rp-branch-title[b-0h5zotm5n4] { flex: 1; min-width: 0; }
.rp-tree .rp-rows[b-0h5zotm5n4] { margin: 0 0 8px 22px; padding-left: 8px; border-left: 1px dashed var(--mud-palette-lines-default); grid-template-columns: minmax(0, 1fr); }

/* The picked report. */
.rp-detail[b-0h5zotm5n4] { position: sticky; top: 72px; padding: 20px; }
.rp-detail-title[b-0h5zotm5n4] { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--mud-palette-text-primary); }
.rp-detail-meta[b-0h5zotm5n4] { margin: 4px 0 0; font-size: 12px; line-height: 1.4; color: var(--mud-palette-text-secondary); }
.rp-detail-meta strong[b-0h5zotm5n4] { font-weight: 600; color: var(--mud-palette-text-primary); }
.rp-detail-desc[b-0h5zotm5n4] { margin: 12px 0 0; font-size: 14px; line-height: 1.5; color: var(--mud-palette-text-primary); }
.rp-detail-sub[b-0h5zotm5n4] { margin: 16px 0 6px; font-size: 13px; font-weight: 600; color: var(--mud-palette-text-secondary); }
.rp-chips[b-0h5zotm5n4] { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.rp-chips li[b-0h5zotm5n4] {
    padding: 1px 8px; border: 1px solid var(--mud-palette-lines-default); border-radius: 4px;
    font-size: 12px; line-height: 20px; color: var(--mud-palette-text-primary); background: var(--mud-palette-background);
}
.rp-detail-actions[b-0h5zotm5n4] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.rp-detail-empty[b-0h5zotm5n4] { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 40px 12px; text-align: center; color: var(--mud-palette-text-secondary); }
.rp-detail-empty[b-0h5zotm5n4]  .mud-icon-root { font-size: 40px; margin-bottom: 8px; color: var(--mud-palette-drawer-icon); }
.rp-detail-empty p[b-0h5zotm5n4] { margin: 0; max-width: 32ch; font-size: 13px; line-height: 1.5; }
.rp-detail-empty strong[b-0h5zotm5n4] { color: var(--mud-palette-text-primary); }

/* ---------------------------------------------------------------------------------------------------- responsive */
@media (max-width: 959px) {
    .rp-body[b-0h5zotm5n4] { grid-template-columns: minmax(0, 1fr); }
    .rp-pane[b-0h5zotm5n4] { border-right: 0; min-height: 0; }
    .rp-detail[b-0h5zotm5n4] { display: none; }
    .rp-rows[b-0h5zotm5n4] { grid-template-columns: minmax(0, 1fr); }
    .rp-inline[b-0h5zotm5n4] { display: block; flex-basis: 100%; padding: 4px 12px 14px 46px; }
    .rp-inline .rp-detail-title[b-0h5zotm5n4] { display: none; }
}

@media (max-width: 599px) {
    .rp-head[b-0h5zotm5n4] { padding: 0 0 12px; }
    .rp-tabs[b-0h5zotm5n4] { width: 100%; }
    .rp-tab[b-0h5zotm5n4] { flex: 1; justify-content: center; padding: 0 8px; }
    .rp-head[b-0h5zotm5n4]  .rp-search { flex: none; width: calc(100% - 32px); margin: 12px 16px 0; }
    .rp-groups[b-0h5zotm5n4] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; }
    .rp-inline[b-0h5zotm5n4] { padding-left: 12px; }
}

@media (pointer: coarse) {
    .rp-row-go[b-0h5zotm5n4] { opacity: 1; width: 36px; height: 36px; }
    .rp-row-pick[b-0h5zotm5n4] { min-height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
    .rp-row-go[b-0h5zotm5n4], .rp-branch[b-0h5zotm5n4]  .rp-branch-arrow { transition: none; }
}
/* /Components/Pages/Reports/ReportTableView.razor.rz.scp.css */
.rp-table[b-o2pu1j5hcl] { margin-bottom: 16px; overflow: hidden; }
.rp-table-title[b-o2pu1j5hcl] { margin: 0; padding: 12px 16px 4px; font-size: 15px; font-weight: 700; }
[b-o2pu1j5hcl] .rp-grid .mud-table-row { cursor: default; }
[b-o2pu1j5hcl] .rp-group-row .mud-table-cell { font-weight: 700; background: var(--mud-palette-background-gray); }
[b-o2pu1j5hcl] .rp-subtotal-row .mud-table-cell { font-weight: 700; border-top: 1px solid var(--mud-palette-lines-default); }
/* The totals close the table: a tonal step and a rule above them. */
[b-o2pu1j5hcl] .rp-grid .mud-table-foot .mud-table-cell {
    background: var(--mud-palette-background); border-top: 1px solid var(--mud-palette-text-disabled); font-variant-numeric: tabular-nums;
}

/* Printed as the PDF's table: a ruled, tinted header row repeated on every page, light zebra rows, groups tinted,
   totals between two rules (once, after the last row: a table footer would repeat on every page). */
@media print {
    .rp-table[b-o2pu1j5hcl] { break-inside: auto; border: 0; border-radius: 0; margin-bottom: 12pt; }
    .rp-table-title[b-o2pu1j5hcl] { padding: 10pt 0 4pt; font-size: 10.5pt; color: #022C78; break-after: avoid; }
    [b-o2pu1j5hcl] .rp-grid .mud-table-container { overflow: visible !important; }
    [b-o2pu1j5hcl] .rp-grid .mud-table-pagination { display: none; }
    [b-o2pu1j5hcl] .rp-grid .mud-table-root { border-collapse: collapse; }
    [b-o2pu1j5hcl] .rp-grid .mud-table-head { display: table-header-group; }
    [b-o2pu1j5hcl] .rp-grid .mud-table-foot { display: table-row-group; }
    [b-o2pu1j5hcl] .rp-grid .mud-table-row { break-inside: avoid; }
    [b-o2pu1j5hcl] .rp-grid .mud-table-cell { font-size: 8.5pt; color: #101828; }
    [b-o2pu1j5hcl] .rp-grid .mud-table-head .mud-table-cell {
        position: static; height: auto; padding-top: 5pt; padding-bottom: 5pt;
        background: #E6EDF7 !important; color: #022C78 !important; border-bottom: 1pt solid #022C78; font-weight: 700;
    }
    [b-o2pu1j5hcl] .rp-grid .mud-table-body .mud-table-cell { height: auto; padding-top: 3pt; padding-bottom: 3pt; border-bottom: 0.4pt solid #E4E7EC; }
    [b-o2pu1j5hcl] .rp-grid .mud-table-body .mud-table-row:nth-child(even) .mud-table-cell { background: #F8FAFC; }
    [b-o2pu1j5hcl] .rp-group-row .mud-table-cell { background: #F1F5FB !important; color: #0D47A1; }
    [b-o2pu1j5hcl] .rp-subtotal-row .mud-table-cell { background: #fff !important; border-top: 0.6pt solid #5B6472; }
    [b-o2pu1j5hcl] .rp-grid .mud-table-foot .mud-table-cell {
        padding-top: 5pt; padding-bottom: 5pt; background: #E6EDF7; border-top: 1pt solid #022C78; border-bottom: 1pt solid #022C78;
    }
    [b-o2pu1j5hcl] .rp-grid .mud-table-cell a { color: inherit; text-decoration: none; }
}
/* /Components/Pages/SalesPromotions/SalesPromotionPage.razor.rz.scp.css */
.sp-section[b-9fwxvhbsfj] { padding: 4px 16px 16px; }
.sp-section > .pwo-section-title:first-child[b-9fwxvhbsfj] { margin-top: 12px; }

.sp-pair[b-9fwxvhbsfj] { display: grid; grid-template-columns: repeat(2, minmax(0, 220px)); gap: 0 16px; margin-top: 8px; }
.sp-days[b-9fwxvhbsfj] { display: flex; flex-wrap: wrap; gap: 0 4px; margin: 12px 0 0; padding: 0; border: 0; }
.sp-days legend[b-9fwxvhbsfj] { width: 100%; margin-bottom: 2px; }

.sp-item[b-9fwxvhbsfj] { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px;
           border: 1px solid var(--mud-palette-lines-default); border-radius: 4px; }

.sp-row[b-9fwxvhbsfj] { display: flex; gap: 12px; align-items: flex-start; margin-top: 12px; max-width: 960px; }
.sp-row[b-9fwxvhbsfj] >  *:not(button) { flex: 1; }
.sp-section[b-9fwxvhbsfj]  .sp-says { display: block; margin: -4px 0 4px; }

.sp-picker[b-9fwxvhbsfj] { width: 420px; max-width: 100%; }
.sp-lines[b-9fwxvhbsfj] { overflow-x: auto; }
.sp-lines[b-9fwxvhbsfj]  td, .sp-lines[b-9fwxvhbsfj]  th { white-space: nowrap; }
.sp-cell[b-9fwxvhbsfj] { min-width: 110px; }

@media (max-width: 600px) {
    .sp-pair[b-9fwxvhbsfj] { grid-template-columns: 1fr; }
    .sp-row[b-9fwxvhbsfj] { flex-wrap: wrap; }
    .sp-row[b-9fwxvhbsfj] >  *:not(button) { flex: 1 1 40%; }
}
/* /Components/Pages/SalesPromotions/SalesPromotionsPage.razor.rz.scp.css */
.pwo-toolbar[b-mgrfxkl05g]  .sp-filter { width: 180px; flex: 0 0 auto; }

@media (max-width: 600px) {
    .pwo-toolbar[b-mgrfxkl05g]  .sp-filter { width: 100%; }
}
/* /Components/Pages/Security/ChangeHistoryPage.razor.rz.scp.css */
.ch-fields[b-rlfy9autpf] { border-collapse: collapse; margin: 4px 0 8px 48px; font-size: 13px; }
.ch-fields th[b-rlfy9autpf], .ch-fields td[b-rlfy9autpf] { padding: 3px 16px 3px 0; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
.ch-fields thead th[b-rlfy9autpf] { font-weight: 600; color: var(--mud-palette-text-secondary); }
.ch-fields tbody th[b-rlfy9autpf] { font-weight: 500; }
.ch-none[b-rlfy9autpf] { margin: 4px 0 8px 48px; font-size: 13px; }

@media (max-width: 599.98px) {
    .ch-fields[b-rlfy9autpf], .ch-none[b-rlfy9autpf] { margin-left: 0; }
}
/* /Components/Pages/Security/RoleChangesDialog.razor.rz.scp.css */
.roles-change-list[b-quzynx7pq0] { margin: 0 0 8px; padding-left: 20px; max-height: 240px; overflow-y: auto; }
.roles-change-list li[b-quzynx7pq0] { padding: 2px 0; }
/* /Components/Pages/Security/RolesPage.razor.rz.scp.css */
.roles-layout[b-tmdk87tme0] { display: grid; grid-template-columns: minmax(240px, 300px) minmax(0, 1fr); gap: 16px; align-items: start; }
.roles-list[b-tmdk87tme0] { position: sticky; top: 80px; max-height: calc(100vh - 120px); overflow-y: auto; padding: 4px 0; }
.roles-items[b-tmdk87tme0] { list-style: none; margin: 0; padding: 0; }
.roles-item[b-tmdk87tme0] {
    display: flex; align-items: center; gap: 12px; width: 100%; padding: 8px 16px; border: 0; background: none;
    color: var(--mud-palette-text-primary); font: inherit; text-align: left; cursor: pointer;
}
.roles-item:hover[b-tmdk87tme0], .roles-current[b-tmdk87tme0] { background: var(--mud-palette-action-default-hover); }
.roles-item:focus-visible[b-tmdk87tme0] { outline: 2px solid var(--mud-palette-primary); outline-offset: -2px; }
.roles-current[b-tmdk87tme0] { box-shadow: inset 3px 0 0 var(--mud-palette-primary); }
.roles-current .roles-item-name[b-tmdk87tme0] { color: var(--mud-palette-primary); }
.roles-item-text[b-tmdk87tme0] { display: flex; flex-direction: column; min-width: 0; }
.roles-item-name[b-tmdk87tme0] { font-weight: 600; overflow-wrap: anywhere; }
.roles-item-meta[b-tmdk87tme0] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.roles-detail[b-tmdk87tme0] { min-width: 0; }
.roles-head[b-tmdk87tme0] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 16px 16px 8px; }
.roles-name[b-tmdk87tme0] { margin: 0; font-size: 20px; font-weight: 700; }
.roles-groups[b-tmdk87tme0] { border-top: 1px solid var(--mud-palette-lines-default); }
.roles-group[b-tmdk87tme0] { border-bottom: 1px solid var(--mud-palette-lines-default); }
.roles-group-head[b-tmdk87tme0] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 4px 12px; }
.roles-group-head[b-tmdk87tme0]  .roles-group-toggle { font-weight: 700; text-transform: none; }
.roles-perms[b-tmdk87tme0] { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 0 16px; padding: 0 16px 12px; }
.roles-perm[b-tmdk87tme0] { display: flex; flex-direction: column; }
.roles-note[b-tmdk87tme0] { margin: -6px 0 6px 42px; font-size: 12px; color: var(--mud-palette-text-secondary); }
.roles-desktop[b-tmdk87tme0] { margin: 0 0 4px 42px; font-size: 12px; font-style: italic; color: var(--mud-palette-text-secondary); }
.roles-desktop + .roles-note[b-tmdk87tme0] { margin-top: 0; }
.roles-perm-locked .roles-desktop[b-tmdk87tme0] { color: var(--mud-palette-text-disabled); }
.roles-choices[b-tmdk87tme0] { display: flex; flex-direction: column; padding: 0 16px 12px; }
.roles-choice[b-tmdk87tme0] { display: flex; align-items: center; gap: 8px 16px; flex-wrap: wrap; border-bottom: 1px dashed var(--mud-palette-lines-default); }
.roles-choice:last-child[b-tmdk87tme0] { border-bottom: 0; }
.roles-choice-name[b-tmdk87tme0] { min-width: 140px; font-weight: 600; }
.roles-choice[b-tmdk87tme0]  .mud-radio-group { display: flex; flex-wrap: wrap; gap: 0 8px; }
.roles-entities[b-tmdk87tme0] { padding: 0 16px 12px; overflow-x: auto; }
.roles-entity-note[b-tmdk87tme0] { display: block; margin: 4px 0 0; }
.roles-table[b-tmdk87tme0] { border-collapse: collapse; min-width: 320px; }
.roles-table caption[b-tmdk87tme0] { caption-side: top; text-align: left; font-size: 12px; padding: 0 0 4px; }
.roles-table th[b-tmdk87tme0], .roles-table td[b-tmdk87tme0] { padding: 2px 12px; border-bottom: 1px solid var(--mud-palette-lines-default); text-align: left; }
.roles-table thead th[b-tmdk87tme0] { font-size: 12px; font-weight: 600; color: var(--mud-palette-text-secondary); }
.roles-entities .roles-table td[b-tmdk87tme0], .roles-entities .roles-table thead th:not(:first-child)[b-tmdk87tme0] { text-align: center; }
.roles-entities .roles-table td[b-tmdk87tme0]  .mud-checkbox { justify-content: center; }
.roles-table tbody th[b-tmdk87tme0] { font-weight: 600; }
.roles-members[b-tmdk87tme0] { padding: 0 12px 8px; }
.roles-members[b-tmdk87tme0]  .roles-group-toggle { font-weight: 700; text-transform: none; }
.roles-members-scroll[b-tmdk87tme0] { max-height: 260px; overflow: auto; padding: 0 4px 0 16px; }
.roles-savebar[b-tmdk87tme0] {
    position: sticky; bottom: 0; z-index: 2; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 16px;
    background: var(--mud-palette-surface); border-top: 2px solid var(--mud-palette-primary); border-radius: 0 0 var(--pwo-radius) var(--pwo-radius);
}

@media (max-width: 959px) {
    .roles-layout[b-tmdk87tme0] { grid-template-columns: 1fr; }
    .roles-list[b-tmdk87tme0] { position: static; max-height: 280px; }
}
/* /Components/Pages/Settings/StoreSettings.razor.rz.scp.css */
/* Section list on the left (vertical tabs) on desktop; a dropdown above the form on narrow screens. */
.pwo-settings[b-jv63nyfctg] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    grid-template-areas: "nav body" "nav errors" "bar bar";
    align-items: start;
}

.pwo-settings-nav[b-jv63nyfctg] {
    grid-area: nav;
    display: flex; flex-direction: column; gap: 2px;
    padding: 12px 8px;
    border-right: 1px solid var(--mud-palette-lines-default);
    position: sticky; top: 72px;
    max-height: calc(100vh - 96px); overflow-y: auto;
}

.pwo-settings-tab[b-jv63nyfctg] {
    display: flex; align-items: center; gap: 6px;
    width: 100%; padding: 8px 12px;
    border: 0; border-radius: 8px; background: transparent;
    color: var(--mud-palette-text-primary); font: inherit; text-align: left; cursor: pointer;
}

.pwo-settings-tab > span:first-child[b-jv63nyfctg] { flex: 1; }

.pwo-settings-tab:hover[b-jv63nyfctg] { background: var(--mud-palette-action-default-hover); }

.pwo-settings-tab:focus-visible[b-jv63nyfctg] { outline: 2px solid var(--mud-palette-primary); outline-offset: -2px; }

.pwo-settings-tab.active[b-jv63nyfctg] {
    background: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary); font-weight: 600;
}

.pwo-settings-badge[b-jv63nyfctg] {
    min-width: 20px; padding: 0 6px; border-radius: 10px;
    background: var(--mud-palette-primary); color: var(--mud-palette-primary-text);
    font-size: 12px; line-height: 20px; text-align: center;
}

.pwo-settings-picker[b-jv63nyfctg] { display: none; padding: 12px 16px 0; }

.pwo-settings-body[b-jv63nyfctg] { grid-area: body; padding: 16px 24px 24px; min-width: 0; }

.pwo-settings-errors[b-jv63nyfctg] { grid-area: errors; padding: 0 24px 12px; }

.pwo-settings-title[b-jv63nyfctg] { display: flex; align-items: center; gap: 8px; margin: 0 0 4px; font-size: 18px; font-weight: 600; }

.pwo-savebar[b-jv63nyfctg] {
    grid-area: bar;
    position: sticky; bottom: 0; z-index: 2;
    display: flex; align-items: center; gap: 8px;
    padding: 10px 16px;
    border-top: 1px solid var(--mud-palette-lines-default);
    background: var(--mud-palette-surface);
    border-radius: 0 0 var(--pwo-radius) var(--pwo-radius);
}

[b-jv63nyfctg] .pwo-secret { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 8px 0; }

[b-jv63nyfctg] .pwo-secret > :first-child { flex-basis: 100%; }

[b-jv63nyfctg] .pwo-check-help { margin: -6px 0 4px 40px; }

[b-jv63nyfctg] .pwo-percents { margin: 0; padding: 0; border: 0; min-width: 0; }

[b-jv63nyfctg] .pwo-percents > legend { padding: 0; font-size: 14px; color: var(--mud-palette-text-secondary); }

[b-jv63nyfctg] .pwo-percents-boxes { display: grid; grid-template-columns: repeat(3, minmax(0, 96px)); gap: 8px; }

[b-jv63nyfctg] .pwo-colour { display: flex; align-items: flex-start; gap: 8px; }

[b-jv63nyfctg] .pwo-colour > input[type=color] {
    flex: none; width: 44px; height: 40px; margin-top: 4px; padding: 2px;
    border: 1px solid var(--mud-palette-lines-inputs); border-radius: 4px; background: var(--mud-palette-surface); cursor: pointer;
}

[b-jv63nyfctg] .pwo-colour > input[type=color]:disabled { cursor: default; opacity: .5; }

@media (max-width: 959.98px) {
    .pwo-settings[b-jv63nyfctg] { grid-template-columns: minmax(0, 1fr); grid-template-areas: "picker" "body" "errors" "bar"; }
    .pwo-settings-nav[b-jv63nyfctg] { display: none; }
    .pwo-settings-picker[b-jv63nyfctg] { display: block; grid-area: picker; }
    .pwo-settings-body[b-jv63nyfctg] { padding: 12px 16px 16px; }
}
/* /Components/Pages/ShortcutButtons/DepartmentKeysDialog.razor.rz.scp.css */
/* One line per department on a desktop; its fields wrap below it on narrow screens. */
.dk-list[b-cuakrjtoft] { display: flex; flex-direction: column; gap: 4px; }
.dk-row[b-cuakrjtoft] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin: 0; padding: 4px 0;
    border: 0; border-bottom: 1px solid var(--mud-palette-lines-default);
}
.dk-row[b-cuakrjtoft]  .dk-pick { flex: 0 0 220px; max-width: 100%; }
.dk-row[b-cuakrjtoft]  .dk-name { flex: 1 1 220px; }
/* /Components/Pages/ShortcutButtons/ShortcutButtonEditor.razor.rz.scp.css */
.sbe-row[b-ofqlb0vpji] { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.sbe-row[b-ofqlb0vpji]  .sbe-color { width: 220px; flex: 0 0 auto; }
.sbe-note[b-ofqlb0vpji] { flex-basis: 100%; }
.sbe-image[b-ofqlb0vpji] { max-width: 120px; max-height: 90px; border: 1px solid var(--mud-palette-lines-default); border-radius: 4px; }
/* /Components/Pages/ShortcutButtons/ShortcutButtonsPage.razor.rz.scp.css */
[b-ju3mcqour6] .sb-menu { width: 260px; max-width: 100%; flex: 0 1 auto; }
[b-ju3mcqour6] .sb-size { width: 110px; flex: 0 0 auto; }

.sb-facts[b-ju3mcqour6] { margin: 0; padding: 0 16px; font-size: 14px; }
.sb-panel[b-ju3mcqour6] { padding: 0 16px 16px; }

/* The register's button grid: rows of equal buttons; on narrow screens it scrolls sideways rather than squeezing them. */
.sb-scroll[b-ju3mcqour6] { overflow-x: auto; }
.sb-grid[b-ju3mcqour6] {
    display: grid; grid-template-columns: repeat(var(--sb-columns), minmax(96px, 1fr)); gap: 8px;
    margin: 0; padding: 0; list-style: none;
}
.sb-page[b-ju3mcqour6] {
    grid-column: 1 / -1; margin-top: 4px; font-size: 12px; font-weight: 600; color: var(--mud-palette-text-secondary);
}
.sb-tile[b-ju3mcqour6] {
    position: relative; display: flex; flex-direction: column; min-height: 76px;
    background: var(--sb-bg); color: var(--sb-fg); border-radius: 6px; border: 1px solid rgba(0, 0, 0, .25);
}
.sb-off[b-ju3mcqour6] { border: 2px dashed var(--mud-palette-error); opacity: .75; }
.sb-face[b-ju3mcqour6] {
    flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 8px 6px;
    border: 0; background: transparent; color: inherit; font: inherit; text-align: center; cursor: pointer; border-radius: 6px;
}
.sb-face:hover[b-ju3mcqour6] { background: rgba(255, 255, 255, .12); }
.sb-face:focus-visible[b-ju3mcqour6] { outline: 3px solid var(--mud-palette-primary); outline-offset: 2px; }
.sb-caption[b-ju3mcqour6] { font-weight: 700; font-size: 14px; line-height: 1.2; overflow-wrap: anywhere; }
.sb-meta[b-ju3mcqour6] { font-size: 11px; opacity: .9; }
.sb-moves[b-ju3mcqour6] { display: flex; justify-content: space-between; }
.sb-moves[b-ju3mcqour6]  .mud-icon-button { color: inherit; padding: 2px; }
.sb-none[b-ju3mcqour6] { margin: 0; font-size: 14px; }
/* /Components/Pages/ShortcutButtons/ShortcutStyleEditor.razor.rz.scp.css */
.sse-title[b-f89t8w2q9w] { margin: 16px 0 6px; font-size: 13px; }
.sse-preview[b-f89t8w2q9w] { display: flex; gap: 12px; }
.sse-tile[b-f89t8w2q9w] {
    display: inline-flex; align-items: center; justify-content: center; width: 120px; height: 64px;
    border-radius: 6px; border: 1px solid rgba(0, 0, 0, .25); font-weight: 700;
}
/* /Components/Pages/Tax/TaxClassEditor.razor.rz.scp.css */
/* One row per tax: label, name, rate, receipt letter. Folds to one column on a phone. */
.tax-slots[b-mgg8pxlz2z] { display: grid; grid-template-columns: 64px minmax(180px, 2fr) minmax(120px, 1fr) minmax(120px, 1fr); gap: 0 16px; align-items: center; }
.tax-gst[b-mgg8pxlz2z] { display: grid; grid-template-columns: 64px repeat(6, minmax(84px, 1fr)); gap: 0 12px; align-items: center; }
.tax-slot-label[b-mgg8pxlz2z] { font-weight: 600; white-space: nowrap; }

@media (max-width: 959px) {
    .tax-gst[b-mgg8pxlz2z] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .tax-gst .tax-slot-label[b-mgg8pxlz2z] { grid-column: 1 / -1; margin-top: 8px; }
}

@media (max-width: 599px) {
    .tax-slots[b-mgg8pxlz2z] { grid-template-columns: 1fr; }
    .tax-slots .tax-slot-label[b-mgg8pxlz2z] { margin-top: 10px; }
}
/* /Components/Pages/Tenders/PaymentTypeEditor.razor.rz.scp.css */
/* Label · frame · a column with one line about the image over its buttons. Every part has a set size, so choosing,
   changing or removing an image swaps what is shown without moving or resizing anything. */
.pte-imagerow[b-rkuh1ty8vh] {
    display: grid;
    grid-template-columns: auto 96px minmax(0, 1fr);
    align-items: center;
    column-gap: 16px;
}

.pte-imagebox[b-rkuh1ty8vh] {
    width: 96px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
}

.pte-imagebox-empty[b-rkuh1ty8vh] {
    border-style: dashed;
}

.pte-image[b-rkuh1ty8vh] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.pte-imageside[b-rkuh1ty8vh] {
    min-width: 0;
    min-height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}

/* One line however long the file name: the rest ends in "…" (the full text is the tooltip). */
[b-rkuh1ty8vh] .pte-imageinfo {
    min-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pte-imageactions[b-rkuh1ty8vh] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

/* A narrow dialog: the label goes above, and the column keeps room for the buttons on two lines whether or not an
   image is chosen, so Remove image appearing does not make the dialog taller. */
@media (max-width: 600px) {
    .pte-imagerow[b-rkuh1ty8vh] {
        grid-template-columns: 96px minmax(0, 1fr);
        row-gap: 8px;
    }

    [b-rkuh1ty8vh] .pte-imagelabel {
        grid-column: 1 / -1;
    }

    .pte-imageside[b-rkuh1ty8vh] {
        min-height: 98px;
    }
}
/* /Components/Pages/Tenders/PaymentTypes.razor.rz.scp.css */
/* The columns share the card's whole width by their set shares (100% together), never by their content, so they stay
   put when Show inactive or the search brings other tenders in (as BillList), and no column is left with the spare
   space. Headings stay on one line. Only a window narrower than 760px scrolls sideways instead of squeezing them.
   One-line text that does not fit ends in "…"; the description may wrap.
   !important: the grid puts width:max-content on the table itself (HorizontalScrollbar), which would shrink it to the
   set widths' total and leave the card's right side empty. */
.pwo-card[b-gsvte4a71j]  .ptl-grid .mud-table-root {
    width: 100% !important;
    min-width: 760px;
    table-layout: fixed;
}

/* The exchange rate is right-aligned: room after it keeps its figures apart from the status badges. */
.pwo-card[b-gsvte4a71j]  .ptl-grid .mud-table-cell.pwo-num {
    padding-right: 32px;
}

.pwo-card[b-gsvte4a71j]  .ptl-grid .mud-table-body .mud-table-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pwo-card[b-gsvte4a71j]  .ptl-grid .mud-table-body .mud-table-cell:first-child {
    white-space: normal;
    overflow-wrap: anywhere;
}

/* The grid's loading bar lies over the top of the rows instead of adding a row above them, so the list does not jump
   each time Show inactive, the search or the sort reloads it. */
.pwo-card[b-gsvte4a71j]  .mud-table-loading {
    height: 0;
    padding: 0;
    border: 0;
}

.pwo-card[b-gsvte4a71j]  .mud-table-loading .mud-table-loading-progress {
    position: absolute;
    left: 0;
    right: 0;
}

/* Status: one badge for both states, the same height and width. Active is a filled green dot, inactive a hollow grey
   one, so the two read apart without relying on colour. */
.ptl-status[b-gsvte4a71j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
    min-width: 80px;
    height: 20px;
    padding: 0 10px;
    border: 1px solid;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
}

.ptl-status-dot[b-gsvte4a71j] {
    width: 7px;
    height: 7px;
    box-sizing: border-box;
    border-radius: 50%;
    flex: none;
}

.ptl-status-on[b-gsvte4a71j] {
    color: var(--mud-palette-success);
    background: color-mix(in srgb, var(--mud-palette-success) 12%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-success) 40%, transparent);
}

.ptl-status-on .ptl-status-dot[b-gsvte4a71j] {
    background: currentColor;
}

.ptl-status-off[b-gsvte4a71j] {
    color: var(--mud-palette-text-secondary);
    background: color-mix(in srgb, var(--mud-palette-text-secondary) 8%, transparent);
    border-color: color-mix(in srgb, var(--mud-palette-text-secondary) 35%, transparent);
}

.ptl-status-off .ptl-status-dot[b-gsvte4a71j] {
    border: 1.5px solid currentColor;
}
/* /Components/Pages/TodaySales.razor.rz.scp.css */
/* Today's sales, compact: a section title like the dashboard's others over one flat surface, whose parts stack in the
   320px side column and sit side by side when wider. */
.ts-head[b-xuge535pal] { display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 24px; margin-bottom: 12px; }
.ts-title[b-xuge535pal] { margin: 0; font-size: 16px; font-weight: 600; line-height: 24px; }
.ts-head[b-xuge535pal]  .ts-refresh { margin-right: -6px; }
.ts-panel[b-xuge535pal] {
    padding: 12px 16px 0; background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default); border-radius: 8px;
}
.ts-sub[b-xuge535pal], .ts-note[b-xuge535pal] { margin: 0; font-size: 13px; color: var(--mud-palette-text-secondary); }
.ts-note[b-xuge535pal] { padding: 8px 0 12px; }
.ts-panel[b-xuge535pal]  .ts-store { margin: 12px 0 4px; }
.ts-panel[b-xuge535pal]  .ts-loading { margin: 4px 0 16px; }

.ts-body[b-xuge535pal] { display: grid; grid-template-columns: repeat(auto-fill, minmax(256px, 1fr)); column-gap: 32px; margin-top: 8px; }

/* The figures: label and value on one line, last week in words under them. */
.ts-kpis[b-xuge535pal] { margin: 0; }
.ts-kpi[b-xuge535pal] {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; column-gap: 12px;
    padding: 10px 0; border-top: 1px solid var(--mud-palette-lines-default);
}
.ts-kpi-label[b-xuge535pal] { font-size: 13px; color: var(--mud-palette-text-secondary); }
.ts-kpi-value[b-xuge535pal] { margin: 0; font-size: 14px; font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ts-kpi-lead .ts-kpi-value[b-xuge535pal] { font-size: 20px; font-weight: 700; letter-spacing: -.01em; }
.ts-kpi-compare[b-xuge535pal] { grid-column: 1 / -1; margin: 2px 0 0; font-size: 13px; color: var(--mud-palette-text-secondary); font-variant-numeric: tabular-nums; }

.ts-hours[b-xuge535pal] { padding: 10px 0 12px; border-top: 1px solid var(--mud-palette-lines-default); }
.ts-panel-title[b-xuge535pal] { margin: 0 0 8px; font-size: 13px; font-weight: 600; line-height: 20px; }

/* The hour bars are data, not actions: neutral ink, so blue stays the colour of what can be clicked. */
.ts-chart[b-xuge535pal] { display: block; width: 100%; height: auto; overflow: visible; } /* the first and last hour labels may reach into the padding */
.ts-bar[b-xuge535pal] { fill: var(--mud-palette-text-secondary); }
.ts-axis[b-xuge535pal] { stroke: var(--mud-palette-lines-default); stroke-width: 1; }
.ts-zero[b-xuge535pal] { stroke: var(--mud-palette-text-secondary); }
.ts-tick[b-xuge535pal] { fill: var(--mud-palette-text-secondary); font-size: 11px; font-variant-numeric: tabular-nums; }

.ts-details[b-xuge535pal] { margin-top: 8px; font-size: 13px; }
.ts-details > summary[b-xuge535pal] {
    display: inline-flex; align-items: center; gap: 2px; cursor: pointer; list-style: none; color: var(--mud-palette-primary); font-weight: 500;
}
.ts-details > summary[b-xuge535pal]::-webkit-details-marker { display: none; }
.ts-details > summary:hover[b-xuge535pal] { text-decoration: underline; text-underline-offset: 3px; }
.ts-details > summary[b-xuge535pal]  .ts-chevron { color: inherit; }
.ts-details[open] > summary[b-xuge535pal]  .ts-chevron { transform: rotate(180deg); }

/* Payments by tender and top items, folded: the title and total on one line, the table when opened. */
.ts-fold[b-xuge535pal] { margin: 0; border-top: 1px solid var(--mud-palette-lines-default); }
.ts-fold > summary[b-xuge535pal], .ts-fold-none[b-xuge535pal] {
    display: flex; align-items: center; gap: 8px; min-height: 40px; font-size: 13px;
}
.ts-fold > summary[b-xuge535pal] { cursor: pointer; list-style: none; }
.ts-fold > summary[b-xuge535pal]::-webkit-details-marker { display: none; }
.ts-fold > summary:hover .ts-fold-title[b-xuge535pal] { text-decoration: underline; text-underline-offset: 3px; }
.ts-fold-title[b-xuge535pal] { flex: 1; font-weight: 600; }
.ts-fold-none[b-xuge535pal] { justify-content: space-between; }
.ts-fold-none .ts-fold-title[b-xuge535pal] { flex: none; }
.ts-fold-none .ts-note[b-xuge535pal] { padding: 0; }
.ts-fold-figure[b-xuge535pal] { font-weight: 600; font-variant-numeric: tabular-nums; }
.ts[b-xuge535pal]  .ts-chevron { transition: transform .15s ease-out; }
.ts-fold[b-xuge535pal]  .ts-chevron { color: var(--mud-palette-text-secondary); }
.ts-fold[open][b-xuge535pal]  .ts-chevron { transform: rotate(180deg); }
.ts-fold .ts-table[b-xuge535pal] { margin-bottom: 12px; }

.ts-table[b-xuge535pal] { width: 100%; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; }
.ts-table th[b-xuge535pal], .ts-table td[b-xuge535pal] { padding: 6px 4px; border-bottom: 1px solid var(--mud-palette-lines-default); text-align: left; vertical-align: top; }
.ts-table th:first-child[b-xuge535pal], .ts-table td:first-child[b-xuge535pal] { padding-left: 0; }
.ts-table th:last-child[b-xuge535pal], .ts-table td:last-child[b-xuge535pal] { padding-right: 0; }
.ts-table thead th[b-xuge535pal] { font-weight: 600; color: var(--mud-palette-text-secondary); }
.ts-table tbody th[b-xuge535pal] { font-weight: 400; overflow-wrap: anywhere; }
.ts-table tfoot th[b-xuge535pal], .ts-table tfoot td[b-xuge535pal] { font-weight: 600; border-bottom: 0; }
.ts-table .pwo-num[b-xuge535pal] { text-align: right; white-space: nowrap; }

@media (max-width: 599px) {
    .ts-tick[b-xuge535pal] { font-size: 12px; } /* the chart scales with the phone; "10 AM" still fits between two labels */
}

@media (prefers-reduced-motion: reduce) {
    .ts[b-xuge535pal]  .ts-chevron { transition: none; }
}
/* /Components/Pages/Vendors/VendorEditor.razor.rz.scp.css */
.vendor-picture[b-0ngbn7d3s0] { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 4px 0 8px; }
.vendor-picture img[b-0ngbn7d3s0] {
    max-width: 160px; max-height: 120px; object-fit: contain;
    border: 1px solid var(--mud-palette-lines-default); border-radius: 6px; background: var(--mud-palette-background);
}
/* /Components/Pages/Vendors/VendorPage.razor.rz.scp.css */
.pwo-toolbar[b-lu1jqmgxr1]  .vendor-filter { width: 190px; flex: 0 0 auto; }

/* The contact summary under a row. */
.vendor-details[b-lu1jqmgxr1] { padding: 8px 16px 12px 56px; }
.vendor-details dl[b-lu1jqmgxr1] { display: grid; grid-template-columns: max-content 1fr; gap: 4px 16px; margin: 0 0 4px; max-width: 720px; }
.vendor-details dt[b-lu1jqmgxr1] { color: var(--mud-palette-text-secondary); }
.vendor-details dd[b-lu1jqmgxr1] { margin: 0; overflow-wrap: anywhere; }
.vendor-details .vendor-note[b-lu1jqmgxr1] { white-space: pre-line; }
@media (max-width: 600px) {
    .pwo-toolbar[b-lu1jqmgxr1]  .vendor-filter { width: 100%; }
    .vendor-details[b-lu1jqmgxr1] { padding-left: 16px; }
}
/* /Components/Pages/VirtualTerminal/GatewaySetupPanel.razor.rz.scp.css */
.vt-secret[b-sh6qu5dfz1] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; padding: 8px 0; }
.vt-secret[b-sh6qu5dfz1] >  :first-child { flex-basis: 100%; }
.vt-actions[b-sh6qu5dfz1] { display: flex; gap: 8px; margin-top: 12px; }
/* /Components/Pages/VirtualTerminal/VirtualTerminalPage.razor.rz.scp.css */
.vt-take[b-4pi3xl9pfw], .vt-attention[b-4pi3xl9pfw] { margin-bottom: 16px; }
.vt-actions[b-4pi3xl9pfw] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 8px; }
.vt-hint[b-4pi3xl9pfw] { margin: 0 0 8px; font-size: 13px; }
[b-4pi3xl9pfw] .vt-attention-table { overflow-x: auto; }
.pwo-toolbar[b-4pi3xl9pfw]  .vt-filter { flex: 0 0 160px; }
.pwo-toolbar[b-4pi3xl9pfw]  .vt-date { flex: 0 0 160px; }

@media (max-width: 600px) {
    .pwo-toolbar[b-4pi3xl9pfw]  .vt-filter, .pwo-toolbar[b-4pi3xl9pfw]  .vt-date { flex: 1 1 140px; }
}
/* /Components/Pages/VirtualTerminal/VtPaymentDialog.razor.rz.scp.css */
.vt-facts[b-6ucjr635fq] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px 20px; margin: 0; }
.vt-facts dt[b-6ucjr635fq] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.vt-facts dd[b-6ucjr635fq] { margin: 0; font-weight: 500; overflow-wrap: anywhere; }
/* /Components/Pages/VirtualTerminal/VtReceiptPage.razor.rz.scp.css */
.vt-receipt[b-ib551s6weg] { max-width: 640px; margin: 16px auto; }
.vt-receipt p[b-ib551s6weg] { margin: 0; }
.vt-receipt header[b-ib551s6weg] { text-align: center; margin-bottom: 12px; }
.vt-receipt-store[b-ib551s6weg] { font-size: 18px; font-weight: 700; }
.vt-receipt-title[b-ib551s6weg] { font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin: 8px 0 !important; }
.vt-facts[b-ib551s6weg] { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 8px 20px; margin: 0 0 12px; }
.vt-facts dt[b-ib551s6weg] { font-size: 12px; color: var(--mud-palette-text-secondary); }
.vt-facts dd[b-ib551s6weg] { margin: 0; font-weight: 500; overflow-wrap: anywhere; }
.vt-receipt-lines[b-ib551s6weg] { width: 100%; border-collapse: collapse; font-size: 14px; }
.vt-receipt-lines th[b-ib551s6weg], .vt-receipt-lines td[b-ib551s6weg] { text-align: left; padding: 4px 6px; border-bottom: 1px solid var(--mud-palette-lines-default); overflow-wrap: anywhere; }
.vt-receipt-lines .pwo-num[b-ib551s6weg] { text-align: right; }
.vt-receipt-agreement[b-ib551s6weg] { margin-top: 20px !important; font-size: 13px; }
.vt-receipt-signature[b-ib551s6weg] { margin-top: 36px !important; border-bottom: 1px solid currentColor; max-width: 360px; }
.vt-receipt-thanks[b-ib551s6weg] { margin-top: 16px !important; text-align: center; }

@media print {
    .vt-receipt[b-ib551s6weg] { margin: 0; max-width: none; }
}
/* /Components/Shared/EditLink.razor.rz.scp.css */
.pwo-rowlink[b-nk00600kki] {
    border: 0; padding: 0; margin: 0; background: none; font: inherit; font-weight: 500; text-align: left; cursor: pointer;
    color: var(--mud-palette-primary); text-decoration: none;
}

.pwo-rowlink:hover[b-nk00600kki] { text-decoration: underline; }
/* /Components/Shared/LegalLinks.razor.rz.scp.css */
.legal-links[b-sengq1j6n5] {
    display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 16px;
    font-size: 12px; color: var(--mud-palette-text-secondary, var(--pwo-ink-2));
}

/* MudBlazor's palette inside the app; the sign-in pages have no MudThemeProvider, so the --pwo tokens there. */
.legal-links a[b-sengq1j6n5] { color: inherit; }
.legal-links a:hover[b-sengq1j6n5] { color: var(--mud-palette-primary, var(--pwo-blue)); }