:root{--smg-primary:#0b63ce;--smg-soft:#eef6ff;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
html,body{height:100%;overflow-x:hidden;} body{padding-bottom:calc(1rem + var(--safe-bottom));-webkit-tap-highlight-color:transparent;overflow-x:hidden;}
.boot-loader{position:fixed;z-index:3000;inset:0;background:#fff;display:flex;align-items:center;justify-content:center;}
.brand-drop{width:36px;height:36px;border-radius:50%;background:var(--smg-soft);color:var(--smg-primary);display:inline-flex;align-items:center;justify-content:center;}
.app-navbar{padding-top:calc(.25rem + var(--safe-top));}
.app-grid .card{min-height:118px;border-radius:0;border-bottom:1px solid #f1f1f1!important;border-right:1px solid #f1f1f1!important;cursor:pointer;transition:background .15s,transform .15s;}
.app-grid .card:active{transform:scale(.99);background:#f8fbff;}
.app-grid h1{font-size:1.75rem}.app-grid h6{font-size:.85rem;color:#6c757d;}
.screen-overlay{position:fixed;z-index:1039;inset:0;background:rgba(0,0,0,.35);display:none;}.screen-overlay.show{display:block;}
.offcanvas{position:fixed;z-index:1040;top:0;right:0;width:100%;max-width:560px;height:100%;background:#fff;box-shadow:none;transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .2s ease,visibility 0s linear .2s;display:flex;flex-direction:column;overflow-x:hidden;}
.offcanvas.show{transform:translateX(0);visibility:visible;pointer-events:auto;box-shadow:-8px 0 24px rgba(0,0,0,.18);transition:transform .2s ease;}.offcanvas header{padding:calc(.75rem + var(--safe-top)) 1rem .75rem;border-bottom:1px solid #e9ecef;background:#fff;position:sticky;top:0;z-index:2;}
.offcanvas .offcanvas-body{overflow:auto;padding:1rem;padding-bottom:calc(2rem + var(--safe-bottom));}
body.offcanvas-active{overflow:hidden;}.btn-close{font-size:1.35rem;line-height:1;border:0;background:transparent;color:#6c757d;}
.feature-disabled{opacity:.55;}.feature-readonly input,.feature-readonly select,.feature-readonly textarea{background:#f8f9fa}.badge-role{font-size:.7rem;}
.json-tree ul{list-style:none;margin-left:.75rem;padding-left:.75rem;border-left:1px solid #e5e5e5}.json-tree .key{font-weight:600;color:#0b63ce}.json-tree .string{color:#198754}.json-tree .number{color:#b45309}.json-tree .boolean{color:#7c3aed}.json-tree .null{color:#6c757d}.json-tree .index{color:#6c757d}
.map-box{height:260px;border-radius:.5rem;overflow:hidden;background:#e9ecef;}.mini-map{height:220px;}.offline-chip{display:inline-block;background:#fff3cd;color:#856404;border:1px solid #ffeeba;border-radius:1rem;padding:.15rem .5rem;font-size:.75rem}.list-loading{color:#6c757d;text-align:center;padding:1rem}.readonly-note{font-size:.8rem;color:#6c757d}.tap-code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85rem;word-break:break-all}.sticky-actions{position:sticky;bottom:0;background:#fff;padding:.75rem 0;border-top:1px solid #eee;}
@media (min-width:768px){.card-deck-sm{max-width:720px;margin:auto}.app-grid .card{min-height:132px}}