.mobile-nav-toggle{display:none;width:40px;height:40px;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--heading);font-size:20px;cursor:pointer}.nav-overlay{display:none}.pwa-install-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid #bae6fd;border-radius:9px;background:#e0f2fe;color:#0369a1;padding:8px 11px;font-size:12px;font-weight:750;cursor:pointer}.pwa-install-btn:before{content:'↓';font-size:16px}.pwa-install-btn.installed:before{content:'✓'}.guest-install{position:fixed;right:18px;top:18px;z-index:20;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.15)}
@media(max-width:1100px){.app-shell{grid-template-columns:230px 1fr}.sidebar{padding-left:10px;padding-right:10px}.content-area,.master-content{padding:22px}.kpi-grid,.report-kpis,.inventory-kpis,.maintenance-kpis,.doc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-summary{grid-template-columns:repeat(3,1fr)}.topbar{padding:0 18px}.account-link{display:none}}
@media(max-width:900px){.app-shell{display:block}.sidebar{display:block!important;position:fixed;z-index:50;left:0;top:0;width:min(300px,86vw);height:100dvh;transform:translateX(-105%);transition:transform .2s ease;box-shadow:8px 0 30px rgba(15,23,42,.18);overflow-y:auto}.nav-open .sidebar{transform:translateX(0)}.nav-overlay{display:block;position:fixed;inset:0;z-index:40;background:rgba(15,23,42,.45);opacity:0;visibility:hidden;transition:.2s}.nav-open .nav-overlay{opacity:1;visibility:visible}.mobile-nav-toggle{display:grid;place-items:center}.topbar{height:auto;min-height:64px;padding:10px 16px;gap:10px}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-actions{gap:7px}.topbar-actions .role-badge{display:none}.topbar-actions form .btn{padding:9px 11px}.dashboard-grid,.op-detail-grid,.report-grid,.security-grid,.settings-section{grid-template-columns:1fr}.content-area,.master-content{padding:20px 16px 80px}.m-table{margin-left:-4px;margin-right:-4px;-webkit-overflow-scrolling:touch}.m-table:after{content:'Geser tabel →';display:block;color:#94a3b8;font-size:10px;padding:6px 4px}.m-heading{gap:12px}.m-heading .op-actions{flex-wrap:wrap}.settings-section{gap:16px}}
@media(max-width:600px){.topbar>div:first-child:not(.topbar-user){display:none}.notification-bell{font-size:0;padding:9px}.notification-bell:before{content:'🔔';font-size:16px}.pwa-install-btn{font-size:0;padding:8px}.pwa-install-btn:before{font-size:18px}.content-area,.master-content{padding:16px 12px 76px}.page-heading,.m-heading{display:block}.page-heading h1,.m-heading h1{font-size:24px}.m-heading>.m-btn,.m-heading>.op-actions{margin-top:13px}.kpi-grid,.report-kpis,.inventory-kpis,.maintenance-kpis,.doc-kpis{grid-template-columns:1fr 1fr;gap:9px}.kpi-card,.report-kpis article,.inventory-kpis article,.maintenance-kpis a,.doc-kpis a{padding:13px}.kpi-card strong{font-size:24px}.dashboard-grid{margin-top:10px}.card,.m-card{padding:15px;border-radius:10px}.m-grid,.settings-fields,.maintenance-next{grid-template-columns:1fr}.m-group.wide,.settings-fields .wide{grid-column:auto}.op-filter,.m-search{display:grid;grid-template-columns:1fr;width:100%}.op-filter input,.op-filter select,.m-search input{min-width:0;width:100%}.m-form footer{position:sticky;bottom:0;background:#fff;padding:12px 0 2px;z-index:4}.document-alert{grid-template-columns:34px 1fr;padding:11px}.document-alert>b{display:none}.activity-list>a{grid-template-columns:45px 1fr}.activity-status{display:none}.notification-summary{grid-template-columns:repeat(2,1fr)}.notification-list>a{grid-template-columns:34px 1fr}.notification-list b{display:none}.maintenance-item{grid-template-columns:1fr}.login-panel{padding:20px}.login-card{padding-top:45px}.guest-install{right:12px;top:12px}.report-print{width:100%}}
@media(max-width:380px){.kpi-grid,.report-kpis,.inventory-kpis,.maintenance-kpis,.doc-kpis{grid-template-columns:1fr}.topbar-actions form{display:none}}
@media(display-mode:standalone){.pwa-install-btn{display:none!important}body{overscroll-behavior-y:none}.topbar{padding-top:max(10px,env(safe-area-inset-top))}}
