/* Shared navy interiors; first welcome and checkout keep their own styles. */
body:not(.welcome-active){background:#061020;color:#edf1fb}.interior-navy{--ink:#edf1fb;--muted:#a8b6cf;--paper:#061020;--white:#111c30;--line:#b5c6ea22;--green:#8b5cf622;--green-dark:#d4c5ff;--navy:#dce5fa;--cream:#ffc10712;--blue:#8b5cf61a;--purple:#8b5cf622;--orange:#ffc10715;--shadow:0 18px 48px #0002;background:#061020;color:var(--ink)}
.interior-navy .sidebar{background:#091326;border-color:var(--line)}.official-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}.interior-navy .brand-name{color:#f4f6fc}.interior-navy .brand-name small{color:#b3c0da}.interior-navy .workspace-label,.interior-navy .sidebar-footer{color:#92a4c7}.interior-navy .nav a{color:#b5c3dc;min-height:44px}.interior-navy .nav a.active{background:linear-gradient(95deg,#8b5cf62b,#8b5cf60d);color:#e2d8ff;border:1px solid #8b5cf644}.interior-navy .nav a:hover{background:#ffffff08;color:white}.interior-navy .help-card{background:#ffffff04;border:1px solid var(--line);color:#aabbd7}.interior-navy .help-card h3{color:#e3e9f8}.interior-navy .topbar{background:#0a1427eb;border-color:var(--line);backdrop-filter:blur(12px)}.interior-navy .breadcrumb,.interior-navy .top-actions{color:#b9c7df}.interior-navy .preview-ribbon{background:#8b5cf60b;border-color:var(--line);color:#b2bfda}.interior-navy .main{max-width:1500px}.interior-navy .role-switch{background:#171f37;border:1px solid var(--line);color:#b8c5de}.interior-navy .role-switch select{color:#e8e8ff;background:transparent}.interior-navy select option{background:#111c30;color:#edf1fb}.interior-navy .avatar{background:#8b5cf63a;color:#e2d8ff}.interior-navy .icon-btn{color:#bfb4e8;border-color:var(--line);background:#ffffff04;min-width:44px;min-height:44px}.interior-navy .icon-btn:hover{background:#8b5cf628;color:white}.interior-navy .btn{background:linear-gradient(110deg,#6d28d9,#7c3aed);border:1px solid #ad8dff66;color:white;min-height:46px;font-size:13px;border-radius:10px;box-shadow:0 6px 22px #6d28d91a}.interior-navy .btn.secondary,.interior-navy .btn.ghost{background:#ffffff05;border-color:#b7c7e938;color:#ddd4ff;box-shadow:none}.interior-navy .btn:hover{filter:brightness(1.15)}.interior-navy .btn:disabled{opacity:.55}.interior-navy .text-link,.interior-navy .back-link,.interior-navy .footer a{color:#c9b8ff}.interior-navy :is(.panel,.stat-card,.glass-card){background:linear-gradient(135deg,#b9c6e716,#25314d22 35%,#101c2ed9);border:1px solid #bbcae735;box-shadow:inset 0 1px #f4f7ff10,0 14px 35px #0002;color:#edf1fb}.interior-navy :is(.panel-head h2,.page-head h1,.section-head h1,.section-head h2,h3){color:#edf1fb}.interior-navy :is(.panel-head p,.page-head p,.section-head p,.section-intro){color:#aebdd6}.interior-navy .glass-card{position:relative;overflow:hidden;padding:26px;border-radius:18px}.interior-navy .glass-card:before{content:'';position:absolute;pointer-events:none;width:160px;height:50px;right:-60px;top:-15px;transform:rotate(-38deg);background:linear-gradient(transparent,#ecddff22,transparent);filter:blur(8px)}.interior-navy .glass-card h2{font-size:20px;letter-spacing:-.5px;margin:0 0 12px}.interior-navy .glass-card p{color:#bcc8dd;font-size:13px;line-height:1.7}.interior-navy .glass-card small{color:#b4c1d8}.interior-navy .eyebrow{color:#c9b6ff;letter-spacing:1.5px;font-size:10px}.interior-navy .tag{background:#8b5cf619;border:1px solid #a78bfa30;color:#cdbcff}.interior-navy .tag.amber{background:#ffc10709;border-color:#ffc10740;color:#f6d67b}.interior-navy .notice{background:#8b5cf610;border:1px solid #8b5cf635;color:#bfcae0}.interior-navy .notice .icon{color:#c4b5fd}.interior-navy .input,.interior-navy textarea{background:#071120;color:#eef2fd;border-color:#8c9bb944;font-size:16px;min-height:46px}.interior-navy .input::placeholder{color:#879ab9}.interior-navy :is(.field label,.form-section-title){color:#c0cce1}.interior-navy .pill{background:#ffffff04;border:1px solid #b8c6e12b;color:#b9c6dd;min-height:44px}.interior-navy .pill.active{background:#8b5cf62b;border-color:#a78bfa66;color:#eee7ff}.interior-navy .data-table th{background:#ffffff03;color:#99abcd;font-size:10px;letter-spacing:1px}.interior-navy .data-table td{color:#c4d0e4;border-color:var(--line)}.interior-navy .data-table tr:hover td{background:#ffffff03}.interior-navy .table-tools{border-color:var(--line)}.interior-navy .person-avatar,.interior-navy .icon-bubble{background:#8b5cf61c;color:#d0bfff;border:1px solid #a78bfa33}.interior-navy .score-free,.interior-navy .next-card{background:#ffffff02;color:#afbed7}.interior-navy .progress-track{background:#b3c5e512;border:1px solid #b9c8e740;height:10px}.interior-navy .progress-fill{background:linear-gradient(90deg,#8b5cf6,#bfa1ff)}.interior-navy .footer{border-color:var(--line);color:#93a5c2}.interior-assistant{display:flex;justify-content:flex-end;margin-top:18px}.interior-navy .preview-footnote{font-size:11px!important;color:#93a6c4!important;line-height:1.7;margin-top:18px}.interior-navy :is(a,button,input,select,summary,textarea):focus-visible{outline:2px solid #c4b5fd;outline-offset:4px}.interior-navy :is(.question-draft,.choice,.section-chip,.setup-item,.next-card,.explore-card,.report-cover){background:#121e32;color:#d7e1f4;border-color:var(--line)}.interior-navy .choice:has(input:checked){background:#8b5cf62a;border-color:#a78bfa}.interior-navy input{accent-color:#a78bfa}.interior-navy .record-stage{color:#bfa1ff}
/* R3: spacious Aurora intro and stable glass dashboard. */
.paid-intro{position:relative;isolation:isolate;min-height:365px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:24px;margin:-8px -12px 36px;padding:32px 24px;overflow:hidden;border-bottom:1px solid #bbc9e32b}.intro-aurora{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 75% 70%,#7c3aed38,transparent 55%),linear-gradient(135deg,transparent 45%,#8b5cf61c 50%,transparent 62%);filter:blur(10px);animation:interior-aurora 20s ease-in-out infinite alternate}.intro-copy{position:relative;z-index:2}.intro-copy h1{font-size:clamp(30px,3.7vw,52px);font-weight:650;line-height:1.08;letter-spacing:-1.8px;margin:20px 0 16px}.intro-copy p{font-size:14px;color:#d6e0f3;line-height:1.7}.intro-copy .intro-context{color:#a9b9d3;font-size:12px;margin:9px 0 22px}.intro-copy>small{display:block;color:#a4b5cf;font-size:10px;margin:12px 0 0}.compass-scene{position:relative;display:grid;place-items:center;height:310px;perspective:600px}.compass-ring{position:relative;width:240px;height:240px;border:2px solid #d6bd8a;border-radius:50%;background:radial-gradient(circle,#111f38 0 59%,transparent 60%),repeating-conic-gradient(from 0deg,#c9af75 0deg 1deg,transparent 1deg 6deg);box-shadow:0 0 0 8px #a78bfa15,0 0 0 10px #c4b5fd35,0 0 45px #8b5cf655,inset 0 0 35px #000;transform:rotate(-14deg)}.compass-ring>span{position:absolute;color:#ffdc80;font:italic 20px Georgia,serif}.north{top:12px;left:46%}.south{bottom:10px;left:46%}.east{right:12px;top:44%}.west{left:10px;top:44%}.compass-needle{position:absolute;inset:38px;background:conic-gradient(from 44deg,transparent 0deg 90deg,#ffc107 90deg 180deg,transparent 180deg 270deg,#f4d791 270deg);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);transform:rotate(35deg);filter:drop-shadow(0 5px 8px #000)}.compass-ring i{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffc107;border:6px solid #c89a37;top:calc(50% - 12px);left:calc(50% - 12px);box-shadow:0 2px 8px #000}.compass-orbit{position:absolute;width:330px;height:100px;border:1px solid #bca0ffb0;box-shadow:0 0 16px #8b5cf650;transform:rotate(-24deg);border-radius:50%;z-index:-1}.student-glass-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:20px}.direction-card h2{font-size:28px!important;margin-top:18px!important}.begin-assessment{margin:20px 0 24px;min-width:260px}.stage-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stage-tile{border:1px solid #a9bcdf36;background:#ffffff03;border-radius:12px;padding:16px 12px;display:flex;gap:10px;align-items:flex-start}.stage-tile>.icon{width:21px;height:21px;flex-shrink:0;color:#cdbcff}.stage-tile h3{font-size:11px;line-height:1.5;margin:0}.stage-tile p{font-size:10px!important;line-height:1.6!important;margin:4px 0 12px}.stage-tile span{display:inline-block;font-size:9px;border:1px solid #c9bbf244;color:#c5d0e4;padding:3px 7px;border-radius:20px}.report-lock{display:flex;gap:12px;align-items:center}.report-lock .icon{color:#c4b5fd}.student-glass-grid .stack{gap:18px}#assessment-dashboard{scroll-margin-top:24px}#assessment-dashboard>.section-head{margin-bottom:22px}#assessment-dashboard h1{font-size:27px;letter-spacing:-.8px}.student-glass-grid .glass-card>.progress-track{margin:20px 0 12px}
/* R5 education bento. Live counters stay unavailable until connected. */
.admin-filters{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:24px 0}.admin-filters label{display:flex;gap:10px;align-items:center;font-size:12px;color:#bac9df}.admin-filters select{width:145px}.admin-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:22px}.interior-navy .metric-card{padding:20px;display:grid;grid-template-columns:1fr 20px;gap:16px 6px}.metric-card>span{color:#b7c6df;font-size:11px;line-height:1.6}.metric-card>.icon{color:#b59af4;width:18px}.metric-card strong{font-size:32px;font-weight:500;grid-column:1/-1}.metric-card small{font-size:10px;grid-column:1/-1}.admin-bento{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:20px}.admin-bento .panel-head{padding:0;align-items:start}.admin-bento .panel-head h2{margin:0}.admin-bento .panel-head p{font-size:12px;margin-top:7px}.empty-chart{position:relative;min-height:255px;display:grid;place-items:center;text-align:center;margin-top:24px}.empty-chart>div:not(.chart-grid):not(.chart-axis){position:relative;z-index:1;background:#101a2ee8;padding:24px;border-radius:14px}.empty-chart h3{font-size:17px;margin:12px 0}.empty-chart p{max-width:300px;font-size:12px}.empty-chart .icon{color:#a78bfa}.chart-grid{position:absolute;inset:0 0 25px;background:repeating-linear-gradient(to top,transparent 0px 48px,#a8bed71a 48px 49px);border-bottom:1px solid #a8bed733}.chart-axis{position:absolute;bottom:0;inset-inline:0;display:flex;justify-content:space-between;font-size:10px;color:#90a3c2}.operations-card h2{margin-top:20px!important;font-size:26px!important;line-height:1.25}.operation-row{display:flex;justify-content:space-between;gap:12px;margin:18px 0;border-bottom:1px solid #ffffff16;padding-bottom:12px;font-size:12px}.operation-row span{color:#aabbd5}.operation-row strong{font-weight:500;color:#ddcffb}.operations-card>.btn{margin-top:14px}.admin-student-card{grid-column:1/-1}.admin-table-tools{display:flex;gap:12px;margin:22px 0}.admin-table-tools .search-field{flex:1}.admin-table-tools select{width:210px}.admin-empty{font-size:12px;color:#9eb0cd;padding:22px 0 4px}.admin-kpis .metric-card:first-child{border-color:#a78bfa66}.admin-kpis .metric-card:nth-child(2)>.icon{color:#ffc107}
/* R6 curtain reveal, with native details keyboard/tap support. */
.reveal-card{overflow:hidden;position:relative}.reveal-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 50%,#d6c6ff0d 70%,transparent);transform:translateX(-100%);transition:transform .5s}.reveal-card:has(details[open]):after{transform:translateX(100%)}.reveal-card>h3{font-size:21px!important}.reveal-card>p{font-size:13px!important;line-height:1.7}.reveal-card summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;min-height:48px;align-items:center;color:#d4c2ff;font-size:13px;border-top:1px solid #ffffff20;margin-top:20px}.reveal-card summary::-webkit-details-marker{display:none}.reveal-card summary span{transition:transform .3s;font-size:20px}.reveal-card details[open] summary span{transform:rotate(90deg)}.reveal-content{animation:curtain-in .35s ease-out;border-left:2px solid #8b5cf6;padding:4px 0 0 16px;margin-bottom:16px}.reveal-content h4{font-size:12px;color:#dfd5f9;margin:16px 0 6px}.reveal-content p{font-size:12px!important;line-height:1.7;color:#aebfda!important}.interior-navy .reveal-card .button-row{margin-top:16px}.interior-navy .pathway-grid{align-items:start}
body:not(.welcome-active) #app-dialog{background:#101b30;color:#edf1fb;border:1px solid #a78bfa55}body:not(.welcome-active) .dialog-head{background:#101b30;color:#edf1fb;border-color:#ffffff20}body:not(.welcome-active) .dialog-body p{color:#b4c4dd}body:not(.welcome-active) .dialog-body .input{background:#061020;color:white;border-color:#a78bfa44}body:not(.welcome-active) .dialog-head button{color:#cdbcff}
@keyframes interior-aurora{to{transform:translate(25px,-10px);opacity:.6}}@keyframes curtain-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1150px){.admin-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.student-glass-grid{grid-template-columns:1fr}.student-glass-grid>.stack{display:grid;grid-template-columns:1fr 1fr}.stage-overview{gap:12px}.admin-bento{grid-template-columns:1fr}.admin-student-card{grid-column:auto}.compass-ring{width:210px;height:210px}.compass-orbit{width:270px}.intro-copy h1{font-size:40px}}
@media(max-width:780px){.interior-navy .mobile-menu{display:inline-flex}.interior-navy .main{padding:24px 20px}.paid-intro{grid-template-columns:minmax(0,1fr) 170px;padding:24px 10px;margin:0 0 28px;gap:10px;min-height:320px}.intro-copy h1{font-size:32px}.compass-ring{width:160px;height:160px}.compass-scene{height:220px}.compass-orbit{width:200px;height:65px}.compass-ring>span{font-size:15px}.compass-needle{inset:25px}.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-kpis .metric-card:first-child{grid-column:1/-1}.interior-navy .role-switch{font-size:10px}.interior-navy .topbar{height:70px}.interior-navy .brand{gap:10px}.stage-overview{grid-template-columns:1fr}.stage-tile{padding:16px;align-items:center}.stage-tile>div{display:grid;grid-template-columns:1fr auto;flex:1;gap:4px 8px}.stage-tile h3{font-size:13px}.stage-tile p{margin:0;grid-column:1}.stage-tile span{grid-column:2;grid-row:1/3;align-self:center}.interior-navy .student-glass-grid>.stack{grid-template-columns:1fr 1fr}.admin-filters{flex-wrap:wrap}}
@media(max-width:550px){.interior-navy .main{padding:20px 16px}.paid-intro{display:block;padding:24px 0 26px;min-height:360px}.intro-copy h1{font-size:34px;max-width:260px}.intro-copy>p{max-width:65%;font-size:12px}.intro-copy>.btn{width:100%;margin-top:8px}.intro-copy small{text-align:center}.compass-scene{position:absolute;right:-6px;top:60px;width:120px;height:160px;z-index:-1}.compass-ring{width:110px;height:110px}.compass-orbit{width:135px;height:45px}.compass-ring>span{font-size:11px}.compass-needle{inset:20px}.compass-ring i{width:16px;height:16px;border-width:4px;left:calc(50% - 8px);top:calc(50% - 8px)}.north{top:6px}.south{bottom:6px}.east{right:7px}.west{left:7px}.interior-navy .glass-card{padding:21px 18px}.direction-card h2{font-size:25px!important}.begin-assessment{min-width:0;width:100%}.interior-navy .student-glass-grid>.stack{grid-template-columns:1fr}.student-glass-grid{gap:16px}#assessment-dashboard h1{font-size:24px}.section-head{flex-wrap:wrap}.admin-kpis{gap:10px}.interior-navy .metric-card{padding:16px;gap:12px 5px}.metric-card>span{font-size:10px}.metric-card small{font-size:9px}.admin-filters{gap:14px}.admin-filters label{width:100%;justify-content:space-between}.admin-filters select{flex:1}.admin-table-tools{flex-direction:column}.admin-table-tools select{width:100%}.admin-table-tools .search-field{width:100%}.admin-bento .panel-head{gap:10px;flex-wrap:wrap}.operations-card h2{font-size:23px!important}.stage-tile>div{grid-template-columns:minmax(0,1fr)}.stage-tile span{grid-column:1;grid-row:auto;justify-self:start}.interior-navy .page-actions .btn{min-height:44px}.interior-assistant .btn{width:100%}.interior-navy .stage-tile p{font-size:11px!important}.interior-navy .preview-ribbon{font-size:10px}.interior-navy .table-wrap{max-width:100%}.intro-copy .tag{font-size:8px}.interior-navy .pills{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.intro-aurora,.reveal-content{animation:none}.reveal-card:after{display:none}.reveal-card summary span{transition:none}}
.mobile-official-brand{display:none}@media(max-width:780px){.mobile-official-brand{display:inline-flex;align-items:center;flex-shrink:0}.mobile-official-brand img{width:34px;height:34px;object-fit:contain}.interior-navy .topbar{gap:8px}.interior-navy .breadcrumb{min-width:0}.interior-navy .breadcrumb strong{white-space:normal;font-size:11px}.interior-navy .mobile-menu{width:38px;min-width:38px}}