/* Discernment Bench — editorial operations-room system.
   One evidence line, documentary imagery, restrained work surfaces. */
:root{
  --bench-blue:#1769e0;
  --bench-blue-dark:#0d56bd;
  --bench-ink:#17202d;
  --bench-slate:#4d5a6c;
  --bench-muted:#738093;
  --bench-line:#d8dee7;
  --bench-paper:#fbfbfa;
  --bench-canvas:#f1f3f5;
  --bench-night:#15191f;
  --bench-night-2:#1d2229;
  --bench-night-line:#343a44;
  --bench-radius:7px;
}

html,body,button,input,select,textarea{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{background:var(--bench-canvas);color:var(--bench-ink)}
button{border-radius:var(--bench-radius);transition:border-color .14s ease,background-color .14s ease,color .14s ease,transform .14s ease}
button.primary{background:var(--bench-blue);border-color:var(--bench-blue);box-shadow:none}
button.primary:hover{background:var(--bench-blue-dark);border-color:var(--bench-blue-dark)}
button:active{transform:translateY(1px)}

/* Product shell: the mark is a compact evidence ledger, not a menu icon. */
.top.participant-shell{height:60px;padding:0 30px;border-bottom:1px solid #e1e5eb;background:#f7f8f9}
.top .brand{gap:11px;color:#1c2430;font-size:13px;font-weight:650;letter-spacing:-.015em}
.top .mark{width:27px;height:30px;border:0;border-radius:5px;background:var(--bench-blue);box-shadow:none}
.top .mark svg{width:14px;height:18px}
.top .shell-context{margin-left:4px;color:#7b8491;font-weight:450}
.top .header-actions button{border-radius:5px;color:#5b6573}
.top .header-actions button:hover{background:#e9edf2;color:#202a38}

/* Intake: editorial briefing form, with hierarchy from rules rather than cards. */
.live-intake{max-width:1240px;min-height:calc(100vh - 60px);padding:clamp(32px,5vh,58px) 38px 44px;grid-template-columns:minmax(360px,.82fr) minmax(570px,1.18fr);gap:clamp(56px,7vw,104px)}
.live-intake-intro{padding-top:14px}
.live-intake-intro>.eyebrow{display:flex;align-items:center;gap:9px;color:#4d5b6c;font-size:10px;letter-spacing:.09em}
.live-intake-intro>.eyebrow:before{content:"";width:3px;height:18px;background:var(--bench-blue)}
.live-intake-intro h1{max-width:560px;margin:20px 0 20px;color:#131c28;font-size:clamp(44px,4.8vw,66px);font-weight:590;line-height:1.01;letter-spacing:-.052em;text-wrap:balance}
.live-intake-intro>p{max-width:500px;color:#586578;font-size:17px;line-height:1.62}
.live-intake-example-label{margin-top:42px;color:#737f8f;font-size:10px;letter-spacing:.075em}
.live-example-chips{display:grid;max-width:470px;gap:0;margin-top:10px;border-top:1px solid var(--bench-line)}
.live-example-chips button{display:flex;align-items:center;justify-content:space-between;padding:12px 3px;border:0;border-bottom:1px solid var(--bench-line);border-radius:0;background:transparent;color:#344155;font-size:13px;text-align:left}
.live-example-chips button:after{content:"→";color:#9aa4b2}
.live-example-chips button:hover{padding-left:8px;border-color:var(--bench-line);background:transparent;color:var(--bench-blue)}
.browse-library{width:min(100%,470px);margin-top:14px;padding:13px 3px;border:0;border-bottom:1px solid var(--bench-line);border-radius:0;background:transparent}
.browse-library:hover{padding-left:8px;border-color:var(--bench-line);background:transparent}
.browse-library b{color:var(--bench-blue)}
.scenario-activity{width:min(100%,470px);margin-top:30px;border-top:1px solid var(--bench-line)}
.scenario-activity>header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:15px 2px 9px;color:#738094;font-size:9px;letter-spacing:.075em;text-transform:uppercase}
.scenario-activity>header b{color:#334156;font-size:10px;letter-spacing:0;text-transform:none}
.scenario-activity>div{display:grid;gap:0}
.scenario-activity button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 2px;border:0;border-top:1px solid #e3e7ed;border-radius:0;background:transparent;color:#233247;text-align:left}
.scenario-activity button:hover{padding-left:7px;background:#f5f7fa}
.scenario-activity button>span{min-width:0;display:flex;flex-direction:column;gap:3px}
.scenario-activity button>span:first-child{flex:1}
.scenario-activity button>span:last-child{align-items:flex-end;flex:none}
.scenario-activity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.scenario-activity small{color:#7a8697;font-size:8px;line-height:1.35}
.scenario-activity button>span:last-child b{color:var(--bench-blue);font-size:8px;font-weight:750;text-transform:uppercase}

.live-case-builder{position:relative;padding:8px 0 0 30px;border:0;border-left:1px solid #cfd6e0;border-radius:0;background:transparent;box-shadow:none}
.live-case-builder:before{content:"";position:absolute;left:-2px;top:8px;width:3px;height:54px;background:var(--bench-blue)}
.live-case-builder label>span,.live-difficulty legend,.live-intent legend{margin-bottom:8px;color:#354256;font-size:11px;font-weight:700;letter-spacing:.025em}
.live-case-builder textarea{border:1px solid #ccd4df;border-radius:6px;background:var(--bench-paper);color:#172337;font-size:14px;box-shadow:inset 0 1px 2px #15243808}
.live-case-builder textarea:hover{border-color:#aeb9c7}
.live-case-builder textarea:focus{outline:2px solid #1769e030;outline-offset:2px;border-color:var(--bench-blue);box-shadow:none}
.live-prompt-field textarea{min-height:92px}.live-context-field{margin-top:14px}.live-context-field textarea{min-height:94px}
.live-intent{gap:6px;margin:20px 0 18px}
.live-intent label>span{min-height:92px;padding:12px!important;border-color:#d4dbe4;border-radius:5px;background:#f8f9fa}
.live-intent label>span strong{color:#263347;font-size:12px}.live-intent label>span small{color:#6d798a;font-size:10.5px}
.live-intent input:checked+span{border-color:var(--bench-blue);background:#f4f7fc;box-shadow:inset 3px 0 0 var(--bench-blue)}
.live-difficulty{gap:6px;margin-top:16px}
.live-difficulty label span{padding:12px;border-color:#d5dce5;border-radius:5px;background:#f8f9fa}
.live-difficulty input:checked+span{border-color:var(--bench-blue);background:#f4f7fc;box-shadow:inset 3px 0 0 var(--bench-blue)}
.live-create-button{min-height:46px;margin-top:17px;border-radius:5px;font-size:14px;font-weight:680}
.live-create-note{color:#808a98;font-size:10px;letter-spacing:.015em}

/* Library: a reference catalogue, not a marketplace of AI cards. */
.assessment-library-backdrop{background:#151c27b8;backdrop-filter:blur(3px)}
.assessment-library-dialog{border-color:#cfd6df;border-radius:8px;background:#f4f5f6;box-shadow:0 28px 80px #07111c4d}
.assessment-library-dialog>header{padding:25px 30px 20px;border-color:#d9dee5;background:#fafaf9}
.assessment-library-dialog h2{font-size:28px;font-weight:590}
.library-close{border-radius:5px;background:#f4f5f6}
.library-categories{gap:2px;padding:10px 30px;background:#f4f5f6;backdrop-filter:none}
.library-categories button{padding:8px 10px;border:0;border-radius:4px;background:transparent}
.library-categories button.active{background:#e3e8ef;color:#1e4f8d;box-shadow:inset 0 -2px 0 var(--bench-blue)}
.assessment-library-grid{gap:0;padding:0 30px 30px;border-top:1px solid #dfe3e8}
.assessment-blueprint{min-height:190px;padding:20px;border:0;border-right:1px solid #dfe3e8;border-bottom:1px solid #dfe3e8;border-radius:0;background:#fafaf9;box-shadow:none}
.assessment-blueprint:nth-child(3n+1){border-left:1px solid #dfe3e8}
.assessment-blueprint:hover{position:relative;z-index:1;border-color:#aebccd;background:#fff;box-shadow:inset 3px 0 0 var(--bench-blue);transform:none}
.assessment-blueprint>strong{font-size:17px}.assessment-blueprint p{font-size:12px}.assessment-blueprint .blueprint-intent{border-radius:3px;background:#eaf0f8;color:#2a5d9b}

/* Build: a quiet production ledger. No orbs, pulses, or stacked loaders. */
.live-intake.building{align-items:start}
.case-build-progress{min-height:500px;padding:12px 0 0 30px;border-left:0}
.case-build-status-mark{margin-bottom:20px;padding:0;border:0;border-radius:0;background:transparent}
.case-build-status-mark span{width:30px;height:30px;border-radius:4px;background:#26364b}
.case-build-status-mark em{color:#5f6d80;font-size:9px}
.case-build-status h2{font-size:29px;font-weight:590}
.case-build-status>p{max-width:520px;color:#657286}
.case-build-rail{height:2px;margin-top:22px;background:#dfe4ea}
.case-build-rail i{background:var(--bench-blue);animation-duration:4.6s}
.build-stage-list{grid-template-columns:1fr;margin-top:18px;border-top:1px solid #d9dfe7}
.build-stage{gap:12px;padding:10px 2px;border:0;border-bottom:1px solid #d9dfe7;border-radius:0;background:transparent;color:#8a95a4}
.build-stage i{width:22px;height:22px;border:1px solid #d4dbe4;border-radius:3px;background:#f6f7f8}
.build-stage.active{border-color:#d9dfe7;background:transparent;color:#245d9e}.build-stage.active i{border-color:var(--bench-blue);background:var(--bench-blue)}
.build-stage.complete{border-color:#d9dfe7;background:transparent;color:#4f6658}.build-stage.complete i{border-color:#86a794;background:#eef5f0;color:#3b6850}
.case-build-note{margin-top:20px;padding:15px 0;border-radius:0;border-top:1px solid #d8dee6;background:transparent}
.case-build-preview{margin-top:20px;padding-top:16px;border-top:1px solid #d8dee6;color:#46566a}
.case-build-preview header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.case-build-preview header span{color:var(--bench-blue);font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.case-build-preview header strong{max-width:62%;color:#25364b;font-size:12px;text-align:right}
.case-build-preview.awaiting>p{max-width:620px;margin:9px 0 0;color:#687689;font-size:10px;line-height:1.55}
.case-build-preview-placeholders{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:8px;margin-top:13px}.case-build-preview-placeholders i{height:3px;background:#d8dee6}.case-build-preview-placeholders i:nth-child(2){background:#c6d4e6}.case-build-preview-placeholders i:nth-child(3){background:#e1e5ea}
.case-build-preview-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:13px;border-top:1px solid #dce1e7;border-left:1px solid #dce1e7}.case-build-preview-grid article{min-width:0;padding:11px 12px;border-right:1px solid #dce1e7;border-bottom:1px solid #dce1e7;background:#fafbfc}.case-build-preview-grid small{display:block;color:#8490a0;font-size:7px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.case-build-preview-grid b{display:block;margin-top:4px;overflow:hidden;color:#2d4058;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.case-build-preview-grid p{margin:4px 0 0;color:#6c798a;font-size:8px;line-height:1.45}.case-build-preview footer{margin-top:10px;color:#788493;font-size:8px}
@media(max-width:760px){.case-build-preview-grid{grid-template-columns:1fr}.case-build-preview header{display:block}.case-build-preview header strong{display:block;max-width:none;margin-top:4px;text-align:left}}

/* Briefing: documentary cut with a consistent evidence line. */
.opening-experience{--opening-accent:var(--bench-blue);background:#11161d}
.opening-stage{gap:15px;padding:20px 32px 22px;background:#11161d}
.opening-brand{height:40px;color:#d7dde5;letter-spacing:.045em;text-transform:none}
.opening-brand>div:first-child{font-size:10px;font-weight:650}
.opening-status-mark{width:3px;height:18px;border-radius:0;background:var(--opening-accent)}
.opening-brand>b{color:#929daa;font-size:9px;letter-spacing:.06em;text-transform:uppercase}
.opening-frame,.opening-frame.has-image{border-color:#343a42;border-radius:8px;background:#1c222a;box-shadow:none}
.opening-generated-image{inset:0;width:100%;height:100%;filter:saturate(.88) contrast(1.025) brightness(.84);animation:opening-drift 16s ease-in-out both}
.opening-image-wash{background:linear-gradient(90deg,#10151dd6 0,#10151d66 38%,transparent 72%),linear-gradient(0deg,#10151dbd 0,transparent 52%)}
.opening-story-wash{background:linear-gradient(90deg,#10151d8f 0,#10151d25 52%,transparent 76%),linear-gradient(0deg,#10151da8 0,transparent 45%)}
.opening-copy,.opening-frame.has-image .opening-copy{left:clamp(26px,5vw,68px);bottom:clamp(30px,6vh,60px)}
.opening-copy>span{color:#d0d8e3;font-size:9px;letter-spacing:.065em;text-transform:uppercase}
.opening-copy>span b{width:27px;height:27px;border-color:#ffffff66;border-radius:3px}
.opening-copy h1,.opening-frame.has-image .opening-copy h1{font-size:clamp(38px,4vw,56px);font-weight:560;letter-spacing:-.043em;text-shadow:0 2px 18px #000b}
.opening-copy p{font-size:clamp(14px,1.15vw,16px);color:#e2e6ec}
.opening-player{gap:22px}
.opening-scenes{gap:7px}.opening-scenes i{height:1px;border-radius:0;background:#ffffff28}.opening-scenes .active i{height:2px;background:var(--opening-accent)}
.opening-scenes span{font-size:8px;letter-spacing:.025em}
.opening-controls button{min-height:36px;border-color:#3a414b;border-radius:5px;background:#1a2028;color:#ced6e0}
.opening-controls button:hover{border-color:#596475;background:#222a34}
.opening-controls .opening-voice.active{border-color:#4a5665;background:#222a34;color:#e2e8ef}
.opening-controls .opening-transcript-button{background:transparent}
.opening-controls .opening-continue{border-color:var(--bench-blue);border-radius:5px;background:var(--bench-blue);color:#fff}
.opening-details{border-color:#515b68;background:#1a2028;color:#e4e9ef;backdrop-filter:none}
.opening-transcript-dialog{border-radius:8px}.opening-transcript-dialog::backdrop{background:#11161de8;backdrop-filter:none}

/* Replay: an evidence record, laid out like a case file rather than a score dashboard. */
.replay-page{max-width:1240px;padding:48px 38px 82px;color:var(--bench-ink)}
.replay-hero{align-items:flex-start;padding:0 0 27px;border-color:var(--bench-line)}
.replay-hero>div:first-child{position:relative;padding-left:24px}
.replay-hero>div:first-child:before{content:"";position:absolute;left:0;top:1px;width:3px;height:52px;background:var(--bench-blue)}
.replay-hero .eyebrow{color:#6d7786;font-size:9px;letter-spacing:.075em}
.replay-hero h1{margin:9px 0 10px;color:#172130;font-size:clamp(35px,3.8vw,50px);font-weight:590;letter-spacing:-.045em}
.replay-hero p{max-width:760px;color:#637083;font-size:13px;line-height:1.6}
.replay-actions button{border-radius:5px;box-shadow:none}
.replay-summary{margin:0 0 52px;border:0;border-bottom:1px solid var(--bench-line);border-radius:0;background:transparent}
.replay-summary>div{min-height:82px;padding:18px 20px;border-color:var(--bench-line);background:#f7f8f9}
.replay-summary>div:first-child{border-left:1px solid var(--bench-line)}
.replay-summary>div:last-child{border-right:1px solid var(--bench-line)}
.replay-summary span{color:#758092;font-size:8px;letter-spacing:.075em}.replay-summary strong{margin-top:8px;color:#253247;font-size:19px;font-weight:610}
.replay-evidence{grid-template-columns:minmax(245px,.35fr) minmax(0,1fr);gap:36px;padding:28px 0;border:0;border-top:1px solid var(--bench-line);border-bottom:1px solid var(--bench-line);border-radius:0;background:transparent}
.replay-evidence>header{padding-left:23px;border-left:3px solid var(--bench-blue)}
.replay-evidence header h2,.replay-timeline>header h2{color:#202b3a;font-size:24px;font-weight:610;letter-spacing:-.025em}
.replay-evidence header p{color:#697588}
.replay-evidence>div{gap:0;border-top:1px solid var(--bench-line);border-left:1px solid var(--bench-line)}
.replay-evidence article{min-height:94px;padding:15px 17px;border:0;border-right:1px solid var(--bench-line);border-bottom:1px solid var(--bench-line);border-radius:0;background:#fafaf9}
.replay-evidence article strong{color:#245d9e;font-size:14px}
.replay-timeline{max-width:1030px;margin-top:54px}
.replay-timeline>header{margin-left:98px}
.replay-moment{grid-template-columns:70px minmax(0,1fr);gap:27px;padding-bottom:20px}.replay-moment:before{left:78px;background:#cfd6df}
.replay-marker>i{width:23px;height:23px;border:3px solid var(--bench-canvas);border-radius:3px;background:var(--bench-blue)}
.replay-card{padding:21px 23px;border-color:var(--bench-line);border-radius:5px;background:#fbfbfa;box-shadow:none}
.replay-card h3{color:#27354a;font-size:17px;font-weight:620}
.replay-classification{padding:5px 7px;border:0;border-left:2px solid var(--bench-blue);border-radius:0;background:#edf3fb;color:#315f93}
.replay-artifact-preview{border-color:#d9e0e8;border-radius:4px;background:#f5f7f9}
.replay-artifact-preview i{border-radius:3px}
.replay-question>p,.replay-response-step,.replay-no-response{border-radius:4px;box-shadow:none}
.replay-response-step.revision{border-left-color:var(--bench-blue)}
.replay-signals b{border-radius:3px}
.replay-transcript{border-radius:5px;background:#fbfbfa;box-shadow:none}
.replay-transcript>div{border-radius:3px}.replay-footer button{border-radius:5px}

@media(max-width:900px){
  .live-intake{grid-template-columns:1fr;gap:38px;padding:38px 24px}.live-case-builder{padding-left:24px}
  .assessment-blueprint:nth-child(3n+1){border-left:0}.assessment-blueprint:nth-child(2n+1){border-left:1px solid #dfe3e8}
  .replay-evidence{grid-template-columns:1fr}.replay-evidence>header{max-width:620px}
}
@media(max-width:620px){
  .top.participant-shell{height:56px;padding:0 14px}.live-intake-intro h1{font-size:40px}
  .live-intent{grid-template-columns:1fr}.live-intent label>span{min-height:0}
  .assessment-blueprint,.assessment-blueprint:nth-child(n){border-left:1px solid #dfe3e8}
  .opening-stage{padding:16px}.opening-brand{grid-template-columns:1fr auto}.opening-frame,.opening-frame.has-image{border-radius:6px}
}
@media(prefers-reduced-motion:reduce){.opening-generated-image{animation:none}.case-build-rail i{animation:none}}