/* D-26: composição do Início; original 01-principal.css continua fonte dos componentes. */
body[data-papel="app"] #operational .header-row{grid-template-columns:62px minmax(0,1fr) 136px!important}
body[data-papel="app"] #operational .header-row .brand{text-align:center;min-width:0}
body[data-papel="app"] #operational nav{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:36px;padding-right:36px}
body[data-papel="app"] #operational nav:has(#teacherMode:not([hidden])){grid-template-columns:repeat(3,minmax(0,1fr))}
#operational .student-unit-label{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
#operational .student-code-badge .value{overflow-wrap:anywhere}
#operational .student-unit-change-btn:disabled{cursor:default}
#scr-home .bike-coming{font-size:12px;font-weight:400;color:var(--muted)}
#scr-home .bike-coming-card{cursor:default}
#scr-home .bike-coming-review{height:215.59375px;display:flex;flex-direction:column}
#scr-home .bike-coming-review>.bike-coming{flex:1;display:grid;place-items:center}
#scr-home .achievement-home{display:inline-block}
#scr-home .bike-achievement-title{font-size:18px;color:#fff}
#scr-home .achievement-home .row{min-height:32px}
#scr-home .home-action{min-width:0}
#scr-home .home-action .grow{flex:initial}
#scr-home .home-action b,#scr-home .home-action span{overflow-wrap:anywhere}
#scr-home .home-action.bike-coming-card{min-height:86px}
#scr-home .stat{min-width:0}
#scr-home .stat b{overflow-wrap:anywhere}
#nextClass .next-summary{margin-top:9px;flex-wrap:wrap}
#nextClass .next-details{flex:1;min-width:100px}
#nextClass .next-actions{display:flex;flex-direction:column;gap:9px;min-width:170px;max-width:100%}
#nextClass .big{overflow-wrap:anywhere}
#homeRoomBikes .bike{display:flex;flex-direction:column;align-items:center;justify-content:center}
#scr-profile .shortcut{width:100%;text-align:left;color:var(--text)}
#scr-profile #logout{margin-top:16px}
#profileName,#profileCode{overflow-wrap:anywhere;max-width:100%}
body[data-papel="app"] .bike-message{position:fixed;top:auto;bottom:92px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:408px;border:1px solid var(--line);border-radius:13px;box-shadow:0 6px 24px #0006;font-size:14px;overflow-wrap:anywhere;max-height:40vh;overflow:auto}
@media(max-width:380px){body[data-papel="app"] #operational .header-row{grid-template-columns:54px minmax(0,1fr) 126px!important;gap:7px!important}}
/* Proposta desktop somente do Início; não se aplica às outras telas. */
@media(min-width:769px){
 body[data-papel="app"] #operational:has(#scr-home.active){max-width:none;width:100%}
 #operational:has(#scr-home.active)>header{padding:15px 24px 13px}
 body[data-papel="app"] #operational:has(#scr-home.active) .header-row{grid-template-columns:62px 140px minmax(0,1fr)!important}
 #operational:has(#scr-home.active)>header .test-note{text-align:left}
 #operational:has(#scr-home.active)>main{padding:24px 24px 106px}
 #scr-home.active{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"hello hello hello" "intro intro intro" "next stats actions" "review achievements actions";column-gap:24px;align-items:start}
 #scr-home>#hello{grid-area:hello}
 #scr-home>.home-intro{grid-area:intro;margin-bottom:24px}
 #scr-home>#nextClass{grid-area:next}
 #scr-home>#coachReviewHomePrompt{grid-area:review}
 #scr-home>.stats{grid-area:stats;margin:0 0 12px}
 #scr-home>.achievement-home{grid-area:achievements;margin-top:0}
 #scr-home>.home-actions{grid-area:actions;margin-top:0}
 #scr-home>#nextClass,#scr-home>#coachReviewHomePrompt,#scr-home>.stats,#scr-home>.achievement-home,#scr-home>.home-actions{width:100%;max-width:520px;justify-self:center}
 body[data-papel="app"] #operational:has(#scr-home.active)>nav{max-width:none;grid-template-columns:repeat(2,160px);justify-content:center}
 body[data-papel="app"] #operational:has(#scr-home.active)>nav:has(#teacherMode:not([hidden])){grid-template-columns:repeat(3,160px)}
}
@media(min-width:769px) and (max-width:1100px){
 #scr-home.active{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"hello hello" "intro intro" "next stats" "review achievements" "actions actions"}
 #scr-home>.home-actions{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}
}