/* Chair & Table — appointments for salons and clinics. Its own identity: a calm
   sage/teal, because the app lives beside a chair all day. */
:root{
  --a-bg:#0b1614; --a-bg2:#10201d; --a-panel:#16302b; --a-line:rgba(200,240,230,.15);
  --a-ink:#f0fbf8; --a-ink2:#bcd8d1; --a-mut:#7e9c95;
  --a-accent:#2fd6a8; --a-accent-ink:#032a20; --a-accent-dim:rgba(47,214,168,.14);
}
.appbar .mark{background:rgba(47,214,168,.15);border:1px solid rgba(47,214,168,.4)}
.brandwrap{display:flex;flex-direction:column;line-height:1.15}
.slot{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid var(--a-line);
  border-radius:15px;margin-top:10px;background:rgba(255,255,255,.04)}
.slot .time{font-weight:800;font-size:15px;width:52px;flex:none;letter-spacing:-.01em}
.slot .who{flex:1;min-width:0}
.slot .who b{display:block;font-size:15px;font-weight:700}
.slot .who span{display:block;color:var(--a-mut);font-size:12.5px;margin-top:2px}
.slot.miss{border-color:rgba(255,122,143,.45);background:rgba(255,122,143,.09)}
.slot.miss .time{color:#ff7a8f}
.winback{border:1px solid rgba(47,214,168,.45);background:var(--a-accent-dim);
  border-radius:var(--a-rl);padding:18px;margin-top:18px}
.byline{text-align:center;color:var(--a-mut);font-size:12px;margin-top:26px}
.byline b{color:var(--a-ink2);font-weight:600}