/* MAM-LMS mobile app navigation v2 */
html[data-device-mode="mobile"] .mobile-appbar{min-height:68px;padding:10px 14px;box-shadow:0 1px 0 rgba(13,61,42,.05)}
html[data-device-mode="mobile"] .mobile-appbar-brand .brand-mark{width:40px;height:40px;border-radius:12px}
html[data-device-mode="mobile"] .mobile-appbar-brand strong{font-size:16px}
html[data-device-mode="mobile"] .mobile-appbar-brand small{font-size:11px;color:#6b7972;max-width:180px}
html[data-device-mode="mobile"] .mobile-appbar-actions{gap:8px}
html[data-device-mode="mobile"] .mobile-header-icon{position:relative;width:40px;height:40px;border:1px solid #dfe7e2;border-radius:12px;background:#fff;color:#193229;display:grid;place-items:center;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 1px 2px rgba(20,55,40,.03)}
html[data-device-mode="mobile"] .mobile-header-icon:active{transform:scale(.97)}
html[data-device-mode="mobile"] .mobile-notification-dot{position:absolute;right:7px;top:6px;width:7px;height:7px;border-radius:50%;background:#e44242;border:2px solid #fff}

html[data-device-mode="mobile"] .mobile-bottom-nav{left:8px;right:8px;bottom:max(7px,env(safe-area-inset-bottom));height:66px;grid-template-columns:repeat(5,1fr);padding:5px 4px;border-radius:19px;box-shadow:0 12px 32px rgba(10,45,31,.16)}
html[data-device-mode="mobile"] .mobile-tab{font-size:9.5px;font-weight:800;gap:3px;padding:3px 1px}
html[data-device-mode="mobile"] .mobile-tab-icon{font-size:18px;height:21px}
html[data-device-mode="mobile"] .mobile-tab.active{background:#e8f5ee;color:#0a6842}

html[data-device-mode="mobile"] .mobile-more-drawer{z-index:90}
html[data-device-mode="mobile"] .mobile-drawer-scrim{background:rgba(8,25,18,.42);backdrop-filter:blur(1px)}
html[data-device-mode="mobile"] .mobile-side-sheet{top:0;bottom:0;left:auto;right:0;width:min(88vw,380px);max-height:none;border-radius:24px 0 0 24px;padding:16px 18px calc(20px + env(safe-area-inset-bottom));transform:translateX(104%);overflow-y:auto;display:flex;flex-direction:column}
html[data-device-mode="mobile"] .mobile-more-drawer.open .mobile-side-sheet{transform:translateX(0)}
html[data-device-mode="mobile"] .mobile-side-head{display:flex;align-items:flex-start;gap:10px;padding:4px 0 14px;border-bottom:1px solid #e6ece8}
html[data-device-mode="mobile"] .mobile-side-head .mobile-drawer-profile{flex:1;padding:0;border:0;min-width:0}
html[data-device-mode="mobile"] .mobile-drawer-avatar{width:46px;height:46px;border-radius:14px;flex:0 0 auto}
html[data-device-mode="mobile"] .mobile-drawer-profile strong{font-size:15px;line-height:1.2}
html[data-device-mode="mobile"] .mobile-drawer-profile small{font-size:11px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}
html[data-device-mode="mobile"] .mobile-close-btn{width:34px;height:34px;border:0;background:#f2f6f3;border-radius:10px;color:#20342b;font-size:24px;line-height:1;cursor:pointer}
html[data-device-mode="mobile"] .mobile-drawer-list{display:flex;flex-direction:column;gap:5px;padding:14px 0}
html[data-device-mode="mobile"] .mobile-menu-link{width:100%;min-height:48px;border:0;background:transparent;border-radius:13px;padding:10px 12px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;text-align:left;color:#20342b;font:inherit;cursor:pointer}
html[data-device-mode="mobile"] .mobile-menu-link>span{font-size:18px;color:#0d6945;text-align:center}
html[data-device-mode="mobile"] .mobile-menu-link>strong{font-size:14px;font-weight:750}
html[data-device-mode="mobile"] .mobile-menu-link>em{font-style:normal;font-size:22px;color:#728078}
html[data-device-mode="mobile"] .mobile-menu-link.active{background:#e9f6ef;color:#0b6843}
html[data-device-mode="mobile"] .mobile-drawer-secondary{padding:11px 0;border-top:1px solid #e6ece8}
html[data-device-mode="mobile"] .mobile-logout-btn-v2{width:100%;min-height:48px;border:0;border-radius:13px;background:#fff0f0;color:#c53131;font:inherit;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:0 14px;cursor:pointer}
html[data-device-mode="mobile"] .mobile-logout-btn-v2 span{font-size:20px}
html[data-device-mode="mobile"] .mobile-menu-footer{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;align-items:center;color:#29473a}
html[data-device-mode="mobile"] .mobile-menu-footer strong{font-size:12px;letter-spacing:.04em}
html[data-device-mode="mobile"] .mobile-menu-footer small{margin-top:4px;font-size:10px;color:#819087}

html[data-device-mode="mobile"] .mobile-display-sheet{position:fixed;inset:0;z-index:110;pointer-events:none;visibility:hidden}
html[data-device-mode="mobile"] .mobile-display-sheet.open{pointer-events:auto;visibility:visible}
html[data-device-mode="mobile"] .mobile-display-scrim{position:absolute;inset:0;border:0;background:rgba(9,22,17,.48);opacity:0;transition:opacity .2s}
html[data-device-mode="mobile"] .mobile-display-sheet.open .mobile-display-scrim{opacity:1}
html[data-device-mode="mobile"] .mobile-display-sheet-card{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:24px 24px 0 0;padding:8px 16px calc(18px + env(safe-area-inset-bottom));box-shadow:0 -18px 48px rgba(7,35,24,.2);transform:translateY(104%);transition:transform .22s ease}
html[data-device-mode="mobile"] .mobile-display-sheet.open .mobile-display-sheet-card{transform:translateY(0)}
html[data-device-mode="mobile"] .mobile-display-sheet-card h2{margin:5px 0 10px;font-size:20px}
html[data-device-mode="mobile"] .mobile-display-option{width:100%;border:0;border-top:1px solid #edf1ee;background:#fff;display:grid;grid-template-columns:32px 1fr 26px;gap:10px;align-items:center;text-align:left;padding:12px 4px;color:#1d2d26;font:inherit;cursor:pointer}
html[data-device-mode="mobile"] .mobile-display-option:first-of-type{border-top:0}
html[data-device-mode="mobile"] .mobile-display-icon{font-size:19px;color:#183f31;text-align:center}
html[data-device-mode="mobile"] .mobile-display-option>span:nth-child(2){display:flex;flex-direction:column;gap:2px}
html[data-device-mode="mobile"] .mobile-display-option strong{font-size:14px}
html[data-device-mode="mobile"] .mobile-display-option small{font-size:11px;color:#76837c}
html[data-device-mode="mobile"] .mobile-radio{font-size:19px;color:#a2aea7}
html[data-device-mode="mobile"] .mobile-display-option.active .mobile-radio{color:#0d7149}
html[data-device-mode="mobile"] .mobile-display-done{width:100%;margin-top:10px;min-height:48px}

/* More app-like content rhythm on phones. */
html[data-device-mode="mobile"] .mobile-main{padding:14px 12px 20px!important}
html[data-device-mode="mobile"] .teacher-overview-hero,
html[data-device-mode="mobile"] .student-home-hero{border-radius:18px!important;padding:16px!important}
html[data-device-mode="mobile"] .teacher-overview-actions,
html[data-device-mode="mobile"] .student-home-actions{gap:8px!important}
html[data-device-mode="mobile"] .teacher-overview-actions .btn,
html[data-device-mode="mobile"] .student-home-actions .btn{min-height:46px!important}