/* KRESUP V3.4.0 — reference-locked teacher + parent UI.
   IMPORTANT: selectors are scoped to v33 mobile role shell. Admin is untouched. */
@media (max-width:960px){
 body.v33-role-mobile.v33-reference-exact{background:#fff!important}
 body.v33-role-mobile .v33-page{width:min(100%,430px);padding:18px 17px calc(91px + env(safe-area-inset-bottom));color:#08295e;background:#fff;overflow:hidden}
 body.v33-role-mobile .v33-top{height:53px;margin-bottom:18px}
 body.v33-role-mobile .v33-brand img{width:142px}
 body.v33-role-mobile .v33-top-right{gap:13px}
 body.v33-role-mobile .v33-avatar-wrap img{width:44px;height:44px}
 body.v33-role-mobile .v33-bell svg{width:29px;height:29px}

 /* PARENT HOME — locked to supplied reference */
 body.v33-role-mobile .parent-page .v33-parent-hero{height:132px;border-radius:22px;padding:14px 17px;background:linear-gradient(112deg,#0b448e 0%,#062b67 70%);box-shadow:0 8px 22px rgba(5,43,104,.12)}
 body.v33-role-mobile .parent-page .v33-parent-hero .v33-child{width:91px;height:91px;flex-basis:91px;border-width:4px}
 body.v33-role-mobile .parent-page .v33-hero-text{margin-left:14px;max-width:205px}
 body.v33-role-mobile .parent-page .v33-hero-text>span{font-size:15px;font-weight:500}
 body.v33-role-mobile .parent-page .v33-hero-text h2{font-size:22px;line-height:1.08;margin:4px 0 7px;font-weight:800}
 body.v33-role-mobile .parent-page .v33-hero-text p{font-size:12.5px;font-weight:500}
 body.v33-role-mobile .parent-page .v33-hero-text button{font-size:10px;padding:7px 14px;margin-top:10px;background:rgba(255,255,255,.12)}
 body.v33-role-mobile .parent-page .v33-hero-art{width:43%;object-fit:cover}
 body.v33-role-mobile .parent-page .v33-status-grid{gap:7px;margin:12px 0 13px}
 body.v33-role-mobile .parent-page .v33-status-card{height:78px;border-radius:17px;padding:9px 7px;grid-template-columns:32px 1fr}
 body.v33-role-mobile .parent-page .v33-status-card>i{width:32px;height:32px}
 body.v33-role-mobile .parent-page .v33-status-card b{font-size:9.7px}
 body.v33-role-mobile .parent-page .v33-status-card span,body.v33-role-mobile .parent-page .v33-status-card em{font-size:8.7px}
 body.v33-role-mobile .parent-page .v33-box{border-radius:19px;padding:14px;margin:12px 0;box-shadow:0 6px 22px rgba(17,44,78,.06)}
 body.v33-role-mobile .parent-page .v33-box>h3{font-size:17px;margin-bottom:13px}
 body.v33-role-mobile .parent-page .v33-quick-grid{gap:8px}
 body.v33-role-mobile .parent-page .v33-quick{height:82px;border-radius:14px;padding:9px 8px;grid-template-columns:36px 1fr}
 body.v33-role-mobile .parent-page .v33-quick>i{width:37px;height:37px;border-radius:10px}
 body.v33-role-mobile .parent-page .v33-quick b{font-size:10.6px}
 body.v33-role-mobile .parent-page .v33-quick span{font-size:8.4px}
 body.v33-role-mobile .parent-page .v33-ann{min-height:87px;border-radius:19px;margin:12px 0;padding:10px 12px;grid-template-columns:61px 1fr auto}
 body.v33-role-mobile .parent-page .v33-ann img{width:60px;height:69px}
 body.v33-role-mobile .parent-page .v33-ann b{font-size:11.3px}
 body.v33-role-mobile .parent-page .v33-ann p{font-size:9.5px}
 body.v33-role-mobile .parent-page .v33-events{gap:7px}
 body.v33-role-mobile .parent-page .v33-events>button{min-height:78px;border-radius:14px}
 body.v33-role-mobile .parent-page .v33-duo>button{height:130px;border-radius:18px}

 /* TEACHER HOME — exact reference proportions */
 body.v33-role-mobile .teacher-page .v33-greeting{min-height:105px;margin:20px 0 13px}
 body.v33-role-mobile .teacher-page .v33-greeting h1{font-size:27px;line-height:1.12;font-weight:800;margin:0 0 8px;max-width:280px}
 body.v33-role-mobile .teacher-page .v33-greeting p{font-size:13px;color:#647693}
 body.v33-role-mobile .teacher-page .v33-greeting img{right:-3px;top:-26px;width:145px;height:98px}
 body.v33-role-mobile .teacher-page .v33-overview{gap:11px}
 body.v33-role-mobile .teacher-page .v33-overview>button{height:112px;border-radius:18px;padding:13px}
 body.v33-role-mobile .teacher-page .v33-card-title b,body.v33-role-mobile .teacher-page .v33-att-card h3{font-size:13.2px}
 body.v33-role-mobile .teacher-page .v33-class-main{grid-template-columns:58px 1fr;margin-top:11px}
 body.v33-role-mobile .teacher-page .v33-class-main img{width:58px;height:58px}
 body.v33-role-mobile .teacher-page .v33-class-main h3{font-size:15px}
 body.v33-role-mobile .teacher-page .v33-class-main p{font-size:10px}
 body.v33-role-mobile .teacher-page .v33-quick-title{margin:18px 0 11px}
 body.v33-role-mobile .teacher-page .v33-four{gap:9px}
 body.v33-role-mobile .teacher-page .v33-four>button{height:88px;border-radius:15px}
 body.v33-role-mobile .teacher-page .v33-four>button i{height:47px}
 body.v33-role-mobile .teacher-page .v33-four>button svg{width:30px;height:30px}
 body.v33-role-mobile .teacher-page .v33-four>button b{font-size:11px}
 body.v33-role-mobile .teacher-page .v33-pickup,body.v33-role-mobile .teacher-page .v33-msg-summary{border-radius:18px;box-shadow:0 6px 22px rgba(17,44,78,.06)}
 body.v33-role-mobile .teacher-page .v33-pick-row{min-height:62px}
 body.v33-role-mobile .teacher-page .v33-report-banner{min-height:82px;border-radius:18px}
 body.v33-role-mobile .teacher-page .v33-teacher-note{min-height:82px;border-radius:18px}

 /* CLASS SCREEN */
 body.v33-role-mobile .teacher-page .v33-class-heading{min-height:107px;margin:20px 0 12px}
 body.v33-role-mobile .teacher-page .v33-class-heading h1{font-size:28px;font-weight:800}
 body.v33-role-mobile .teacher-page .v33-class-heading img{right:-3px;top:-26px;width:145px;height:98px}
 body.v33-role-mobile .teacher-page .v33-class-select{height:48px;border-radius:16px;padding:0 13px;margin-bottom:12px}
 body.v33-role-mobile .teacher-page .v33-class-select i{width:36px;height:36px}
 body.v33-role-mobile .teacher-page .v33-att-summary{border-radius:18px;padding:14px 13px}
 body.v33-role-mobile .teacher-page .v33-att-summary>div:last-child{gap:6px}
 body.v33-role-mobile .teacher-page .v33-student-title{margin:17px 0 10px}
 body.v33-role-mobile .teacher-page .v33-student{height:57px;border-radius:16px;margin:7px 0;padding:5px 12px 5px 7px;grid-template-columns:48px 1fr auto 28px}
 body.v33-role-mobile .teacher-page .v33-student img{width:45px;height:45px}
 body.v33-role-mobile .teacher-page .v33-student>b{font-size:14px}
 body.v33-role-mobile .teacher-page .v33-student em{min-width:84px;padding:7px 10px}
 body.v33-role-mobile .teacher-page .v33-qr{height:58px;border-radius:16px;margin:11px 0 0}

 /* DAILY REPORT — no navigation, reference exactly ends with save CTA */
 body.v33-role-mobile .report-page{padding-bottom:18px}
 body.v33-role-mobile .report-page .v33-daily-top{grid-template-columns:44px 1fr auto;height:55px;margin-bottom:15px}
 body.v33-role-mobile .report-page .v33-brand img{width:128px}
 body.v33-role-mobile .report-page .v33-report-heading h1{font-size:27px;font-weight:800;margin-bottom:5px}
 body.v33-role-mobile .report-page .v33-report-heading p{font-size:13px}
 body.v33-role-mobile .report-page .v33-report-student{min-height:82px;border-radius:18px;margin:12px 0 17px;padding:10px 13px}
 body.v33-role-mobile .report-page .v33-report-student img{width:64px;height:64px}
 body.v33-role-mobile .report-page .v33-report-student h2{font-size:20px}
 body.v33-role-mobile .report-page .v33-form{margin:13px 0 16px}
 body.v33-role-mobile .report-page .v33-form-title{margin-bottom:9px}
 body.v33-role-mobile .report-page .v33-form-title>i{width:39px;height:39px}
 body.v33-role-mobile .report-page .v33-form-title h3{font-size:17px}
 body.v33-role-mobile .report-page .v33-choices{height:55px;border-radius:17px}
 body.v33-role-mobile .report-page .v33-choice{border-radius:14px}
 body.v33-role-mobile .report-page .v33-choice i{font-size:22px}
 body.v33-role-mobile .report-page .v33-choice b{font-size:10px}
 body.v33-role-mobile .report-page .v33-note textarea{min-height:72px}
 body.v33-role-mobile .report-page .v33-photo-row{height:88px}
 body.v33-role-mobile .report-page .v33-save{height:55px;border-radius:18px;font-size:16px;font-weight:800;margin-top:16px}

 /* PARENT DAILY */
 body.v33-role-mobile .parent-page .v33-read-head{margin:12px 0 11px}
 body.v33-role-mobile .parent-page .v33-read-head h1{font-size:25px;font-weight:800}
 body.v33-role-mobile .parent-page .v33-read-alert{min-height:53px;border-radius:15px;margin:10px 0;padding:8px 12px}
 body.v33-role-mobile .parent-page .v33-parent-hero.compact{height:105px;margin-top:10px}
 body.v33-role-mobile .parent-page .v33-read-card{border-radius:18px;margin:11px 0;padding:12px}
 body.v33-role-mobile .parent-page .v33-food{gap:7px}
 body.v33-role-mobile .parent-page .v33-food>div{min-height:88px;border-radius:14px}
 body.v33-role-mobile .parent-page .v33-read-two>div{min-height:67px;border-radius:14px}
 body.v33-role-mobile .parent-page .v33-note-read{border-radius:13px}
 body.v33-role-mobile .parent-page .v33-memory img,body.v33-role-mobile .parent-page .v33-memory>div{height:72px;border-radius:11px}

 /* MESSAGE SCREEN */
 body.v33-role-mobile .message-page .v33-message-head{min-height:128px;margin-top:10px}
 body.v33-role-mobile .message-page .v33-message-head h1{font-size:28px}
 body.v33-role-mobile .message-page .v33-message-head>img{width:135px;right:-6px;top:-10px}
 body.v33-role-mobile .message-page .v33-message-box{border-radius:18px}
 body.v33-role-mobile .message-page .v33-tabs{height:54px}
 body.v33-role-mobile .message-page .v33-msg-row{min-height:73px}
 body.v33-role-mobile .message-page .v33-msg-row img{width:47px;height:47px}
 body.v33-role-mobile .message-page .v33-safe{min-height:75px;border-radius:17px}
 body.v33-role-mobile .message-page .v33-three{gap:8px}
 body.v33-role-mobile .message-page .v33-three>button{height:68px;border-radius:15px}

 /* fixed bottom navigation matches reference, without covering content */
 body.v33-role-mobile .v33-bottom{height:76px;padding:7px 9px calc(7px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:rgba(255,255,255,.98);box-shadow:0 -8px 24px rgba(19,45,80,.06)}
 body.v33-role-mobile .v33-bottom button{font-size:9.5px;gap:3px}
 body.v33-role-mobile .v33-bottom button svg{width:23px;height:23px}
 body.v33-role-mobile .v33-bottom button.active{color:#0068f0}
}