body{font-size:14px}.content-grid,.bottom-grid{grid-template-columns:1fr}.map-panel{grid-column:1/-1}.map-panel #map{height:520px;border-radius:10px}.panel h2{font-size:18px}.panel-head p{font-size:13px}.map-legend{font-size:12px;gap:25px;padding-top:13px}.filter{font-size:12px;padding:9px 12px}.filter b{font-size:11px}.leaflet-tooltip{font-size:13px;padding:8px 10px;border-radius:6px}.becak-label{font-size:11px;line-height:1.3;padding:3px 7px;border-radius:5px;background:#112b3bdd;color:#fff;border:0;white-space:nowrap;text-align:center}.becak-label:before{border-top-color:#112b3bdd}.becak-label b{font-weight:600}.remote-box{margin-top:22px;border:1px solid #edf1f2;border-radius:8px;padding:16px;background:#fbfdfd}.remote-head{display:flex;justify-content:space-between;align-items:center;font:600 11px 'Space Grotesk';letter-spacing:1px;color:#6d7d85}.remote-head em{font-style:normal;font-size:10px;color:#2bb77c;background:#e9f8f1;border-radius:10px;padding:3px 8px}.remote-head em.danger{color:#e6605b;background:#fff0ef}.remote-box p{font-size:12px;color:#74828a;margin:10px 0 14px}.remote-btn{width:100%;border:0;border-radius:6px;padding:11px;font:600 13px 'DM Sans';color:#fff;cursor:pointer}.remote-btn.off{background:#e45f5a}.remote-btn.on{background:#27b879}.remote-box small{display:block;margin-top:10px;font-size:10px;color:#a0acb0}.alert-item.fresh{animation:fadeIn .5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.app-page{display:none}body.page-perakitan .stats,body.page-perakitan .content-grid,body.page-perakitan .bottom-grid,body.page-perakitan footer{display:none}body.page-perakitan .app-page{display:block}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px}.page-head h1{font:700 27px 'Space Grotesk';margin:0 0 6px;letter-spacing:-1px}.page-head p{margin:0;color:var(--muted);font-size:13px}.page-frame{padding:0;overflow:hidden;height:calc(100vh - 210px);min-height:520px}.page-frame iframe{width:100%;height:100%;border:0;display:block;background:#0f172a}@media(max-width:760px){.page-frame{height:calc(100vh - 250px);min-height:460px;border-radius:9px}.page-head h1{font-size:21px}}.zone-note-btn{border:1px solid #cfe6ff;background:#f4faff;color:#3b7fc0;border-radius:5px;padding:6px 10px;font-size:11px;cursor:pointer}.leaflet-control-zoom a{font-size:20px!important;width:32px!important;height:32px!important;line-height:32px!important}.becak-marker{background:transparent!important;border:0!important;width:78px!important;height:60px!important}.becak-marker img{filter:drop-shadow(0 3px 3px #0006)}.sidebar{width:270px;padding-left:20px;padding-right:20px}.brand{padding-left:8px}.brand strong{font-size:20px}.brand span{font-size:9px;letter-spacing:1px}.sidebar a{font-size:16px;padding:14px 15px}.sidebar a.active{box-shadow:inset 3px 0 #31c98a}.side-label{font-size:11px;margin-left:14px}@media(max-width:760px){.map-panel #map{height:390px}.map-legend{gap:12px;font-size:10px}.panel h2{font-size:16px}.sidebar{width:290px}.sidebar a{font-size:16px}.side-label{font-size:11px}}