/* Secondary and detail screens inherit the approved Today arena language. */
:root{background:#090b0e}html{min-height:100%}body:not(.training-home){min-height:100dvh}
body:not(.training-home):not(.login-screen){background-color:#090b0e;color:#f4f4f2;background-image:linear-gradient(#080a0cb8,#080a0cc7),url('/brand/arena_background.png')}
body:not(.training-home):not(.login-screen)>header{background:transparent;max-width:1160px;margin:auto;padding:22px 22px 12px;min-height:80px;gap:18px}
body:not(.training-home):not(.login-screen)>header img{width:88px}
body:not(.training-home):not(.login-screen)>header>span{font-size:11px;letter-spacing:1px;color:#c1c5cd}
body:not(.training-home):not(.login-screen)>header small{font-size:10px;letter-spacing:0}
body:not(.training-home):not(.login-screen)>header button{font-size:12px;border-color:#444b57;min-height:40px;padding:8px 12px}
.workspace-view,.classroom-view{padding:12px 22px 112px;min-height:calc(100dvh - 80px)}
.workspace-view .page-heading{align-items:flex-end;margin:14px 0 26px;padding-bottom:20px;border-bottom:3px solid #086bff}
.workspace-view .page-heading h1{font-size:42px;font-weight:900;line-height:1.15;letter-spacing:-2px;margin:10px 0 0}
.workspace-view .date-line{font-size:12px;font-weight:650;color:#c3c7cf}
.workspace-view .role-pill{border:0;padding:0 0 5px;color:#afb6c1}
.workspace-view .page-action{width:100%;text-align:left;min-height:58px;margin-bottom:10px;font-size:20px;font-weight:850}
.workspace-view .card,.classroom-view .card{color:#f4f4f2;background:#101215ed;border:0;padding:22px;margin:0;min-width:0}
.workspace-view .grid,.classroom-view .grid{gap:14px;align-items:start}
.workspace-view h2,.classroom-view h2{font-weight:850;line-height:1.25}
.workspace-view .card h2{font-size:25px;margin:12px 0 16px;padding-left:12px;border-left:7px solid #086bff;overflow-wrap:anywhere}
.workspace-view .card h3{font-size:21px}.workspace-view .card p,.classroom-view .card p{color:#c0c5ce;line-height:1.7}
.workspace-view .card button{margin:6px 8px 0 0}
.workspace-view .session-card{padding:22px 20px 0}
.workspace-view .session-card>.primary{display:block;width:calc(100% + 40px);margin:22px -20px 0;text-align:left;min-height:56px;padding:14px 20px;font-size:19px}
.workspace-view button,.classroom-view button,dialog button{border-radius:0}
.workspace-view button:not(.primary):not(.back),.classroom-view button:not(.primary):not(.back),dialog button:not(.primary){background:#191d24;color:#f1f3f6;border-color:#505864}
.workspace-view .tag,.classroom-view .tag{background:transparent;color:#b9caff;padding:0;font-size:11px;letter-spacing:1px}
.workspace-view .empty,.classroom-view .empty{background:#101215eb;color:#c1c6ce;border:0;border-top:3px solid #086bff;text-align:left;padding:26px 22px}
.workspace-view .empty strong{display:block;color:white;font-size:25px}.workspace-view .empty p{font-size:14px;margin-bottom:0}
.workspace-view .avatar,.classroom-view .avatar{background:#252c37;color:#dce6f8;border-radius:0}
.workspace-view .card>.row{margin-bottom:12px;flex-wrap:nowrap}
.workspace-view .muted,.classroom-view .muted{color:#b1b9c5}
.workspace-view>.card{margin-top:22px}
.workspace-view input,.workspace-view select,.workspace-view textarea,dialog input,dialog select,dialog textarea{background:#171b22;border:1px solid #505866;color:#f5f5f3;border-radius:0;color-scheme:dark;min-height:48px;max-width:100%}
input::placeholder,textarea::placeholder{color:#a1a9b6}
.workspace-view input:focus,dialog input:focus,dialog select:focus,dialog textarea:focus{outline:2px solid #086bff;outline-offset:1px}
.classroom-view .lesson-heading{padding:4px 0 20px;border-bottom:3px solid #086bff}
.classroom-view .lesson-heading h1{font-size:34px;font-weight:900;letter-spacing:-1px;margin:12px 0}
.classroom-view .lesson-heading p{margin-bottom:0}
.classroom-view .lesson-progress{margin:20px 0}
.classroom-view .learner-card{border-left:3px solid #333b48;padding:18px!important}
.classroom-view .attendance-mark{color:#b7bdc7}.classroom-view .attendance-mark.present{color:#8fe4b8}
.classroom-view .saved-comment{border-top:1px solid #39404b;padding-top:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.classroom-view .outline-panel p{white-space:pre-wrap;overflow-wrap:anywhere}
.classroom-view .finish-class{min-height:58px;font-size:17px;text-align:left;padding:16px 20px}
.classroom-view a{color:#b4cfff;display:block;padding:12px 0}
dialog{background:#101215;color:#f4f4f2!important;border:1px solid #3c4553;border-top:4px solid #086bff;border-radius:0;padding:26px;max-height:92dvh;overscroll-behavior:contain}
dialog::backdrop{background:#02050cba;backdrop-filter:blur(4px)}
dialog h2{font-size:28px;font-weight:900;line-height:1.2;letter-spacing:-.7px;margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid #3c4553}
dialog label{color:#d4d8e0;font-weight:650;margin-top:20px}dialog textarea{min-height:150px;line-height:1.75;font-size:15px}
dialog .muted{color:#afb7c4}dialog .weekdays{border-color:#454e5c;padding:12px;gap:7px}
dialog .weekdays label{font-size:13px;gap:4px}dialog .weekdays input{min-height:20px;width:20px;accent-color:#086bff}
dialog .score-picks{margin:20px 0;gap:7px}dialog .score-picks legend{color:#e9ebef;font-size:15px}
dialog .score-picks span{background:#1b2029;color:#d5dbe5;border-color:#525c6d;min-height:46px}
dialog .score-picks input:checked+span{background:#086bff;color:#fff;border-color:#4e98ff}
dialog .score-picks input:focus-visible+span{outline-color:#fff}
dialog .generation-actions{display:grid;grid-template-columns:1fr;gap:10px;margin:24px 0 10px;padding-top:20px;border-top:1px solid #414957}
dialog .generate-comment{min-height:54px;font-size:18px;text-align:left}
dialog .generation-feedback{color:#afcaff;font-size:13px;line-height:1.6;margin:0;overflow-wrap:anywhere}
dialog #form-error{color:#ffacac;line-height:1.6;font-size:14px;white-space:pre-wrap}
dialog #form-error:not(:empty){background:#3a2028;border-left:3px solid #ff9090;padding:12px}
dialog footer{position:sticky;bottom:-26px;background:#101215;border-top:1px solid #414957;padding:16px 0 8px;margin-top:20px;z-index:2}
dialog footer button{min-height:48px}dialog footer #cancel{flex:1}dialog footer #save{flex:2}
@media all{
 body:not(.training-home):not(.login-screen)>header{padding:18px 22px 10px;gap:12px}
 body:not(.training-home):not(.login-screen)>header>span{font-size:10px}
 main.workspace-view,main.classroom-view{padding:8px 22px 112px}
 .workspace-view .page-heading{margin-top:10px}.workspace-view .page-heading h1{font-size:40px}
 .workspace-view .grid{grid-template-columns:minmax(0,1fr)}
 .classroom-view .lesson-heading h1{font-size:32px}
 dialog{margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding:22px 22px max(22px,env(safe-area-inset-bottom));border:0;border-top:4px solid #086bff}
 dialog h2{font-size:28px;margin-bottom:20px}
 dialog footer{bottom:-22px;padding-bottom:max(14px,env(safe-area-inset-bottom))}
 .rating-dialog textarea{min-height:150px}
}

.schedule-calendar{background:#101215ed;padding:12px 14px 0;margin:8px 0 14px;max-width:540px}
.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.calendar-heading strong{font-size:24px;letter-spacing:-1px;font-weight:900}
.workspace-view .calendar-heading button{padding:0;width:40px;min-height:36px;background:transparent!important;border:0;font-size:24px}
.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.calendar-days .weekday-name{text-align:center;color:#aeb6c2;font-size:11px;padding:4px 0 8px}
.workspace-view .calendar-days button{position:relative;padding:3px 0;min-height:36px;border:0;background:transparent!important;color:#c6cbd4;font-size:14px;line-height:1}
.calendar-days button small{font-size:8px;margin:3px 0 0;color:#9bbdff;opacity:1;line-height:1}
.workspace-view .calendar-days button.has-class{background:#192b48!important;color:#fff}
.workspace-view .calendar-days button[aria-pressed=true]{background:#086bff!important;color:white}
.calendar-summary{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#b7c0ce;padding:12px 0;border-top:1px solid #343b46;margin-top:8px;min-height:42px}
.workspace-view .calendar-summary button{min-height:30px;padding:3px 7px;font-size:11px}
@media all{
 .workspace-view .page-heading{margin-bottom:16px;padding-bottom:14px}
 .workspace-view .session-card{padding:16px 18px 0}
 .workspace-view .session-card h2{font-size:23px;margin:10px 0}
 .workspace-view .session-card p{margin:8px 0;font-size:13px}
 .workspace-view .session-card>.primary{width:calc(100% + 36px);margin:14px -18px 0;min-height:48px;padding:12px 18px;font-size:17px}
}
.workspace-view .management-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;min-height:84px}
.workspace-view .management-entry h2{font-size:22px;margin:0;white-space:nowrap}
.workspace-view .management-entry button{margin:0;flex:none;font-size:12px;padding:8px}
.rating-dialog h2{padding-bottom:14px;margin-bottom:12px}
.rating-dialog .muted{margin:8px 0;font-size:12px}
.rating-dialog .score-picks{margin:12px 0}.rating-dialog .score-picks legend{margin-bottom:8px}
.rating-dialog .score-picks span{min-height:44px}
.rating-dialog .generation-actions{margin:16px 0 8px;padding-top:12px;gap:8px}
.rating-dialog .generate-comment{min-height:48px;font-size:17px}
.rating-dialog textarea{min-height:125px}
.rating-dialog label[for=f-comment]{margin-top:12px}
.rating-dialog footer{margin-top:12px;padding-top:12px}
@media all{
 .workspace-view .back{min-height:32px;margin-bottom:2px}
 .workspace-view .page-heading{margin-top:6px;margin-bottom:14px;padding-bottom:12px}
 .workspace-view .page-heading h1{font-size:38px;margin-top:6px}
 .workspace-view .page-action{min-height:50px;font-size:18px;margin-bottom:6px}
 .schedule-calendar{margin-top:6px}
 .calendar-days button{min-height:34px!important}
 dialog:not(.rating-dialog){height:fit-content;max-height:100dvh;top:auto;bottom:0;margin:0 auto}
}