/* CAIRN-3.0.1 — shared typed whiteboard. Brand values come from tokens. */
.cwb {
  --cwb-brand: var(--gl-brand);
  --cwb-brand-deep: var(--gl-brand-strong);
  --cwb-soft: var(--gl-brand-soft);
  --cwb-paper: var(--gl-brand-paper);
  --cwb-ink: var(--gl-text);
  --cwb-muted: var(--gl-text-3);
  --cwb-line: var(--gl-border);
  color: var(--cwb-ink);
  font-family: var(--gl-font, -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif);
}
.cwb-head { display:flex; align-items:flex-start; gap:12px; margin:18px 0 9px; }
.cwb-head > div { flex:1; min-width:0; }
.cwb-title { color:var(--cwb-brand-deep); font-size:14px; font-weight:780; }
.cwb-sub { margin-top:3px; color:var(--cwb-muted); font-size:11.5px; line-height:1.4; }
.cwb-refresh { border:1px solid var(--cwb-line); border-radius:8px; padding:5px 9px; background:var(--cwb-paper); color:var(--cwb-muted); font:650 11px/1 inherit; cursor:pointer; }
.cwb-counts { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:10px; }
.cwb-counts span { border:1px solid var(--cwb-line); border-radius:999px; padding:3px 8px; background:var(--cwb-paper); color:var(--cwb-muted); font-size:10.5px; font-weight:700; }
.cwb-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap:10px; }
.cwb-workspace { border:1px solid var(--cwb-line); border-radius:12px; padding:12px; background:var(--cwb-paper); }
.cwb-workspace[data-state="active"] { border-top:3px solid var(--cwb-brand); }
.cwb-workspace[data-state="attention"] { border-top:3px solid var(--gl-gated); }
.cwb-workspace-head { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.cwb-name { color:var(--cwb-ink); font-size:13px; font-weight:760; }
.cwb-id { margin-top:2px; color:var(--cwb-muted); font-size:10.5px; }
.cwb-chips { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:4px; }
.cwb-chip { border-radius:999px; padding:3px 7px; background:var(--cwb-soft); color:var(--cwb-brand-deep); font-size:9.5px; font-weight:780; text-transform:uppercase; }
.cwb-chip.governance { background:var(--gl-gated-bg); color:var(--gl-gated); }
.cwb-brief { margin:10px 0 0; }
.cwb-brief > div { display:grid; grid-template-columns:34px 1fr; gap:6px; padding:4px 0; border-top:1px solid var(--cwb-line); }
.cwb-brief dt { color:var(--cwb-muted); font-size:9.5px; font-weight:800; text-transform:uppercase; }
.cwb-brief dd { margin:0; color:var(--gl-text-2); font-size:11.5px; line-height:1.4; }
.cwb-sessions { margin-top:8px; }
.cwb-sessions summary { color:var(--cwb-muted); font-size:10.5px; cursor:pointer; }
.cwb-sessions ul { margin:7px 0 0; padding-left:17px; }
.cwb-sessions li { margin:5px 0; color:var(--gl-text-2); font-size:10.5px; }
.cwb-sessions li span, .cwb-sessions li code { margin-left:5px; color:var(--cwb-muted); }
.cwb-sessions li small { display:block; margin-top:2px; }
.cwb-actions { display:flex; align-items:center; gap:8px; margin-top:10px; }
.cwb-actions button { border:0; border-radius:8px; padding:6px 9px; background:var(--cwb-brand); color:var(--cwb-brand-deep); font:720 10.5px/1 inherit; cursor:pointer; }
.cwb-actions a { color:var(--cwb-brand-deep); font-size:10.5px; text-decoration:none; }
.cwb-empty, .cwb-error { border:1px solid var(--cwb-line); border-radius:12px; padding:13px 12px; background:var(--cwb-paper); color:var(--cwb-muted); font-size:12px; }
.cwb-error { color:var(--gl-stuck); }