/* Label League — THE SEAT'S SHARED OBJECTS (LABEL STYLES · LS-1 THE SEATS, 10/3) — seat.js draws them. Every measurement is the bundle's
   inline style (handoff/claude-code/label-styles/html/LS-A The Team · LS-B The In-tray (D9) · LS-C Send Up), through the site's tokens
   (site.css): card · rule · rule-strong (the artboards' rule2) · ink · ink2 (body) · eyebrow (muted #6B6A66 / #8B8A86) · sunk · paper.
   Both themes. Not in shell.css: the Draft Room doesn't load it. */
:root{--ll-red:#C8271E}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ll-red:#E0605C}}
:root[data-theme="dark"]{--ll-red:#E0605C}
@keyframes llcdrop{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}

/* A9 · the confirm card: scrim .55 · card max 420 r16 padding 20 20 18 · eyebrow mono 10 .16em · title 26/700 −.03em · body 14.5/1.5 ·
   buttons 48 r12 (ink · ghost) 11.5/700 .12em · drops in .35s. Bottom-anchored on a phone (the artboard); centred at 900px+ (undrawn) */
.llconfirm{position:fixed;inset:0;z-index:90;background:rgba(15,15,17,.55);display:flex;align-items:flex-end;justify-content:center;padding:18px 18px max(18px,env(safe-area-inset-bottom));box-sizing:border-box}
.llconfirm .llcard{width:100%;max-width:420px;box-sizing:border-box;background:var(--card);color:var(--ink);border:1px solid var(--rule);border-radius:16px;padding:20px 20px 18px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);animation:llcdrop .35s cubic-bezier(.2,.8,.2,1) both;font-family:var(--disp);text-align:left}
.llconfirm .eb{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--eyebrow);line-height:normal}
.llconfirm .t{font-weight:700;font-size:26px;letter-spacing:-.03em;line-height:1.05;margin-top:8px;overflow-wrap:anywhere}
.llconfirm .b{font-size:14.5px;line-height:1.5;color:var(--ink2);margin-top:10px}
.llconfirm .btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.llconfirm button{height:48px;margin:0;border-radius:12px;font-family:var(--disp);font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:0 10px}
.llconfirm .yes{background:var(--ink);color:var(--paper);border:0}
.llconfirm .no{background:transparent;color:var(--ink);border:1px solid var(--rule-strong)}
@media (min-width:900px){.llconfirm{align-items:center;padding:40px}}

/* A7 · the dashed reason block (the viewer's seat · a hard block · a refusal): padding 12 14 · 1px dashed #C8271E · r10 · mono 10.5 .1em
   uppercase · lh 1.6 · the red text (#C8271E light / #E0605C dark). .sm — the compact form for a table's action cell (Artists) */
.llblock{box-sizing:border-box;padding:12px 14px;border:1px dashed #C8271E;border-radius:10px;font-family:var(--mono);font-size:10.5px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ll-red);line-height:1.6;text-align:left}
.llblock.sm{display:inline-flex;align-items:center;height:32px;padding:0 10px;border-radius:8px;font-size:9px;line-height:1;white-space:nowrap}

/* the kind chip (C4 · C5 · D9): 20px · r4 · ink on paper · mono 9.5 .12em uppercase */
.llkind{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:4px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;flex:none;line-height:1;white-space:nowrap}

/* C4 · the drop card: the card (r12 · padding 14 16 · gap 10) · title 17/700 −.02em · meta mono 10 .06em · math rows 7 0 dotted · 13px ·
   the button 48 r12 ink 11.5/700 .12em */
.llc4card{padding:14px 16px;display:grid;gap:10px;border-radius:12px}
.llc4{display:grid;gap:10px;min-width:0}
.llc4 .hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.llc4 .hd b{font-weight:700;font-size:17px;letter-spacing:-.02em;line-height:1.2;min-width:0;overflow-wrap:anywhere}
.llc4 .meta{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--eyebrow);margin-top:-5px}
.llc4 .math{display:grid;border-top:1px solid var(--rule)}
.llc4 .math .r{display:grid;grid-template-columns:1fr auto;gap:12px;padding:7px 0;border-bottom:1px dotted var(--rule-strong);font-size:13px;line-height:1.4}
.llc4 .math .r span{color:var(--ink2)}
.llc4 .math .r b{font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink)}
.llgo{display:flex;align-items:center;justify-content:center;width:100%;height:48px;margin:0;padding:0 12px;border-radius:12px;background:var(--ink);color:var(--paper);border:0;font-family:var(--disp);font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;text-align:center;cursor:pointer;box-sizing:border-box}
.llgo[disabled]{background:var(--sunk);color:var(--mute);cursor:not-allowed}

/* C5 · the one-line protest field on the row: label mono 9.5 .14em · the field 44 r10 1px rule-strong on sunk · 13.5px · the button 48 r12
   ink. The row is a grid: the field spans it */
.llprot{grid-column:1/-1;display:grid;gap:10px;width:100%;max-width:560px;box-sizing:border-box;padding:6px 0 4px;text-align:left}
.llprot .prl{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--eyebrow);line-height:normal}
.llprot input{display:block;width:100%;box-sizing:border-box;min-height:44px;margin-top:6px;padding:0 12px;border-radius:10px;border:1px solid var(--rule-strong);background:var(--sunk);color:var(--ink);font-family:var(--disp);font-size:13.5px;outline:none}
.llprot input:focus{border-color:var(--ink)}
.llprot .llacts{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}   /* round 2 (T4): the ink button + the ghost "Not now" beside it — below it on a phone */
.llprot .go{height:48px;margin:0;border-radius:12px;background:var(--ink);color:var(--paper);border:0;font-family:var(--disp);font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;width:100%}
.llprot .no{height:48px;margin:0;padding:0 20px;border-radius:12px;background:transparent;color:var(--ink);border:1px solid var(--rule-strong);font-family:var(--disp);font-weight:700;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
@media (max-width:899px){.llprot .llacts{grid-template-columns:minmax(0,1fr)}}
.llprot .go[disabled]{opacity:.5;cursor:default}

/* D9 · the Log: the card (r12 · padding 4 16) · a row: grid auto 1fr auto · gap 14 · 11px 0 · rule · chip · what 14/700 + meta mono 9.5
   .08em muted · the state mono 9.5 .1em uppercase (body; muted for what waits or ended) */
.llrows{padding:4px 16px}
.llrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:11px 0;border-bottom:1px solid var(--rule)}
.llrow.a{grid-template-columns:auto minmax(0,1fr) auto auto}
.llrow .what{min-width:0}
.llrow .what b{display:block;font-weight:700;font-size:14px;letter-spacing:-.005em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.llrow .meta{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;color:var(--eyebrow);margin-top:3px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.llrow .st{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);text-align:right;white-space:nowrap}
.llrow .st.mute{color:var(--eyebrow)}
.llrow .act{display:flex;justify-content:flex-end}
.llrow .act button{all:unset;cursor:pointer;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;text-decoration:underline;color:var(--ink)}
.llrow .act button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.llrow .act .llblock.sm{height:24px;padding:0 8px}
.llrow .act .ph{visibility:hidden;font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}   /* round 2 (T5): the open field's row holds its Protest's width — the grid never shifts */
@media (max-width:899px){
  .llrows{padding:2px 14px}
  .llrow,.llrow.a{grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-items:start}
  .llrow .what b{white-space:normal}
  .llrow .meta{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .llrow .st,.llrow .act{grid-column:2;text-align:left;white-space:normal;justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){.llconfirm .llcard{animation:none}}