/* EduOS Dedicated Native UI/UX v1.5 — Capacitor only */
html.eduos-native-app{--n-blue:#0b4d8f;--n-blue2:#1676d2;--n-bg:#f4f7fb;--n-surface:#fff;--n-text:#14243a;--n-muted:#708096;--n-line:#e6ebf2;--n-radius:20px;--n-appbar:66px;--n-dock:70px;background:var(--n-bg);overscroll-behavior:none;-webkit-text-size-adjust:100%}
html.eduos-native-app body{margin:0!important;min-height:100dvh;background:var(--n-bg)!important;color:var(--n-text)!important;padding-top:calc(var(--n-appbar) + env(safe-area-inset-top,0px))!important;padding-bottom:calc(var(--n-dock) + env(safe-area-inset-bottom,0px) + 16px)!important;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif!important;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}
html.eduos-native-app *{box-sizing:border-box}html.eduos-native-app a,html.eduos-native-app button,html.eduos-native-app [role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
html.eduos-native-app .install-app-btn,html.eduos-native-app .install-notification,html.eduos-native-app .footer-install-btn,html.eduos-native-app #headerInstallBtn,html.eduos-native-app [data-pwa-install],html.eduos-native-app .global-mobile-footer,html.eduos-native-app .mobile-bottom-nav,html.eduos-native-app [class*="sticky-mobile-footer"]{display:none!important}
/* Hide web chrome inside installed app; dedicated native chrome replaces it. */
@media(max-width:900px){html.eduos-native-app #global-nav,html.eduos-native-app body>header:not(#eduos-native-appbar),html.eduos-native-app .site-header,html.eduos-native-app .global-header{display:none!important}}
#eduos-native-appbar{position:fixed;z-index:2147482900;left:0;right:0;top:0;height:calc(var(--n-appbar) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 12px 0;background:rgba(248,250,253,.96);border-bottom:1px solid var(--n-line);display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:6px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.native-icon-btn{width:42px;height:42px;border:0;border-radius:14px;background:#fff;color:#284766;display:grid;place-items:center;box-shadow:0 2px 10px rgba(25,49,79,.07)}.native-icon-btn svg{width:22px;height:22px;stroke-width:2}.native-appbar-copy{min-width:0;text-align:left}.native-appbar-copy strong{display:block;font-size:16px;line-height:1.15;font-weight:820;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.native-appbar-copy span{display:block;margin-top:3px;font-size:11px;font-weight:650;color:var(--n-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Content canvas */
@media(max-width:900px){html.eduos-native-app main,html.eduos-native-app .portal-content,html.eduos-native-app .container,html.eduos-native-app .content,html.eduos-native-app .page-content{max-width:100%!important;padding-left:12px!important;padding-right:12px!important}html.eduos-native-app .native-page-title{font-size:23px!important;line-height:1.16!important;letter-spacing:-.02em!important;margin-top:8px!important}html.eduos-native-app .native-surface,html.eduos-native-app .card,html.eduos-native-app .ol-card,html.eduos-native-app .ol-panel,html.eduos-native-app .portal-card,html.eduos-native-app .dashboard-card{border:1px solid var(--n-line)!important;border-radius:var(--n-radius)!important;background:var(--n-surface)!important;box-shadow:0 7px 22px rgba(18,42,72,.07)!important}html.eduos-native-app .row{--bs-gutter-x:.75rem!important}html.eduos-native-app table{font-size:13px!important}html.eduos-native-app .table-responsive{border-radius:18px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}html.eduos-native-app .table-responsive::-webkit-scrollbar{display:none}}
/* Native controls */
html.eduos-native-app input:not([type=checkbox]):not([type=radio]):not([type=range]),html.eduos-native-app select,html.eduos-native-app textarea{min-height:50px!important;font-size:16px!important;border-radius:15px!important;border:1px solid #dbe3ed!important;background:#fff!important;box-shadow:none!important;padding:11px 13px!important}html.eduos-native-app textarea{min-height:112px!important}html.eduos-native-app input:focus,html.eduos-native-app select:focus,html.eduos-native-app textarea:focus{border-color:#6aa9e5!important;box-shadow:0 0 0 4px rgba(22,118,210,.11)!important;outline:0!important}html.eduos-native-app button,html.eduos-native-app .btn,html.eduos-native-app a[class*=btn]{min-height:46px;border-radius:15px!important;font-weight:760!important}html.eduos-native-app .btn-primary{box-shadow:0 7px 16px rgba(11,77,143,.18)!important}
/* Bottom dock */
#eduos-native-dock{position:fixed;z-index:2147483000;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 7px);height:var(--n-dock);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:7px;border:1px solid rgba(255,255,255,.8);border-radius:25px;background:rgba(255,255,255,.95);box-shadow:0 18px 48px rgba(11,38,68,.20);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:.2s ease}
#eduos-native-dock .native-tab{appearance:none;border:0;background:transparent;text-decoration:none;color:#7d8899;height:55px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:750 10px/1 system-ui;position:relative}#eduos-native-dock .native-tab svg{width:21px;height:21px;stroke-width:2}#eduos-native-dock .native-tab.is-active{color:var(--n-blue)}#eduos-native-dock .native-tab.is-active{background:#edf5fd}#eduos-native-dock .native-tab.is-active::after{content:"";position:absolute;bottom:2px;width:5px;height:5px;border-radius:50%;background:var(--n-blue2)}html.native-keyboard-open #eduos-native-dock{transform:translateY(130%);opacity:0;pointer-events:none}
/* Native More sheet */
#eduos-native-sheet-backdrop{position:fixed;inset:0;z-index:2147483100;background:rgba(5,16,30,.42);opacity:0;pointer-events:none;transition:.2s;backdrop-filter:blur(3px)}#eduos-native-sheet{position:fixed;z-index:2147483200;left:0;right:0;bottom:0;max-height:82dvh;border-radius:30px 30px 0 0;background:#fff;box-shadow:0 -24px 70px rgba(5,16,30,.28);transform:translateY(105%);transition:transform .25s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden}html.native-sheet-open #eduos-native-sheet-backdrop{opacity:1;pointer-events:auto}html.native-sheet-open #eduos-native-sheet{transform:translateY(0)}.native-sheet-handle{width:44px;height:5px;border-radius:999px;background:#d5dce6;margin:9px auto 6px}.native-sheet-head{padding:7px 18px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--n-line)}.native-sheet-head small{display:block;color:var(--n-muted);font-size:11px;font-weight:700}.native-sheet-head strong{display:block;font-size:21px;margin-top:2px}.native-sheet-close{width:42px;height:42px;border:0;border-radius:15px;background:#eef3f8;color:#43556b;font-size:24px}.native-sheet-list{padding:14px 14px 24px;max-height:calc(82dvh - 77px);overflow:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.native-sheet-link{min-height:66px;padding:12px;border:1px solid var(--n-line);border-radius:18px;background:#f7f9fc;color:#1f3856;text-decoration:none;display:flex;align-items:center;gap:10px;font:760 13px/1.25 system-ui}.native-sheet-link svg{width:22px;height:22px;flex:0 0 22px;color:var(--n-blue)}
/* Route loading & network feedback */
#eduos-native-progress{position:fixed;z-index:2147483647;top:env(safe-area-inset-top,0px);left:0;width:0;height:3px;background:linear-gradient(90deg,var(--n-blue),#38a7ff);opacity:0;transition:width .25s,opacity .16s}html.native-route-leaving #eduos-native-progress{width:86%;opacity:1}#eduos-native-offline,#eduos-native-online{position:fixed;z-index:2147483400;left:14px;right:14px;border-radius:17px;padding:11px 14px;box-shadow:0 13px 32px rgba(0,0,0,.16);transform:translateY(-160%);opacity:0;transition:.2s;pointer-events:none}#eduos-native-offline{top:calc(env(safe-area-inset-top,0px) + 10px);background:#17283b;color:#fff}#eduos-native-offline strong,#eduos-native-offline span{display:block}#eduos-native-offline span{font-size:11px;opacity:.78;margin-top:2px}html.native-offline #eduos-native-offline{transform:translateY(0);opacity:1}#eduos-native-online{bottom:calc(var(--n-dock) + env(safe-area-inset-bottom,0px) + 18px);background:#163e2b;color:#fff;text-align:center}html.native-online-restored #eduos-native-online{transform:translateY(0);opacity:1}
html.eduos-native-app .native-pressing{transform:scale(.975)!important;opacity:.88!important;transition:.07s!important}html.native-refreshing .native-refresh svg{animation:nspin .8s linear infinite}@keyframes nspin{to{transform:rotate(360deg)}}
/* Authentication / compact forms */
@media(max-width:700px){html.eduos-native-app form{scroll-margin-top:calc(var(--n-appbar) + 14px)}html.eduos-native-app .auth-card,html.eduos-native-app .login-card,html.eduos-native-app [class*=login-box],html.eduos-native-app [class*=auth-box]{border-radius:24px!important;padding:18px!important;box-shadow:0 12px 34px rgba(15,42,72,.09)!important}html.eduos-native-app footer{padding-bottom:16px!important}}
@media(prefers-reduced-motion:reduce){#eduos-native-dock,#eduos-native-sheet,#eduos-native-sheet-backdrop,#eduos-native-progress{transition:none!important}}