/* mobile.css — ajustes para telas pequenas (celular). No computador nada muda. */
@media (max-width: 760px){
  html,body{overflow-x:hidden}

  /* Cabeçalho */
  .header{padding:0 12px;height:52px}
  .logo img{height:26px}
  .logo-sub,.user-chip{display:none}
  .header-right{gap:6px}
  .header-right .btn{padding:6px 10px;font-size:11px}

  /* Abas: deslizam para o lado */
  .nav-tabs{overflow-x:auto;flex-wrap:nowrap;padding:0 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav-tabs::-webkit-scrollbar{display:none}
  .nav-tab{white-space:nowrap;flex-shrink:0;padding:12px}

  /* Conteúdo geral */
  .main{padding:12px}
  .search-box{width:100% !important}
  .kanban-toolbar{flex-direction:column;align-items:stretch}
  .kanban-toolbar .btn{justify-content:center}

  /* Kanban: uma coluna por vez, deslizando */
  .columns{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:8px;-webkit-overflow-scrolling:touch}
  .col{flex:0 0 86%;scroll-snap-align:start}
  #kanban-meses-wrap{flex-wrap:nowrap;overflow-x:auto}
  #kanban-meses-wrap .btn{flex-shrink:0}
  .filters select{flex:1 1 45%}
  .filter-clear{margin-left:0}

  /* Calendário */
  .cal-grid{gap:2px}
  .cal-day{min-height:52px;padding:3px}
  .cal-event{font-size:8px;padding:1px 3px}
  .cal-day-label{font-size:9px}

  /* Janelas: abrem de baixo, largura total */
  .modal-overlay{padding:0;align-items:flex-end}
  .modal{max-width:100% !important;max-height:92vh;border-radius:14px 14px 0 0;padding:1.1rem}
  .field-row{grid-template-columns:1fr !important}
  .modal-actions{flex-wrap:wrap}
  .modal-actions .btn{flex:1;justify-content:center}
  #modal-perfil [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}

  /* Evita o zoom automático do iPhone ao tocar nos campos */
  input,select,textarea{font-size:16px !important}

  /* Roteiros */
  #page-roteiros > div{grid-template-columns:1fr !important}
  #page-roteiros [style*="position:sticky"]{position:static !important}

  /* Equipamentos, Clientes, Equipe */
  #equip-stats{grid-template-columns:repeat(3,1fr) !important}
  .equip-toolbar > *{flex:1 1 100%}
  .equip-toolbar .btn-primary{margin-left:0 !important}
  .equip-grid,.user-grid,#clientes-grid{grid-template-columns:1fr !important}

  /* Financeiro */
  .fin-stats{grid-template-columns:repeat(2,1fr)}
  .fin-row{grid-template-columns:1fr}
  .fin-item{flex-wrap:wrap}

  /* Propostas */
  .brand{padding:12px 14px}
  .tabs{overflow-x:auto}
  .tab{white-space:nowrap}
  .actions{display:flex;flex-wrap:wrap;gap:8px}
  .actions > *{flex:1 1 45%}

  /* Avisos */
  .toast{left:12px;right:12px;bottom:12px}
}