/* _content/PrimeHospitality.Cloud.Web.Pos/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-jy6b1cwq1p] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-jy6b1cwq1p] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/PrimeHospitality.Cloud.Web.Pos/Components/Pages/KdsBoard.razor.rz.scp.css */
.kds[b-wh1nsh6o2b] {
    min-height: 100vh;
    background: var(--bg);
    color: var(--text);
    font-family: "Segoe UI", system-ui, sans-serif;
    padding: 0.6rem;
    box-sizing: border-box;
}

.kds-bar[b-wh1nsh6o2b], .kds-filters[b-wh1nsh6o2b], .kds-tools[b-wh1nsh6o2b], .kds-stages[b-wh1nsh6o2b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

.kds-bar[b-wh1nsh6o2b] { justify-content: space-between; margin-bottom: 0.5rem; }
.kds-brand[b-wh1nsh6o2b] { display: flex; flex-direction: column; line-height: 1.15; }
.kds-brand span[b-wh1nsh6o2b] { color: var(--muted); font-size: 0.85rem; }

.kds-stage[b-wh1nsh6o2b], .kds-tool[b-wh1nsh6o2b], .kds-chip[b-wh1nsh6o2b], .kds-batch-item[b-wh1nsh6o2b], .kds-recall button[b-wh1nsh6o2b] {
    border: 1px solid var(--border);
    border-radius: 999px;
    background: transparent;
    color: var(--muted);
    padding: 0.38rem 0.75rem;
    font: inherit;
    font-weight: 500;
    cursor: pointer;
}

.kds-chip.on[b-wh1nsh6o2b], .kds-tool.on[b-wh1nsh6o2b] {
    font-weight: 600;
    color: var(--text);
    background: color-mix(in srgb, var(--accent) 16%, transparent);
    border-color: color-mix(in srgb, var(--accent) 45%, var(--border));
}
.kds-stage.on[b-wh1nsh6o2b] { font-weight: 600; color: var(--text); }
.kds-stage.s-sent.on[b-wh1nsh6o2b] { background: #e7f0fa; color: #1e4a73; border-color: #c5d4e8; }
.kds-stage.s-inprep.on[b-wh1nsh6o2b] { background: #ffedd8; color: #8a3d00; border-color: #f0c090; }
.kds-stage.s-ready.on[b-wh1nsh6o2b] { background: #e5f6ec; color: #0f6b3a; border-color: #b7e4c7; }
.kds-stage em[b-wh1nsh6o2b], .kds-col h2 em[b-wh1nsh6o2b] { font-style: normal; font-weight: 500; opacity: 0.8; margin-left: 0.25rem; }

.kds-filters[b-wh1nsh6o2b] { margin-bottom: 0.45rem; }

.kds-batch[b-wh1nsh6o2b] { display: flex; gap: 0.4rem; overflow-x: auto; padding-bottom: 0.45rem; }
.kds-batch-item[b-wh1nsh6o2b] { display: flex; flex-direction: column; align-items: flex-start; border-radius: 0.7rem; min-width: 8.5rem; text-align: left; background: var(--surface); color: var(--text); }
.kds-batch-item strong[b-wh1nsh6o2b] { font-weight: 600; }
.kds-batch-item span[b-wh1nsh6o2b] { font-size: 0.75rem; font-weight: 500; color: var(--muted); }
.kds-batch-item.pack[b-wh1nsh6o2b] { border-color: #9eb6d6; }

.kds-cols[b-wh1nsh6o2b] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.6rem; align-items: start; }
.kds-col h2[b-wh1nsh6o2b] { margin: 0 0 0.4rem; font-size: 0.92rem; font-weight: 600; color: var(--muted); }
.kds[data-theme="light"] .kds-col[b-wh1nsh6o2b] {
    border-radius: 0.9rem;
    padding: 0.55rem 0.55rem 0.15rem;
    border: 1px solid transparent;
}
.kds[data-theme="light"] .kds-col:nth-child(1)[b-wh1nsh6o2b] { background: #e7f0fa; border-color: #c5d4e8; }
.kds[data-theme="light"] .kds-col:nth-child(2)[b-wh1nsh6o2b] { background: #ffedd8; border-color: #f0c090; }
.kds[data-theme="light"] .kds-col:nth-child(3)[b-wh1nsh6o2b] { background: #e5f2ea; border-color: #c9e2d2; }
.kds-card[b-wh1nsh6o2b] {
    background: #f7f4ee;
    color: #1b1f24;
    border-radius: 0.8rem;
    padding: 0.7rem 0.75rem 0.55rem;
    margin-bottom: 0.5rem;
    border: 1px solid transparent;
    border-left: 4px solid #3d6f9a;
}
.kds-card.sent[b-wh1nsh6o2b] { border-left-color: #3d6f9a; }
.kds[data-theme="light"] .kds-card[b-wh1nsh6o2b] {
    background: #fff;
    border-top-color: #d5dce6;
    border-right-color: #d5dce6;
    border-bottom-color: #d5dce6;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05), 0 8px 18px rgba(16, 24, 40, 0.08);
}
.kds-card.inprep[b-wh1nsh6o2b] { border-left-color: #e07a1a; }
.kds-card.ready[b-wh1nsh6o2b] { border-left-color: #1f8a4c; }
.kds-card.cancelled[b-wh1nsh6o2b] { border-left-color: #c0392b; }
.kds-card header[b-wh1nsh6o2b] { display: flex; justify-content: space-between; align-items: center; gap: 0.4rem; font-size: 1.15rem; }
.kds-card .age[b-wh1nsh6o2b] { font-size: 0.78rem; flex: none; }
.kds-card .age-fresh[b-wh1nsh6o2b] { background: #e5f6ec; color: #0f6b3a; }
.kds-card .age-soon[b-wh1nsh6o2b] { background: #fff4d6; color: #7a4e00; }
.kds-card .age-wait[b-wh1nsh6o2b] { background: #ffeadf; color: #8a3412; }
.kds-card .age-late[b-wh1nsh6o2b] { background: #fde8ea; color: #8e1b3a; }
.kds-meta[b-wh1nsh6o2b], .kds-note[b-wh1nsh6o2b], .kds-also[b-wh1nsh6o2b] { margin: 0.15rem 0; font-size: 0.8rem; color: #5c6770; font-weight: 500; }
.kds-note[b-wh1nsh6o2b] { color: #9a3412; }
.kds-also[b-wh1nsh6o2b] { color: #3d4a55; background: #f3efe6; border-radius: 0.4rem; padding: 0.28rem 0.4rem; }
.kds-card ul[b-wh1nsh6o2b] { list-style: none; margin: 0.35rem 0 0; padding: 0; }
.kds-card li[b-wh1nsh6o2b] { display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: center; padding: 0.28rem 0; border-top: 1px solid #ece7df; }
.kds-card li.mod[b-wh1nsh6o2b] { padding-left: 1.4rem; color: #5c6770; font-size: 0.85rem; }
.kds-card li.void[b-wh1nsh6o2b] { color: #9a3412; }
.kds-card .qty[b-wh1nsh6o2b] { font-weight: 700; min-width: 1.4rem; }
.kds-card .name[b-wh1nsh6o2b] { flex: 1; }
.kds-card .name i[b-wh1nsh6o2b] { font-style: normal; font-size: 0.7rem; background: #1d4e89; color: #fff; border-radius: 999px; padding: 0.05rem 0.35rem; margin-left: 0.3rem; }
.kds-card .name i.got[b-wh1nsh6o2b] { background: #334155; }
.kds-card li.preparing .name[b-wh1nsh6o2b] { color: #8a5a00; font-weight: 600; }
.kds-card li.ready .name[b-wh1nsh6o2b] { color: #146c43; }
.kds-card li em[b-wh1nsh6o2b] { flex-basis: 100%; color: #9a3412; font-size: 0.78rem; }
.kds-acts[b-wh1nsh6o2b] { display: flex; gap: 0.2rem; margin-left: auto; }
.kds-card button.kds-act[b-wh1nsh6o2b] {
    min-width: 4.2rem;
    border-radius: 999px;
    border: 1px solid #d9d3c9;
    background: #fff;
    color: #3d4a55;
    font: inherit;
    font-weight: 500;
    padding: 0.28rem 0.7rem;
    cursor: pointer;
}
.kds-card button.ready[b-wh1nsh6o2b] { background: #e7f6ee; color: #146c43; border-color: #b7e4c7; }
.kds-card button.pack[b-wh1nsh6o2b] { background: #e8f1fb; color: #1d4e89; border-color: #c5d7ee; }
.kds-card button.undo[b-wh1nsh6o2b] { background: transparent; color: #6b6258; border-color: transparent; font-weight: 500; }
.kds-card button.notify[b-wh1nsh6o2b] { background: #111827; color: #fff; border-color: #111827; }
.kds-card button.collect[b-wh1nsh6o2b] { background: #334155; color: #fff; border-color: #334155; }
.kds-card li.served .name[b-wh1nsh6o2b] { color: #64748b; }
.kds-called[b-wh1nsh6o2b] { margin: 0.35rem 0 0; font-size: 0.78rem; font-weight: 700; color: #111827; }
.kds-done[b-wh1nsh6o2b] { width: 100%; margin-top: 0.45rem; background: #e7f6ee; color: #0f6b3a; border: 1px solid #b7e4c7; border-radius: 0.6rem; padding: 0.5rem; font: inherit; font-weight: 600; cursor: pointer; }

.kds-off[b-wh1nsh6o2b] { padding: 2rem 1rem; text-align: center; color: var(--muted); }
.kds-recall[b-wh1nsh6o2b] { margin-top: 0.6rem; }
.kds-recall-hint[b-wh1nsh6o2b] { margin: 0.15rem 0 0.45rem; color: var(--muted); font-size: 0.82rem; font-weight: 500; }
.kds-recall-row[b-wh1nsh6o2b] { display: flex; gap: 0.4rem; overflow-x: auto; }
.kds-recall article[b-wh1nsh6o2b] {
    background: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 0.7rem;
    padding: 0.55rem 0.7rem;
    min-width: 9rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    cursor: pointer;
}
.kds-recall article.on[b-wh1nsh6o2b] { border-color: var(--accent); }
.kds-recall article.kds-peek[b-wh1nsh6o2b] { cursor: default; max-width: 28rem; margin-bottom: 0.5rem; background: #fff; color: #1b1f24; }
.kds-peek header[b-wh1nsh6o2b] { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; }
.kds-recall article button[b-wh1nsh6o2b] {
    align-self: flex-start;
    border: 1px solid var(--border);
    border-radius: 999px;
    background: transparent;
    color: var(--text);
    font: inherit;
    font-weight: 500;
    padding: 0.25rem 0.7rem;
    cursor: pointer;
}
.kds-peek header button[b-wh1nsh6o2b] { color: #3d4a55; border-color: #d5dce6; }
.kds-peek ul[b-wh1nsh6o2b] { list-style: none; margin: 0.35rem 0 0; padding: 0; }
.kds-peek li[b-wh1nsh6o2b] { display: flex; gap: 0.35rem; padding: 0.22rem 0; border-top: 1px solid #ece7df; }
.kds-peek li.mod[b-wh1nsh6o2b] { padding-left: 1.2rem; color: #5c6770; }
.kds-peek .kds-meta[b-wh1nsh6o2b], .kds-peek .kds-note[b-wh1nsh6o2b], .kds-peek .kds-recall-hint[b-wh1nsh6o2b] { color: #5c6770; }

@media (max-width: 860px) {
    .kds-cols[b-wh1nsh6o2b] { grid-template-columns: 1fr; }
    .kds-col[b-wh1nsh6o2b] { display: none; }
    .kds-col.on[b-wh1nsh6o2b] { display: block; }
    .kds-stage[b-wh1nsh6o2b], .kds-tool[b-wh1nsh6o2b], .kds-card button[b-wh1nsh6o2b] { min-height: 2.6rem; }
}