/* ═══════════════════════════════════════════════════════════════════════════
   Collections workspace.
   One token set drives light and dark; components read tokens only.
   Logical properties everywhere so RTL (Arabic) mirrors without overrides.
   Layout: heading → portfolio strip → [queues rail | worklist | case file].
═══════════════════════════════════════════════════════════════════════════ */
.fi-resource-collections .fi-header,
.fi-resource-collections.fi-page > section > .fi-header{display:none!important}
.fi-resource-collections.fi-page{gap:.5rem!important}

/* ── Tokens ───────────────────────────────────────────────────────────── */
.cw{
    --cw-surface:#fff;--cw-surface2:rgb(249 250 251);--cw-surface3:rgb(243 244 246);
    --cw-border:rgb(229 231 235);--cw-border2:rgb(209 213 219);
    --cw-text:rgb(17 24 39);--cw-text2:rgb(55 65 81);--cw-muted:rgb(107 114 128);--cw-faint:rgb(156 163 175);
    --cw-accent:rgba(var(--primary-600),1);--cw-accent-bg:rgba(var(--primary-50),1);--cw-accent-fg:rgba(var(--primary-700),1);
    --cw-danger:rgb(220 38 38);--cw-danger-bg:rgb(254 242 242);--cw-danger-fg:rgb(185 28 28);
    --cw-orange:rgb(234 88 12);--cw-orange-bg:rgb(255 247 237);--cw-orange-fg:rgb(194 65 12);
    --cw-warn:rgb(217 119 6);--cw-warn-bg:rgb(255 251 235);--cw-warn-fg:rgb(180 83 9);
    --cw-ok:rgb(22 163 74);--cw-ok-bg:rgb(240 253 244);--cw-ok-fg:rgb(21 128 61);
    --cw-info:rgb(37 99 235);--cw-info-bg:rgb(239 246 255);--cw-info-fg:rgb(29 78 216);
    --cw-pop:0 16px 40px rgb(15 23 42 / .12),0 0 0 1px rgb(229 231 235);
    --cw-radius:.75rem;
    position:relative;display:flex;flex-direction:column;gap:.75rem;min-width:0;
    font-size:.875rem;line-height:1.45;color:var(--cw-text);
    font-feature-settings:"tnum" 1;
}
.dark .cw{
    --cw-surface:rgb(17 24 39);--cw-surface2:rgb(255 255 255 / .03);--cw-surface3:rgb(255 255 255 / .06);
    --cw-border:rgb(255 255 255 / .10);--cw-border2:rgb(255 255 255 / .16);
    --cw-text:rgb(243 244 246);--cw-text2:rgb(209 213 219);--cw-muted:rgb(156 163 175);--cw-faint:rgb(107 114 128);
    --cw-accent:rgba(var(--primary-400),1);--cw-accent-bg:rgba(var(--primary-400),.12);--cw-accent-fg:rgba(var(--primary-300),1);
    --cw-danger:rgb(248 113 113);--cw-danger-bg:rgb(248 113 113 / .12);--cw-danger-fg:rgb(252 165 165);
    --cw-orange:rgb(251 146 60);--cw-orange-bg:rgb(251 146 60 / .12);--cw-orange-fg:rgb(253 186 116);
    --cw-warn:rgb(251 191 36);--cw-warn-bg:rgb(251 191 36 / .12);--cw-warn-fg:rgb(252 211 77);
    --cw-ok:rgb(74 222 128);--cw-ok-bg:rgb(74 222 128 / .12);--cw-ok-fg:rgb(134 239 172);
    --cw-info:rgb(96 165 250);--cw-info-bg:rgb(96 165 250 / .12);--cw-info-fg:rgb(147 197 253);
    --cw-pop:0 16px 40px rgb(0 0 0 / .45),0 0 0 1px rgb(255 255 255 / .10);
}
.cw *,.cw *::before,.cw *::after{box-sizing:border-box}
.cw button{font:inherit;color:inherit;cursor:pointer}
.cw [x-cloak]{display:none!important}
.cw .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cw-i{width:1rem;height:1rem;flex-shrink:0}
.cw-i--sm{width:.875rem;height:.875rem}
.cw-i--xs{width:.75rem;height:.75rem}
[dir=ltr] .cw-flip{transform:scaleX(-1)}
.cw-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cw-num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.cw-mono,.cw-code{font-family:ui-monospace,SFMono-Regular,"Cascadia Code",Menlo,monospace}
.cw-code{font-size:.75rem;font-weight:650;color:var(--cw-text2);white-space:nowrap}
.cw-eyebrow{font-size:.6875rem;font-weight:700;letter-spacing:.04em;color:var(--cw-muted)}
.cw-panel{background:var(--cw-surface);border:1px solid var(--cw-border);border-radius:var(--cw-radius)}
.cw button:focus-visible,.cw a:focus-visible,.cw summary:focus-visible,.cw input:focus-visible,.cw select:focus-visible{outline:2px solid var(--cw-accent);outline-offset:2px}

/* ── Buttons ──────────────────────────────────────────────────────────── */
.cw .cw-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;height:2.25rem;padding:0 .75rem;border-radius:.5rem;border:1px solid var(--cw-border);background:var(--cw-surface);color:var(--cw-text2);font-size:.8125rem;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.cw .cw-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--cw-accent) 35%,transparent);color:var(--cw-accent-fg);background:var(--cw-accent-bg)}
.cw .cw-btn:disabled{opacity:.45;cursor:not-allowed}
.cw .cw-btn.is-on{background:var(--cw-accent-bg);border-color:color-mix(in srgb,var(--cw-accent) 35%,transparent);color:var(--cw-accent-fg)}
.cw .cw-btn--primary,.cw .cw-btn--primary:hover:not(:disabled){background:var(--cw-accent);border-color:var(--cw-accent);color:#fff}
.cw .cw-btn--primary:hover:not(:disabled){filter:brightness(1.06)}
.cw .cw-btn--ghost{border-color:transparent;background:transparent}
.cw .cw-btn--ghost:hover:not(:disabled){border-color:transparent;background:var(--cw-surface3);color:var(--cw-text)}
.cw .cw-btn--icon{width:2.25rem;padding:0}
.cw .cw-btn--sm{height:2rem;padding:0 .625rem;font-size:.75rem}
.cw .cw-btn--icon.cw-btn--sm{width:2rem;padding:0}
.cw-btn__dir{font-weight:800}
.cw-badge-n{display:inline-flex;min-width:1.125rem;height:1.125rem;padding:0 .3rem;align-items:center;justify-content:center;border-radius:999px;background:var(--cw-accent);color:#fff;font-size:.625rem;font-weight:750;line-height:1}
.cw .cw-ib{display:inline-grid;place-items:center;min-width:2rem;min-height:2rem;padding:.375rem;border:0;border-radius:.5rem;background:none;color:var(--cw-muted);text-decoration:none;transition:color .15s,background .15s}
.cw .cw-ib:hover{background:var(--cw-surface3);color:var(--cw-accent)}
.cw .cw-ib--sm{min-width:1.75rem;min-height:1.75rem;padding:.25rem}
.cw .cw-ib.is-disabled{opacity:.35;pointer-events:none}
.cw-kbd{display:inline-grid;place-items:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:.3rem;border:1px solid var(--cw-border2);background:var(--cw-surface2);font:700 .625rem/1 ui-monospace,monospace;color:var(--cw-muted)}
.cw-kbd--on-primary{border-color:rgb(255 255 255 / .35);background:rgb(255 255 255 / .16);color:#fff}

/* ── Chips ────────────────────────────────────────────────────────────── */
.cw-chip{--c:var(--cw-muted);--cb:var(--cw-surface3);display:inline-flex;align-items:center;gap:.25rem;padding:.0625rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;line-height:1.25rem;white-space:nowrap;vertical-align:middle;background:var(--cb);color:var(--c);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 22%,transparent)}
.cw-chip--xs{padding:0 .375rem;font-size:.6875rem;line-height:1.125rem}
.cw-chip--gray,.cw-chip--neutral{--c:var(--cw-text2);--cb:var(--cw-surface3)}
.cw-chip--success,.cw-chip--ok,.cw-chip--green{--c:var(--cw-ok-fg);--cb:var(--cw-ok-bg)}
.cw-chip--danger,.cw-chip--red{--c:var(--cw-danger-fg);--cb:var(--cw-danger-bg)}
.cw-chip--warning,.cw-chip--warn,.cw-chip--amber{--c:var(--cw-warn-fg);--cb:var(--cw-warn-bg)}
.cw-chip--info,.cw-chip--blue{--c:var(--cw-info-fg);--cb:var(--cw-info-bg)}
.cw-chip--primary,.cw-chip--orange{--c:var(--cw-orange-fg);--cb:var(--cw-orange-bg)}

/* ── Heading ──────────────────────────────────────────────────────────── */
.cw-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.cw-heading h1{margin:0;font-size:1.375rem;font-weight:750;letter-spacing:-.02em;line-height:1.3;color:var(--cw-text)}
.cw-heading p{margin:.125rem 0 0;font-size:.8125rem;color:var(--cw-muted)}
.cw-heading__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.cw-updated{font-size:.6875rem;color:var(--cw-faint);white-space:nowrap}

/* ── Portfolio strip ─────────────────────────────────────────────────── */
.cw-summary{display:grid;grid-template-columns:minmax(12rem,auto) minmax(18rem,1fr) auto;align-items:center;gap:.75rem 1.5rem;padding:.75rem 1rem;background:var(--cw-surface);border:1px solid var(--cw-border);border-radius:var(--cw-radius)}
.cw-summary__lbl{display:block;font-size:.6875rem;font-weight:650;color:var(--cw-muted)}
.cw-summary__total strong{display:block;font-size:1.5rem;font-weight:750;letter-spacing:-.025em;line-height:1.25;white-space:nowrap}
.cw-summary__total small{font-size:.6875rem;color:var(--cw-muted)}
.cw-summary .cw-feedback{grid-column:1 / -1;border-radius:.5rem}
.cw-aging{min-width:0;padding-inline:1.25rem;border-inline:1px solid var(--cw-border)}
.cw-aging__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.375rem}
.cw .cw-aging__clear{border:0;background:none;padding:0;font-size:.6875rem;font-weight:650;color:var(--cw-accent)}
.cw-aging__track{display:flex;gap:2px;height:.5rem;border-radius:999px;overflow:hidden;background:var(--cw-surface3)}
.cw .cw-aging__seg{flex-basis:0;min-width:0;border:0;padding:0;transition:opacity .15s,filter .15s}
.cw .cw-aging__seg:hover{filter:brightness(1.1)}
.cw-aging.has-filter .cw-aging__seg:not(.is-on){opacity:.3}
.cw-aging__legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;margin-top:.375rem}
.cw .cw-aging__item{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:.1875rem .375rem;min-width:0;text-align:start;border:1px solid transparent;border-radius:.375rem;background:none;font-size:.6875rem;color:var(--cw-muted)}
.cw .cw-aging__item:hover{background:var(--cw-surface3)}
.cw .cw-aging__item.is-on{background:var(--cw-accent-bg);border-color:color-mix(in srgb,var(--cw-accent) 30%,transparent);color:var(--cw-accent-fg)}
.cw-aging__item b{font-size:.8125rem;font-weight:700;color:var(--cw-text);white-space:nowrap}
.cw-aging__l{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}
.cw-aging__pct{color:var(--cw-faint)}
.cw-aging__dot{width:.5rem;height:.5rem;border-radius:2px;flex-shrink:0}
.cw-seg--notice{background:var(--cw-info)}.cw-seg--amber{background:var(--cw-warn)}
.cw-seg--red{background:var(--cw-orange)}.cw-seg--critical{background:var(--cw-danger)}
.cw-kpis{display:flex;gap:.5rem}
.cw .cw-kpi{display:flex;align-items:center;gap:.625rem;min-width:0;padding:.5rem .875rem .5rem .625rem;border:1px solid var(--cw-border);border-radius:.625rem;background:var(--cw-surface);text-align:start;transition:background .15s,border-color .15s}
.cw .cw-kpi:hover{background:var(--cw-surface2);border-color:var(--cw-border2)}
.cw .cw-kpi.is-on{background:var(--cw-accent-bg);border-color:color-mix(in srgb,var(--cw-accent) 40%,transparent)}
.cw-kpi__ico{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.5rem;flex-shrink:0}
.cw-kpi__ico.is-warn{background:var(--cw-warn-bg);color:var(--cw-warn)}
.cw-kpi__ico.is-orange{background:var(--cw-orange-bg);color:var(--cw-orange)}
.cw-kpi__ico.is-danger{background:var(--cw-danger-bg);color:var(--cw-danger)}
.cw-kpi__txt{display:flex;flex-direction:column;min-width:0}
.cw-kpi__txt>span{font-size:.6875rem;font-weight:600;color:var(--cw-muted);white-space:nowrap}
.cw-kpi__txt strong{font-size:1.0625rem;font-weight:750;line-height:1.3;white-space:nowrap}
.cw-kpi--risk strong{color:var(--cw-danger)}

/* ── Body: queues rail + main ────────────────────────────────────────── */
.cw-body{display:grid;grid-template-columns:13.5rem minmax(0,1fr);align-items:start;gap:.75rem;min-width:0}
.cw-queues{display:flex;flex-direction:column;gap:.25rem;min-width:0;padding:.5rem;background:var(--cw-surface);border:1px solid var(--cw-border);border-radius:var(--cw-radius)}
.cw-queues__heading{display:flex;flex-direction:column;gap:.0625rem;padding:.25rem .5rem .5rem;border-block-end:1px solid var(--cw-border);margin-bottom:.25rem}
.cw-queues__heading span{font-size:.75rem;font-weight:700;color:var(--cw-text)}
.cw-queues__heading small{font-size:.625rem;color:var(--cw-faint)}
.cw-queues__items{display:flex;flex-direction:column;gap:.125rem;min-width:0}
.cw-queues__skel .cw-skel{height:2rem;margin-bottom:.25rem}
.cw .cw-queue{position:relative;display:flex;align-items:center;gap:.5rem;width:100%;min-height:2.125rem;padding:0 .625rem;border:0;border-radius:.5rem;background:none;text-align:start;font-size:.8125rem;font-weight:550;color:var(--cw-text2);transition:background .12s,color .12s}
.cw .cw-queue:hover{background:var(--cw-surface3);color:var(--cw-text)}
.cw .cw-queue.is-on{background:var(--cw-accent-bg);color:var(--cw-accent-fg);font-weight:700}
.cw .cw-queue.is-on::before{content:"";position:absolute;inset-inline-start:0;inset-block:.375rem;width:3px;border-radius:3px;background:var(--cw-accent)}
.cw-queue__mark{width:.375rem;height:.375rem;border-radius:999px;background:var(--cw-border2);flex-shrink:0}
.cw-queue.is-urgent .cw-queue__mark{background:var(--cw-danger)}
.cw-queue__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cw-queue b{min-width:1.5rem;padding:0 .375rem;border-radius:999px;background:var(--cw-surface3);font-size:.6875rem;font-weight:700;line-height:1.25rem;text-align:center;color:var(--cw-text2)}
.cw-queue.is-urgent b{background:var(--cw-danger-bg);color:var(--cw-danger-fg)}
.cw-queue.is-on b{background:var(--cw-accent);color:#fff}
.cw-queue.is-zero{color:var(--cw-faint)}
.cw-queue.is-zero b{background:none;color:var(--cw-faint)}

.cw-main{--cw-h:42rem;display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;height:var(--cw-h);min-height:26rem;min-width:0}
.cw-layout--expanded .cw-main.has-detail{grid-template-columns:minmax(0,1fr) clamp(27rem,36%,33rem)}

/* ── Worklist ────────────────────────────────────────────────────────── */
.cw-listcol{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0}
.cw-progress{position:absolute;inset-inline:0;top:0;height:2px;z-index:6;overflow:hidden;border-radius:var(--cw-radius) var(--cw-radius) 0 0;opacity:0;transition:opacity .15s}
.cw-progress.is-on{opacity:1}
.cw-progress::after{content:"";position:absolute;inset-block:0;inset-inline-start:-40%;width:40%;background:linear-gradient(90deg,transparent,var(--cw-accent),transparent);animation:cw-slide 1s ease-in-out infinite}
@keyframes cw-slide{to{inset-inline-start:100%}}

.cw-toolbar{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .625rem;padding:.625rem .75rem;border-block-end:1px solid var(--cw-border);flex-shrink:0}
.cw-toolbar__title{display:flex;align-items:center;gap:.5rem;min-width:0;flex-shrink:0}
.cw-toolbar__title h2{margin:0;font-size:.9375rem;font-weight:750;white-space:nowrap}
.cw-result-count{font-size:.6875rem;color:var(--cw-muted);white-space:nowrap;background:var(--cw-surface3);border-radius:999px;padding:.125rem .5rem}
.cw-result-count b{color:var(--cw-text);font-weight:700}
.cw-search{position:relative;flex:1 1 14rem;min-width:11rem}
.cw-search__ico{position:absolute;inset-inline-start:.625rem;top:50%;translate:0 -50%;color:var(--cw-faint);pointer-events:none}
.cw .cw-search__input{width:100%;height:2.25rem;padding-inline:2.125rem 2.25rem;border:1px solid var(--cw-border);border-radius:.5rem;background:var(--cw-surface2);color:var(--cw-text);font-size:.8125rem;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}
.cw-search__input::placeholder{color:var(--cw-faint)}
.cw .cw-search__input:focus{border-color:var(--cw-accent);background:var(--cw-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--cw-accent) 16%,transparent);outline:none}
.cw-search__input::-webkit-search-cancel-button{display:none}
.cw-search__kbd{position:absolute;inset-inline-end:.5rem;top:50%;translate:0 -50%;pointer-events:none}
.cw-search__input:focus ~ .cw-search__kbd{display:none}
.cw-toolbar__tools{display:flex;align-items:center;gap:.375rem;flex-shrink:0}
.cw-seg{display:inline-flex;padding:.1875rem;border-radius:.5rem;background:var(--cw-surface3);flex-shrink:0}
.cw .cw-seg button{display:inline-flex;align-items:center;gap:.3125rem;height:1.875rem;padding:0 .625rem;border:0;border-radius:.375rem;background:transparent;font-size:.75rem;font-weight:650;color:var(--cw-muted);white-space:nowrap}
.cw .cw-seg button:hover{color:var(--cw-text)}
.cw .cw-seg button.is-on{background:var(--cw-surface);color:var(--cw-accent-fg);box-shadow:0 1px 2px rgb(15 23 42 / .08),0 0 0 1px var(--cw-border)}

.cw-pop-anchor{position:relative}
.cw-pop{position:absolute;z-index:40;background:var(--cw-surface);border-radius:.75rem;box-shadow:var(--cw-pop);padding:.375rem;min-width:12rem}
.cw-pop--sort{inset-inline-end:0;top:calc(100% + .375rem);min-width:14rem}
.cw-pop--filters{inset-inline-end:.75rem;top:calc(100% - .25rem);width:min(36rem,calc(100% - 1.5rem));max-height:70vh;overflow:auto;padding:1rem}
.cw-pop__pair{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.25rem;padding:.125rem .25rem .125rem .5rem;border-radius:.5rem;font-size:.8125rem;color:var(--cw-text2)}
.cw-pop__pair:hover{background:var(--cw-surface2)}
.cw .cw-pop__dir{width:1.75rem;height:1.75rem;border:0;border-radius:.375rem;background:none;font-weight:800;color:var(--cw-muted)}
.cw .cw-pop__dir:hover{background:var(--cw-surface3);color:var(--cw-text)}
.cw .cw-pop__dir.is-on{background:var(--cw-accent-bg);color:var(--cw-accent-fg)}
.cw .cw-pop__item{display:flex;width:100%;align-items:center;gap:.5rem;padding:.4375rem .625rem;border:0;border-radius:.5rem;background:none;text-align:start;font-size:.8125rem;color:var(--cw-text2)}
.cw .cw-pop__item:hover{background:var(--cw-surface3);color:var(--cw-text)}
.cw-pop__item .cw-i{color:var(--cw-faint)}
.cw-pop__sep{height:1px;background:var(--cw-border);margin:.25rem 0}
.cw-pop__foot{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--cw-border)}
.cw-fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.75rem}
.cw-field label{display:block;margin-bottom:.375rem;font-size:.75rem;font-weight:600;color:var(--cw-text2)}
.cw-range{display:flex;gap:.375rem}
.cw .cw-input{width:100%;height:2.25rem;padding:0 .625rem;border-radius:.5rem;border:1px solid var(--cw-border2);background:var(--cw-surface);color:var(--cw-text);font-size:.8125rem;outline:none}
.cw .cw-input:focus{border-color:var(--cw-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cw-accent) 16%,transparent);outline:none}
.cw .cw-input--sm{width:auto;height:2rem;font-size:.75rem}
.cw-fmulti{max-height:9rem;overflow:auto;border:1px solid var(--cw-border2);border-radius:.5rem;padding:.25rem;background:var(--cw-surface)}
.cw-fmulti label{display:flex;gap:.4rem;align-items:center;margin:0;padding:.2rem .3rem;font-size:.8125rem;font-weight:500;color:var(--cw-text2)}
.cw .cw-check{appearance:auto;-webkit-appearance:auto;width:1rem;height:1rem;padding:0;border:0;border-radius:.25rem;background:none;box-shadow:none;accent-color:var(--cw-accent);cursor:pointer}

.cw-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;padding:.5rem .75rem;border-block-end:1px solid var(--cw-border);flex-shrink:0}
.cw-fchip{display:inline-flex;align-items:center;gap:.25rem;height:1.5rem;padding:0 .25rem 0 .5rem;border-radius:.375rem;background:var(--cw-accent-bg);color:var(--cw-accent-fg);font-size:.75rem;font-weight:650;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cw-accent) 24%,transparent)}
.cw .cw-fchip button{display:grid;place-items:center;width:1.125rem;height:1.125rem;border:0;border-radius:999px;background:none}
.cw .cw-fchip button:hover{background:color-mix(in srgb,var(--cw-accent) 22%,transparent)}
.cw-bulk{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;padding:.5rem .75rem;background:var(--cw-accent-bg);border-block-end:1px solid color-mix(in srgb,var(--cw-accent) 28%,transparent);flex-shrink:0}
.cw-bulk__n{font-weight:800;color:var(--cw-accent-fg);margin-inline-end:.375rem}
.cw .cw-bulk__clear{margin-inline-start:auto}
.cw-feedback{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;background:var(--cw-warn-bg);color:var(--cw-warn-fg);font-size:.75rem;flex-shrink:0}

/* ── Table ───────────────────────────────────────────────────────────── */
.cw-scroll{flex:1;min-height:0;overflow:auto;overflow-anchor:none;overscroll-behavior:contain;scroll-padding-block-start:2.5rem;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgb(107 114 128 / .4) transparent}
.cw-table{width:100%;min-width:42rem;border-collapse:separate;border-spacing:0;color:var(--cw-text)}
.cw-th{position:sticky;top:0;z-index:4;height:2.25rem;padding:0 .75rem;white-space:nowrap;vertical-align:middle;text-align:start;font-size:.6875rem;font-weight:650;letter-spacing:.03em;color:var(--cw-muted);background:var(--cw-surface2);border-bottom:1px solid var(--cw-border);backdrop-filter:blur(6px)}
.dark .cw-th{background:rgb(23 31 46)}
.cw .cw-th button{display:inline-flex;align-items:center;gap:.15rem;border:0;background:none;padding:0;font:inherit;letter-spacing:inherit;color:inherit}
.cw .cw-th button:hover,.cw .cw-th .is-sorted{color:var(--cw-accent)}
.cw-th--end,.cw-td--end{text-align:end}
.cw-th--check,.cw-td--check{width:2.5rem;padding-inline:.625rem .25rem!important;text-align:center}
.cw-th--inv{width:11rem}
.cw-th--status{width:14rem}
.cw-th--act{width:8.75rem}
.cw-td{padding:.625rem .75rem;vertical-align:middle;font-size:.8125rem;border-bottom:1px solid var(--cw-border)}
.cw-dense .cw-td{padding-block:.375rem}
.cw-dense .cw-sub,.cw-dense .cw-amount__paid{display:none}
.cw-dense .cw-avatar{width:1.625rem;height:1.625rem;font-size:.625rem}

.cw-row{--cw-sev:var(--cw-info);cursor:pointer;outline:none;transition:background-color .12s}
.cw-row.is-amber{--cw-sev:var(--cw-warn)}.cw-row.is-red{--cw-sev:var(--cw-orange)}.cw-row.is-critical{--cw-sev:var(--cw-danger)}
.cw-row>.cw-td:first-child{box-shadow:inset 3px 0 0 var(--cw-sev)}
[dir=rtl] .cw-row>.cw-td:first-child{box-shadow:inset -3px 0 0 var(--cw-sev)}
.cw-row:hover{background:var(--cw-surface2)}
.cw-row.is-checked{background:color-mix(in srgb,var(--cw-accent-bg) 60%,transparent)}
.cw-row.is-sel{background:var(--cw-accent-bg)}
.cw-row.is-sel>.cw-td:first-child{box-shadow:inset 3px 0 0 var(--cw-accent)}
[dir=rtl] .cw-row.is-sel>.cw-td:first-child{box-shadow:inset -3px 0 0 var(--cw-accent)}
.cw-row:focus-visible{outline:2px solid var(--cw-accent);outline-offset:-2px}

.cw-guest{display:flex;align-items:center;gap:.625rem;min-width:0}
.cw-guest__body{display:flex;flex-direction:column;min-width:0}
.cw-guest__name{display:flex;align-items:center;gap:.375rem;min-width:0}
.cw-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:650;color:var(--cw-text)}
.cw .cw-count{display:inline-flex;align-items:center;gap:.1875rem;height:1.25rem;padding:0 .375rem;border:0;border-radius:999px;background:var(--cw-surface3);font-size:.6875rem;font-weight:700;color:var(--cw-text2);flex-shrink:0}
.cw .cw-count:hover{background:var(--cw-accent-bg);color:var(--cw-accent-fg)}
.cw-avatar{--cw-sev:var(--cw-info);display:grid;place-items:center;width:2rem;height:2rem;border-radius:.625rem;flex-shrink:0;font-size:.6875rem;font-weight:800;color:var(--cw-sev);background:color-mix(in srgb,var(--cw-sev) 12%,transparent)}
.cw-avatar.is-amber{--cw-sev:var(--cw-warn)}.cw-avatar.is-red{--cw-sev:var(--cw-orange)}.cw-avatar.is-critical{--cw-sev:var(--cw-danger)}
.cw-sub{display:flex;align-items:center;flex-wrap:wrap;gap:.125rem .5rem;margin-top:.1875rem;font-size:.6875rem;line-height:1.35;color:var(--cw-muted)}
.cw-sub.cw-ellipsis{display:block}
.cw-sub__room{display:inline-flex;align-items:center;gap:.1875rem;font-weight:600;color:var(--cw-text2)}
.cw-sub.is-tone-danger{color:var(--cw-danger-fg)}.cw-sub.is-tone-warning{color:var(--cw-warn-fg)}
.cw-inv__l1{display:flex;align-items:center;gap:.375rem;min-width:0;flex-wrap:wrap}
.cw-amount{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}
.cw-amount__v{font-size:.875rem;font-weight:750;white-space:nowrap}
.cw-row.is-critical .cw-amount__v{color:var(--cw-danger-fg)}
.cw-amount__paid{display:inline-flex;align-items:center;gap:.375rem;font-size:.625rem;font-weight:600;color:var(--cw-muted);white-space:nowrap}
.cw-meter{display:inline-block;width:3.5rem;height:.25rem;border-radius:999px;background:var(--cw-surface3);overflow:hidden}
.cw-meter i{display:block;height:100%;border-radius:inherit;background:var(--cw-ok);transition:width .3s}
.cw-meter i.is-mid{background:var(--cw-warn)}
.cw-meter i.is-low{background:var(--cw-danger)}
.cw-meter--lg{display:block;width:100%;height:.375rem}
.cw-td--late .cw-sub{display:block;white-space:nowrap}
.cw-status{min-width:0;max-width:14rem}
.cw-row.is-loss>.cw-td:first-child{box-shadow:inset 3px 0 0 var(--cw-danger)}
[dir=rtl] .cw-row.is-loss>.cw-td:first-child{box-shadow:inset -3px 0 0 var(--cw-danger)}
.cw-loss{display:flex;align-items:center;gap:.35rem;margin-top:.2rem;font-size:.75rem;font-weight:750;color:var(--cw-danger-fg)}
.cw-loss__tag{padding:.05rem .4rem;border-radius:99px;background:var(--cw-danger-bg);color:var(--cw-danger-fg);font-size:.68rem;font-weight:800}
.cw-cover{margin-top:.15rem;font-size:.72rem;font-weight:700;color:var(--cw-ok-fg)}
.cw-risk{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:650;white-space:nowrap;color:var(--cw-faint)}
.cw-risk.is-exposed{color:var(--cw-danger-fg)}
.cw-risk.is-covered{color:var(--cw-ok-fg)}
.cw-acts{display:flex;align-items:center;justify-content:flex-end;gap:.125rem}
.cw .cw-pay-btn{display:inline-flex;align-items:center;gap:.3125rem;height:1.875rem;padding:0 .625rem;margin-inline-end:.125rem;border:1px solid color-mix(in srgb,var(--cw-accent) 28%,transparent);border-radius:.5rem;background:var(--cw-accent-bg);color:var(--cw-accent-fg);font-size:.75rem;font-weight:700;white-space:nowrap;transition:background .15s,color .15s}
.cw .cw-pay-btn:hover{background:var(--cw-accent);border-color:var(--cw-accent);color:#fff}
.cw-layout--expanded .cw-main.has-detail .cw-th--inv,
.cw-layout--expanded .cw-main.has-detail .cw-td--inv{display:none}
.cw-layout--expanded .cw-main.has-detail .cw-pay-btn span{display:none}
.cw-layout--expanded .cw-main.has-detail .cw-th--act{width:6.5rem}

.cw-skel{border-radius:.375rem;background:linear-gradient(90deg,var(--cw-surface3) 25%,color-mix(in srgb,var(--cw-surface3) 45%,var(--cw-surface)) 50%,var(--cw-surface3) 75%);background-size:200% 100%;animation:cw-shimmer 1.2s linear infinite}
@keyframes cw-shimmer{to{background-position:-200% 0}}
.cw-skel-row .cw-td{cursor:default}
.cw-skel-guest{display:flex;align-items:center;gap:.625rem}
.cw-skel-guest>div:last-child{flex:1}
.cw-skel--box{width:1rem;height:1rem;margin-inline:auto}
.cw-skel--avatar{width:2rem;height:2rem;border-radius:.625rem;flex-shrink:0}
.cw-skel--line{height:.625rem;width:70%}
.cw-skel--sub{height:.5rem;width:45%;margin-top:.5rem}
.cw-skel--end{margin-inline-start:auto}
.cw-skel--chip{height:1.125rem;width:2.75rem}
.cw-skel--card{height:4rem;border-radius:.75rem}
.cw-empty{display:grid;place-items:center;text-align:center;gap:.5rem;padding:4rem 1.5rem;color:var(--cw-muted)}
.cw-empty__ico{display:grid;place-items:center;width:3rem;height:3rem;border-radius:999px;background:var(--cw-surface3);color:var(--cw-faint)}
.cw-empty__ico .cw-i{width:1.5rem;height:1.5rem}
.cw-empty__ico.is-ok{background:var(--cw-ok-bg);color:var(--cw-ok)}
.cw-empty__ico.is-danger{background:var(--cw-danger-bg);color:var(--cw-danger)}
.cw-empty__t{font-size:.9375rem;font-weight:700;color:var(--cw-text)}

.cw-pager{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1rem;flex-wrap:wrap;padding:.5rem .75rem;border-block-start:1px solid var(--cw-border);flex-shrink:0;font-size:.75rem;color:var(--cw-muted)}
.cw-pager b{color:var(--cw-text2);font-weight:650}
.cw-pager__nav{display:flex;align-items:center;gap:.375rem}
.cw .cw-pager__page{width:3rem;height:2rem;text-align:center;border-radius:.375rem;border:1px solid var(--cw-border2);background:var(--cw-surface);color:var(--cw-text);font-size:.75rem;font-weight:650;outline:none}
[dir=rtl] .cw-pager__nav .cw-btn .cw-i{transform:scaleX(-1)}

/* ── Case file ───────────────────────────────────────────────────────── */
html.cw-case-open{overflow:hidden!important}
.cw-detail{display:none;flex-direction:column;min-height:0;min-width:0;overflow:hidden}
.cw-main.has-detail .cw-detail{display:flex}
.cw-layout--drawer .cw-detail,.cw-layout--cards .cw-detail{position:fixed;inset-block:0;inset-inline-end:0;z-index:60;width:min(34rem,100vw);border-radius:0;border-block:0;border-inline-end:0;box-shadow:-24px 0 60px rgb(0 0 0 / .25)}
[dir=rtl] .cw-layout--drawer .cw-detail,[dir=rtl] .cw-layout--cards .cw-detail{box-shadow:24px 0 60px rgb(0 0 0 / .25)}
.cw-layout--cards .cw-detail{width:100vw}
.cw-scrim{position:fixed;inset:0;z-index:55;background:rgb(15 23 42 / .45);backdrop-filter:blur(2px)}
.cw-d-wrap{display:flex;flex-direction:column;flex:1;min-height:0}
.cw-d-head{--cw-sev:var(--cw-info);display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem .75rem;flex-shrink:0;box-shadow:inset 0 3px 0 var(--cw-sev)}
.cw-d-head.is-amber{--cw-sev:var(--cw-warn)}.cw-d-head.is-red{--cw-sev:var(--cw-orange)}.cw-d-head.is-critical{--cw-sev:var(--cw-danger)}
.cw .cw-d-avatar{width:2.75rem;height:2.75rem;border-radius:.75rem;font-size:.875rem}
.cw-d-id{flex:1;min-width:0}
.cw-d-name{font-size:1.0625rem;font-weight:750;letter-spacing:-.01em;line-height:1.35}
.cw-d-phone{display:flex;align-items:center;gap:.125rem;flex-wrap:wrap;font-size:.8125rem;color:var(--cw-muted)}
.cw-d-phone>span{margin-inline-end:.25rem}
.cw-d-nav{display:flex;align-items:center;gap:.125rem;flex-shrink:0}
.cw-d-pos{font-size:.6875rem;color:var(--cw-faint);margin-inline-end:.25rem;white-space:nowrap}
.cw-d-tabs{display:flex;gap:.125rem;padding:0 1rem;border-block-end:1px solid var(--cw-border);flex-shrink:0;overflow-x:auto;scrollbar-width:none}
.cw .cw-d-tab{position:relative;display:inline-flex;align-items:center;gap:.375rem;height:2.5rem;padding:0 .625rem;border:0;background:none;font-size:.8125rem;font-weight:650;color:var(--cw-muted);white-space:nowrap;flex-shrink:0}
.cw .cw-d-tab:hover{color:var(--cw-text)}
.cw .cw-d-tab.is-on{color:var(--cw-accent-fg)}
.cw-d-tab.is-on::after{content:"";position:absolute;inset-inline:.375rem;bottom:-1px;height:2px;border-radius:2px;background:var(--cw-accent)}
.cw-d-tab small{font-size:.625rem;font-weight:800;padding:0 .3rem;border-radius:999px;background:var(--cw-surface3);color:var(--cw-text2)}
.cw-d-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:1rem 1.25rem 1.25rem;scrollbar-width:thin}
.cw-d-stack{display:flex;flex-direction:column;gap:.75rem}
.cw-d-stack--tight{gap:.5rem}
.cw-d-stack>*{flex-shrink:0}
.cw-d-empty{display:grid;place-content:center;justify-items:center;text-align:center;gap:.5rem;height:100%;padding:2rem;color:var(--cw-muted)}
.cw-d-empty--inline{height:auto;padding:2rem 1rem;border:1px dashed var(--cw-border2);border-radius:.75rem}

.cw-hero{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:.75rem;background:var(--cw-surface2);border:1px solid var(--cw-border)}
.cw-hero__row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.cw-hero__lbl{font-size:.75rem;font-weight:650;color:var(--cw-muted)}
.cw-hero__amt{font-size:1.875rem;font-weight:750;letter-spacing:-.03em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cw-hero__totals{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;font-size:.75rem;color:var(--cw-muted)}
.cw-hero__totals b{color:var(--cw-text);font-weight:650}
.cw-hero__totals small{color:var(--cw-faint)}
.cw-hero__inv{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--cw-border);font-size:.75rem;color:var(--cw-muted)}
.cw .cw-hero__guest{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem .625rem;border:1px dashed var(--cw-border2);border-radius:.5rem;background:var(--cw-surface);font-size:.75rem;color:var(--cw-text2);text-align:start}
.cw .cw-hero__guest:hover{border-color:var(--cw-accent);color:var(--cw-accent-fg)}

.cw-next{--cw-tone:var(--cw-muted);display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;border:1px solid var(--cw-border);border-inline-start:3px solid var(--cw-tone);border-radius:.75rem;background:var(--cw-surface)}
.cw-next.is-danger{--cw-tone:var(--cw-danger)}.cw-next.is-warning{--cw-tone:var(--cw-warn)}.cw-next.is-info{--cw-tone:var(--cw-info)}.cw-next.is-success{--cw-tone:var(--cw-ok)}
.cw-next__body{flex:1;min-width:0}
.cw-next__title{font-size:.9375rem;font-weight:750;margin-top:.0625rem}
.cw-next__reason{font-size:.75rem;color:var(--cw-muted);margin-top:.125rem}

.cw-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}
.cw-quick--row{display:flex;flex-wrap:wrap;gap:.375rem}
.cw .cw-quick__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;min-height:3.5rem;padding:.5rem .25rem;border:1px solid var(--cw-border);border-radius:.625rem;background:var(--cw-surface);font-size:.6875rem;font-weight:650;color:var(--cw-text2);text-align:center;transition:background .15s,border-color .15s,color .15s}
.cw .cw-quick__btn .cw-i{width:1.125rem;height:1.125rem;color:var(--cw-muted)}
.cw .cw-quick__btn:hover{background:var(--cw-accent-bg);border-color:color-mix(in srgb,var(--cw-accent) 35%,transparent);color:var(--cw-accent-fg)}
.cw .cw-quick__btn:hover .cw-i{color:var(--cw-accent)}

.cw-verdict{--cw-tone:var(--cw-muted);--cw-tone-bg:var(--cw-surface2);--cw-tone-fg:var(--cw-text2);border:1px solid color-mix(in srgb,var(--cw-tone) 30%,transparent);border-radius:.75rem;background:var(--cw-tone-bg);color:var(--cw-tone-fg)}
.cw-verdict.is-loss{--cw-tone:var(--cw-danger);--cw-tone-bg:var(--cw-danger-bg);--cw-tone-fg:var(--cw-danger-fg)}
.cw-verdict.is-ok{--cw-tone:var(--cw-ok);--cw-tone-bg:var(--cw-ok-bg);--cw-tone-fg:var(--cw-ok-fg)}
.cw-verdict.is-none{--cw-tone:var(--cw-border2)}
.cw-verdict summary{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem .875rem;cursor:pointer;list-style:none;font-size:.75rem}
.cw-verdict summary::-webkit-details-marker{display:none}
.cw-verdict.is-none summary{cursor:default}
.cw-verdict summary>.cw-i:first-of-type{margin-top:.0625rem}
.cw-verdict__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}
.cw-verdict__txt b{font-size:.8125rem}
.cw-verdict__txt>span{opacity:.85}
.cw-verdict__inv{font-weight:650}
.cw-verdict__chev{margin-top:.125rem;transition:transform .15s}
.cw-verdict[open] .cw-verdict__chev{transform:rotate(180deg)}
.cw-verdict__body{display:flex;flex-direction:column;gap:.5rem;padding:0 .875rem .875rem}
.cw-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem}
.cw-trio>div,.cw-nights>div{display:flex;flex-direction:column;gap:.125rem;padding:.5rem .625rem;border-radius:.5rem;background:var(--cw-surface);color:var(--cw-text)}
.cw-trio span,.cw-nights span{font-size:.6875rem;color:var(--cw-muted)}
.cw-trio b{font-size:.8125rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cw-trio .is-danger b{color:var(--cw-danger-fg)}
.cw-nights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem}
.cw-nights b{font-size:1.125rem;font-weight:800;line-height:1.2}
.cw-nights .is-late b{color:var(--cw-orange)}.cw-nights .is-paid b{color:var(--cw-ok)}
.cw-kvs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem 1rem;margin:0;padding:.5rem .625rem;border-radius:.5rem;background:var(--cw-surface);color:var(--cw-text)}
.cw-kvs>div{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem}
.cw-kvs dt{color:var(--cw-muted)}
.cw-kvs dd{margin:0;font-weight:650;white-space:nowrap}

.cw-stays{display:flex;flex-direction:column;gap:.375rem}
.cw-stay{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.625rem;padding:.5rem .75rem;border:1px solid var(--cw-border);border-radius:.625rem;font-size:.75rem}
.cw-stay__room{display:inline-flex;align-items:center;gap:.25rem;color:var(--cw-muted)}
.cw-stay__room b{color:var(--cw-text);font-size:.875rem}
.cw-stay__main{display:flex;flex-direction:column;min-width:0}
.cw-stay__dates{color:var(--cw-muted);font-size:.6875rem}

.cw-facts{padding:.875rem 1rem;border:1px solid var(--cw-border);border-radius:.75rem}
.cw-facts__h{margin-bottom:.625rem;font-size:.6875rem;font-weight:700;letter-spacing:.03em;color:var(--cw-muted)}
.cw-facts__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin:0}
.cw-facts__grid dt{font-size:.6875rem;color:var(--cw-muted)}
.cw-facts__grid dd{margin:.0625rem 0 0;font-size:.8125rem;font-weight:650;color:var(--cw-text);overflow-wrap:anywhere}

.cw-inv-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.25rem;padding:.25rem;border:1px solid var(--cw-border);border-radius:.75rem;background:var(--cw-surface);transition:border-color .12s,background .12s}
.cw-inv-card:hover{border-color:var(--cw-border2)}
.cw-inv-card.is-focus{border-color:var(--cw-accent);background:var(--cw-accent-bg)}
.cw .cw-inv-select{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.625rem;min-width:0;padding:.5rem;border:0;border-radius:.5rem;background:none;text-align:start}
.cw-inv-card__radio{width:1rem;height:1rem;border-radius:999px;border:2px solid var(--cw-border2);flex-shrink:0}
.cw-inv-card.is-focus .cw-inv-card__radio{border-color:var(--cw-accent);box-shadow:inset 0 0 0 3px var(--cw-surface);background:var(--cw-accent)}
.cw-inv-card__main{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.cw-inv-card__top,.cw-inv-card__meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.6875rem;color:var(--cw-muted)}
.cw-inv-card__amt{font-size:.9375rem;font-weight:750;white-space:nowrap}
.cw-inv-tools{display:flex;align-items:center}

.cw-sumline{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.625rem;background:var(--cw-surface2);font-size:.8125rem;font-weight:650}
.cw-inline-error{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;border:1px solid color-mix(in srgb,var(--cw-danger) 28%,transparent);border-radius:.625rem;background:var(--cw-danger-bg);color:var(--cw-danger-fg);font-size:.8125rem}
.cw-pay{display:flex;flex-direction:column;gap:.375rem;padding:.75rem .875rem;border:1px solid var(--cw-border);border-radius:.75rem}
.cw-pay__top{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}
.cw-pay__amt{font-size:.9375rem;font-weight:800;color:var(--cw-ok-fg)}
.cw-pay.is-bad .cw-pay__amt{color:var(--cw-danger-fg)}.cw-pay.is-warn .cw-pay__amt{color:var(--cw-warn-fg)}
.cw-pay__meta{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center}
.cw-pay__who{font-size:.6875rem;color:var(--cw-muted)}
.cw-tl{display:flex;flex-direction:column;margin-top:.25rem}
.cw-tl__item{display:flex;gap:.75rem}
.cw-tl__rail{display:flex;flex-direction:column;align-items:center;width:1.75rem;flex-shrink:0}
.cw-tl__dot{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px;font-size:.75rem;background:var(--cw-surface3)}
.cw-tl__dot--blue{background:var(--cw-info-bg)}.cw-tl__dot--green{background:var(--cw-ok-bg)}
.cw-tl__dot--amber{background:var(--cw-warn-bg)}.cw-tl__dot--purple{background:color-mix(in srgb,rgb(168 85 247) 16%,transparent)}
.cw-tl__line{flex:1;width:2px;min-height:.75rem;background:var(--cw-border)}
.cw-tl__item:last-child .cw-tl__line{display:none}
.cw-tl__body{flex:1;min-width:0;padding-bottom:1rem}
.cw-tl__head{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap}
.cw-tl__title{font-size:.8125rem;font-weight:700}
.cw-tl__time{margin-inline-start:auto;font-size:.6875rem;color:var(--cw-faint)}
.cw-tl__notes{margin-top:.25rem;padding-inline-start:.625rem;border-inline-start:2px solid var(--cw-border2);font-size:.8125rem;color:var(--cw-text2);white-space:pre-wrap;word-break:break-word}
.cw-tl__meta{margin-top:.25rem;font-size:.6875rem;color:var(--cw-faint)}

.cw-d-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;padding:.75rem 1.25rem calc(.75rem + env(safe-area-inset-bottom));border-block-start:1px solid var(--cw-border);background:var(--cw-surface);flex-shrink:0}
.cw-payment-context{display:grid;gap:.25rem;min-width:0}
.cw-payment-context label{font-size:.6875rem;font-weight:650;color:var(--cw-muted)}
.cw-payment-context strong{display:flex;align-items:center;min-height:2.5rem;font-size:.8125rem;overflow-wrap:anywhere}
.cw-payment-context .cw-input{height:2.5rem}
.cw-d-actions{display:flex;align-items:center;gap:.375rem}
.cw .cw-d-foot .cw-btn{height:2.5rem}
.cw .cw-d-foot .cw-btn--primary{padding:0 1rem;font-size:.875rem}
.cw .cw-d-foot .cw-btn--icon{width:2.5rem}

/* ── Floating layer ──────────────────────────────────────────────────── */
.cw-menu{position:fixed;z-index:80;min-width:12rem;padding:.375rem;border-radius:.75rem;background:var(--cw-surface);box-shadow:var(--cw-pop)}
.cw-toast{position:fixed;z-index:90;inset-block-end:1.25rem;inset-inline-start:50%;translate:-50% 0;display:flex;align-items:center;gap:.625rem;max-width:min(92vw,26rem);padding:.625rem .875rem;border-radius:.75rem;background:var(--cw-text);color:var(--cw-surface);box-shadow:var(--cw-pop);font-size:.8125rem}
[dir=rtl] .cw-toast{translate:50% 0}
.cw-toast.is-danger{background:var(--cw-danger);color:#fff}
.cw-toast b{display:block}
.cw-toast small{opacity:.8}
.cw-modal{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:1rem;background:rgb(15 23 42 / .5);backdrop-filter:blur(3px)}
.cw-modal__card{width:min(30rem,100%);max-height:90vh;overflow:auto;padding:1.25rem;border-radius:1rem;background:var(--cw-surface);box-shadow:var(--cw-pop)}
.cw-modal__card h3{margin:0 0 .75rem;font-size:1rem;font-weight:800}
.cw-keys{display:grid;grid-template-columns:1fr 1fr;gap:.375rem .75rem}
.cw-keys div{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.8125rem;color:var(--cw-text2)}
.cw-spin{display:inline-block;width:1rem;height:1rem;border-radius:999px;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;animation:cw-rot .7s linear infinite}
@keyframes cw-rot{to{rotate:360deg}}
.cw-spin-i{animation:cw-rot .8s linear infinite}

/* ── Medium widths: queues become a top strip, strip wraps ───────────── */
.cw-rail-top .cw-body{grid-template-columns:minmax(0,1fr)}
.cw-rail-top .cw-queues{flex-direction:row;align-items:center;gap:.5rem;padding:0;background:none;border:0}
.cw-rail-top .cw-queues__heading{display:none}
.cw-rail-top .cw-queues__items{flex-direction:row;gap:.375rem;overflow-x:auto;padding-bottom:.125rem;scrollbar-width:thin}
.cw-rail-top .cw-queues__skel{display:flex;gap:.375rem}
.cw-rail-top .cw-queues__skel .cw-skel{width:7rem;margin:0}
.cw.cw-rail-top .cw-queue{width:auto;flex-shrink:0;min-height:2rem;border:1px solid var(--cw-border);background:var(--cw-surface);font-size:.75rem}
.cw.cw-rail-top .cw-queue.is-on{border-color:color-mix(in srgb,var(--cw-accent) 40%,transparent);background:var(--cw-accent-bg)}
.cw-rail-top .cw-queue.is-on::before{display:none}
.cw-rail-top .cw-summary{gap:.75rem 1rem}
.cw-rail-top .cw-aging{padding-inline:1rem}
.cw-rail-top .cw-kpis{flex-direction:column;gap:.25rem}
.cw.cw-rail-top .cw-kpi{gap:.5rem;padding:.1875rem .625rem .1875rem .375rem;border-radius:.5rem}
.cw-rail-top .cw-kpi__ico{width:1.375rem;height:1.375rem;border-radius:.375rem}
.cw-rail-top .cw-kpi__ico .cw-i{width:.8125rem;height:.8125rem}
.cw-rail-top .cw-kpi__txt{flex-direction:row;align-items:baseline;justify-content:space-between;gap:.75rem;flex:1}
.cw-rail-top .cw-kpi__txt strong{font-size:.8125rem}

/* ── Small screens: cards ────────────────────────────────────────────── */
.cw-layout--cards .cw-heading{align-items:flex-start}
.cw-layout--cards .cw-heading h1{font-size:1.25rem}
.cw-layout--cards .cw-heading p,.cw-layout--cards .cw-updated{display:none}
.cw-layout--cards .cw-summary{grid-template-columns:minmax(0,1fr);padding:.75rem}
.cw-layout--cards .cw-aging{padding:0;border:0;padding-top:.75rem;border-top:1px solid var(--cw-border)}
.cw-layout--cards .cw-aging__legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:.125rem .5rem}
.cw.cw-layout--cards .cw-aging__item{flex-direction:row;align-items:center;justify-content:space-between;gap:.375rem}
.cw-layout--cards .cw-aging__item b{font-size:.75rem}
.cw-layout--cards .cw-aging__pct{display:none}
.cw.cw-layout--cards .cw-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex-direction:row}
.cw.cw-layout--cards .cw-kpi{flex-direction:column;align-items:flex-start;gap:.375rem;padding:.5rem}
.cw.cw-layout--cards .cw-kpi__txt{flex-direction:column;align-items:flex-start;gap:0}
.cw-layout--cards .cw-kpi__txt>span{white-space:normal;line-height:1.25}
.cw.cw-layout--cards .cw-kpi__txt strong{font-size:.9375rem}
.cw.cw-layout--cards .cw-kpi__ico{width:1.75rem;height:1.75rem}
.cw-layout--cards .cw-main{height:auto;min-height:22rem}
.cw-layout--cards .cw-toolbar{padding:.625rem}
.cw-layout--cards .cw-search{flex-basis:100%;order:3}
.cw-layout--cards .cw-toolbar__tools{margin-inline-start:auto}
.cw-layout--cards .cw-btn__label{display:none}
.cw-layout--cards .cw-pop--filters{inset-inline:.5rem;width:auto}
.cw-layout--cards .cw-fgrid{grid-template-columns:1fr}
.cw-layout--cards .cw-scroll{padding:.5rem;background:var(--cw-surface2)}
.cw-layout--cards .cw-table,.cw-layout--cards .cw-table tbody{display:block;min-width:0;width:100%}
.cw-layout--cards .cw-table thead{display:none}
.cw-layout--cards .cw-case{display:block;margin-bottom:.5rem}
.cw-layout--cards .cw-table tr.cw-row{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;grid-template-areas:"check guest amount" ". inv late" "status status act";gap:.5rem .625rem;padding:.75rem;border:1px solid var(--cw-border);border-radius:.75rem;background:var(--cw-surface);box-shadow:inset 3px 0 0 var(--cw-sev)}
[dir=rtl] .cw-layout--cards .cw-table tr.cw-row{box-shadow:inset -3px 0 0 var(--cw-sev)}
.cw-layout--cards .cw-table tr.cw-row.is-sel{border-color:var(--cw-accent)}
.cw-layout--cards .cw-row>.cw-td{display:block;padding:0!important;min-width:0;border:0;box-shadow:none!important}
.cw-layout--cards .cw-row>.cw-td:nth-child(1){grid-area:check}
.cw-layout--cards .cw-row>.cw-td:nth-child(2){grid-area:guest}
.cw-layout--cards .cw-row>.cw-td:nth-child(3){grid-area:inv}
.cw-layout--cards .cw-row>.cw-td:nth-child(4){grid-area:amount}
.cw-layout--cards .cw-row>.cw-td:nth-child(5){grid-area:late;text-align:end}
.cw-layout--cards .cw-row>.cw-td:nth-child(6){grid-area:status;align-self:center}
.cw-layout--cards .cw-row>.cw-td:nth-child(7){grid-area:act;align-self:center}
.cw-layout--cards .cw-td--inv .cw-inv__l1,.cw-layout--cards .cw-td--inv .cw-sub{display:inline-flex;margin:0 .375rem 0 0}
.cw-layout--cards .cw-td--late .cw-sub{display:none}
.cw-layout--cards .cw-skel-row{display:none}
.cw-layout--cards .cw-pager{justify-content:center}
.cw-layout--cards .cw-d-head{padding:.875rem 1rem .625rem}
.cw-layout--cards .cw-d-body{padding:.875rem 1rem 1rem}
.cw-layout--cards .cw-d-foot{grid-template-columns:minmax(0,1fr);padding:.625rem 1rem calc(.625rem + env(safe-area-inset-bottom))}
.cw-layout--cards .cw-d-actions .cw-btn--primary{flex:1}
.cw-layout--cards .cw-hero__amt{font-size:1.625rem}
.cw-layout--cards .cw-d-pos{display:none}
@media (max-width:420px){
    .cw-layout--cards .cw-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cw-layout--cards .cw-trio{grid-template-columns:1fr}
    .cw-layout--cards .cw-kvs,.cw-layout--cards .cw-facts__grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.cw *,.cw *::before,.cw *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}