/* Mobile quick-consult (<768px) */
.mob-scrim{display:none}
@media (max-width:767px){
html,body{overflow:hidden}
.app{grid-template-columns:1fr!important;grid-template-areas:"topbar" "main"!important}
.app>.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(280px,84vw);z-index:400;transform:translateX(-100%);transition:transform .2s cubic-bezier(.2,.8,.2,1);box-shadow:none}
[data-mnav="open"] .app>.sidebar{transform:none;box-shadow:0 0 40px rgba(0,0,0,.45)}
[data-mnav="open"] .mob-scrim{display:block;position:fixed;inset:0;z-index:399;background:rgba(4,8,18,.5)}
.sb-collapse,.sb-collapse kbd{display:none!important}
.sb-nav a{min-height:44px}
.topbar{gap:6px;padding:0 10px!important}
.topbar .crumbs{min-width:0;flex:1;overflow:hidden}
.topbar .crumbs>.sep,.topbar .crumbs>.tb-crumb,.topbar .crumbs>span:not(.here):not(.tb-pop-wrap){display:none}
.topbar .crumbs .tenant{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .crumbs>.here{display:none}
.tb-new,.in-field,.in-ctx,.tb-search,.topbar kbd{display:none!important}
.tb-icon-btn,.tb-avatar{min-width:40px;min-height:40px}
.tb-pop{position:fixed!important;left:8px!important;right:8px!important;top:calc(var(--topbar-h) + 4px)!important;width:auto!important;max-height:70vh;overflow:auto}
.page{padding:14px 12px 32px}
.page-head{flex-wrap:wrap;gap:10px}
.page-head h1{font-size:20px;flex-wrap:wrap}
.page-head .sub{font-size:12px}
.page-head>div:last-child:not(.title){flex-wrap:wrap}
.grid-3,.grid-2{grid-template-columns:1fr!important}
.grid-4,.grid-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.main [style*="grid-template-columns"]{grid-template-columns:1fr!important}
.main [class$="-kpis"],.main [class*="-kpis "]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.main [style*="position: sticky"],.main [style*="position:sticky"]{position:static!important}
.card{max-width:100%}
.card:has(>.tbl),.card:has(>table){overflow-x:auto;-webkit-overflow-scrolling:touch}
.tbl th,.tbl td{white-space:nowrap}
.tabs,.ph-tabs{overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none}
.tabs::-webkit-scrollbar,.ph-tabs::-webkit-scrollbar{display:none}
.tabs>button,.ph-tabs>button{flex-shrink:0;min-height:40px}
.ph-bar{flex-wrap:wrap;gap:8px;padding:10px 12px!important}
.ph-tabs button em{display:none}
.btn{min-height:40px}
.btn-xs{min-height:32px}
.wo-drawer,.dd{width:100%!important;border-left:0}
.ni-scrim,.ky-scrim{padding:0;place-items:end stretch}
.ni-modal,.ky-modal,.cr-modal,.dm-modal,.dl-modal,.wc-modal,.eg-modal{width:100%!important;max-height:92vh!important;height:auto!important;border-radius:14px 14px 0 0!important}
.wc-body{grid-template-columns:1fr!important}
.dm-wrap{grid-template-columns:1fr!important}.dm-nav,.dm-side{display:none}
.ask-fab{bottom:14px!important;right:14px!important}
body.agent-open .app{grid-template-columns:1fr!important}
input,select,textarea{font-size:16px!important}
[data-perm][data-mob-hide],.mob-hide{display:none!important}
}
.mob-gate{display:grid;place-items:start center}
.mob-gate-c{display:flex;flex-direction:column;gap:14px;padding:20px;max-width:440px;width:100%}
.mob-gate-ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--bg-inset);color:var(--accent-primary)}
.mob-gate-t{display:flex;flex-direction:column;gap:6px}.mob-gate-t b{font-size:16px}.mob-gate-t span{font-size:13px;line-height:1.5;color:var(--fg-secondary);text-wrap:pretty}
.mob-kv{margin:0;display:flex;flex-direction:column;border:1px solid var(--border-base);border-radius:8px}
.mob-kv>div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;font-size:13px}.mob-kv>div+div{border-top:1px solid var(--border-base)}
.mob-kv dt{color:var(--fg-muted)}.mob-kv dd{margin:0;text-align:right}
.mob-gate-a{display:flex;flex-direction:column;gap:8px}.mob-gate-a .btn{justify-content:center}
