/* TMG TMS — modo celular (app). Só vale em telas estreitas; o desktop não muda. */
.tb-menu{display:none;background:none;border:0;font-size:22px;line-height:1;padding:6px 8px;margin-left:-6px;color:var(--text);cursor:pointer;border-radius:8px}
#sb-overlay{display:none}
#pwa-install{display:none;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:3000;background:#1A2340;color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 8px 30px rgba(0,0,0,.35);align-items:center;gap:10px;font-size:13px}
#pwa-install.show{display:flex}
#pwa-install b{display:block;font-size:14px}
#pwa-install button{border:0;border-radius:9px;padding:9px 14px;font-weight:700;font-size:13px;cursor:pointer}
#pwa-install .pi-go{background:#D42B2B;color:#fff}
#pwa-install .pi-x{background:transparent;color:#aab3c5}
@media(max-width:820px){
  html,body{height:100dvh}
  body{display:block;overflow:hidden}
  #main{height:100dvh;width:100%}
  /* menu vira gaveta */
  #sb{position:fixed;top:0;left:0;bottom:0;height:100dvh;width:min(84vw,300px);min-width:0;z-index:2000;
      transform:translateX(-102%);transition:transform .25s ease;padding-top:env(safe-area-inset-top)}
  #sb.mini{width:min(84vw,300px);min-width:0}
  #sb.mini .sb-sec,#sb.mini .sb-txt,#sb.mini .sb-logo-text,#sb.mini .sb-uname,#sb.mini .sb-urole,#sb.mini .sb-badge{display:revert}
  #sb.drawer-open{transform:none;box-shadow:0 0 40px rgba(0,0,0,.45)}
  #sb-overlay{position:fixed;inset:0;background:rgba(10,15,30,.55);z-index:1999;opacity:0;pointer-events:none;transition:opacity .2s;display:block}
  #sb-overlay.show{opacity:1;pointer-events:auto}
  .sb-item{padding-top:12px;padding-bottom:12px}
  .tb-menu{display:block}
  #topbar{padding:0 12px;padding-top:env(safe-area-inset-top);height:calc(var(--top-h) + env(safe-area-inset-top));gap:8px}
  .tb-title h1{font-size:15px}
  .tb-title p{display:none}
  .tb-actions .btn-ghost:not([onclick*="dashboard"]){display:none}
  .tb-actions .btn{padding:8px 10px}
  #wrap{padding:12px;padding-bottom:calc(20px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}
  .g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}
  .g2>*,.g3>*,.g4>*,.card,.pg{min-width:0;max-width:100%}
  .tw{max-width:100%}
  [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) !important}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px}
  .sc{min-width:0}
  .fg{grid-template-columns:1fr}
  input,select,textarea{font-size:16px !important}
  .btn{min-height:40px}
  .md{width:100vw !important;max-width:100vw !important;max-height:100dvh !important;border-radius:16px 16px 0 0 !important;margin:0 !important}
  .mo{align-items:flex-end}
  .ph h2{font-size:18px}
  .chart-wrap{height:180px}
  table{font-size:12px}
  th,td{white-space:nowrap}
}
@media(display-mode:standalone){ body{overscroll-behavior-y:none} }