/* Approved Economics learning operations direction. Motion communicates state, never scores. */
:root{color-scheme:dark;--base:#07101f;--paper:#101f35;--ink:#e5f2ff;--muted:#a0b3cb;--line:#293f5d;--blue:#6edcff;--violet:#b5a7ff;--teal:#6edcff;--amber:#ffc879;--green:#83e8c6;--red:#ffacb8}
body{background:var(--base);background-image:radial-gradient(circle at 2px 2px,rgba(110,220,255,.075) 1px,transparent 1.5px);background-size:38px 38px;color:var(--ink)}
h1,h2,h3,h4{color:var(--ink);letter-spacing:-.025em}h1{font-weight:750}p,small,label{line-height:1.6}a{color:var(--blue)}.muted,.intro,.evidence-note,small,.student-footer,.student-head small{color:var(--muted)}
.sidebar{width:200px;background:#0c192d;border-color:var(--line);box-shadow:12px 0 45px #02091540}.brand{color:var(--ink)}.brand small{color:var(--blue);letter-spacing:.035em}.sidebar .nav button{color:var(--muted);border-radius:7px}.sidebar .nav button:hover{background:#18304b;color:var(--ink)}.sidebar .nav button.active{color:var(--blue);background:#6edcff13;border-left:2px solid var(--blue);box-shadow:inset 0 0 22px #6edcff08}.side-bottom{border-color:var(--line);color:var(--ink)}
.main{margin-left:200px;max-width:1700px}.workspace .panel,.student-shell .panel,.auth-card,.login-card,.login-panel,dialog{background:var(--paper);border-color:var(--line);color:var(--ink);box-shadow:0 8px 35px #02091520}.panel-top,.table-bottom,.toolbar,.student-head,.dialog-head,.mapping-editor,.mapping-answer,.journey-slide-review>article,.journey-source-slide{border-color:var(--line)}
.panel{border-radius:12px}.lesson-strip .lesson{border-top:2px solid #6edcff70;background:linear-gradient(115deg,#102940,#101f35 75%)}.attention-summary{background:#11233a}.page-header h1{font-size:29px}.page-header p{color:var(--muted)}
input:not([type=checkbox]):not([type=radio]),select,textarea{background:#09172a;color:var(--ink);border:1px solid #365272;border-radius:7px}input::placeholder,textarea::placeholder{color:#9caec4}option{background:#101f35;color:var(--ink)}input[type=checkbox],input[type=radio]{accent-color:var(--blue)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px;box-shadow:0 0 18px #6edcff18}
.btn,button.icon-button{background:#12263f;color:var(--ink);border-color:#365272;border-radius:7px}.btn:hover{background:#193650;border-color:#6edcff99}.btn.primary{background:#6edcff;color:#07101f;border-color:#6edcff;font-weight:750;box-shadow:0 0 22px #6edcff18}.btn.primary:hover{background:#a0e9ff;box-shadow:0 0 28px #6edcff35}.btn.link{background:transparent;color:var(--blue)}button:disabled{opacity:.5;cursor:wait}.icon-button:focus-visible,.btn:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.tabs{background:#08182c;border:1px solid var(--line);border-radius:8px}.tabs button{color:var(--muted);background:transparent}.tabs button.active{background:#1b3552;color:var(--ink);box-shadow:none}
.evidence-table{font-size:12px;color:var(--ink)}.evidence-table thead th{background:#0a192c;color:#b3c7dd;border-color:var(--line);font-size:11px}.evidence-table tbody th,.evidence-table tbody td{background:transparent;border-color:var(--line);color:var(--ink)}.evidence-table tbody tr:hover{background:#17304b80}.evidence-table small{font-size:11px;color:#a0b3cb}.table-bottom{background:#0d1c30;color:var(--muted)}.evidence-table th:first-child{background:var(--paper)}.evidence-table th,.evidence-table td{padding:15px 12px}.evidence-table th:nth-child(2),.evidence-table td:nth-child(2){min-width:175px}
.notice{background:#102744;border:1px solid #375c83;color:#d3e7fa}.notice.error{background:#3c2230;border-color:#ffacb870;color:#ffd1da}.notice:empty{display:none}.state{color:var(--muted)}.state.blue,.state.teal{color:var(--blue)}.state.violet{color:var(--violet)}.state.green{color:var(--green)}.state.amber{color:var(--amber)}.state.red{color:var(--red)}.state:before{background:currentColor}.state.status-active:before{animation:activity-signal 3s ease-in-out infinite}.state.status-review:before{animation:review-signal 3.8s ease-in-out infinite}
.quote,.primer,.message,.mapping-source,.mapping-answer,.hinge-option-editor{background:#0b1a2e;border-color:var(--line);color:var(--ink)}.quote{border-left:3px solid #6edcff77}.primer{border-left:3px solid var(--blue)}.message.user{background:#18344a}.choice{background:#0c1c31;border-color:#365272;color:var(--ink)}.choice:has(input:checked){background:#6edcff14;border-color:var(--blue);box-shadow:0 0 18px #6edcff10}fieldset,.question{border-color:var(--line)}legend{color:var(--ink)}dialog::backdrop{background:#020814c9;backdrop-filter:blur(5px)}dialog{max-width:960px}.student-shell{max-width:1050px}.student-task{border-top:2px solid #6edcff90}
.required-route{background:linear-gradient(110deg,#102b41,var(--paper));border:1px solid #355270;border-radius:12px;padding:20px 24px;margin:0 0 24px;box-shadow:0 0 36px #6edcff06}.required-route h2{font-size:15px;margin:0}.required-route .split>span{font-size:12px;color:var(--muted)}.required-route ol{display:flex;list-style:none;padding:0;margin:20px 0 0;gap:12px;overflow-x:auto}.required-route li{display:flex;align-items:flex-start;gap:12px;min-width:125px;flex:1;font-size:12px}.required-route li:not(:last-child):after{content:'';height:1px;background:#45647d;min-width:12px;flex:1;margin-top:7px}.route-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#526984;margin-top:5px}.required-route small{display:block;font-size:10px;max-width:150px}.required-route .complete .route-dot{background:var(--green);box-shadow:0 0 9px #83e8c640}.required-route .current .route-dot{background:var(--blue);animation:activity-signal 3s ease-in-out infinite}.required-route .current strong{color:var(--blue)}.required-route .locked strong{color:#adc1d8}.required-route .complete strong{color:#bce9d9}
.signal{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--blue)}.signal:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.signal.active:before{animation:activity-signal 3s ease-in-out infinite}.signal.review{color:var(--amber)}.signal.review:before{animation:review-signal 3.8s ease-in-out infinite}.signal.steady{color:var(--green)}.hinge-author{border-top:2px solid #b5a7ff90}.hinge-question-editor{padding:20px;border:1px solid var(--line);border-radius:10px}.hinge-option-editor{padding:12px;border:1px solid var(--line);border-radius:7px}.hinge-option-editor h4{margin:0 0 10px}.hinge-option-editor label{font-size:12px}.journey-question small{color:var(--muted)}.journey-slide-review>article{background:#0c1b30}.question-page{background:white}.lesson-operations-path{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0 0 24px;padding:16px 22px;background:#101f35;border:1px solid var(--line);border-radius:12px;color:#b9cfe3;font-size:12px}.lesson-operations-path span{display:flex;gap:9px;align-items:center}.lesson-operations-path span:before{content:'';width:6px;height:6px;background:#6edcff77;border-radius:50%}.lesson-operations-path i{height:1px;background:linear-gradient(90deg,#6edcff88,#6edcff11);flex:1;max-width:130px}
@keyframes activity-signal{0%,100%{box-shadow:0 0 0 0 #6edcff20,0 0 8px #6edcff50}55%{box-shadow:0 0 0 7px #6edcff05,0 0 19px #6edcff99}}@keyframes review-signal{0%,100%{box-shadow:0 0 0 0 #ffc87918,0 0 7px #ffc87940}55%{box-shadow:0 0 0 6px #ffc87905,0 0 16px #ffc87999}}
@media(max-width:900px){.sidebar{width:175px}.main{margin-left:175px;padding:22px}.required-route{padding:16px}.lesson-operations-path{gap:8px;padding:14px;font-size:11px}}
@media(max-width:700px){.sidebar{position:static;width:auto;box-shadow:none}.main{margin-left:0;width:100%;padding:18px}.workspace{display:block}.sidebar .nav{display:flex;overflow:auto}.sidebar .nav button{white-space:nowrap}.side-bottom{display:none}.brand{padding-bottom:14px}.required-route ol{gap:16px}.required-route li{min-width:125px}.lesson-operations-path{overflow:auto}.lesson-operations-path span{min-width:100px}.student-shell{padding:16px}.page-header h1{font-size:25px}.hinge-question-editor{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.main{width:calc(100% - 200px)}.evidence-table tr[data-attention=true]>th:first-child:before{content:'';display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--amber);animation:review-signal 3.8s ease-in-out infinite}@media(max-width:900px){.main{width:calc(100% - 175px)}}@media(max-width:700px){.main{width:100%}}

.workspace .evidence-table thead th:first-child{background:#0a192c;color:#b3c7dd}.main .evidence-note{max-width:100%;white-space:normal;overflow:visible;overflow-wrap:anywhere}.lesson-operations-path{scrollbar-width:thin;scrollbar-color:#365272 transparent}
