/* V31: compact, brand-adaptable workspace across teacher and administrator roles */
:root {--twa-accent:var(--school-brand,#0c7477);--twa-soft:#f2f7f6;--twa-edge:#dce8e5}
body.school-edition .primary,body.school-edition .twa-console-primary,body.school-edition .twa-chat-lesson-cta{background:var(--twa-accent);color:white}
body.school-edition .sidebar{background:linear-gradient(175deg,#102e36,var(--twa-accent) 170%)}
body.school-edition .topbar{border-bottom:1px solid var(--twa-edge)}
body.school-edition .teacher-mobile-nav .current,body.school-edition .teacher-mobile-nav button.current{color:var(--twa-accent)}
body.school-edition .twa-console-hero{background:linear-gradient(120deg,#102d39,var(--twa-accent));}
.twa-theme-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 22px}
.twa-theme-swatches button{background:white;border:2px solid #dce7e4;border-radius:13px;padding:17px 8px 10px;font-weight:750;color:#294448}
.twa-theme-swatches button:before{content:'';display:block;width:36px;height:36px;margin:0 auto 8px;background:var(--swatch);border-radius:50%}
.twa-theme-swatches button.selected{border-color:var(--twa-accent);box-shadow:0 0 0 2px #d2e8e4}
.twa-theme-sample{padding:22px;margin:14px 0;border-radius:16px;background:linear-gradient(110deg,var(--twa-accent),#102e39);color:#fff;display:flex;flex-direction:column;gap:5px}
.twa-report-landing{background:#fff;border:1px solid var(--twa-edge);padding:clamp(18px,3vw,30px);border-radius:20px}
.twa-report-landing h3{font-size:clamp(22px,3vw,28px);margin:6px 0 8px}
.twa-report-landing p{color:#60757b}
.twa-report-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:23px}
.twa-report-choices button{text-align:left;border:1px solid #d9e7e3;border-radius:17px;background:#f8fbfa;padding:20px;display:flex;flex-direction:column;gap:9px;color:#22434b}
.twa-report-choices button span{background:#e5f2ed;width:48px;height:48px;display:grid;place-items:center;border-radius:12px;color:var(--twa-accent);font-size:23px}
.twa-report-choices button strong{font-size:17px}.twa-report-choices button small{font-size:12px;color:#647b81}.twa-report-choices button b{font-size:13px;color:var(--twa-accent)}
.twa-report-back{border:0;background:transparent;color:var(--twa-accent);font-weight:800;margin:0 0 12px;padding:7px}
@media(max-width:650px){
 body.school-edition .content{padding:14px 14px 100px}
 body.school-edition .topbar{min-height:74px;padding:10px 16px}
 body.school-edition .teacher-home-card .twa-console-hero{padding:19px;min-height:auto;border-radius:19px}
 body.school-edition .twa-console-hero h2{font-size:clamp(21px,6vw,26px);line-height:1.18;margin-bottom:9px}
 body.school-edition .twa-console-hero-copy>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px}
 body.school-edition .twa-console-school{margin-top:12px!important}
 body.school-edition .twa-console-hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px!important}
 body.school-edition .twa-console-hero-actions button{min-height:45px!important;font-size:12px!important;padding:8px!important;border-radius:12px!important}
 body.school-edition .twa-console-hero-actions svg{width:17px;height:17px}
 body.school-edition .twa-console-body{padding:16px!important}
 body.school-edition .twa-console-section-heading{margin-top:9px}
 body.school-edition .twa-console-section-heading h3{font-size:17px}
 body.school-edition .twa-console-metrics{gap:9px!important}
 body.school-edition .twa-console-metric{padding:12px!important;min-height:100px!important;border-radius:15px!important}
 body.school-edition .twa-console-metric strong{font-size:24px!important}
 body.school-edition .twa-console-metric span:last-child{font-size:11px!important}
 body.school-edition .twa-console-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 body.school-edition .twa-quick-action{min-height:102px!important;padding:13px!important;gap:7px!important;border-radius:15px!important}
 body.school-edition .twa-quick-copy strong{font-size:13px!important;line-height:1.2}
 body.school-edition .twa-quick-copy small{font-size:10px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 body.school-edition .twa-console-quick-grid .twa-quick-chevron{display:none}
 body.school-edition .twa-console-body .twa-console-section-heading:nth-of-type(n+3){display:none}
 body.school-edition .twa-console-body .twa-console-recent,body.school-edition .twa-console-body .twa-console-class-list{max-height:240px;overflow:auto}
 body.school-edition .twa-console-photo-ribbon{display:grid!important;grid-template-columns:1fr 1fr;gap:8px}
 body.school-edition .twa-console-photo-ribbon>div{height:110px!important;min-height:110px!important}
 body.school-edition .twa-library-card,body.school-edition .twa-library-item{padding:15px!important}
 body.school-edition .twa-library-actions button{min-height:41px!important}
 .twa-report-choices{grid-template-columns:1fr;gap:10px}.twa-report-choices button{padding:16px;gap:6px}
 .twa-theme-swatches{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:650px){
 /* The detailed learner and material lists are a tap away in their own views. */
 body.role-teacher #view-dashboard .twa-console-bottom-grid{display:none!important}
 body.role-teacher #view-dashboard .twa-console-photos{margin-top:13px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
 body.role-teacher #view-dashboard .twa-console-photos[hidden]{display:none!important}
 body.role-teacher #view-dashboard .twa-console-photos .teacher-home-photo{height:82px!important;border-radius:12px!important}
 #view-library .twa-lesson-tile{padding:15px!important;min-height:auto!important;border-radius:17px!important;margin-bottom:9px!important}
 #view-library .twa-lesson-tile h4{font-size:16px!important;line-height:1.25!important;margin:9px 0 6px!important}
 #view-library .twa-lesson-context{font-size:12px!important;margin:0!important}
 #view-library .twa-lesson-meta{font-size:11px!important;margin:4px 0 9px!important}
 #view-library .twa-lesson-actions{gap:8px!important}
 #view-library .twa-lesson-actions .twa-tile-open{min-height:42px!important;padding:9px!important}
 #view-library .twa-lesson-actions .twa-lesson-more summary{min-height:42px!important;padding:9px!important}
}