/* Transient work surfaces share the station's reading scale and glass material.
   Keep this after readability.css: small legacy captions must not win the cascade.
   Scope to decision cards, not ordinary replies, streaming logs or world chrome. */
body {
  --beat-edge: var(--gd-edge, rgba(var(--ph-rgb), .24));
  --beat-light: var(--gd-light, rgba(var(--ph-bright-rgb), .13));
  --beat-face: var(--gd-face, linear-gradient(165deg, rgba(var(--ph-rgb), .075), transparent 46%), var(--panel));
  --beat-hover: var(--gd-hover, linear-gradient(120deg, rgba(var(--ph-rgb), .14), rgba(var(--ph-rgb), .035) 70%));
}
body #chat-panel .cmsg:is(.turnin,.nudge,.consent) {
  min-width: 0; margin: 12px 0; padding: 16px;
  border: 1px solid var(--beat-edge); border-left-color: rgba(var(--gold-rgb), .55);
  border-radius: 10px; background: var(--beat-face);
  box-shadow: inset 0 1px 0 var(--beat-light), 0 4px 16px rgba(0,0,0,.18);
  color: var(--text); text-shadow: none; letter-spacing: .15px;
}
body #chat-panel .cmsg:is(.turnin,.nudge,.consent) .body {
  min-width: 0; font-size: var(--sn-type-prose) !important;
  line-height: 1.5; color: var(--text); text-shadow: none;
  overflow-wrap: anywhere;
}
body #chat-panel .cmsg.turnin .body { gap: 12px; }
body #chat-panel .cmsg:is(.turnin,.nudge,.consent) :is(.turnin-title,.consent-title) {
  font-size: var(--sn-type-title) !important; font-weight: normal;
  line-height: 1.35; letter-spacing: .2px; color: var(--ph-bright);
}
body #chat-panel .cmsg:is(.turnin,.nudge,.consent) :is(.turnin-text,.ws-line,.ws-v,.ws-how .ws-v,.ws-notver .ws-v,.ws-because .ws-v) {
  font-size: var(--sn-type-prose) !important; line-height: 1.5;
  color: var(--text); opacity: 1; letter-spacing: .1px;
}
body #chat-panel .cmsg:is(.turnin,.nudge,.consent) :is(.ws-k,.ws-fhead,.turnin-kind,.ws-kindchip,.turnin-queue) {
  font-size: var(--sn-type-meta) !important; line-height: 1.35; letter-spacing: .65px;
}
body #chat-panel .cmsg:is(.turnin,.nudge,.consent) :is(.turnin-evidence,.work-rate-hint,.work-rate-reference,.consent-result,.ws-verline,.ws-vcmd,.ws-vexit,.tq-reason,.tq-hint) {
  font-size: var(--sn-type-control) !important; line-height: 1.45;
  color: var(--text); opacity: 1; letter-spacing: .15px;
}
body #chat-panel .cmsg :is(.work-rate-label,.turnin-edit) {
  font-size: var(--sn-type-control) !important; line-height: 1.4;
}
body #chat-panel .cmsg :is(.ws-verline.ok,.ws-vcmd.ok) { color: var(--ok); }
body #chat-panel .cmsg :is(.consent-result.err,.ws-vcmd.bad) { color: var(--bad); }
body #chat-panel .turnin-item { gap: 8px; padding: 12px 0; }
body #chat-panel .turnin-item + .turnin-item { border-top: 1px solid var(--beat-edge); }
body #chat-panel .away-digest .turnin-item,
body #chat-panel .work-rate .turnin-item { grid-template-columns: minmax(0,1fr); }
body #chat-panel .cmsg :is(.turnin-kind,.ws-kindchip,.turnin-queue) {
  border: 1px solid var(--beat-edge); border-radius: 4px;
  background: rgba(var(--ph-rgb),.04); color: var(--ph);
  padding: 3px 7px; vertical-align: middle;
}
body #chat-panel .cmsg .turnin-queue { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
/* Actions wrap as units. Narrow COMMS must grow vertically, never shrink its text. */
body #chat-panel :is(.cmsg.turnin,.cmsg.nudge,.cmsg.consent) .consent-btns,
body #chat-panel .turnin-rate { display: flex; flex-wrap: wrap; gap: 8px; }
body #chat-panel :is(.cmsg.turnin,.cmsg.nudge,.cmsg.consent) .consent-btn,
body #chat-panel .choice-row .choice {
  min-width: 0; min-height: 34px; max-width: 100%; padding: 7px 11px;
  font-family: inherit; font-size: var(--sn-type-control) !important; line-height: 1.3;
  letter-spacing: .15px; white-space: normal; overflow-wrap: anywhere;
  border: 1px solid var(--beat-edge); border-radius: 6px;
  background: rgba(var(--ph-rgb),.04); color: var(--ph-bright);
  box-shadow: inset 0 1px 0 var(--beat-light); text-shadow: none;
  transition: background-color var(--t-fast) var(--ease-soft), border-color var(--t-fast) var(--ease-soft);
}
body #chat-panel :is(.cmsg.turnin,.cmsg.nudge,.cmsg.consent) .consent-btn:hover,
body #chat-panel .choice-row .choice:hover {
  background: var(--beat-hover); border-color: var(--ph-dim); text-shadow: none;
}
body #chat-panel :is(.cmsg.turnin,.cmsg.nudge,.cmsg.consent) .consent-btn:is(.primary,.ws-openit,.ws-primary,.consent-confirm),
body #chat-panel .choice-row .choice:is(.suggested,.confirm) {
  border-color: rgba(var(--gold-rgb),.5); color: var(--ph-bright);
  background: linear-gradient(140deg,rgba(var(--gold-rgb),.15),rgba(var(--ph-rgb),.04));
}
body #chat-panel :is(.cmsg.turnin,.cmsg.nudge,.cmsg.consent) .consent-btn.deny {
  color: var(--bad); border-color: color-mix(in srgb,var(--bad) 35%,transparent);
  background: color-mix(in srgb,var(--bad) 4%,transparent);
}
body #chat-panel :is(.cmsg.turnin,.cmsg.nudge,.cmsg.consent) .consent-btn.quiet,
body #chat-panel .choice-row .choice.quiet { color: var(--text); opacity: 1; }
body #chat-panel :is(.cmsg.turnin,.cmsg.nudge,.cmsg.consent) .consent-btn:disabled {
  color: var(--text); opacity: .55; cursor: default; background: transparent; box-shadow: none;
}
body #chat-panel :is(.cmsg.turnin,.cmsg.nudge,.cmsg.consent,.choice-row) :is(button,input,textarea):focus-visible {
  outline: 2px solid var(--ph); outline-offset: 3px;
}
/* A nudge's choices are a sibling by design: preserve its shared beat lifecycle. */
body #chat-panel .cmsg.nudge + .choice-row { margin: -4px 0 14px; padding: 0 2px; gap: 8px; }
body #chat-panel .workshop-return .ws-line { margin: 0; }
body #chat-panel .workshop-return .ws-k { margin-bottom: 4px; color: var(--ph); }
body #chat-panel .workshop-return .ws-because .ws-v { font-style: normal; }
body #chat-panel .workshop-return .ws-kindchip { display: inline-block; margin-block: 3px; }
body #chat-panel .workshop-return .ws-try { margin: 0 0 2px; }
body #chat-panel .workshop-return .ws-pane {
  padding: 12px; margin: 2px 0; border: 1px solid var(--beat-edge); border-radius: 7px;
  background: rgba(0,0,0,.13); box-shadow: inset 0 1px 4px rgba(0,0,0,.15);
}
body #chat-panel .workshop-return .ws-fhead { color: var(--ph); margin-bottom: 8px; }
body #chat-panel .workshop-return .ws-flist { gap: 6px; margin: 0; }
body #chat-panel .workshop-return .ws-filerow { flex-wrap: wrap; gap: 4px 10px; min-width: 0; }
body #chat-panel .workshop-return :is(.ws-file,.ws-viewsrc,.ws-more) {
  min-width: 0; max-width: 100%; min-height: 32px; padding: 5px 7px;
  font-size: var(--sn-type-control) !important; line-height: 1.4;
  color: var(--text); opacity: 1; letter-spacing: .1px; overflow-wrap: anywhere;
  text-shadow: none; border-radius: 4px;
}
body #chat-panel .workshop-return .ws-file { flex: 1 1 180px; color: var(--ph-bright); }
body #chat-panel .workshop-return :is(.ws-file,.ws-viewsrc,.ws-more):hover { background: var(--beat-hover); text-shadow: none; }
body #chat-panel .workshop-return .ws-fview {
  max-width: 100%; font-size: var(--sn-type-control); line-height: 1.5; color: var(--text);
}
body #chat-panel .workshop-return .ws-acts {
  margin: 4px 0 0; padding-top: 14px; border-top: 1px solid var(--beat-edge); gap: 8px;
}
body #chat-panel .workshop-return .ws-msg {
  flex: 1 0 100%; width: 100%; min-width: 0; min-height: 40px; box-sizing: border-box;
  margin: 0 0 4px; padding: 10px 12px; border: 1px solid var(--beat-edge); border-radius: 6px;
  background: rgba(0,0,0,.16); box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
  color: var(--ph-bright); font-size: var(--sn-type-control) !important; line-height: 1.4;
}
body #chat-panel .workshop-return .ws-msg::placeholder { color: var(--text); opacity: .8; font-size: inherit; }
body #chat-panel .workshop-return .ws-capture-warn {
  color: var(--warn); padding: 10px 12px; border-radius: 6px;
  border-color: rgba(var(--gold-rgb),.3); background: rgba(var(--gold-rgb),.05);
}
body #chat-panel .workshop-return .ws-plan {
  padding: 10px 12px; border-left: 2px solid rgba(var(--gold-rgb),.5);
  background: rgba(var(--ph-rgb),.04); border-radius: 0 5px 5px 0;
}
@media (max-width: 520px) {
  body #chat-panel .cmsg:is(.turnin,.nudge,.consent) { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  body #chat-panel :is(.cmsg.turnin,.cmsg.nudge,.cmsg.consent) .consent-btn,
  body #chat-panel .choice-row .choice { transition: none; }
}
/* Preserve the meaning of host-owned approval and multi-select states. */
body #chat-panel :is(.cmsg.turnin,.cmsg.nudge,.cmsg.consent) .consent-btn.danger {
  color: var(--warn); border-color: rgba(var(--gold-rgb),.5);
}
body #chat-panel :is(.cmsg.turnin,.cmsg.nudge,.cmsg.consent) .consent-btn.sel,
body #chat-panel .choice-row .choice.sel {
  color: var(--ph-bright); border-color: var(--ph);
  background: rgba(var(--ph-rgb),.2); box-shadow: inset 0 0 0 1px var(--beat-light);
}
body #chat-panel .choice-row .choice:disabled {
  opacity: .55; cursor: default; background: transparent; box-shadow: none;
}
body #chat-panel .cmsg.nudge .nudge-lines { gap: 8px; }
body #chat-panel .cmsg.nudge .nl-first .nl-t {
  font-size: var(--sn-type-title); line-height: 1.35;
}
body #chat-panel .cmsg.nudge .nudge-line .nl-m {
  font-size: var(--sn-type-meta); height: 1.9em;
}
body #chat-panel .cmsg.nudge .nudge-line.nl-sub .nl-t { color: var(--text); }
body #chat-panel .cmsg.consent .tq-reason.grounded { color: var(--gold); }
body #chat-panel .cmsg.consent .consent-payload :is(summary,pre) {
  font-size: var(--sn-type-control); line-height: 1.5;
}
/* Recommendations keep their evidence distinct from the proposed action. */
body #chat-panel .cmsg.turnin.rec .rec-eyebrow {
  flex-wrap: wrap; gap: 6px 8px; line-height: 1.4;
  font-size: var(--sn-type-meta) !important; letter-spacing: .65px;
}
body #chat-panel .rec :is(.rec-kind,.rec-who) { letter-spacing: .65px; opacity: 1; }
body #chat-panel .rec .rec-who { color: var(--text); }
body #chat-panel .rec .rec-glyph {
  width: 16px; height: 20px; flex-basis: 16px; font-size: 14px;
}
body #chat-panel .rec .rec-item { gap: 12px; padding: 0; }
body #chat-panel .rec .rec-evidence {
  font-size: var(--sn-type-prose); line-height: 1.5; color: var(--text);
  padding: 0 0 12px; margin: 0; border-bottom-color: var(--beat-edge);
}
body #chat-panel .rec .turnin-text { color: var(--ph-bright); }
body #chat-panel .rec .turnin-edit,
body #chat-panel .cmsg.tb-read .tb-read-in {
  min-width: 0; width: 100%; box-sizing: border-box; min-height: 40px;
  padding: 10px 12px; border: 1px solid var(--beat-edge); border-radius: 6px;
  background: rgba(0,0,0,.16); color: var(--ph-bright);
  font-family: inherit; font-size: var(--sn-type-control) !important; line-height: 1.4;
  box-shadow: inset 0 1px 4px rgba(0,0,0,.2);
}
body #chat-panel .cmsg.tb-read {
  margin: 12px 0; padding: 16px; min-width: 0;
  border: 1px solid var(--beat-edge); border-left-color: var(--ph);
  border-radius: 10px; background: var(--beat-face);
  box-shadow: inset 0 1px 0 var(--beat-light), 0 4px 16px rgba(0,0,0,.18);
}
body #chat-panel .tb-read .body { min-width: 0; color: var(--text); text-shadow: none; }
body #chat-panel .tb-read .tb-read-cap {
  font-size: var(--sn-type-meta); line-height: 1.4; letter-spacing: .65px; color: var(--ph);
}
body #chat-panel .tb-read .tb-read-head {
  font-size: var(--sn-type-title); line-height: 1.4; margin-top: 6px; text-shadow: none;
}
body #chat-panel .tb-read .tb-read-meta { margin-top: 12px; gap: 8px; }
body #chat-panel .tb-read .tb-read-mrow { font-size: var(--sn-type-prose); line-height: 1.5; }
body #chat-panel .tb-read .tb-read-mk { color: var(--ph); opacity: 1; }
body #chat-panel .tb-read .tb-read-cap2 { margin-top: 16px; }
body #chat-panel .tb-read .tb-read-assumps { gap: 8px; margin: 8px 0 12px; }
body #chat-panel .tb-read .tb-read-assump {
  font-size: var(--sn-type-control); line-height: 1.4; min-height: 34px; padding: 7px 11px;
  border-color: var(--beat-edge); border-radius: 6px; color: var(--text);
  background: rgba(var(--ph-rgb),.04); text-shadow: none;
}
body #chat-panel .tb-read .tb-read-assump:enabled:hover { background: var(--beat-hover); border-color: var(--ph); }
body #chat-panel .tb-read :is(button,input,[role="button"]):focus-visible { outline: 2px solid var(--ph); outline-offset: 3px; }
body #chat-panel .tb-read .tb-read-in::placeholder { font-size: inherit; color: var(--text); opacity: .8; }
body #chat-panel .tb-read .tb-read-ack { font-size: var(--sn-type-control); line-height: 1.5; }
body #chat-panel .cmsg.tb-read-spent { border-left-color: var(--beat-edge); background: rgba(var(--ph-rgb),.03); box-shadow: none; }
body #chat-panel .tb-read-spent.folded .tb-read-head { font-size: var(--sn-type-control); }
body #chat-panel .tb-read .tb-read-chev { font-size: var(--sn-type-meta); }
@media (max-width: 520px) { body #chat-panel .cmsg.tb-read { padding: 12px; } }
/* Saved receipts are passive transcript, with an accessible undo target. */
/* Station broadcasts remain one grouped status announcement, readable at COMMS width. */
body #chat-panel .cmsg.broadcast {
  display: block; margin: 12px 0; padding: 12px 16px; min-width: 0;
  border: 1px solid var(--beat-edge) !important; border-radius: 8px; background: var(--beat-face) !important;
  box-shadow: inset 0 1px 0 var(--beat-light) !important; text-align: left;
}
body #chat-panel .cmsg.broadcast::before,
body #chat-panel .cmsg.broadcast::after { display: none; }
body #chat-panel .cmsg.broadcast .bc-stack { display: flex; flex-direction: column; align-items: stretch; gap: 8px; min-width: 0; }
body #chat-panel .cmsg.broadcast .bc-line {
  display: block; min-width: 0; font-size: var(--sn-type-control) !important; line-height: 1.5;
  letter-spacing: .45px; text-align: left; white-space: normal; overflow-wrap: anywhere;
  color: var(--text); text-shadow: none; animation: none;
}
body #chat-panel .cmsg.broadcast .bc-line.bc-gold { color: var(--gold); }
body #chat-panel .cmsg.broadcast.broadcast-warn .bc-line { color: var(--warn); }
body #chat-panel .cmsg.broadcast .bc-glyph { display: inline-block; width: 18px; font-size: var(--sn-type-meta); opacity: 1; }
body #chat-panel .cmsg.broadcast .bc-name { font-size: inherit; letter-spacing: inherit; text-shadow: none; }
@media (max-width: 520px) { body #chat-panel .cmsg.broadcast { padding: 12px; } }
body #chat-panel .cmsg.turnin.receipts { background: rgba(var(--ph-rgb),.035); box-shadow: inset 0 1px 0 var(--beat-light); }
body #chat-panel .receipts .body { gap: 10px; }
body #chat-panel .receipts .receipt-head { font-size: var(--sn-type-meta); line-height: 1.4; letter-spacing: .65px; opacity: 1; }
body #chat-panel .receipts .receipt-item { gap: 6px 10px; align-items: start; padding: 4px 0; }
body #chat-panel .receipts .receipt-text { font-size: var(--sn-type-prose); line-height: 1.5; color: var(--text); }
body #chat-panel .receipts .receipt-veto {
  min-width: 34px; min-height: 34px; padding: 6px; border: 1px solid var(--beat-edge); border-radius: 6px;
  font-size: var(--sn-type-control); line-height: 1.3; color: var(--text); opacity: 1; background: rgba(var(--ph-rgb),.04);
}
body #chat-panel .receipts .receipt-veto:hover { color: var(--bad); border-color: var(--bad); }
body #chat-panel .receipts .receipt-veto:disabled { opacity: .45; }
body #chat-panel .receipts .receipt-veto:focus-visible { outline: 2px solid var(--ph); outline-offset: 3px; }
body #chat-panel .receipts .receipt-item.vetoed .receipt-text { color: var(--text); }
/* Follow-up context uses the same wells and controls as task understanding. */
body .task-conversation {
  min-width: 0; padding: 16px; margin: 12px 0; border: 1px solid var(--beat-edge); border-left-color: var(--gold);
  border-radius: 10px; background: var(--beat-face); color: var(--text); text-shadow: none;
  box-shadow: inset 0 1px 0 var(--beat-light), 0 4px 16px rgba(0,0,0,.18); overflow-wrap: anywhere;
}
body .task-conversation :is(.tc-caption,.tc-dimension,.tc-answer-label,.tc-hint) {
  font-size: var(--sn-type-meta) !important; line-height: 1.45; letter-spacing: .45px; color: var(--text);
}
body .task-conversation :is(.tc-caption,.tc-dimension) { color: var(--ph); }
body .task-conversation .tc-question { font-size: var(--sn-type-title) !important; line-height: 1.4; }
body .task-conversation :is(.tc-reason,.tc-understanding,.tc-sample-text,.tc-answer-sent) {
  font-size: var(--sn-type-prose) !important; line-height: 1.5; color: var(--text);
}
body .task-conversation :is(.tc-quote,.tc-feedback,.tc-receipt) { font-size: var(--sn-type-control) !important; line-height: 1.5; color: var(--text); }
body .task-conversation :is(.tc-understanding,.tc-sample,.tc-answer) {
  min-width: 0; border: 1px solid var(--beat-edge); border-radius: 7px; background: rgba(0,0,0,.13);
  box-shadow: inset 0 1px 4px rgba(0,0,0,.15);
}
body .task-conversation .tc-answer { font-size: var(--sn-type-control) !important; line-height: 1.5; }
body .task-conversation .tc-answer::placeholder { font-size: inherit; color: var(--text); opacity: .8; }
body .task-conversation .consent-btn {
  min-height: 34px; max-width: 100%; padding: 7px 11px; font-size: var(--sn-type-control) !important;
  line-height: 1.4; white-space: normal; border: 1px solid var(--beat-edge); border-radius: 6px;
  background: rgba(var(--ph-rgb),.04); color: var(--ph-bright); text-shadow: none;
}
body .task-conversation .consent-btn.primary { border-color: rgba(var(--gold-rgb),.5); background: rgba(var(--gold-rgb),.12); }
body .task-conversation .consent-btn:enabled:hover { background: var(--beat-hover); }
body .task-conversation .consent-btn:disabled { opacity: .45; cursor: default; }
body .task-conversation :is(button,textarea,summary):focus-visible { outline: 2px solid var(--ph); outline-offset: 3px; }
body .task-conversation.tc-answered { padding: 12px 16px; background: rgba(var(--ph-rgb),.035); box-shadow: none; border-left-color: var(--beat-edge); }
/* Recommendation shelves share the material without changing their ranking or claims. */
body .mkt-rec-rail { grid-template-columns: repeat(auto-fill,minmax(min(260px,100%),1fr)); gap: 12px; }
body .mkt-rec-rail .mkt-rec {
  min-width: 0; padding: 16px; gap: 12px; border-color: var(--beat-edge); border-radius: 10px;
  background: var(--beat-face); box-shadow: inset 0 1px 0 var(--beat-light); text-shadow: none;
}
body .mkt-rec-rail .mkt-rec:hover { background: var(--beat-hover); box-shadow: inset 0 1px 0 var(--beat-light); transform: none; }
body .mkt-rec-rail .mkt-rec-name { font-size: var(--sn-type-title) !important; line-height: 1.4; padding-right: 24px; }
body .mkt-rec-rail :is(.mkt-rec-tag,.mkt-rec-why-k) { font-size: var(--sn-type-meta) !important; line-height: 1.4; letter-spacing: .45px; }
body .mkt-rec-rail .mkt-rec-why { font-size: var(--sn-type-prose) !important; line-height: 1.5; color: var(--text); opacity: 1; }
body .mkt-rec-rail .mkt-rec-decline { font-size: var(--sn-type-control); min-width: 30px; min-height: 30px; padding: 5px; box-sizing: border-box; opacity: .8; }
body .mkt-rec-rail :is(.mkt-rec,.mkt-rec-decline):focus-visible { outline: 2px solid var(--ph); outline-offset: 3px; }
/* Keep severity and dwell semantics, replace the tiny readout typography. */
body .toast { border-radius: 8px; background: var(--beat-face); box-shadow: inset 0 1px 0 var(--beat-light),0 4px 16px rgba(0,0,0,.3); }
body .toast .toast-body { gap: 5px; padding: 12px; }
body .toast :is(.toast-kind,.toast-ts) { font-size: var(--sn-type-meta) !important; line-height: 1.4; letter-spacing: .45px; color: var(--text); opacity: 1; }
body .toast .toast-kind { padding-right: 65px; white-space: normal; }
body .toast .toast-ts { top: 12px; right: 12px; }
body .toast:not(.labeled) .toast-body { padding-right: 77px; }
body .toast .toast-txt { font-size: var(--sn-type-control) !important; line-height: 1.5; letter-spacing: .15px; text-shadow: none; }
body .toast .toast-lamp { font-size: var(--sn-type-meta); }
@media (max-width: 520px) {
  body .task-conversation { padding: 12px; }
  body #chat-panel .receipts .receipt-item { grid-template-columns: minmax(0,1fr) auto; }
  body #chat-panel .receipts .turnin-kind { justify-self: start; }
  body #chat-panel .receipts .receipt-text { grid-column: 1; }
  body #chat-panel .receipts .receipt-veto { grid-column: 2; grid-row: 1 / span 2; }
}