/* ===================================================================
   RESPONSIVO — CELULAR / TABLET
   =================================================================== */
@media(max-width:760px){
  .topbar{padding:0 12px;gap:10px;height:56px}
  .brand .sub{display:none}
  .brand .div{display:none}
  .conn{padding:5px 9px;font-size:11px}
  .conn span:not(.dot){display:none}
  .topuser{gap:6px}
  .tu-info{display:none}
  .tu-users,.tu-logout{width:32px;height:32px}

  .shell{padding:14px}
  .dash-top{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}
  .dash-actions{flex-wrap:wrap;gap:8px}
  .dash-actions .btn-add,.dash-actions .btn-imp{flex:1;justify-content:center;padding:11px 10px;font-size:12.5px;white-space:nowrap}
  .gearwrap{flex:none}
  .gearmenu{right:0;left:auto;min-width:200px}
  .searchhero input{padding:13px 13px 13px 44px;font-size:15px}
  .searchhero .shic{left:14px}

  .statgrid{grid-template-columns:repeat(2,1fr);gap:10px}
  .stat{padding:12px 13px}

  .chips{gap:6px}
  .chips .chip,.chip-clear{font-size:12px;padding:7px 11px}

  .ctogrid{grid-template-columns:1fr}

  .dash-grid{grid-template-columns:1fr;gap:14px}
  .mapcard .hd,.previewcard .hd,.logcard .hd{padding:12px 14px}
  .mapcard .hd h3,.previewcard .hd h3,.logcard .hd h3{font-size:13.5px}
  .legend{display:none}
  .maptools{padding:8px 12px;gap:7px}
  .maptools .medbtn span,.medbtn{font-size:12px}
  #map{height:340px}
  .buscaend{padding:10px 12px}
  .be-item{padding:8px 10px}
  #previewBody{min-height:0;padding:14px}
  .pv-gauge{padding:11px}

  .logsearch{padding:10px 14px;gap:6px}
  .logsearch input[type=date],.logsearch input[type=time]{flex:1;min-width:0;padding:7px 8px;font-size:12px}
  .logsearch .btn{flex:1 1 auto;justify-content:center}
  #logConsole{font-size:11.5px;max-height:200px;padding:10px 14px}

  .detail-screen{padding:14px}
  .dhead{padding:18px 16px;gap:14px}
  .dhead h2{font-size:21px}
  .dhead .ring{width:52px;height:52px;margin-left:0}
  .dhead .ring .c .b{font-size:16px}
  .dhead .acts{gap:7px}
  .dhead .acts .btn{flex:1 1 calc(50% - 4px);justify-content:center;font-size:12px;padding:9px 8px}
  #dDelCto{margin-left:0!important}

  .modal{padding:0;align-items:flex-end}
  .modal .box{width:100%;max-height:92vh;border-radius:16px 16px 0 0}
  .modal .mh{padding:14px 16px}
  .modal .mb{padding:16px}
  .modal .mf{padding:12px 16px}
  .grid2{grid-template-columns:1fr}

  .login-card{padding:26px 22px;width:100%;border-radius:14px}

  .splitter .sh{padding:11px 13px}
  .ports .thead{display:none}
}
@media(max-width:400px){
  .dash-actions .btn-add,.dash-actions .btn-imp{font-size:11.5px;padding:10px 8px}
  .statgrid{grid-template-columns:1fr 1fr}
  .stat .v{font-size:18px}
}