/* MARK OS Mobile System Shell V1 — presentation/navigation only. */
:root{--mos-blue:#0878ef;--mos-blue-deep:#0758c7;--mos-ink:#0b1f45;--mos-muted:#70829d;--mos-surface:#fff;--mos-canvas:#f4f8fd;--mos-line:#dce8f5;--mos-radius:18px;--mos-shadow:0 8px 24px rgba(16,67,126,.09)}
.mos-system-header{position:sticky;top:0;z-index:48;height:64px;padding:calc(7px + env(safe-area-inset-top,0px)) 12px 7px;display:grid;grid-template-columns:46px minmax(0,1fr) 42px;align-items:center;gap:10px;background:linear-gradient(135deg,var(--mos-blue),var(--mos-blue-deep));color:#fff;box-shadow:0 5px 18px rgba(3,55,125,.18)}
.mos-logo-button,.mos-user-button{width:42px;height:42px;padding:0;border:0;border-radius:13px;background:rgba(255,255,255,.14);color:#fff;display:grid;place-items:center}.mos-logo-button img{width:32px;height:32px;object-fit:contain}.mos-screen-title{text-align:center;min-width:0}.mos-screen-title strong{display:block;overflow:hidden;font-size:17px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.mos-screen-title small{display:block;margin-top:3px;font-size:9px;font-weight:750;letter-spacing:.11em;opacity:.78}.mos-user-button{border-radius:50%;background:#fff;color:var(--mos-blue);font-size:12px;font-weight:900}
.mos-drawer-backdrop{position:fixed;inset:0;z-index:78;background:rgba(1,17,43,.52);opacity:0;pointer-events:none;transition:opacity .2s}.mos-drawer-backdrop.open{opacity:1;pointer-events:auto}.mos-drawer{position:fixed;inset:0 auto 0 0;z-index:79;width:min(84vw,340px);padding:calc(16px + env(safe-area-inset-top,0px)) 14px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;overflow:auto;background:#fff;color:var(--mos-ink);box-shadow:16px 0 48px rgba(0,25,65,.24);transform:translateX(-104%);transition:transform .22s ease}.mos-drawer.open{transform:none}
.mos-drawer-head{display:flex;align-items:center;gap:11px;margin:-16px -14px 0;padding:calc(18px + env(safe-area-inset-top,0px)) 18px 18px;background:linear-gradient(135deg,#0878ef,#0758c7);color:#fff}.mos-drawer-head img{width:48px;height:48px;padding:5px;border-radius:14px;background:rgba(255,255,255,.14)}.mos-drawer-head strong{display:block;font-size:18px}.mos-drawer-head small{display:block;margin-top:2px;color:rgba(255,255,255,.78);font-size:11px}.mos-drawer-group{margin-top:15px}.mos-drawer-label{padding:0 8px 6px;color:#8695a8;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.mos-drawer button,.mos-drawer a{width:100%;min-height:44px;padding:9px 11px;border:0;border-radius:11px;background:transparent;color:inherit;display:flex;align-items:center;gap:10px;text-decoration:none;text-align:left;font:inherit;font-size:14px;font-weight:760}.mos-drawer button:hover,.mos-drawer a:hover{background:#f1f7ff}.mos-drawer .active{background:#eaf4ff;color:#0769da}.mos-nav-icon{width:25px;text-align:center;color:#0878ef;font-size:16px}.mos-drawer-footer{margin-top:auto;padding:14px 8px 0;border-top:1px solid var(--mos-line);color:var(--mos-muted);font-size:11px;line-height:1.6}
.mos-swipe-hint{position:fixed;z-index:47;left:50%;bottom:calc(8px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);padding:5px 9px;border:1px solid rgba(8,120,239,.15);border-radius:99px;background:rgba(255,255,255,.88);box-shadow:0 4px 14px rgba(13,67,126,.09);color:#66809e;font-size:9px;pointer-events:none;backdrop-filter:blur(8px)}
.mos-page-enter-left{animation:mosEnterLeft .18s ease both}.mos-page-enter-right{animation:mosEnterRight .18s ease both}@keyframes mosEnterLeft{from{opacity:.55;transform:translateX(18px)}}@keyframes mosEnterRight{from{opacity:.55;transform:translateX(-18px)}}
@media(max-width:900px), (pointer:coarse){html[data-markos-page=income] #incomeScreen>.topbar{display:none!important}html[data-markos-page=todays] .app-shell>.topbar{display:none!important}html[data-markos-page=workstation] .app-shell>.topbar{border-radius:0;background:#0b2a52;box-shadow:none}html[data-markos-page=workstation] .app-shell>.topbar>.brand-button,html[data-markos-page=workstation] .app-shell>.topbar>.top-divider,html[data-markos-page=workstation] .app-shell>.topbar>.station-client-heading,html[data-markos-page=workstation] .app-shell>.topbar>.station-header-actions{display:none!important}html[data-markos-page=workstation][data-station-layout=mobile-lite] .topbar{grid-template-columns:1fr;grid-template-areas:"filter" "patients";padding:8px 10px}html[data-markos-page=workstation][data-station-layout=mobile-lite] .work-filter{grid-area:filter}html[data-markos-page=workstation][data-station-layout=mobile-lite] .topbar .patient-strip{grid-area:patients}}
body.mos-shell-ready>#moduleDrawer,body.mos-shell-ready>#markosModuleDrawer,body.mos-shell-ready>#drawerBackdrop,body.mos-shell-ready>#moduleDrawerBackdrop{display:none!important}
@media(max-width:600px){body{background:var(--mos-canvas)}html[data-markos-page=income] .app,html[data-markos-page=todays] .app-shell{max-width:520px}html[data-markos-page=income] .section,html[data-markos-page=todays] main>section{border-radius:var(--mos-radius);box-shadow:var(--mos-shadow)}html[data-markos-page=todays] main{padding-top:10px}.mos-system-header{height:62px}}
@media(min-width:901px) and (pointer:fine){.mos-swipe-hint{display:none}}