/* Shared working surfaces. Evidence, scoring, access and report styling stay in their own components. */
:root {
  --paper:#F4F7F8; --canvas:#F4F7F8; --surface:#FFFFFF; --card:#FFFFFF; --panel:#EDF3F4;
  --ink:#17282D; --ink-2:#17282D; --text:#17282D; --muted:#596C73; --muted-2:#647980; --faint:#647980;
  --line:#DCE5E7; --line-soft:#E9EFF0;
  --teal:#087F8C; --teal-hover:#066B76; --teal-ink:#066B76; --teal-bg:#E4F2F3;
  --accent:#087F8C; --accent-d:#066B76; --accent-bg:#E4F2F3; --accent-fg:#066B76;
  --shadow-card:0 1px 3px rgba(15,43,49,.04);
  --product-rail:#10272C; --product-rail-active:#1B4148; --product-button-text:#FFFFFF;
  --product-select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23596C73' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");
}
html[data-theme="dark"] {
  --paper:#102126; --canvas:#102126; --surface:#172D33; --card:#172D33; --panel:#1D363D;
  --ink:#EDF5F6; --ink-2:#EDF5F6; --text:#EDF5F6; --muted:#B0C2C7; --muted-2:#9BB3BA; --faint:#9BB3BA;
  --line:#314950; --line-soft:#284149;
  --teal:#A9D0D4; --teal-hover:#C0E3E6; --teal-ink:#A9D0D4; --teal-bg:#24434A;
  --accent:#A9D0D4; --accent-d:#C0E3E6; --accent-bg:#24434A; --accent-fg:#A9D0D4;
  --product-rail:#0B1D22; --product-rail-active:#20434B; --product-button-text:#10272C;
  --product-select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23B0C2C7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 4.5 3 3 3-3'/%3E%3C/svg%3E");
}
.workspace-surface { background:var(--canvas); color:var(--text); }
.workspace-surface .sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.workspace-surface :is(.ws-rail,.ws5-rail),html[data-theme="dark"] :is(.ws-rail,.ws5-rail) { background:var(--product-rail); }
.workspace-surface :is(.ws-nav,.ws5-nav) a { min-height:42px; box-sizing:border-box; color:#BBCDD1; font-size:14px; }
.workspace-surface :is(.ws-nav,.ws5-nav) a.active { background:var(--product-rail-active); color:#FFFFFF; }
.workspace-surface :is(.ws-nav,.ws5-nav) a.active::before { background:#A9D0D4; }
.workspace-surface :is(.ws-topbar,.ws5-topbar),html[data-theme="dark"] :is(.ws-topbar,.ws5-topbar) { background:var(--card); border-color:var(--line); }
.workspace-surface :is(.ws-crumb,.ws5-crumb) h1 { color:var(--text); font-size:17px; }
.workspace-surface :is(.ws-who,.ws5-who) b { color:var(--text); }
.workspace-surface :is(.ws-who,.ws5-who) span { color:var(--muted); }
.workspace-surface :is(.ws-main .ws-wrap,.content) { width:100%; max-width:1220px; box-sizing:border-box; margin-inline:auto; padding:28px 30px 56px; }
.workspace-surface :is(.ws-eyebrow,.eyebrow,.lead .eyebrow) { font-size:12px; font-weight:600; letter-spacing:.02em; text-transform:none; color:var(--muted); }
.workspace-surface :is(.lead,.view-head) { margin-bottom:20px; }
.workspace-surface :is(.lead,.view-head) h2 { font-size:25px; line-height:1.2; letter-spacing:-.035em; }
.workspace-surface :is(.lead,.view-head) p { max-width:76ch; font-size:13.5px; line-height:1.55; }
.workspace-surface :is(.card,.trust,.impact,.lens-card,.launch-card,.ws-card,.ws-list,.ws-rec) { border-color:var(--line); border-radius:12px; box-shadow:0 1px 3px rgba(15,43,49,.04); }
.workspace-surface :is(.card,.trust,.impact) { padding:22px; }
.workspace-surface :is(.ws-btn:not(.ghost):not(.danger),.ws5-btn,.synth-btn:not(.ghost),.trust-run,.ract.primary,.btn-mini:not(.ghost):not(.danger)) { background:var(--accent); border-color:var(--accent); color:var(--product-button-text); font-weight:600; }
.workspace-surface :is(.btn:not(.btn-secondary):not(.ghost):not(.danger):not(.destructive)) { background:var(--accent); border-color:var(--accent); color:var(--product-button-text); }
.workspace-surface :is(.ws-btn:not(.ghost):not(.danger),.ws5-btn,.synth-btn:not(.ghost),.trust-run,.ract.primary,.btn-mini:not(.ghost):not(.danger)):hover { background:var(--accent-d); }
.workspace-surface .btn-mini.ghost:hover { background:var(--panel); }
.workspace-surface :is(.ws-btn,.ws5-btn,.synth-btn,.ract,.btn,.btn-refresh,.selector,.mini-select) { min-height:40px; }
.workspace-surface :is(a,button,input,select,textarea,summary):focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
.workspace-surface .subtabs { gap:22px; border-color:var(--line); }
.workspace-surface .subtabs a { min-height:42px; box-sizing:border-box; font-size:13px; }
.workspace-surface .subtabs a.active { color:var(--accent-fg); border-color:var(--accent); }
.workspace-surface .filters { background:var(--panel); }
.workspace-surface .filters button.active { color:var(--accent-fg); }
.workspace-surface .lane { background:var(--panel); }
.workspace-surface .lane-head { text-transform:none; letter-spacing:0; font-size:13px; }
.workspace-surface .empty:not(.val) { border-style:solid; background:var(--card); padding:28px 22px; }
.workspace-surface .empty:not(.val) b { font-size:17px; }
/* Keep populated controls inside their working surface at narrow widths. */
.workspace-surface :is(.board-select,.board-inp) { min-width:0; max-width:100%; }
.workspace-surface select { overflow:hidden; text-overflow:ellipsis; }
/* Keep native selection behavior while avoiding platform menu-button text overflow. */
body.workspace-actions-surface :is(.board-select,.mini-select) {
  appearance:none; -webkit-appearance:none; padding-right:32px;
  background-image:var(--product-select-chevron); background-repeat:no-repeat;
  background-position:right 10px center; background-size:12px 12px;
}
.workspace-surface .card-h { flex-wrap:wrap; row-gap:6px; }
.workspace-surface .synth-products { grid-template-columns:repeat(2,minmax(0,1fr)); }
.workspace-surface .synth-products .synth-stat b { font-size:18px; line-height:1.3; }
.workspace-surface .synth-error { background:var(--rose-bg); color:var(--rose-fg); }
.workspace-surface .synth-success-note { background:var(--ok-bg); color:var(--ok-fg); }
/* Measure owns the campaign composer, including its form and recipient layout. */
.workspace-measure-surface .grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:18px; }
.workspace-measure-surface .field { display:flex; flex-direction:column; gap:6px; min-width:0; }
.workspace-measure-surface .field.full { grid-column:1/-1; }
.workspace-measure-surface .field label { font-size:13px; font-weight:600; }
.workspace-measure-surface .hint { font-size:12px; font-weight:400; line-height:1.45; color:var(--muted); }
.workspace-measure-surface #composeCard :is(input[type="text"],input[type="email"],input[type="date"],select,textarea) { box-sizing:border-box; width:100%; min-width:0; max-width:100%; min-height:40px; padding:9px 11px; border:1px solid var(--line); border-radius:8px; background:var(--card); color:var(--text); font:inherit; font-size:13px; }
.workspace-measure-surface textarea { min-height:84px; resize:vertical; }
.workspace-measure-surface .finetune { margin-top:18px; padding-top:16px; border-top:1px solid var(--line); }
.workspace-measure-surface .finetune>summary { display:flex; align-items:center; gap:8px; list-style:none; cursor:pointer; color:var(--accent-fg); font-size:13px; font-weight:600; line-height:1.5; }
.workspace-measure-surface .finetune>summary::-webkit-details-marker { display:none; }
.workspace-measure-surface .finetune>summary svg { width:16px; height:16px; flex-shrink:0; transition:transform .18s; }
.workspace-measure-surface .finetune[open]>summary svg { transform:rotate(90deg); }
.workspace-measure-surface .ft-hint { font-weight:400; color:var(--muted); }
.workspace-measure-surface .tiny { font-size:12px; line-height:1.55; color:var(--muted); }
.workspace-measure-surface .toggles { display:flex; flex-wrap:wrap; gap:14px 20px; grid-column:1/-1; }
.workspace-measure-surface .toggle { display:flex; align-items:center; gap:8px; font-size:13px; }
.workspace-measure-surface .toggle input { width:16px; height:16px; accent-color:var(--accent); }
.workspace-measure-surface .section-label { margin:24px 0 12px; font-size:13px; font-weight:600; }
.workspace-measure-surface .rtable { width:100%; table-layout:fixed; border-collapse:collapse; }
.workspace-measure-surface .rtable :is(th,td) { padding:0 8px 10px 0; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.workspace-measure-surface .rtable th { font-size:12px; font-weight:500; color:var(--muted); }
.workspace-measure-surface .rtable .col-rm { width:40px; padding-right:0; }
.workspace-measure-surface .rm-btn { width:40px; min-height:40px; border:1px solid var(--line); border-radius:8px; background:var(--card); color:var(--muted); font:inherit; cursor:pointer; }
.workspace-measure-surface .rm-btn:hover { color:var(--burden); border-color:var(--burden); }
.workspace-measure-surface :is(.btn,.add-row) { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:40px; padding:9px 14px; border:1px solid var(--accent); border-radius:8px; font:inherit; font-size:13px; font-weight:600; cursor:pointer; }
.workspace-measure-surface :is(.btn-secondary,.add-row) { background:var(--card); border-color:var(--line); color:var(--text); }
.workspace-measure-surface :is(.btn-secondary,.add-row):hover { background:var(--panel); }
.workspace-measure-surface .add-row { margin:4px 6px 0 0; }
.workspace-measure-surface .actions-row { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:22px; }
.workspace-measure-surface .btn:disabled { opacity:.5; cursor:not-allowed; }
.workspace-measure-surface .dash { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); }
.workspace-measure-surface .dash-tiles { grid-template-columns:repeat(4,minmax(0,1fr)); }
.workspace-measure-surface .dash-tiles .stat { min-width:0; padding:14px 12px; box-sizing:border-box; }
.workspace-measure-surface .dash-tiles .stat-l { overflow-wrap:anywhere; text-transform:none; letter-spacing:0; }
.workspace-measure-surface :is(.camp-title span,.camp-caret) { color:var(--muted); }
.workspace-measure-surface .ar-copy:hover { color:var(--accent-fg); }
.workspace-measure-surface .rmore td { font-size:12px; color:var(--muted); line-height:1.5; padding:12px 0; }
@media (max-width:1100px) { .workspace-measure-surface .dash { grid-template-columns:minmax(0,1fr); } }
@media (max-width:720px) {
  .workspace-measure-surface .grid { grid-template-columns:minmax(0,1fr); }
  .workspace-measure-surface .rtable { display:block; }
  .workspace-measure-surface .rtable thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .workspace-measure-surface .rtable tbody { display:block; }
  .workspace-measure-surface .rtable tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:16px 0; border-top:1px solid var(--line); }
  .workspace-measure-surface .rtable td { display:block; min-width:0; padding:0; font-size:13px; }
  .workspace-measure-surface .rtable td[data-label]::before { content:attr(data-label); display:block; margin-bottom:6px; font-size:12px; color:var(--muted); }
  .workspace-measure-surface .rtable td:first-child { grid-column:1/-1; }
  .workspace-measure-surface .rtable .col-rm { width:auto; align-self:end; justify-self:end; }
  .workspace-measure-surface .rtable .rmore td { grid-column:1/-1; }
  .workspace-measure-surface .dash-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.workspace-settings-surface .field { min-width:0; flex:1 1 220px; }
.workspace-settings-surface .field-role { flex-basis:320px; }
.workspace-settings-surface .field label { font-size:12px; letter-spacing:0; text-transform:none; color:var(--muted); }
.workspace-settings-surface .lrow .main b { overflow-wrap:anywhere; line-height:1.4; }
.workspace-settings-surface .lrow .act { flex-wrap:wrap; }
.workspace-settings-surface .lrow .badge { flex-shrink:0; }
.workspace-settings-surface #usageTiles { grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
.workspace-settings-surface .tile { min-width:0; padding:16px; }
.workspace-settings-surface .tile .n { overflow-wrap:anywhere; }
.workspace-settings-surface .btn.destructive { white-space:normal; line-height:1.4; }
html[data-theme="dark"] .workspace-settings-surface .btn.destructive { color:var(--product-button-text); }
.workspace-settings-surface .btn.destructive:hover { background:var(--burden); filter:brightness(.92); }
@media (max-width:1100px) { .workspace-settings-surface #usageTiles { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:720px) {
  .workspace-settings-surface .lrow { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:9px 12px; padding:16px 0; }
  .workspace-settings-surface .lrow .main { grid-column:1/-1; }
  .workspace-settings-surface .lrow .main span { white-space:normal; overflow-wrap:anywhere; }
  .workspace-settings-surface .lrow .badge { justify-self:start; }
  .workspace-settings-surface .lrow .act { justify-content:flex-end; min-width:0; }
  .workspace-settings-surface .lrow .act select { width:auto; max-width:100%; }
  .workspace-settings-surface .linkbtn { min-height:40px; }
  .workspace-settings-surface #usageTiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
/* Overview is a working summary: latest measurements, recent activity, then the next decision. */
.ws-read { margin-bottom:24px; }
.ws-read .ws-eyebrow { margin-bottom:8px; }
.ws-thesis { max-width:30ch; font-size:30px; line-height:1.15; letter-spacing:-.035em; margin:0 0 12px; }
.ws-readline { gap:20px; align-items:center; border:0; padding-bottom:0; }
.ws-readline .meta { max-width:76ch; font-size:13px; line-height:1.55; flex:1 1 460px; }
.ws-readline .ws-btn { margin-left:0; }
.ws-section-label { margin:24px 0 12px; gap:16px; }
.ws-section-label h2 { margin:0; font-size:16px; line-height:1.3; letter-spacing:-.02em; }
.ws-section-label a { font-size:12.5px; flex-shrink:0; }
.ws-instruments { gap:12px; border:0; grid-template-columns:repeat(4,minmax(0,1fr)); }
.ws-inst { min-width:0; border:1px solid var(--line); background:var(--card); border-radius:12px; padding:18px; }
.ws-inst:last-child { border-right:1px solid var(--line); }
.ws-inst .name { min-height:0; font-size:13px; font-weight:600; color:var(--text); }
.ws-inst .val { margin:13px 0 10px; font-size:32px; letter-spacing:-.035em; }
.ws-inst .val.empty { font-size:18px; color:var(--muted); font-weight:500; }
.ws-inst .row { flex-wrap:wrap; margin-top:10px; align-items:start; gap:9px 14px; }
.ws-inst .row .ws-link { font-size:12px; }
.ws-product-grid { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:18px; margin-top:24px; align-items:start; }
.ws-product-panel { min-width:0; background:var(--card); border:1px solid var(--line); border-radius:12px; padding:20px; }
.ws-product-panel>.ws-section-label { margin:0 0 14px; }
.ws-recent-list { display:flex; flex-direction:column; }
.ws-recent-row { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:12px; padding:15px 0; border-top:1px solid var(--line-soft); align-items:center; }
.ws-recent-score { display:grid; place-items:center; min-height:36px; background:var(--panel); border-radius:8px; font-size:15px; font-weight:600; }
.ws-recent-copy { min-width:0; }
.ws-recent-copy strong { display:block; font-size:13px; font-weight:600; }
.ws-recent-copy span { display:block; font-size:12px; color:var(--muted); margin-top:3px; overflow-wrap:anywhere; }
.ws-recent-row>a { font-size:12px; white-space:nowrap; }
.ws-product-empty { padding:14px 0 6px; }
.ws-product-empty strong { font-size:15px; }
.ws-product-empty p { font-size:13px; line-height:1.55; color:var(--muted); margin:7px 0 14px; }
.ws-next-step .ws-rec { border:0; border-radius:0; padding:0; background:transparent; box-shadow:none; }
.ws-next-step .ws-rec h3 { font-size:18px; line-height:1.3; letter-spacing:-.02em; }
.ws-next-step .ws-rec p { margin-top:10px; font-size:12px; }
.ws-next-step .recfoot { margin-top:18px; }
.ws-next-step .recfoot a { white-space:normal; }
.ws-action-shortcuts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:18px; }
.ws-action-shortcuts a { padding:12px; border:1px solid var(--line); border-radius:8px; color:var(--text); font-size:12px; text-decoration:none; }
.ws-action-shortcuts a:hover { border-color:var(--accent); }
.ws-action-shortcuts b { display:block; font-size:13px; margin-bottom:4px; }
.ws-action-shortcuts span { color:var(--muted); line-height:1.4; }
.ws-readiness-note { margin:10px 0 0; font-size:12px; color:var(--muted); }
.ws-onboarding { margin:24px 0 0; padding:20px; background:var(--card); border:1px solid var(--line); border-radius:12px; }
.ws-onboarding h2 { font-size:18px; }
.ws-onboarding-step { background:var(--card); }
.ws-onboarding-step.done .state { color:var(--accent-fg); }
.ws-drawer { margin-top:24px; padding-top:20px; gap:14px 24px; }
.ws-drawer a { font-size:12.5px; }
.ws-planstrip { margin-top:24px; font-size:12px; }
.ws-status:empty { display:none; }
.ws-status.error { border:1px solid var(--critical); border-radius:8px; padding:12px 14px; }
.ws-retry { color:var(--accent-fg); background:var(--card); border:1px solid var(--line); border-radius:7px; padding:9px 13px; font:500 13px/1.3 inherit; cursor:pointer; }
@media (max-width:1100px) { .ws-instruments { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:860px) {
  .workspace-surface :is(.ws-main .ws-wrap,.content) { padding:22px 18px 44px; }
  .workspace-surface :is(.ws-nav,.ws5-nav) a { min-height:36px; }
  .ws-product-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:560px) {
  .workspace-surface :is(.ws-main .ws-wrap,.content) { padding:20px 14px 40px; }
  .workspace-surface :is(.card,.trust,.impact) { padding:17px; }
  .ws-thesis { font-size:27px; }
  .ws-readline { gap:14px; }
  .ws-readline .ws-btn { width:100%; }
  .ws-instruments { gap:10px; }
  .ws-inst { padding:14px; }
  .ws-inst .name { font-size:12px; }
  .ws-inst .val { font-size:29px; }
  .ws-section-label { align-items:baseline; }
  .ws-product-panel { padding:16px; }
  .ws-recent-row { grid-template-columns:34px minmax(0,1fr); }
  .ws-recent-row>a { grid-column:2; }
  .ws-onboarding { padding:16px; }
  .workspace-surface .synth-products { grid-template-columns:minmax(0,1fr); }
  #wsSynthesisReadiness { grid-template-columns:minmax(0,1fr)!important; }
}

#wsPlanStrip { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px 8px; min-width:0; }
.ws-recent-row:has(.is-unavailable) { grid-template-columns:76px minmax(0,1fr) auto; }
.ws-recent-score.is-unavailable { font-size:11px; }
@media (max-width:560px) { .ws-recent-row:has(.is-unavailable) { grid-template-columns:76px minmax(0,1fr); } }