:root{--gold:#c99a2e;--gold2:#f0c45c;--red:#9d1f1f;--red2:#d33b32;--ink:#0e1116;--panel:rgba(16,18,22,.94);--panel2:rgba(28,31,37,.96);--line:#444b55;--ok:#2f8b57;--warn:#c58b16;--bad:#b83939;--info:#2e6c9e;--muted:#b7bdc7}
*{box-sizing:border-box} html{min-height:100%;background:#090b0e} body{margin:0;min-height:100vh;color:#f5f7fa;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:linear-gradient(rgba(5,7,10,.62),rgba(5,7,10,.77)),url('real-gold-gears-dark.jpg') center/cover fixed no-repeat}
button,input,select,textarea{font:inherit} button{cursor:pointer}.hidden{display:none!important}.shell{max-width:1500px;margin:auto;padding:18px}.topbar{display:flex;align-items:center;gap:15px;padding:12px 16px;border:1px solid #5e5237;border-radius:14px;background:rgba(8,10,13,.94);box-shadow:0 10px 30px #0008;position:sticky;top:8px;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand img{width:62px;height:62px;object-fit:contain}.brand h1{margin:0;font-size:24px}.brand small{color:var(--gold2)}.spacer{flex:1}.userline{color:#d5d9df;font-size:14px}.nav{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.nav button,.btn{border:1px solid #6d5a2f;background:linear-gradient(#2a2d33,#181b20);color:#fff;border-radius:9px;padding:9px 12px;font-weight:700}.nav button:hover,.btn:hover{border-color:var(--gold2)}.btn.primary{background:linear-gradient(#b88a22,#7b5a12);color:#fff}.btn.red{background:linear-gradient(#a83333,#761d1d)}.btn.green{background:linear-gradient(#357d50,#225537)}.btn.small{padding:6px 8px;font-size:12px}.panel{background:var(--panel);border:1px solid #454a52;border-radius:14px;padding:16px;box-shadow:0 12px 34px #0007;margin-bottom:14px}.panel h2,.panel h3{margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:12px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.stat{background:var(--panel2);border:1px solid #424852;border-radius:12px;padding:13px}.stat b{font-size:26px;display:block;color:var(--gold2)}.stat span{color:#c8ced7;font-size:13px}.badge{display:inline-block;border-radius:999px;padding:4px 8px;font-weight:800;font-size:12px}.ok{background:#174f32;color:#bdf5d0;border:1px solid #2c8b55}.warn{background:#5a430f;color:#ffe3a1;border:1px solid #b07d16}.bad{background:#5d2020;color:#ffd1d1;border:1px solid #b63c3c}.info{background:#163e5c;color:#cbe9ff;border:1px solid #3879a5}.muted{color:var(--muted)}.tablewrap{overflow:auto;border:1px solid #444b55;border-radius:10px}.tbl{border-collapse:collapse;width:100%;min-width:700px}.tbl th,.tbl td{padding:9px;border-bottom:1px solid #3c424b;text-align:left;vertical-align:top}.tbl th{background:#242830;color:#f1c768;position:sticky;top:0}.tbl tr:hover td{background:#ffffff06}.field{display:flex;flex-direction:column;gap:5px}.field label{font-weight:800;color:#f0dba8}.field small{color:#aeb5c0}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:11px}.field input,.field select,.field textarea{width:100%;border:1px solid #777f89;background:#f9fafb;color:#111;-webkit-text-fill-color:#111;border-radius:8px;padding:10px;outline:none}.field input::placeholder,.field textarea::placeholder{color:#6b7280}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d5a63d;box-shadow:0 0 0 3px #d5a63d33}.field textarea{min-height:88px;resize:vertical}.msg{margin:8px 0;padding:9px 11px;border-radius:8px;display:none}.msg.show{display:block}.msg.error{background:#5b1f23}.msg.success{background:#1e5a36}.msg.note{background:#183d59}.section{display:none}.section.active{display:block}.loginpage{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(rgba(5,7,10,.38),rgba(5,7,10,.57)),url('real-gold-gears-dark.jpg') center/cover fixed}.loginbox{width:min(480px,94vw);background:rgba(14,16,20,.96);border:1px solid #7e6836;border-radius:18px;padding:24px;box-shadow:0 24px 70px #000b}.loginlogo{display:block;margin:0 auto 10px;max-width:170px;max-height:110px;object-fit:contain}.loginbox h1{text-align:center;margin:6px 0;color:#fff}.loginbox .sub{text-align:center;color:#f0c45c;margin-bottom:18px}.warningstrip{border-left:4px solid var(--red2);padding:10px;background:#331b1b;border-radius:7px;margin:10px 0;color:#ffe4e4}.station{padding:12px;border:1px solid #4b515c;border-radius:11px;background:#181b20}.station h3{margin:0 0 5px}.station.serviceable{border-color:#307c4e}.station.out_of_service{border-color:#a83b3b;background:#2a1515}.station.restricted{border-color:#b38120}.rulebox{background:#201a0c;border:1px solid #8b702f;border-radius:10px;padding:12px;color:#f7e8bb}.task{border:1px solid #444b55;background:#191c21;border-radius:10px;padding:11px;margin:8px 0}.task h4{margin:0 0 5px}.task .meta{color:#bfc5ce;font-size:12px}.split{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.progress{height:10px;background:#30353d;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#9a7620,#e5bd58)}@media(max-width:700px){.topbar{position:static;align-items:flex-start}.brand h1{font-size:19px}.brand img{width:50px;height:50px}.userline{display:none}.grid2{grid-template-columns:1fr}.shell{padding:10px}.nav{overflow:auto;flex-wrap:nowrap}.nav button{white-space:nowrap}.loginbox{padding:18px}}
.autotrak-wordmark{display:block;width:auto;height:auto;max-width:360px;max-height:88px;object-fit:contain}.loginbox .autotrak-wordmark{margin:0 auto 10px;max-width:390px;max-height:105px}.brand .autotrak-wordmark{max-width:330px;max-height:70px}.brand .brandtext{display:none}@media(max-width:700px){.loginbox .autotrak-wordmark{max-width:300px}.brand .autotrak-wordmark{max-width:230px;max-height:54px}}

.livebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
@media(max-width:900px){.livebar{width:100%;margin-left:0}.livebar #studentLastUpdated{font-size:11px}}


.wccc-logo-circle{width:68px;height:68px;min-width:68px;border-radius:50%;background:#fff;
display:flex;align-items:center;justify-content:center;padding:7px;box-sizing:border-box;
box-shadow:0 2px 10px #0008;border:2px solid #d9d9d9}
.wccc-logo-circle img{width:100%!important;height:100%!important;object-fit:contain!important}
@media(max-width:700px){.wccc-logo-circle{width:54px;height:54px;min-width:54px;padding:6px}}


/* AUTO-Trak large branding override */
.loginbox .autotrak-wordmark{
  width:100% !important;
  max-width:620px !important;
  max-height:180px !important;
  height:auto !important;
  margin:0 auto 16px !important;
  object-fit:contain !important;
}
.topbar .brand .autotrak-wordmark,
.brand .autotrak-wordmark{
  width:auto !important;
  max-width:520px !important;
  max-height:112px !important;
  height:auto !important;
  object-fit:contain !important;
}
@media(max-width:900px){
  .loginbox .autotrak-wordmark{max-width:460px !important;max-height:150px !important}
  .topbar .brand .autotrak-wordmark,.brand .autotrak-wordmark{max-width:340px !important;max-height:82px !important}
}
@media(max-width:600px){
  .loginbox .autotrak-wordmark{max-width:340px !important;max-height:125px !important}
  .topbar .brand .autotrak-wordmark,.brand .autotrak-wordmark{max-width:250px !important;max-height:68px !important}
}


/* Uniform interface width: match the AUTO-Trak header bar */
:root{--autotrak-interface-max:1500px;--autotrak-interface-gutter:18px}
#app{
  width:100% !important;
  max-width:none !important;
}
#app .topbar,
#app .nav,
#app .layoutbar,
#app main,
#app .content,
#app .section,
#app .shell{
  width:calc(100% - (var(--autotrak-interface-gutter) * 2)) !important;
  max-width:var(--autotrak-interface-max) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
#app .panel,
#app .grid,
#app .grid2,
#app .cards,
#app .tablewrap{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}
#app .tbl{
  width:100% !important;
  max-width:100% !important;
}
#app .tablewrap{
  overflow-x:auto !important;
}
#shopdisplay .fullscreen-shop,
.fullscreen-shop{
  max-width:none !important;
}
@media(max-width:900px){
  :root{--autotrak-interface-gutter:8px}
}


.student-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px auto;width:calc(100% - 36px);max-width:1500px}
.student-tab{border:1px solid #6d5a2f;background:linear-gradient(#2a2d33,#181b20);color:#fff;border-radius:9px;padding:10px 13px;font-weight:800}
.student-tab:hover,.student-tab.active{border-color:var(--gold2);background:linear-gradient(#8c6819,#5c430e)}
.student-view{display:none;width:calc(100% - 36px);max-width:1500px;margin:0 auto 18px}.student-view.active{display:block}
.sectionhead{margin:4px 0 12px}.sectionhead h2{margin:0;color:#f0c45c}.sectionhead p{margin:4px 0 0}
.calendar-day{display:grid;grid-template-columns:120px 1fr auto;gap:12px;align-items:center;padding:10px;border-bottom:1px solid #3c424b}.calendar-day:last-child{border-bottom:0}.calendar-day .date{font-weight:900;color:#f0c45c}
@media(max-width:760px){.student-tabs{overflow:auto;flex-wrap:nowrap;width:calc(100% - 16px)}.student-tab{white-space:nowrap}.student-view{width:calc(100% - 16px)}.calendar-day{grid-template-columns:1fr}}


.learning-item{border:1px solid #4c4431;border-radius:10px;padding:12px;margin:10px 0;background:rgba(18,20,24,.72)}
.learning-item h4{margin:0 0 7px;color:#f0c45c}.learning-answer{width:100%;margin-top:8px}.learning-media{max-width:640px;width:100%;border-radius:8px;margin-top:10px}
.learning-svg{max-width:560px;width:100%;color:#f0c45c;margin-top:8px}


.clickable-daily-task[role="link"]{cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
.clickable-daily-task[role="link"]:hover,.clickable-daily-task[role="link"]:focus{transform:translateY(-1px);border-color:#d7b13f;box-shadow:0 0 0 2px rgba(215,177,63,.14);outline:none}
.daily-task-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.daily-task-link{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.task-open-badge{white-space:nowrap}


.learning-youtube{max-width:520px;width:100%;aspect-ratio:16/9;margin-top:10px;border:1px solid #4b4330;border-radius:10px;overflow:hidden;background:#000}
.learning-youtube iframe{width:100%;height:100%;border:0;display:block}


/* AUTO-Trak Student mobile-first usability */
@media(max-width:760px){
 html,body{overflow-x:hidden}
 body{background-attachment:scroll}
 .shell,.wrap,.container{padding-left:8px!important;padding-right:8px!important}
 .topbar,.header{position:sticky;top:0;z-index:20}
 .nav{overflow-x:auto!important;overflow-y:hidden;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
 .nav::-webkit-scrollbar{display:none}
 .nav button,.btn,a.btn,button{min-height:44px;padding:10px 12px}
 .grid,.grid2,.formgrid,.cards{grid-template-columns:minmax(0,1fr)!important}
 .panel,.card,.task,.learning-item{padding:10px!important;margin-bottom:9px}
 input,select,textarea{font-size:16px!important;min-height:46px;max-width:100%}
 textarea{min-height:96px}
 .tablewrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 table{font-size:13px}
 img,video,iframe{max-width:100%;height:auto}
 .learning-youtube{max-width:100%;width:100%}
 .learning-youtube iframe{width:100%;height:100%}
 .split{align-items:stretch}
 .split>.btn,.split>button{flex:1 1 145px}
 .loginpage{padding:10px!important;align-items:start!important;padding-top:5vh!important}
 .loginbox{width:100%!important;max-width:none!important;padding:16px!important}
 .task h4,.learning-item h4{font-size:16px}
}
@media(max-width:430px){
 .nav button{font-size:13px;padding:9px 10px}
 .panel,.card,.task,.learning-item{padding:9px!important}
}
@media(hover:none) and (pointer:coarse){
 button,.btn,a.btn,summary{touch-action:manipulation}
}


/* AUTO-Trak universal collapsible tab content */
.autotrak-collapse-controls{
  display:flex;gap:8px;justify-content:flex-end;align-items:center;
  margin:0 0 10px;position:sticky;top:112px;z-index:8;
  background:rgba(9,11,14,.92);padding:6px;border-radius:10px;
  backdrop-filter:blur(5px)
}
.autotrak-collapse-wrap{margin:0 0 10px}
.autotrak-collapse-wrap>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;
  padding:10px 12px;border:1px solid #4a505a;border-radius:11px;
  background:linear-gradient(#242830,#181b20);color:#f2c968;
  font-weight:850;user-select:none
}
.autotrak-collapse-wrap>summary::-webkit-details-marker{display:none}
.autotrak-collapse-wrap>summary::before{
  content:"▸";display:inline-block;transition:transform .16s ease;
  color:#f0c45c;font-size:15px
}
.autotrak-collapse-wrap[open]>summary::before{transform:rotate(90deg)}
.autotrak-collapse-wrap>summary .collapse-sub{
  margin-left:auto;color:#aeb5c0;font-size:11px;font-weight:700
}
.autotrak-collapse-wrap>.panel{
  margin-top:7px;margin-bottom:0
}
.autotrak-collapse-wrap>.grid,
.autotrak-collapse-wrap>.grid2{
  margin-top:7px
}
@media(max-width:760px){
 .autotrak-collapse-controls{
   top:103px;justify-content:stretch
 }
 .autotrak-collapse-controls .btn{flex:1}
 .autotrak-collapse-wrap>summary{
   min-height:46px;padding:11px 10px;font-size:14px
 }
}

.student-embedded-frame{display:block;width:100%;min-height:76vh;border:1px solid #3f4752;border-radius:12px;background:#090c10}.student-view.active{min-height:76vh}
/* 1.4 Daily Task Calendar */
.student-task-calendar{border-color:rgba(240,196,92,.34)!important}.student-task-calendar input[type=date]{max-width:170px}.student-day-task-grid{display:grid;gap:8px}.student-day-task{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;text-align:left;border:1px solid #3a4048;border-radius:12px;padding:11px;background:linear-gradient(145deg,#20242a,#15181c);color:inherit}.student-day-task:hover{border-color:#b88a22}.student-day-task small{display:block;color:#9da5af;margin-top:4px}.day-task-number{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;border:1px solid #66552d;background:#2b271b;color:#f0c45c;font-weight:900}.calendar-day-link{width:100%;color:inherit;text-align:left;cursor:pointer}.calendar-day-link:hover{border-color:#b88a22!important}
details.panel>summary{cursor:pointer;padding:2px 0}
@media(max-width:700px){.student-day-task{grid-template-columns:34px 1fr}.student-day-task>.badge{grid-column:2}.student-task-calendar .split{align-items:stretch;flex-wrap:wrap}}

/* 1.5 Student Command Center */
.student-command-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:14px;margin:14px 0}
.flat-rate-hero{position:relative;min-height:255px;text-align:left;color:#fff;border:1px solid rgba(240,196,92,.55);border-radius:18px;padding:22px;background:
radial-gradient(540px 220px at 0 0,rgba(240,196,92,.20),transparent 66%),
linear-gradient(145deg,#292c31,#101318 72%);box-shadow:0 20px 46px #0008,inset 0 1px 0 #fff1;overflow:hidden}
.flat-rate-hero:after{content:"";position:absolute;width:280px;height:280px;border:36px solid rgba(240,196,92,.045);border-radius:50%;right:-105px;top:-95px}
.flat-rate-hero h2{font-size:28px;margin:4px 0 6px}.flat-rate-hero p{max-width:650px;color:#c2c8cf;line-height:1.5}
.flat-rate-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.flat-rate-mini-stats span{padding:10px;border:1px solid #ffffff14;border-radius:10px;background:#080a0d66}.flat-rate-mini-stats small{display:block;color:#929aa5;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.flat-rate-mini-stats b{display:block;margin-top:4px;color:#f0c45c;font-size:18px}.flat-rate-enter{margin-top:16px;font-weight:900;color:#f0c45c;letter-spacing:.04em}.command-today-panel{margin:0!important}.command-today-panel hr{border:0;border-top:1px solid #363b42;margin:15px 0}.shop-exception-strip{display:flex;gap:10px;align-items:flex-start;border:1px solid #3b424a;border-radius:12px;padding:10px 12px;margin:0 0 12px;background:#15191e}.shop-exception-strip.all-clear{border-color:#355844}.shop-exception-strip.has-alerts{border-color:#774646}.equipment-alert-list{display:flex;gap:8px 14px;flex-wrap:wrap;font-size:12px}.command-progress-details{margin-top:0}
@media(max-width:850px){.student-command-grid{grid-template-columns:1fr}.flat-rate-mini-stats{grid-template-columns:repeat(2,1fr)}.flat-rate-hero{min-height:auto}}

/* 1.7 — Calendar as Daily Work Folder */
.training-calendar-panel{border-color:rgba(240,196,92,.28)!important}.calendar-legend{display:flex;gap:6px;flex-wrap:wrap}.legend{font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;border:1px solid #444}.legend.complete{background:#153522;border-color:#39734d}.legend.incomplete{background:#421b1b;border-color:#8a4545}.legend.future{background:#1c232b}.legend.closed{background:#24262a;color:#9aa1aa}
.training-year-calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px}.training-month{border:1px solid #343a42;border-radius:14px;padding:10px;background:#101318}.training-month h3{text-align:center;margin:2px 0 8px}.training-weekdays,.training-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.training-weekdays span{text-align:center;color:#808995;font-size:10px;font-weight:800}.training-day{position:relative;min-height:50px;border:1px solid #353b43;border-radius:7px;background:#191d22;color:#f4f5f6;padding:5px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.training-day small{font-size:8px;color:#a1a9b4}.training-day.complete{background:#173222;border-color:#3f7752}.training-day.incomplete{background:#3c191b;border-color:#8a4348}.training-day.future{background:#1a2027;border-color:#3d4650}.training-day.closed{background:#202226;color:#8d949e;border-color:#30343a}.training-day.scheduled{background:#26251e;border-color:#5b5435}.training-day.outside{opacity:.22}.training-day.empty{visibility:hidden}.training-day:hover{transform:translateY(-1px);border-color:#f0c45c}.day-state-dot{position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.65}
.day-folder{border:1px solid rgba(240,196,92,.55)!important;background:radial-gradient(700px 220px at 0 0,rgba(240,196,92,.10),transparent 70%),#14181e!important}.day-folder-head{align-items:flex-start}.folder-state{font-weight:900;text-transform:uppercase}.folder-state.complete{color:#72dda0}.folder-state.incomplete{color:#ff8585}.folder-state.future{color:#aeb8c5}.folder-state.closed{color:#9098a1}
.day-folder-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.folder-stat{border:1px solid #3b424a;border-radius:10px;padding:10px;background:#0f1318}.folder-stat b{display:block;color:#f0c45c;font-size:20px}.folder-stat span{font-size:10px;color:#9da6b1}.day-folder-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:16px}.folder-task{width:100%;display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;text-align:left;color:inherit;border:1px solid #3a4149;border-radius:10px;padding:10px;background:#11151a;margin:7px 0}.folder-task.done{border-color:#355f45}.folder-task.missing{border-color:#784346}.folder-task small{display:block;color:#919aa5;margin-top:3px}.folder-check{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid #555;font-weight:900}.folder-task.done .folder-check{background:#173a25;color:#7ee1a4}.folder-task.missing .folder-check{background:#421c1e;color:#ff9191}.folder-work-row{display:flex;gap:9px;align-items:flex-start;border:1px solid #343a42;border-radius:9px;padding:9px;margin:7px 0;background:#11151a}
@media(max-width:850px){.day-folder-grid{grid-template-columns:1fr}.day-folder-summary{grid-template-columns:repeat(2,1fr)}.training-year-calendar{grid-template-columns:1fr}.folder-task{grid-template-columns:30px 1fr}.folder-task>.badge{grid-column:2}}

/* AUTO-Trak Student 2.1 — Daily Lesson Resources */
.folder-resource-block{margin-top:12px;border-top:1px solid #3a4149;padding-top:11px}.folder-resource-block h3{margin:0}.student-resource-card{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:10px;align-items:start;border:1px solid #3a4149;border-radius:10px;padding:10px;margin:7px 0;background:#15191e}.resource-kind{text-transform:uppercase;font-size:9px;font-weight:950;letter-spacing:.07em;color:#f0c45c;border:1px solid #65552f;border-radius:7px;padding:5px;text-align:center}.resource-content{min-width:0}.student-resource-video{max-width:560px;aspect-ratio:16/9;margin-top:8px;border:1px solid #3a4149;border-radius:8px;overflow:hidden;background:#000}.student-resource-video iframe{width:100%;height:100%;border:0}
@media(max-width:700px){.student-resource-card{grid-template-columns:1fr}.resource-kind{width:max-content}.student-resource-card .btn{width:max-content}}

/* ============================================================
   AUTO-Trak Professional UI System 2.4
   Unified commercial-service-management interface
   ============================================================ */
:root{
  --at-bg:#0b0d10;
  --at-surface:#15181d;
  --at-surface-2:#1c2026;
  --at-surface-3:#242931;
  --at-line:#3f4650;
  --at-line-soft:#30363e;
  --at-text:#f4f6f8;
  --at-muted:#aeb6c1;
  --at-gold:#c99a2e;
  --at-gold-hi:#efc55c;
  --at-red:#b53a3f;
  --at-red-bg:#35181b;
  --at-yellow:#c78d21;
  --at-yellow-bg:#3c2f13;
  --at-green:#3f9363;
  --at-green-bg:#173523;
  --at-blue:#3d78a9;
  --at-blue-bg:#17344c;
  --at-radius:10px;
  --at-radius-sm:7px;
  --at-shadow:0 8px 24px rgba(0,0,0,.34);
  --at-space-1:4px;
  --at-space-2:8px;
  --at-space-3:12px;
  --at-space-4:16px;
  --at-space-5:22px;
  --at-space-6:30px;
  --at-touch:38px;
}

html{scroll-behavior:smooth}
body{
  color:var(--at-text);
  background-color:var(--at-bg);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  line-height:1.45;
}
button,input,select,textarea{font:inherit}
button,.btn,a.btn{min-height:var(--at-touch)}
button:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid rgba(239,197,92,.65)!important;
  outline-offset:2px!important;
}

/* Typography hierarchy */
h1,h2,h3,h4{letter-spacing:.01em}
h1{font-size:clamp(1.6rem,2.3vw,2.2rem)}
h2{font-size:clamp(1.25rem,1.8vw,1.55rem)}
h3{font-size:1.05rem}
h4{font-size:.95rem}
.muted,small{color:var(--at-muted)}
.section-eyebrow,.calendar-anchor-label{
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  color:var(--at-gold-hi)!important;
}

/* Panels: quieter, fewer boxes */
.panel{
  border:1px solid var(--at-line-soft)!important;
  border-radius:var(--at-radius)!important;
  background:rgba(21,24,29,.94)!important;
  box-shadow:var(--at-shadow)!important;
  padding:var(--at-space-4)!important;
  margin-bottom:var(--at-space-3)!important;
}
.panel .panel{
  box-shadow:none!important;
  background:rgba(28,32,38,.62)!important;
  border-color:var(--at-line-soft)!important;
}
.panel>h2,.panel>h3{margin-top:0}
.panel>h2{padding-bottom:8px;border-bottom:1px solid var(--at-line-soft)!important}

/* Buttons */
.btn,.nav button,.hub-card{
  border-radius:var(--at-radius-sm)!important;
  box-shadow:none!important;
  font-weight:800!important;
  transition:background .12s ease,border-color .12s ease,transform .08s ease,opacity .12s ease;
}
.btn:hover,.nav button:hover,.hub-card:hover{transform:translateY(-1px)}
.btn:active,.nav button:active,.hub-card:active{transform:translateY(0)}
.btn.primary{
  background:linear-gradient(#bb8c22,#7b5913)!important;
  border-color:#d4a942!important;
  color:#fff!important;
}
.btn.green{background:#245f3d!important;border-color:#4a9667!important}
.btn.red{background:#7c292d!important;border-color:#bd4c4c!important}
.btn:disabled,button:disabled{opacity:.48!important;cursor:not-allowed!important;transform:none!important}

/* Status colors are semantic only */
.bad,.badge.bad{background:var(--at-red-bg)!important;color:#ffd5d7!important;border-color:#a74348!important}
.warn,.badge.warn{background:var(--at-yellow-bg)!important;color:#ffe4a8!important;border-color:#9b741f!important}
.ok,.badge.ok{background:var(--at-green-bg)!important;color:#c9f4d7!important;border-color:#3c8158!important}
.info,.badge.info{background:var(--at-blue-bg)!important;color:#d3ebff!important;border-color:#356f9d!important}
.badge{
  border-radius:999px!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.025em;
  padding:4px 8px!important;
}

/* Forms */
.field{gap:5px!important}
.field label{font-weight:800!important;color:#e9edf2!important}
.field input,.field select,.field textarea{
  background:#f7f8fa!important;
  color:#111820!important;
  -webkit-text-fill-color:#111820!important;
  border:1px solid #747d88!important;
  border-radius:var(--at-radius-sm)!important;
  min-height:40px;
}
.field textarea{min-height:88px}
.field small{font-size:.76rem}
.field input:focus,.field select:focus,.field textarea:focus{
  border-color:var(--at-gold)!important;
  box-shadow:0 0 0 3px rgba(201,154,46,.22)!important;
}

/* Tables */
.tablewrap{
  border:1px solid var(--at-line-soft)!important;
  border-radius:var(--at-radius-sm)!important;
  overflow:auto!important;
  background:rgba(13,15,18,.45);
}
.tbl{border-collapse:separate!important;border-spacing:0!important}
.tbl th{
  background:#20242a!important;
  color:#f1c768!important;
  font-size:.74rem!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  position:sticky;top:0;z-index:2;
}
.tbl td,.tbl th{padding:8px 9px!important}
.tbl td{border-bottom:1px solid #323841!important}
.tbl tr:last-child td{border-bottom:0!important}
.tbl tr:hover td{background:rgba(255,255,255,.035)!important}

/* Cards / stats */
.cards{gap:10px!important}
.stat{
  min-height:78px!important;
  border-radius:var(--at-radius-sm)!important;
  border:1px solid var(--at-line-soft)!important;
  background:linear-gradient(180deg,#20252b,#191d22)!important;
  box-shadow:none!important;
}
.stat b{font-variant-numeric:tabular-nums;color:var(--at-gold-hi)!important}
.stat span{
  font-size:.69rem!important;
  font-weight:850!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

/* Navigation */
#nav.nav{
  background:#111419!important;
  border:1px solid var(--at-line-soft)!important;
  border-radius:var(--at-radius)!important;
  padding:6px!important;
  box-shadow:none!important;
}
#nav.nav button{
  background:transparent!important;
  border-color:transparent!important;
}
#nav.nav button:hover{background:#20242a!important;border-color:#4b515a!important}
#nav.nav button.active,#nav.nav button[aria-current="page"]{
  background:linear-gradient(#a87d1e,#76550f)!important;
  border-color:#c9a13c!important;
}

/* Alerts/messages */
.msg.show{
  border:1px solid var(--at-line)!important;
  border-left-width:4px!important;
  box-shadow:none!important;
}
.msg.error{background:var(--at-red-bg)!important;border-left-color:var(--at-red)!important}
.msg.success{background:var(--at-green-bg)!important;border-left-color:var(--at-green)!important}
.msg.note{background:var(--at-blue-bg)!important;border-left-color:var(--at-blue)!important}
.rulebox{border-radius:var(--at-radius-sm)!important}

/* Collapsibles */
.autotrak-collapse-controls{
  position:static!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  padding:0!important;
  margin:0 0 10px!important;
}
.autotrak-collapse-wrap>summary{
  min-height:40px;
  border-radius:var(--at-radius-sm)!important;
  border-color:var(--at-line-soft)!important;
  background:#1d2127!important;
  color:#e8c66d!important;
}
.autotrak-collapse-wrap>.panel{margin-top:6px!important}

/* Loading / empty-state conventions */
.autotrak-empty,.autotrak-loading,.autotrak-error-state{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border:1px dashed #424954;
  border-radius:var(--at-radius-sm);
  padding:14px;
  color:var(--at-muted);
  background:rgba(255,255,255,.018);
}
.autotrak-error-state{border-color:#744044;color:#ffc9cc;background:rgba(83,24,29,.28)}
.autotrak-loading::before{
  content:"";
  width:15px;height:15px;margin-right:8px;
  border:2px solid #5b626c;border-top-color:var(--at-gold-hi);border-radius:50%;
  animation:at-spin .8s linear infinite;
}
@keyframes at-spin{to{transform:rotate(360deg)}}

/* Responsive */
@media(max-width:980px){
  .grid2{grid-template-columns:1fr!important}
  .topbar{position:static!important}
}
@media(max-width:720px){
  .shell{padding:8px!important}
  .panel{padding:12px!important}
  .formgrid{grid-template-columns:1fr!important}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .split{align-items:stretch!important}
  .split>.btn,.split>button.btn{width:auto}
}
@media(max-width:460px){
  .cards{grid-template-columns:1fr!important}
}

/* Printing */
@media print{
  html,body{background:#fff!important;color:#111!important}
  body *{box-shadow:none!important;text-shadow:none!important}
  #nav,.topbar,.commandbar-wrap,.layoutbar,.autotrak-collapse-controls,.hub-back,
  .portal-switcher,.livebar,.calendar-tool-tabs,.btn,button:not(.print-keep){
    display:none!important;
  }
  #app,.shell,.section,.panel,.tablewrap{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:#fff!important;
    color:#111!important;
  }
  .section:not(.active){display:none!important}
  .panel{page-break-inside:avoid}
  .tbl th{position:static!important;background:#eee!important;color:#111!important}
  .tbl td,.tbl th{border-color:#bbb!important;color:#111!important}
  .badge{border:1px solid #888!important;background:#fff!important;color:#111!important}
  a{color:#111!important;text-decoration:none!important}
}

/* Student-specific simplification */
.student-tab,.student-nav button{min-height:40px!important}
.training-month,.day-folder,.student-resource-card{
  box-shadow:none!important;
}
.training-day{
  border-radius:7px!important;
}
.folder-task,.folder-work-row{
  border-radius:8px!important;
}
.student-resource-card{
  background:#171b20!important;
  border-color:var(--at-line-soft)!important;
}
#studentBuildVersion{
  color:#747d88!important;
  font-size:.68rem!important;
}
/* Student 2.8 — Jobs & Career Matching */
.job-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.job-chip{border:1px solid #454a52;border-radius:999px;padding:6px 10px}.job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.job-card{border:1px solid #454a52;border-radius:10px;padding:14px;background:#191c21}.job-card h3{margin:0 0 5px}.job-score{font-size:24px;font-weight:800}.job-badges{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.job-missing{border-top:1px solid #454a52;margin-top:10px;padding-top:9px}.job-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}@media(max-width:760px){.job-grid{grid-template-columns:1fr}}


/* AUTO-Trak Student 3.0.3 — always-visible driving clearance */
.student-driving-status-top{position:relative;overflow:hidden}
.student-driving-status-top:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#b8860b}
.driving-clearance-banner{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:52px;padding:10px 16px;border-radius:10px;border:2px solid currentColor;font-weight:950;letter-spacing:.045em;text-align:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.driving-clearance-banner.pending{color:#e4bd57;background:rgba(184,134,11,.12)}
.driving-clearance-banner.cleared{color:#6fe38c;background:rgba(34,139,72,.16)}
.driving-clearance-banner.blocked{color:#ff7676;background:rgba(174,44,44,.16)}
.driving-status-reason{font-weight:800;line-height:1.35}
.student-driving-cards .stat{min-height:92px}
@media(max-width:700px){.driving-clearance-banner{width:100%;min-width:0}.student-driving-status-top .split{display:block}.student-driving-status-top .split>div+div{margin-top:10px}}
/* 3.0.16 Daily Blackboard quiz */
.daily-quiz-panel{max-width:980px;margin:0 auto}.daily-quiz-question{border:1px solid #3f444d;border-radius:12px;padding:14px;margin:14px 0;background:#171a1f}.daily-quiz-question h3{margin:0 0 10px;font-size:18px}.daily-quiz-choice{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #41464f;border-radius:9px;margin:7px 0;cursor:pointer;background:#20242a}.daily-quiz-choice:hover{border-color:#b8860b}.daily-quiz-choice input{margin-top:3px;transform:scale(1.15)}.daily-quiz-grade{font-size:46px;font-weight:900;line-height:1}.daily-quiz-pass{border:2px solid #3f8b5b}.daily-quiz-due{border:2px solid #b8860b}.quiz-gate{border:2px solid #b8860b;background:#2a230f;padding:12px;border-radius:10px;margin:12px 0}