/* 1105 TRAINING CENTER UNIFIED EXPERIENCE R1 */
:root{--tc-surface:#0d0f13;--tc-surface-2:#12151a;--tc-surface-3:#181b21;--tc-border:rgba(255,255,255,.115);--tc-border-strong:rgba(255,255,255,.2);--tc-red:#ed1725;--tc-red-bright:#ff4b57;--tc-text:#f6f7f9;--tc-muted:#a8adb7;--tc-radius:14px;--tc-radius-sm:10px;--tc-shadow:0 18px 48px rgba(0,0,0,.28)}
body.training-center{background:radial-gradient(circle at 77% -5%,rgba(227,6,19,.13),transparent 31%),linear-gradient(180deg,#050608 0%,#090b0f 48%,#050608 100%)}
.page-shell{width:min(1320px,calc(100% - 52px))!important;padding-top:38px!important}
.site-header{background:rgba(5,6,8,.9)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom-color:rgba(255,255,255,.09)!important;box-shadow:0 1px 0 rgba(237,23,37,.65),0 16px 40px rgba(0,0,0,.22)!important}
.site-header .brand{flex:0 0 auto!important;gap:18px!important;min-width:238px!important}.site-header .brand-logo-link{display:flex!important;align-items:center!important;flex:0 0 140px!important;width:140px!important;min-width:140px!important;overflow:visible!important}.site-header .brand-logo-link img{display:block!important;width:140px!important;height:auto!important;max-width:140px!important;object-fit:contain!important}.site-header .brand-division{flex:0 0 auto!important;width:auto!important;min-width:74px!important;padding-left:17px!important;white-space:normal!important}
.main-nav a{border-radius:7px!important;border-bottom:0!important;transition:background .16s ease,color .16s ease!important}
.main-nav a.active{background:linear-gradient(180deg,rgba(237,23,37,.2),rgba(237,23,37,.1))!important;box-shadow:inset 0 0 0 1px rgba(255,75,87,.16)!important}
.page-heading,.exam-heading{padding:26px 28px;margin-bottom:22px!important;border:1px solid var(--tc-border);border-radius:var(--tc-radius);background:linear-gradient(135deg,rgba(22,25,31,.96),rgba(11,13,17,.92));box-shadow:var(--tc-shadow);position:relative;overflow:hidden}
.page-heading:after,.exam-heading:after,.tc-command-hero:after{content:"";position:absolute;right:-85px;top:-125px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(237,23,37,.2),transparent 68%);pointer-events:none}
.page-heading h1,.exam-heading h1{font-size:clamp(32px,3.8vw,52px)!important}
.page-heading p:last-child,.exam-heading p:last-child{max-width:760px;margin-bottom:0}
.eyebrow{color:var(--tc-red-bright)!important}.eyebrow:before{border-radius:99px}
.card,.question-card,.course-card,.resource-card,.assessment-card,.form-card,.login-card,.admin-card{border:1px solid var(--tc-border)!important;border-radius:var(--tc-radius)!important;background:linear-gradient(145deg,rgba(18,21,26,.97),rgba(11,13,17,.97))!important;box-shadow:0 12px 36px rgba(0,0,0,.18)!important}
.card,.form-card,.admin-card{padding:26px!important}.card+.card,.form-card+.card,.card+.form-card{margin-top:20px}
.section-title{padding-bottom:17px;margin-bottom:18px!important;border-bottom:1px solid var(--tc-border)}.section-title h2{font-size:21px;letter-spacing:-.01em}.section-title a{color:#fff;font-size:12px;font-weight:800}.section-title a:hover{text-decoration:underline;text-underline-offset:4px}
.button{border-radius:9px!important;min-height:44px!important;letter-spacing:.045em!important;transition:transform .14s ease,background .14s ease,border-color .14s ease!important}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(180deg,#f22331,#cf0614)!important;box-shadow:0 8px 22px rgba(227,6,19,.2)}.button-secondary{background:rgba(255,255,255,.045)!important}
input,select,textarea{border-radius:9px!important;background:#080a0e!important;border-color:rgba(255,255,255,.17)!important;min-height:46px}textarea{line-height:1.55}input:hover,select:hover,textarea:hover{border-color:rgba(255,255,255,.28)!important}
.form-row{gap:16px!important}.form-card label,.login-card label{color:#e8e9ec!important;font-size:13px!important}.form-card small{line-height:1.55}
.stat-grid{gap:14px!important}.stat-card{border:1px solid var(--tc-border)!important;border-radius:var(--tc-radius)!important;border-left:1px solid var(--tc-border)!important;background:linear-gradient(145deg,#171a20,#0b0d11)!important;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tc-red)}.stat-card strong{font-size:2rem!important;letter-spacing:-.035em}.stat-card span{font-size:12px}
.table-wrap{border:1px solid var(--tc-border)!important;border-radius:var(--tc-radius-sm);background:#0a0c10}table{background:transparent!important}th{background:rgba(255,255,255,.035)!important;color:#c7cad0!important;padding:12px 14px!important}td{padding:14px!important}tbody tr{transition:background .14s ease}tbody tr:last-child td{border-bottom:0!important}
.course-grid,.assessment-grid{gap:15px!important}.course-card{border-left:1px solid var(--tc-border)!important;transition:transform .14s ease,border-color .14s ease!important}.course-card:hover{transform:translateY(-2px);border-color:rgba(255,75,87,.44)!important}
.alert{border-radius:10px!important;box-shadow:0 8px 24px rgba(0,0,0,.14)}
.empty-state,.tc-empty-state{border:1px dashed rgba(255,255,255,.15);border-radius:10px;background:rgba(255,255,255,.025);color:var(--tc-muted)}
.tc-empty-state{display:grid;gap:6px;padding:28px;text-align:center}.tc-empty-state strong{color:#fff}.tc-empty-state span{font-size:13px;line-height:1.55}
.tc-section-jump{display:flex;gap:8px;flex-wrap:wrap;margin:-7px 0 22px;padding:12px;border:1px solid var(--tc-border);border-radius:11px;background:rgba(7,9,12,.88);position:sticky;top:106px;z-index:8;backdrop-filter:blur(12px)}.tc-section-jump span{display:flex;align-items:center;padding:0 6px;color:var(--tc-muted);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.tc-section-jump a{padding:8px 11px;border-radius:7px;background:rgba(255,255,255,.045);color:#d9dce1;font-size:12px;font-weight:750}.tc-section-jump a:hover,.tc-section-jump a:focus{background:rgba(237,23,37,.15);color:#fff}
.tc-command-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;padding:34px;margin-bottom:16px;border:1px solid var(--tc-border);border-radius:18px;background:linear-gradient(132deg,#181b22 0%,#0d0f14 62%,#13090c 100%);box-shadow:var(--tc-shadow)}
.tc-command-copy{position:relative;z-index:1}.tc-command-copy h1{margin:0;font-size:clamp(36px,4.5vw,61px);line-height:1;letter-spacing:-.045em}.tc-command-copy>p:last-child{max-width:730px;margin:16px 0 0;color:var(--tc-muted);font-size:15px;line-height:1.65}.tc-command-copy>p strong{color:#fff}.tc-hero-actions{position:relative;z-index:1;display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.tc-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.tc-metric-card{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:18px 20px;border:1px solid var(--tc-border);border-radius:12px;background:linear-gradient(145deg,rgba(19,22,28,.97),rgba(10,12,16,.97));color:#fff;transition:transform .14s ease,border-color .14s ease}.tc-metric-card:hover{transform:translateY(-2px);border-color:rgba(255,75,87,.4)}.tc-metric-label{align-self:center;color:#dfe1e5;font-size:12px;font-weight:800}.tc-metric-card strong{grid-row:1/span 2;grid-column:2;font-size:31px;line-height:1;letter-spacing:-.04em}.tc-metric-card small{color:var(--tc-muted);font-size:10px}
.tc-command-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:16px;align-items:start;margin-bottom:16px}.tc-command-main,.tc-command-side>.card{margin-top:0!important}.tc-command-side{display:grid;gap:16px}
.tc-delivery-list{display:grid;gap:10px}.tc-delivery-card{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:16px;align-items:center;padding:15px;border:1px solid var(--tc-border);border-radius:11px;background:rgba(255,255,255,.025);color:#fff;transition:transform .14s ease,border-color .14s ease,background .14s ease}.tc-delivery-card:hover{transform:translateX(2px);border-color:rgba(255,75,87,.36);background:rgba(255,255,255,.04)}.tc-delivery-date{display:grid;place-items:center;align-content:center;min-height:62px;border-radius:9px;background:#080a0d;border:1px solid var(--tc-border)}.tc-delivery-date span{color:var(--tc-red-bright);font-size:9px;font-weight:900;letter-spacing:.12em}.tc-delivery-date strong{font-size:24px;line-height:1.05}.tc-delivery-body h3{margin:5px 0 4px;font-size:18px}.tc-delivery-body p{margin:0!important;font-size:12px}.tc-delivery-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tc-delivery-course{color:var(--tc-muted);font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.tc-status{display:inline-flex;padding:4px 7px;border-radius:999px;border:1px solid var(--tc-border);font-size:9px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}.tc-status-live{background:rgba(237,23,37,.18);border-color:rgba(255,75,87,.42)}.tc-status-soon{background:rgba(255,255,255,.09)}.tc-status-complete{color:#9297a1}.tc-inline-metrics{display:flex;gap:13px;flex-wrap:wrap;margin-top:10px;color:var(--tc-muted);font-size:10px}.tc-inline-metrics strong{color:#fff}.tc-card-arrow{font-size:22px;color:var(--tc-red-bright)}
.tc-count-badge{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:rgba(237,23,37,.17);border:1px solid rgba(255,75,87,.35);font-size:12px;font-weight:900}.tc-attention-list{display:grid;gap:8px}.tc-attention-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 11px;padding:12px;border-radius:9px;background:rgba(255,255,255,.028);border:1px solid var(--tc-border);color:#fff}.tc-attention-item:hover{border-color:rgba(255,75,87,.38)}.tc-attention-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#c0c3c9}.tc-attention-danger .tc-attention-dot{background:var(--tc-red-bright);box-shadow:0 0 0 4px rgba(237,23,37,.12)}.tc-attention-item strong{display:block;font-size:12px}.tc-attention-item small{display:block;margin-top:3px;color:var(--tc-muted);font-size:11px;line-height:1.45}.tc-attention-item em{grid-column:2;color:#fff;font-size:10px;font-style:normal;font-weight:850}.tc-all-clear{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:17px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.025)}.tc-all-clear>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(237,23,37,.17);color:#fff;font-weight:900}.tc-all-clear strong{display:block}.tc-all-clear p{margin:3px 0 0!important;font-size:11px}
.tc-fast-paths nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tc-fast-paths nav a{display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:12px;border:1px solid var(--tc-border);border-radius:9px;background:rgba(255,255,255,.025);color:#fff}.tc-fast-paths nav a:hover{border-color:rgba(255,75,87,.38);background:rgba(255,255,255,.04)}.tc-fast-paths nav span{font-size:11px;font-weight:850}.tc-fast-paths nav small{color:var(--tc-muted);font-size:9px}.tc-fast-paths nav b{grid-column:2;grid-row:1/span 2;align-self:center;color:var(--tc-red-bright)}
.tc-results-card{margin-top:0!important}.tc-table-empty{padding:18px;text-align:center;color:var(--tc-muted)}
body.tc-route-class-edit form.form-card>h2,body.tc-route-class-edit form.form-card>div>h2{scroll-margin-top:170px}
body.tc-route-students .admin-grid,body.tc-route-courses .admin-grid{align-items:start}.permission-grid .checkbox{border-radius:9px!important}.content-note{border-radius:10px!important}
@media(max-width:1040px){.site-header .brand{min-width:218px!important;gap:13px!important}.site-header .brand-logo-link{flex-basis:126px!important;width:126px!important;min-width:126px!important}.site-header .brand-logo-link img{width:126px!important;max-width:126px!important}.site-header .brand-division{min-width:68px!important;padding-left:13px!important}.tc-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-command-grid{grid-template-columns:1fr}.tc-command-hero{grid-template-columns:1fr}.tc-hero-actions{justify-content:flex-start}.tc-section-jump{top:90px}.main-nav a{border-radius:0!important}}
@media(max-width:700px){.page-shell{width:calc(100% - 24px)!important}.page-heading,.exam-heading,.tc-command-hero{padding:22px!important;border-radius:13px!important}.tc-command-copy h1{font-size:36px}.tc-hero-actions{display:grid}.tc-hero-actions .button{width:100%}.tc-metric-grid{grid-template-columns:1fr 1fr}.tc-metric-card{padding:15px}.tc-command-main,.tc-command-side>.card{padding:18px!important}.tc-delivery-card{grid-template-columns:52px minmax(0,1fr);gap:12px}.tc-delivery-date{min-height:54px}.tc-card-arrow{display:none}.tc-fast-paths nav{grid-template-columns:1fr}.tc-section-jump{position:static;margin-top:0}.table-wrap table{min-width:680px!important}}
@media(max-width:430px){.tc-metric-grid{grid-template-columns:1fr}.tc-metric-card strong{font-size:27px}.tc-delivery-card{grid-template-columns:1fr}.tc-delivery-date{display:flex;gap:7px;justify-content:flex-start;padding:9px 11px;min-height:0}.tc-delivery-date strong{font-size:16px}.tc-inline-metrics{gap:9px}}
@media(max-width:380px){.site-header .brand{min-width:138px!important}.site-header .brand-logo-link{flex-basis:132px!important;width:132px!important;min-width:132px!important}.site-header .brand-logo-link img{width:132px!important;max-width:132px!important}.site-header .brand-division{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* 1105 MOBILE NAVIGATION AND WORKING FEEDBACK R2 — 2026-10-17 */
/* A filtered header establishes the containing block of fixed descendants.
   At menu breakpoints the menu must use the viewport, not header height. */
@media(max-width:1440px){
 body.training-center.role-admin .site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transform:none!important;contain:none!important;overflow:visible!important}
 body.training-center.role-admin #main-nav{top:var(--tc-nav-top,96px)!important;bottom:auto!important;height:var(--tc-nav-height,calc(100dvh - 96px))!important;max-height:var(--tc-nav-height,calc(100dvh - 96px))!important;min-height:0!important;left:0!important;right:0!important;width:auto!important;max-width:100vw!important;border-radius:0!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch;}
 body.training-center.role-admin #main-nav a{flex:0 0 auto!important;min-height:52px!important;white-space:normal!important}
 body.training-center.role-admin.nav-open{touch-action:auto!important;overflow:hidden!important}
}
@media(max-width:1180px){
 body.training-center .site-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transform:none!important;contain:none!important;overflow:visible!important}
 body.training-center #main-nav{top:var(--tc-nav-top,88px)!important;bottom:auto!important;height:var(--tc-nav-height,calc(100dvh - 88px))!important;max-height:var(--tc-nav-height,calc(100dvh - 88px))!important;min-height:0!important;left:0!important;right:0!important;width:auto!important;max-width:100vw!important;border-radius:0!important;overflow-x:hidden!important;overflow-y:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch;}
 body.training-center #main-nav a{flex:0 0 auto!important;min-height:52px!important;white-space:normal!important}
 body.training-center.nav-open{touch-action:auto!important;overflow:hidden!important}
}
@media(max-width:900px){
 body.training-center .site-header .brand{min-width:0!important;flex:1 1 auto!important;max-width:calc(100% - 76px)!important}
 body.training-center .site-header .brand-logo-link{min-width:0!important;flex:0 1 132px!important;max-width:132px!important}
 body.training-center .site-header .brand-division{min-width:0!important;flex:0 1 auto!important}
 body.training-center .page-shell,body.training-center .acc11-shell,body.training-center .acc11-main,body.training-center .acc11-side,body.training-center .acc11-panel,body.training-center .acc11-banner>*,body.training-center .acc11-class,body.training-center .acc11-class-top>*{min-width:0!important;max-width:100%!important}
 body.training-center .acc11-banner{grid-template-columns:minmax(0,1fr)!important;padding:22px 18px!important;gap:18px!important}
 body.training-center .acc11-title h1{font-size:clamp(28px,7.5vw,36px)!important;overflow-wrap:anywhere!important}
 body.training-center .acc11-title p{overflow-wrap:anywhere!important}
 body.training-center .acc11-toolbar{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;min-width:0!important;gap:8px!important}
 body.training-center .acc11-toolbar .acc11-btn{flex:1 1 130px!important;min-width:0!important;white-space:normal!important;text-align:center!important;padding:10px 12px!important}
 body.training-center .acc11-grid{grid-template-columns:minmax(0,1fr)!important}
 body.training-center .acc11-class-top{flex-wrap:wrap!important;min-width:0!important}
 body.training-center .acc11-table-wrap{min-width:0!important;max-width:100%!important;overflow-x:auto!important}
 body.training-center .acc11-actions{flex-wrap:wrap!important;min-width:0!important}
}
@media(max-width:480px){
 body.training-center .site-header .brand-division{display:none!important}
 body.training-center .acc11-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.training-center .acc11-card{min-width:0!important;padding:14px!important;overflow-wrap:anywhere!important}
}
.tc-working[hidden]{display:none!important}
.tc-working{position:fixed;z-index:10000;left:50%;bottom:calc(22px + env(safe-area-inset-bottom) + var(--tc-work-offset,0px));transform:translateX(-50%);width:min(440px,calc(100vw - 28px));display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px 20px;border:1px solid #596574;border-left:4px solid #ed1725;border-radius:14px;background:#121924;color:#fff;box-shadow:0 12px 48px rgba(0,0,0,.5);font:14px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;box-sizing:border-box}
.tc-working strong{display:block;color:#fff;font-size:15px}.tc-working p{margin:3px 0 0;color:#c6d0dc;font-size:12px}.tc-working button{width:auto;min-width:44px;min-height:44px;padding:8px;border:1px solid #596574;border-radius:8px;background:#202b3a;color:#fff;cursor:pointer}.tc-working button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.tc-work-spinner,.tc-assessment-draft-status[data-state="saving"]::before,.tc-assessment-draft-status[data-state="loading"]::before{content:"";display:inline-block;box-sizing:border-box;width:24px;height:24px;border:3px solid #526073;border-top-color:#ff4b57;border-radius:50%;animation:tc-work-spin .8s linear infinite;flex-shrink:0}
.tc-assessment-draft-status[data-state="saving"]::before,.tc-assessment-draft-status[data-state="loading"]::before{width:15px;height:15px;border-width:2px;margin-right:9px;vertical-align:middle}
[data-tc-submitting="true"] [type="submit"],[data-tc-submitting="true"] button:not([type]){cursor:progress!important;opacity:.72;pointer-events:none}
@keyframes tc-work-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.tc-work-spinner,.tc-assessment-draft-status::before{animation:none!important;border-top-color:#ff4b57;border-right-color:#ff4b57}}