/* ERP Studio Exemplo — versão para celular (até 900px) */
#mobBar,#mobOverlay{display:none;}
@media (max-width:900px){
  body{padding-top:calc(56px + env(safe-area-inset-top));}
  .app{display:block;}

  /* Barra superior */
  #mobBar{display:flex;align-items:center;gap:10px;position:fixed;top:0;left:0;right:0;z-index:800;height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;background:var(--charcoal);color:#EFEDE6;box-shadow:0 2px 12px rgba(0,0,0,.18);}
  #mobBurger{display:grid;place-items:center;width:42px;height:42px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:#EFEDE6;cursor:pointer;}
  #mobBurger:active{background:rgba(255,255,255,.08);}
  #mobBurger svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}
  .mob-logo{width:28px;height:28px;object-fit:contain;}
  .mob-title{flex:1;min-width:0;font-weight:600;font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .mob-badge{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:#c99a3f;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;}
  .mob-badge.danger{background:var(--danger);}
  .mob-badge.hidden{display:none;}

  /* Menu lateral vira gaveta */
  .sidebar{position:fixed !important;top:0;left:0;bottom:0;height:100% !important;width:min(84vw,300px) !important;z-index:950;transform:translateX(-105%);transition:transform .25s ease;overflow-y:auto;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));border-bottom:0 !important;box-shadow:8px 0 30px rgba(0,0,0,.25);}
  body.nav-open .sidebar{transform:none;}
  #mobOverlay{position:fixed;inset:0;z-index:940;background:rgba(20,22,18,.45);opacity:0;pointer-events:none;transition:opacity .25s;display:block;}
  body.nav-open #mobOverlay{opacity:1;pointer-events:auto;}
  body.nav-open{overflow:hidden;}
  .menu{margin-top:16px;gap:2px;}
  .menu-item{padding:12px 14px;font-size:15px;}
  .menu-group{margin-top:10px;}
  .user-box{margin-top:18px;}

  /* Conteúdo */
  .main{padding:16px 14px calc(90px + env(safe-area-inset-bottom));overflow:visible;}
  .topbar{margin-bottom:16px;gap:10px;}
  .topbar h2{font-size:21px;margin:0;}
  .topbar .muted,#pageSubtitle{font-size:13px;margin:4px 0 0;}
  .topbar-actions{width:100%;gap:8px;}
  .topbar-actions button{flex:1;margin:0;padding:10px 12px;font-size:13.5px;}
  .card{padding:16px;border-radius:12px;}
  .cards,.ops-cards,.lead-cards,.fin-cards{grid-template-columns:1fr 1fr !important;gap:10px;}
  .card.stat strong{font-size:22px;}
  .card.stat span,.ops-dcard small{font-size:11.5px;}
  .grid-2,.form-grid{grid-template-columns:1fr !important;}
  .alert-banner{font-size:13.5px;padding:12px 14px;}
  input,select,textarea{font-size:16px !important;}
  .actions,.actions-row{flex-wrap:wrap;}
  .actions-row button{flex:1 1 auto;}

  /* Barras de filtros e abas */
  .fin-toolbar{flex-direction:column;align-items:stretch;}
  .fin-filters{gap:10px;}
  .fin-filters label{min-width:calc(50% - 5px) !important;flex:1;}
  .fin-filters label.grow{min-width:100% !important;}
  .fin-filters .checkbox-inline{min-width:auto !important;}
  .fin-toolbar-actions{flex-wrap:wrap;}
  .fin-toolbar-actions button{flex:1 1 auto;}
  .fin-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -14px 14px;padding:0 14px 4px;scrollbar-width:none;}
  .fin-tabs::-webkit-scrollbar{display:none;}
  .fin-tab{flex:none;}

  /* Tabelas: rolam de lado dentro do cartão */
  .table-scroll,.fin-view .card{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .fin-table{font-size:13px;}

  /* Janelas (modais) ocupam a tela toda */
  .fin-modal-wrap{padding:0;align-items:stretch;}
  .fin-modal,.fin-modal.wide,.fin-modal.xwide{max-width:none !important;width:100%;min-height:100%;border-radius:0;display:flex;flex-direction:column;}
  .fin-modal-head{position:sticky;top:0;z-index:2;background:var(--panel);padding:calc(12px + env(safe-area-inset-top)) 16px 12px;}
  .fin-modal-head h3{font-size:16.5px;}
  .fin-modal-body{padding:14px 16px 0;flex:1;display:flex;flex-direction:column;}
  .fin-modal-actions{position:sticky;bottom:0;margin:auto -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--border);}
  .fin-modal-actions button{flex:1;}
  .tk-detail,.lead-detail{grid-template-columns:1fr !important;}
  .tk-info,.lead-info{grid-template-columns:100px 1fr !important;}
  .ct-grid{grid-template-columns:1fr 1fr;}
  .ct-resumo{grid-template-columns:1fr 1fr;}

  /* Avisos acima da barra do celular */
  .fin-toast{bottom:calc(20px + env(safe-area-inset-bottom));}
}
@media (max-width:420px){
  .ct-grid{grid-template-columns:1fr;}
  .fin-filters label{min-width:100% !important;}
}
@media (max-width:900px){
  .topbar h2{display:none;}
  #btnExportAllCsv{display:none;}
  #view-clientes .grid-2>.card:last-child,#view-arquitetos .grid-2>.card:last-child,#view-projetos .grid-2>.card:last-child,#view-negociacoes .grid-2>.card:last-child{order:-1;}
  .fin-filters.mob-collapsible>*:not(.grow):not(.mob-filtros-btn){display:none;}
  .fin-filters.mob-collapsible.open>*:not(.grow):not(.mob-filtros-btn){display:flex;}
  .fin-filters.mob-collapsible .grow{order:-2;flex:1 1 60%;min-width:0 !important;}
  .mob-filtros-btn{order:-1;align-self:flex-end;margin:0;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:inherit;font-size:14px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
  .mob-filtros-btn .seta{transition:transform .2s;font-size:11px;}
  .fin-filters.open .mob-filtros-btn .seta{transform:rotate(180deg);}
  .mob-filtros-n{background:var(--accent);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:1px 7px;}
}
@media (max-width:900px){.view .card,.view form{scroll-margin-top:calc(68px + env(safe-area-inset-top));}}