/* Ported from dashboard_page.dart / coach-390.png. Supplied SVGs unchanged. */
body{background:#101114 url('/brand/arena_background.png') center/cover fixed}
#connection:not(.error){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
#connection.error{position:sticky;top:0;z-index:30;padding:12px 20px;background:#fff0ed}
main:not(.home-view){color:white}
main .card,main .empty,dialog{color:#171a20}
.page-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 22px}.page-heading h1{margin:7px 0;font-size:34px}.date-line{color:#b5b9c2;font-size:12px}.role-pill{font-size:11px;color:#b5b9c2;border:1px solid #6b7078;padding:6px 9px}
nav{height:80px;gap:0;background:#101114;border-top:1px solid #24272d;padding:8px 0 max(8px,env(safe-area-inset-bottom))}
nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:1;max-width:120px;min-width:0;min-height:54px;padding:4px;color:#b8bbc2;font-size:13px;border-radius:0;font-weight:600}
nav svg{width:23px;height:23px;flex:none}nav button.active{background:transparent;color:#ddd}nav button.active svg{color:#086bff}
.training-home{background:#080a0c}.training-home>header{display:none}
main.home-view{padding:0 0 80px;max-width:540px;min-height:100dvh;background:linear-gradient(#0006,#0006),url('/brand/arena_background.png') center top/cover;color:#fff}
.training-poster{padding:18px 22px 32px;min-height:calc(100dvh - 80px)}
.poster-brand{display:flex;align-items:center;justify-content:space-between;height:48px}
.poster-brand img{width:88px;height:auto}.poster-brand>span{font-size:7px;line-height:1.45;letter-spacing:1.4px;color:#c3c7cf}
.training-poster h1{font-size:42px;line-height:1.05;letter-spacing:-2px;font-weight:900;margin:26px 0 12px}
.poster-date{display:flex;gap:12px;align-items:flex-end}.poster-date strong{font-size:29px;font-weight:900;line-height:1}.poster-date>span{font-size:13px;font-weight:700;line-height:1.05;color:#adb2bd}
.team-display{display:block;width:100%;padding:0;margin:28px 0 16px;border:0;border-radius:0;background:transparent;color:#f0f0ee;text-align:left;font-size:105px;line-height:.95;font-weight:950;letter-spacing:-7px;white-space:nowrap;overflow:hidden;min-height:0}
.training-info{padding:18px 18px 17px;background:#101114eb}
.training-course{border-left:9px solid #086bff;padding-left:12px}.training-course>strong{font-size:33px;line-height:.95;font-weight:900}.training-course h2{margin:4px 0 0;font-size:27px;line-height:1.1;font-weight:900;overflow-wrap:anywhere}
.training-time{font-size:33px;line-height:1;font-weight:900;letter-spacing:-1px;margin-top:18px}
.training-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:14px;font-size:14px;font-weight:650;line-height:1.4}.training-meta>span{display:flex;gap:6px;align-items:center;min-width:0}.training-meta>span:last-child{max-width:58%;justify-content:flex-end}.training-meta svg{width:18px;height:18px;flex:none}
.poster-start{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;background:#086bff;border:0;border-radius:0;color:white;padding:16px 20px;min-height:90px}.poster-start small{font-size:9px;letter-spacing:3px;margin:0 0 4px}.poster-start strong{font-size:31px;font-weight:900;line-height:1.05}.poster-start .arrow{font-size:38px;font-weight:400}.poster-start:disabled{opacity:.75}
.poster-next{width:100%;display:flex;align-items:center;gap:20px;text-align:left;color:#fff;background:#101114ec;border:0;border-radius:0;min-height:82px;padding:16px 20px}.next-clock{flex:none;width:61px}.next-clock small{font-size:8px;letter-spacing:3px;margin:0 0 9px;color:#a0a5ad}.next-clock strong{font-size:22px}.next-name{flex:1;font-size:18px;font-weight:750;border-left:1px solid #646a74;padding-left:24px}.poster-next>span:last-child{font-size:26px}
.section-heading{font-size:18px;margin:22px 0 14px}.lesson-heading h1{font-size:30px;line-height:1.2;margin:14px 0}.lesson-heading p{font-size:13px;color:#bdc4ce}.lesson-progress{display:flex;margin:20px 0;background:#101114eb;padding:16px 0}.lesson-progress>span{flex:1;text-align:center;font-size:12px;color:#b5bdca;border-right:1px solid #404550}.lesson-progress>span:last-child{border:0}.lesson-progress b{font-size:23px;color:#fff;margin-right:5px}
.outline-panel{background:#101114ed;padding:16px;border-top:2px solid #086bff}.outline-panel summary{font-weight:750;font-size:15px;cursor:pointer;list-style:none}.outline-panel summary>span{float:right;font-size:12px;color:#aaa;font-weight:400}.outline-panel p{font-size:14px;color:#c0c6d0}.outline-panel button{font-size:13px;margin:4px 6px 0 0;background:transparent;color:white;border-color:#5b6069}
.learner-card{padding:18px!important;margin:0!important}.learner-card h3{font-size:17px;margin:0 0 5px}.learner-card .avatar{width:48px;height:48px;font-size:19px}.learner-card .row{flex-wrap:nowrap;gap:10px}.attendance-mark{font-size:11px;color:#777;white-space:nowrap}.attendance-mark.present{color:#197153}.learner-card .actions{margin:16px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.learner-card button{font-size:14px;min-height:44px}.learner-grid{gap:12px}.saved-comment{font-size:13px;line-height:1.5}.finish-class{width:100%;margin-top:20px;min-height:48px}.back{background:transparent;color:white;border:0;padding-left:0;min-height:40px;margin:0 0 10px}
@media(max-width:600px){main:not(.home-view){padding:16px 18px 104px}.training-home main.home-view{background-size:auto calc(100dvh - 80px);background-repeat:no-repeat;background-attachment:fixed}.training-poster{padding-bottom:28px}header{min-height:70px;padding:14px 18px}header img{width:62px}header span{font-size:14px}header small{font-size:10px}.page-heading h1{font-size:28px}.grid{grid-template-columns:minmax(0,1fr)}dialog{margin:auto auto 0;max-height:92dvh;width:100%;padding:22px 20px max(22px,env(safe-area-inset-bottom));border-radius:0}dialog h2{font-size:21px;margin:0 0 18px}dialog footer{position:sticky;bottom:-22px;background:#fff;padding:14px 0;margin-top:16px}dialog footer button{flex:1}.training-meta{font-size:13px}.training-time{font-size:32px}}
@media(max-width:360px){.training-poster{padding-left:18px;padding-right:18px}.training-time{font-size:29px}.training-course h2{font-size:24px}.training-poster h1{font-size:38px}}
@media(max-width:600px){.training-home main.home-view{background-size:cover;background-attachment:scroll}} .team-display{font-family:"Segoe UI Black","Arial Black",system-ui,sans-serif}
.score-picks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;border:0;padding:0;margin:20px 0}.score-picks legend{font-size:15px;font-weight:750;margin-bottom:10px}.score-picks label{position:relative;margin:0}.score-picks input{position:absolute;opacity:0;width:100%;height:44px;min-height:44px;margin:0}.score-picks span{display:grid;place-items:center;border:1px solid #c5c9d1;min-height:44px;background:white;font-size:15px}.score-picks input:checked+span{background:#086bff;border-color:#086bff;color:white}.score-picks input:focus-visible+span{outline:2px solid #101114;outline-offset:2px}