.sr-avatar{display:inline-block;flex:none;width:42px;height:42px;border-radius:50%;background-image:url(assets/brand/role-avatars-approved.jpg);background-size:413% 310%;background-position:7% 6%;vertical-align:middle}.student-profile-head .sr-avatar{width:112px;height:112px}.sr-login-logo{width:170px;height:170px;object-fit:contain;background:white;border-radius:24px;margin-bottom:18px}.sr-back{min-height:44px;margin-bottom:14px}.sr-student-page{display:grid;gap:16px;--td-blue:#0878fb;--td-line:#e9eff7;--td-ink:#102d59;--td-muted:#7385a0;--td-radius:24px;--td-shadow:0 7px 22px #2868a008}.sr-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.sr-student-page>.student-kpis{margin:0}.sr-student-page .td-card h2{font-size:17px}.sr-bars{display:flex;gap:9px;align-items:flex-end;min-height:157px;padding:8px 1px 0;overflow-x:auto}.sr-bar-col{min-width:29px;flex:1;display:flex;align-items:center;flex-direction:column;gap:8px}.sr-bar-col>b{font-size:11px;font-weight:600;white-space:nowrap}.sr-bar-track{width:100%;max-width:32px;height:95px;border-radius:9px;background:#f2f6fb;display:flex;align-items:flex-end;overflow:hidden}.sr-bar-track i{display:block;width:100%;border-radius:8px;min-height:0}.sr-bar-col>small{font-size:10px;white-space:nowrap;color:#6b809b}.sr-streak{display:flex;justify-content:space-around;gap:15px;text-align:center;padding:10px 0}.sr-streak>div{display:flex;flex-direction:column;gap:5px}.sr-streak strong{color:#0675ff;font-size:29px}.sr-streak span{color:#607690;font-size:11px}.sr-week-dots{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:14px}.sr-week-dots>span{text-align:center;color:#788ba4;display:flex;flex-direction:column;gap:5px;font-size:11px}.sr-week-dots b{border-radius:10px;background:#f0f4f9;padding:6px;font-size:14px;font-weight:400}.sr-week-dots .done b{background:#e8faf2;color:#09a46e}.sr-mood-chart svg{width:100%;max-height:190px;display:block}.sr-more>summary,.sr-backlog>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#2575d3;font-size:12px;font-weight:650}.sr-more>.card{margin-top:12px;box-shadow:none}.sr-row-copy{flex:1;min-width:0}.sr-row-copy>strong{display:block}.sr-backlog .td-agenda{margin-top:8px}.sr-mode{display:flex;gap:5px;background:#f2f6fb;padding:5px;border-radius:13px;margin:0 0 16px}.sr-mode button{flex:1;border:0;background:transparent;border-radius:10px;min-height:44px;color:#70839c;font:inherit;font-size:13px;cursor:pointer}.sr-mode button.active{background:#fff;color:#0878fb;box-shadow:0 2px 8px #153b7010}.sr-clock{display:grid;justify-items:center;gap:18px;margin:15px 0 25px}.sr-clock strong{font-size:38px;color:#126de7}.sr-clock .td-button{min-width:110px}.sr-review-stage{font-size:13px;color:#536b8b;margin-bottom:15px}.sr-leitner-hero{background:linear-gradient(120deg,#172746,#4536a4);color:white;border-radius:24px;padding:26px}.sr-leitner-hero h2{margin:9px 0;font-size:26px}.sr-leitner-hero p,.sr-leitner-hero>span{font-size:12px;opacity:.85}.sr-leitner-hero .td-button{margin-top:12px}.sr-boxes{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:15px 0}.sr-boxes>div{background:#f5f3ff;border:1px solid #e6e0ff;border-radius:14px;display:flex;flex-direction:column;align-items:center;padding:13px 4px;gap:8px}.sr-boxes b{background:white;color:#7251d6;border-radius:8px;padding:1px 8px;font-size:11px}.sr-boxes strong{color:#433285;font-size:23px}.sr-boxes small{color:#7d719c;font-size:10px}.sr-flashcard{min-height:190px;background:#f6f4ff;border:1px solid #e9e2ff;padding:24px;border-radius:20px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:18px;overflow-wrap:anywhere}.sr-flashcard small{color:#9185ac}.sr-flashcard p{font-size:21px;white-space:pre-wrap;color:#26345c}.sr-review-buttons{display:flex;gap:12px;margin-top:20px}.sr-review-buttons>button{flex:1}.sr-student-page details p{font-size:13px;color:#667a94;line-height:2}.sr-student-page .td-grade>span{min-width:0;overflow-wrap:anywhere}.sr-student-page .td-grade>small{margin-inline-start:auto;white-space:nowrap}.sr-student-page .student-card .section-head>div>p:empty{display:none}
body[data-role=student] #todayBrand{display:block;width:100px;height:65px;object-fit:contain;mix-blend-mode:multiply}body[data-role=student] .topbar{gap:10px}body[data-role=student] #pageContent>.student-profile-head .sr-avatar{width:100px;height:100px}body[data-role=student] .modal-head .close{min-width:44px;min-height:44px}body[data-role=student] .modal-card{max-height:90dvh;overflow:auto}body[data-role=student] .top-action,body[data-role=student] .mobile-menu{min-width:44px;min-height:44px}body[data-role=student] #pageContent>.card>summary{min-height:44px}
@media(max-width:820px){.sr-dash-grid{grid-template-columns:1fr}.sr-student-page{gap:13px}.sr-student-page .td-card h2{font-size:15px}.sr-bars{min-height:145px}.sr-bar-track{height:85px}.sr-streak strong{font-size:26px}.sr-back{font-size:12px}body[data-role=student] #todayBrand{width:65px;height:54px}body[data-role=student] .top-avatar{display:none}body[data-role=student] .page-heading h1{font-size:15px}body[data-role=student] .topbar-actions{gap:4px}body[data-role=student] .topbar{gap:5px}.sr-login-logo{width:110px;height:110px}.sr-boxes{gap:5px}.sr-boxes>div{padding-inline:2px}.sr-mood-chart svg{max-height:175px}}
@media(prefers-reduced-motion:reduce){.sr-student-page *{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:820px){.sr-student-page>.student-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-student-page>.student-kpis .student-kpi{padding:12px 9px;min-width:0}.sr-student-page>.student-kpis .student-kpi strong{font-size:19px}}
/* Shared chrome across six roles. */
body .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}body .topbar-right{min-width:0}body .topbar-actions{justify-self:end;display:flex;align-items:center;gap:8px}body #todayBrand{display:block;grid-column:2;grid-row:1;width:100px;height:64px;object-fit:contain;mix-blend-mode:multiply}body .topbar-right{grid-column:1;grid-row:1}body .topbar-actions{grid-column:3;grid-row:1}body .top-avatar{display:grid!important;place-items:center}body .shared-avatar{width:40px;height:40px}body .avatar-link{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;background:none;cursor:pointer}body .top-avatar img{width:40px;height:40px;object-fit:cover;border-radius:50%}body .top-action,body .mobile-menu{min-width:44px;min-height:44px}body .top-action:first-child{display:flex;align-items:center;justify-content:center;gap:5px;width:auto;padding:0 10px}.shared-help-label{font:inherit;font-size:12px}.shared-page-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.shared-page-tools .btn{min-height:44px;font-size:12px;margin:0}.shared-page-tools .btn:disabled{opacity:.45;cursor:default}.shared-guide h4{font-size:14px;margin:18px 0 5px;color:#164a83}.shared-guide p{font-size:14px;line-height:1.9;margin:0 0 10px}.shared-guide h4:first-child{margin-top:0}body .modal-head .close{min-width:44px;min-height:44px}body .modal-card{max-height:90dvh;overflow:auto}body .page-heading{min-width:0}body .page-heading h1{overflow-wrap:anywhere}
@media(max-width:820px){body .topbar{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:8px 0}body #todayBrand{grid-column:1;grid-row:1;justify-self:start;width:78px;height:48px}body .topbar-right{grid-column:1;grid-row:2}body .topbar-actions{grid-column:2;grid-row:1 / span 2;gap:3px}body .topbar .page-heading h1{font-size:15px}body .topbar .top-action:first-child{padding:0 5px;min-width:44px}.shared-help-label{display:none}body .topbar .top-avatar{display:grid!important}body .topbar .shared-avatar,body .topbar .top-avatar img{width:34px;height:34px}body .topbar-right{gap:5px}body .shared-page-tools{gap:6px;margin-bottom:12px}.shared-page-tools .btn{padding-inline:10px}}
body .student-kpi{min-width:0}body .student-kpi>div{min-width:0}body .student-kpi span{overflow-wrap:anywhere}body .analysis-tile{min-width:0}
@media(max-width:820px){body .analysis-tile .student-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}body .analysis-tile .student-kpi{display:flex;flex-wrap:wrap;padding:10px;gap:6px}body .analysis-tile .student-kpi strong{font-size:21px}}
@media(max-width:820px){body .analysis-tile .grid.g3{grid-template-columns:1fr}body .analysis-tile .tile{min-width:0;flex-wrap:wrap}body .analysis-tile .tile span{overflow-wrap:anywhere}}
@media(max-width:820px){body .analysis-tile .metric{min-width:0;display:flex;flex-wrap:wrap;gap:8px}body .analysis-tile .metric>span:last-child{flex-basis:100%;white-space:normal;overflow-wrap:anywhere}body .analysis-tile>.grid.g3{grid-template-columns:1fr!important}}
body .analysis-tile>.grid.g3{display:grid}