/* V220.1.35 — ajustes gerais para telas de celular. A impressão mantém seu layout. */
@media screen and (max-width:820px){
  body .ocv192-command-bar{
    gap:8px!important;min-height:58px;padding:6px 8px!important;
    border-radius:16px!important;box-shadow:0 6px 20px rgba(15,35,70,.1)!important
  }
  body .ocv192-command-bar .ocv192-icon-button,
  body .ocv192-command-bar .ocv192-command-trigger{
    width:44px!important;min-width:44px!important;min-height:44px!important
  }
  body .ocv192-current{min-width:0!important}
  body .ocv192-current strong{font-size:14px!important;line-height:1.2}

  /* Títulos e estados do cabeçalho ocupam duas linhas legíveis. */
  body header.hero.hero-ref .heroRefCenter{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  body header.hero.hero-ref .heroStat{
    display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;
    grid-template-rows:auto auto;align-content:center;align-items:center;
    gap:1px 6px!important;min-height:60px!important;padding:7px 8px!important;
    text-align:left!important
  }
  body header.hero.hero-ref .heroStat:nth-child(-n+2){border-bottom:1px solid rgba(102,173,235,.2)}
  body header.hero.hero-ref .heroStatIcon{
    grid-column:1;grid-row:1/3;width:25px!important;height:25px!important;
    margin:0!important;border-radius:8px!important
  }
  body header.hero.hero-ref .heroStatGlyph,
  body header.hero.hero-ref .heroStatGlyph svg{width:17px!important;height:17px!important}
  body header.hero.hero-ref .heroStatTitle,
  body header.hero.hero-ref .heroStatSub{
    grid-column:2;min-width:0;max-width:none!important;margin:0!important;
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
    overflow-wrap:anywhere;line-height:1.2!important
  }
  body header.hero.hero-ref .heroStatTitle{grid-row:1;font-size:10px!important}
  body header.hero.hero-ref .heroStatSub{grid-row:2;font-size:9px!important}
  body header.hero.hero-ref .heroSyncMini{min-height:34px!important}

  body #clienteInfoSuperiorDados{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important
  }
  body #clienteInfoSuperiorDados>.clienteInfoChip:first-child{grid-column:1/-1!important}
  body #clienteInfoSuperiorDados .clienteInfoChip{min-height:40px!important}
  body #clienteInfoSuperiorDados>.clienteInfoChip:first-child .valor{
    font-size:11px!important;white-space:normal!important;overflow-wrap:anywhere!important
  }
  body #clienteInfoAcoesV38 #btnTemaTopoV38,
  body #clienteInfoAcoesV38 #clienteInfoMinhaContaV105,
  body #clienteInfoAcoesV38 #clienteInfoSair{
    min-height:44px!important;font-size:11px!important
  }
  body #ocvAppBottomNavV126 button{font-size:9.5px!important}

  /* Tela inicial: atalhos e números em duas colunas, inclusive em 320–390 px. */
  body #telaInicioClienteV189 .ocv189-home{gap:10px!important}
  body #telaInicioClienteV189 .ocv189-welcome{
    padding:16px!important;border-radius:17px!important
  }
  body #telaInicioClienteV189 .ocv189-welcome-head{margin-bottom:13px!important}
  body #telaInicioClienteV189 .ocv189-welcome h1{font-size:23px!important;line-height:1.12}
  body #telaInicioClienteV189 .ocv189-welcome p{font-size:12px!important}
  body #telaInicioClienteV189 .ocv189-quick,
  body #telaInicioClienteV189 .ocv189-kpis{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important
  }
  body #telaInicioClienteV189 .ocv189-action{
    display:flex!important;flex-direction:column!important;min-width:0;
    min-height:82px!important;gap:5px!important;padding:9px 5px!important;
    border-radius:14px!important;font-size:12px!important;line-height:1.2
  }
  body #telaInicioClienteV189 .ocv189-action svg{width:24px;height:24px}
  body #telaInicioClienteV189 .ocv189-kpi{
    min-width:0;min-height:84px!important;padding:11px!important;
    border-radius:14px!important;gap:5px
  }
  body #telaInicioClienteV189 .ocv189-kpi small{font-size:10px;line-height:1.2}
  body #telaInicioClienteV189 .ocv189-kpi strong{
    margin-top:7px!important;font-size:clamp(15px,4.6vw,20px)!important;
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
    overflow-wrap:anywhere;line-height:1.12
  }
  body #telaInicioClienteV189 .ocv189-kpi-icon{width:30px;height:30px}
  body #telaInicioClienteV189 .ocv189-kpi-icon svg{width:17px;height:17px}
  body #telaInicioClienteV189 .ocv189-panel-head{padding:12px 12px 8px!important}
  body #telaInicioClienteV189 .ocv189-panel-head h2{font-size:16px!important}
  body #telaInicioClienteV189 .ocv189-link{min-height:44px!important}
  body #telaInicioClienteV189 .ocv189-list{padding:0 12px 12px!important}
  body #telaInicioClienteV189 .ocv189-row{min-height:54px;padding:9px 0!important}

  /* Dashboard: busca legível e indicadores sem valores escondidos. */
  body #telaPainelPrincipal .ocv66-search input{font-size:16px!important}
  body #telaPainelPrincipal .ocv66-head-tools{
    grid-template-columns:minmax(0,1fr) 44px 44px 44px!important
  }
  body #telaPainelPrincipal .ocv66-icon-btn,
  body #telaPainelPrincipal .ocv66-avatar{width:44px!important;height:44px!important;min-height:44px!important}
  body #telaPainelPrincipal .ocvh-kpi strong{
    font-size:clamp(15px,4.7vw,20px)!important;overflow-wrap:anywhere;line-height:1.15
  }
  body #telaPainelPrincipal .ocvh-segment button{min-height:44px!important;font-size:10px!important}

  /* Cadastro: guias de produtos compactas e alfabeto sem 26 linhas de botões. */
  body #telaCadastros .ocv-cadastro-v182-hero{
    gap:11px!important;margin-bottom:11px!important;padding:15px!important;border-radius:18px!important
  }
  body #telaCadastros .ocv-cadastro-v182-title{font-size:21px!important}
  body #telaCadastros .ocv-cadastro-v182-sub{font-size:12px!important}
  body #telaCadastros .ocv-cadastro-v182-nav button{min-height:44px!important}
  body #telaCadastros .cadastro-min-head{padding:12px!important}
  body #telaCadastros .cadastro-min-head h2{font-size:18px!important}
  body #telaCadastros .cadastro-min-body{padding:12px!important}
  body #telaCadastros .cad209-client-index{gap:10px!important;padding:11px!important}
  body #telaCadastros .cad209-client-index-letters{
    display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:thin;gap:5px!important
  }
  body #telaCadastros .cad209-letter-jump{min-width:44px!important;min-height:44px!important}
  body #telaCadastros .cad209-client-index-actions button{min-height:44px!important}
  body #telaCadastros .cad209-letter-head{min-height:54px;padding:8px!important}
  body #secProdutos .cad-prod-tabs{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;margin:12px 0!important;padding-bottom:9px!important
  }
  body #secProdutos .cad-prod-tabs button{
    min-width:0;min-height:72px!important;justify-content:center!important;
    flex-direction:column;gap:3px!important;padding:6px 3px!important;font-size:11px!important;
    line-height:1.15;white-space:normal;text-align:center
  }
  body #secProdutos .cad-prod-tabs svg.cad-prod-icon{
    display:block!important;flex:0 0 17px!important;width:17px!important;height:17px!important
  }
  body #secProdutos .cad-prod-count{font-size:10px}
  body #secColaboradores .ct-subtabs{flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:11px 0 4px}
  body #secColaboradores .ct-subtabs button{flex:0 0 auto;min-height:44px!important}
  body #secControleTrabalho{padding:12px!important}
  body #secControleTrabalho .ct-cartao{padding:12px!important}
  body #secControleTrabalho button{min-height:44px!important}
  body #secControleTrabalho input:not([type="checkbox"]):not([type="radio"]),
  body #secControleTrabalho select,
  body #secControleTrabalho textarea{min-height:44px!important;font-size:16px!important}

  /* Planejamento e agenda: filtros e resumo menores, mantendo as tarefas acessíveis. */
  body #ocvPlanejamentoV188{gap:10px!important}
  body #ocvPlanejamentoV188 .p188-hero{gap:10px!important;padding:14px!important}
  body #ocvPlanejamentoV188 .p188-brand h2{font-size:18px!important}
  body #ocvPlanejamentoV188 .p188-brand-icon{width:38px;height:38px}
  body #ocvPlanejamentoV188 .p188-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  body #ocvPlanejamentoV188 .p188-actions .p188-btn{min-width:0;min-height:44px!important}
  body #ocvPlanejamentoV188 .p188-tabs .p188-tab{min-height:44px!important}
  body #ocvPlanejamentoV188 .p188-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body #ocvPlanejamentoV188 .p188-kpi{min-width:0;padding:10px!important}
  body #ocvPlanejamentoV188 .p188-kpi strong{font-size:19px!important}
  body #ocvPlanejamentoV188 .p188-card{padding:12px!important}
  body #ocvPlanejamentoV188 .p188-event{padding:9px!important;gap:7px!important}
  body #ocvPlanejamentoV188 .p188-btn,
  body #ocvPlanejamentoV188 .p188-card-actions .p188-btn{min-height:44px!important}
  body #ocvPlanejamentoV188 .p188-field input,
  body #ocvPlanejamentoV188 .p188-field select,
  body #ocvPlanejamentoV188 .p188-field textarea{min-height:44px!important;font-size:16px!important}
  body #ocvPlanejamentoV188 .p188-dialog{max-height:calc(100dvh - 18px);border-radius:16px}
  body #ocvPlanejamentoV188 .p188-dialog-body{padding:12px!important}
  body #ocvPlanejamentoV188 .p188-dialog-foot{padding:10px!important}

  /* Proposta: ações em duas colunas sem uma segunda barra fixa sobre a busca. */
  body .ocv-proposta-header-v193{
    position:static!important;flex-direction:column!important;align-items:stretch!important;
    gap:8px!important;margin:0 0 10px!important;padding:9px!important;
    border-radius:15px!important
  }
  body .ocv-proposta-top-actions-v193{gap:7px!important}
  body .ocv-proposta-top-actions-v193 button{
    min-width:0;min-height:44px!important;padding:8px 7px!important;
    font-size:12px!important;line-height:1.2
  }
  body .ocv-proposta-top-actions-v193 button:last-child{grid-column:1/-1}
  body .ocv-proposta-toolbar-v184{gap:8px!important;margin:10px 0!important;padding:10px!important}
  body .ocv-proposta-toolbar-v184__actions,
  body .ocv-proposta-toolbar-v184__images{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important
  }
  body .ocv-proposta-toolbar-v184__actions>*,
  body .ocv-proposta-toolbar-v184__images>*{min-width:0;min-height:44px!important}
  body .ocv-proposta-toolbar-v184 .ocv-proposta-layout-v184,
  body .ocv-proposta-toolbar-v184 .ocv-proposta-image-status-v184{grid-column:1/-1}
  body .ocv-proposta-toolbar-v184 .ocv-proposta-layout-v184 select{
    width:100%;min-width:0;min-height:44px!important;font-size:16px!important
  }
  body .ocv-proposta-toolbar-v184 button,
  body .ocv-proposta-toolbar-v184 .ocv-proposta-file-v184{
    min-width:0;min-height:44px!important;padding:8px!important;
    font-size:12px!important;white-space:normal;text-align:center
  }
  body #propostaPreview.proposta-v184{padding:12px!important;border-radius:16px!important}
  body #propostaPreview .proposta-card-v184{padding:11px!important}

  /* Editor do desenho: fotografia larga e ferramentas em faixa horizontal. */
  body .ocv-dt-dialog{width:100vw!important;height:100dvh!important;border-radius:0!important}
  body .ocv-dt-head{padding:9px!important}
  body .ocv-dt-head h2{font-size:18px!important}
  body .ocv-dt-project-meta{
    display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
    gap:0!important;scrollbar-width:thin
  }
  body .ocv-dt-project-meta>span{
    flex:0 0 132px;min-width:0;grid-column:auto!important;
    border-bottom:0!important;padding:6px 8px!important
  }
  body .ocv-dt-head-actions{gap:6px!important;margin-top:7px!important}
  body .ocv-dt-head-actions .ocv-dt-btn{min-height:44px!important;padding:7px 9px!important}
  body .ocv-dt-close{width:44px!important;height:44px!important}
  body .ocv-dt-workspace{
    display:block!important;min-width:0;min-height:0;overflow-y:auto!important;
    overflow-x:hidden!important;padding:7px!important
  }
  body .ocv-dt-tools{
    position:sticky;top:0;z-index:8;display:flex!important;
    flex-direction:row!important;align-items:stretch;flex-wrap:nowrap!important;
    width:100%;min-width:0;gap:3px!important;padding:4px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:thin
  }
  body .ocv-dt-tools button{
    flex:0 0 62px;min-width:62px;min-height:52px!important;
    padding:5px 3px!important;font-size:9px!important
  }
  body .ocv-dt-tools button svg{width:19px;height:19px}
  body .ocv-dt-tool-separator{flex:0 0 1px;width:1px;height:auto;margin:4px 2px}
  body .ocv-dt-canvas-column{margin-top:7px;min-width:0}
  body .ocv-dt-stage{width:100%;height:min(57vh,440px);min-height:280px!important}
  body .ocv-dt-side{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;min-width:0;overflow:visible!important;margin-top:8px
  }
  body .ocv-dt-side>section{padding:10px!important}
}

@media screen and (max-width:360px){
  body #ocvAppBottomNavV126 button{font-size:8px!important}
  body #secProdutos .cad-prod-tabs button{font-size:10px!important}
  body #telaInicioClienteV189 .ocv189-kpi strong{font-size:15px!important}
}