/* Screens of group home: values come from nabd-design/screens; colours only through the tokens of nabd.css. */

/* Home (Main.dc.html) */
.s-home .hero{background:var(--surf);border:1px solid var(--line);border-radius:20px;padding:16px 18px 12px}
.s-home .hero .lbl{color:var(--tx3)}
.s-home .hero .sub{font-size:12.5px;color:var(--tx3)}
.s-home .hero .c-posd{background:var(--posbg);color:var(--postx)}
.s-home .hero .c-negd{background:var(--negbg);color:var(--negtx)}
.s-home .big{margin-top:2px;font-size:48px;line-height:1.12;font-weight:800}
.s-home .tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.s-home .tile .v{font-size:27px;line-height:1.25;margin-top:2px}
.s-home .tile .s{font-size:12px;color:var(--tx3)}
.s-home .split{display:flex;height:10px;border-radius:6px;overflow:hidden;gap:3px;margin:10px 0 9px}
.s-home .split i{display:block;height:100%;border-radius:3px}
.s-home .leg{display:flex;gap:16px;font-size:12.5px;color:var(--tx2)}
.s-home .leg span{display:inline-flex;align-items:center;gap:6px}
.s-home .sw{width:9px;height:9px;border-radius:3px;display:inline-block}
.s-home .al{display:flex;align-items:center;gap:12px;padding:9px 0}
.s-home .al + .al{border-top:1px solid var(--line)}
.s-home .al .t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.4}
.s-home .al .t b{font-weight:500;font-size:14px}
.s-home .al .t span{font-size:12px;color:var(--tx3)}
.s-home .i-cb{background:var(--cbbg);color:var(--cbtx)}

/* Tables + Orders (shared segmented control) */
.s-tables .seg,.s-orders .seg{display:flex;background:var(--surf);border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px}
.s-tables .seg a,.s-orders .seg a{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 0;border-radius:12px;font-weight:500;color:var(--tx2);font-size:14px}
.s-tables .seg a.on,.s-orders .seg a.on{background:var(--ink);color:var(--inktx)}
.s-tables .seg .k,.s-orders .seg .k{font:700 12px 'Bricolage Grotesque',sans-serif;padding:1px 7px;border-radius:9px;background:var(--surf2);color:var(--tx2)}
.s-tables .seg a.on .k,.s-orders .seg a.on .k{background:rgba(255,255,255,.2);color:var(--inktx)}

/* Tables (Tables.dc.html) */
.s-tables .sum{display:flex;gap:8px}
.s-tables .sm{flex:1;background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:10px 12px;display:flex;flex-direction:column}
.s-tables .sm span{font-size:12px;color:var(--tx3);font-weight:500}
.s-tables .sm b{font:700 24px/1.2 'Bricolage Grotesque',sans-serif;letter-spacing:-.02em}
.s-tables .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.s-tables .t{height:80px;border-radius:14px;padding:9px 6px 8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:var(--surf);border:1px solid var(--line);color:var(--tx)}
.s-tables .t .n{font:700 22px/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.03em}
.s-tables .t .a{font:600 11.5px/1.2 'Bricolage Grotesque',sans-serif;direction:ltr;unicode-bidi:isolate}
.s-tables .t .m{font-size:11px;line-height:1.2;font-weight:500}
.s-tables .t.free{background:var(--surf);border-color:var(--line);color:var(--tx3)}
.s-tables .t.free .n{font-weight:600}
.s-tables .t.busy{background:var(--cookbg);border-color:transparent;color:var(--cooktx)}
.s-tables .t.bill{background:var(--cbbg);border-color:var(--cb);color:var(--cbtx)}
.s-tables .t.late{background:var(--negbg);border-color:transparent;color:var(--negtx)}
.s-tables .t.sel{outline:2.5px solid var(--cb);outline-offset:2px}
.s-tables .lg{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;color:var(--tx2);justify-content:center}
.s-tables .lg span{display:inline-flex;align-items:center;gap:6px}
.s-tables .sw{width:10px;height:10px;border-radius:4px;display:inline-block}
.s-tables .sw.free{background:var(--surf);box-shadow:inset 0 0 0 1.5px var(--line2)}
.s-tables .sw.busy{background:var(--cookbg);box-shadow:inset 0 0 0 1.5px var(--cook)}
.s-tables .sw.bill{background:var(--cbbg);box-shadow:inset 0 0 0 1.5px var(--cb)}
.s-tables .sw.late{background:var(--negbg);box-shadow:inset 0 0 0 1.5px var(--neg)}
.s-tables .sh-body{padding-bottom:calc(22px + env(safe-area-inset-bottom))}
.s-tables .det{background:var(--surf);border:1px solid var(--line);color:var(--tx);border-radius:18px;padding:14px 16px}
.s-tables .det .r{display:flex;align-items:center;justify-content:space-between}
.s-tables .det .tt{font-weight:600;font-size:16px}
.s-tables .det .s{font-size:12.5px;color:var(--tx3)}
.s-tables .det .tot{font-size:26px;line-height:1.2}
.s-tables .det .u{font-size:.75em;margin-inline-start:.3em}
.s-tables .its{margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:13px;color:var(--tx2);display:flex;justify-content:space-between;gap:8px}

/* Orders (Orders.dc.html) */
.s-orders .fl{display:flex;gap:8px;flex-wrap:wrap}
.s-orders .f{padding:6px 14px;border-radius:999px;background:var(--surf);border:1px solid var(--line);color:var(--tx2);font-size:13px;font-weight:500;display:inline-flex;gap:6px;align-items:center}
.s-orders .f.on{background:var(--ink);border-color:var(--ink);color:var(--inktx)}
.s-orders .f b{font:700 12px 'Bricolage Grotesque',sans-serif}
.s-orders .ls{display:flex;flex-direction:column;gap:8px}
.s-orders .o{background:var(--surf);border:1px solid var(--line);border-radius:16px;padding:11px 14px;display:flex;align-items:center;gap:12px}
.s-orders .ic{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;flex:none}
.s-orders .k-l{background:var(--klbg);color:var(--kltx)}
.s-orders .k-t{background:var(--ktbg);color:var(--kttx)}
.s-orders .k-d{background:var(--kdbg);color:var(--kdtx)}
.s-orders .mid{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.4}
.s-orders .mid b{font-weight:600;font-size:14.5px;display:flex;gap:7px;align-items:baseline}
.s-orders .mid b i{font-style:normal;font-weight:400;font-size:12px;color:var(--tx3)}
.s-orders .mid span{font-size:12.5px;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-orders .end{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}
.s-orders .end .a{font-size:15px}
.s-orders .chip{padding:2px 10px}
.s-orders .u{font-size:.72em;margin-inline-start:.3em}
.s-orders .more{font-size:12.5px;color:var(--tx3);text-align:center;padding:4px 0}