/* SouPrimeiroAC V22.2.68 / build 2289 — refinamento mobile + desktop */

/* MOBILE — ajustes solicitados após a V22.2.67. */
@media (max-width:760px){
  /* Relatórios: período vira um bloco compacto preto/amarelo, com atalhos legíveis. */
  #relatorioView .report-section-head{display:block!important;margin-bottom:16px!important}
  #relatorioView .report-section-head>div:first-child{margin-bottom:14px}
  #relatorioView .report-section-head>div:first-child>p:last-child{font-size:.92rem;line-height:1.45}
  #relatorioView .report-filter{
    position:relative!important;width:100%!important;display:grid!important;grid-template-columns:1fr!important;
    gap:12px!important;padding:42px 14px 14px!important;border:1px solid #30343a!important;border-radius:18px!important;
    background:#101214!important;box-shadow:inset 0 3px 0 #ffd400
  }
  #relatorioView .report-filter:before{
    content:"PERÍODO DO RELATÓRIO";position:absolute;left:14px;top:15px;color:#ffd400;
    font-size:.68rem;font-weight:950;letter-spacing:.12em
  }
  #relatorioView .report-date-search{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  #relatorioView .report-date-search label{display:grid!important;gap:6px!important;color:#ffd400!important;font-size:.72rem;font-weight:900}
  #relatorioView .report-date-search input{
    width:100%!important;height:48px!important;min-height:48px!important;padding:0 10px!important;
    border:1px solid #5b5100!important;border-radius:12px!important;background:#070809!important;color:#fff!important;
    -webkit-text-fill-color:#fff!important;font-size:.82rem!important;font-weight:800!important;text-align:center!important;box-sizing:border-box
  }
  #relatorioView .report-presets{
    width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important
  }
  #relatorioView .report-presets button{
    width:100%!important;min-width:0!important;min-height:38px!important;padding:6px 5px!important;
    border:1px solid #3b3e44!important;border-radius:10px!important;background:#181a1e!important;color:#fff!important;
    font-size:.68rem!important;font-weight:900!important
  }
  #relatorioView .report-presets button:hover,#relatorioView .report-presets button:focus-visible,
  #relatorioView .report-presets button.active{
    background:#ffd400!important;color:#111!important;border-color:#ffd400!important;outline:none!important
  }
  #relatorioView #exportReportPdfBtn{width:100%!important;min-height:48px!important;margin-top:0!important;border-radius:12px!important}
  #relatorioView .report-kpis{gap:10px!important;margin-top:16px!important}
  #relatorioView .report-kpi{padding:16px!important;border-radius:16px!important;min-height:118px;display:grid;align-content:center}
  #relatorioView .report-kpi strong{font-size:1.55rem!important;margin:7px 0 3px!important}

  /* Orçamentos: campos de data compactos e coerentes com selects/diária. */
  #orcamentoView #quoteDate,#orcamentoView #quoteValidity,#orcamentoView #quotePaymentDate,#orcamentoView #quoteStatus{
    height:48px!important;min-height:48px!important;max-height:48px!important;padding-block:0!important;box-sizing:border-box!important;
    border-radius:12px!important;line-height:48px!important
  }
  #orcamentoView #quoteDate,#orcamentoView #quoteValidity,#orcamentoView #quotePaymentDate{-webkit-appearance:none;appearance:none;padding-inline:12px!important}
  #orcamentoView .quote-client-card>label{gap:6px!important}
  #orcamentoView .quote-summary-mark{display:none!important}

  /* Fluxo da diária: remove apenas no mobile a microcopy sobre Google Agenda. */
  #jobDetailsDialog>.dialog-card>small.field-help:last-child{display:none!important}

  /* Lista: no mobile, lista salva fica só com nome + ações e sem dica longa no rodapé. */
  #equipamentosView .saved-kit-row small{display:none!important}
  #equipamentosView .equipment-search-hint{display:none!important}
  #equipamentosView .saved-kit-row{min-height:54px!important}

  /* Conta: Data de nascimento no mesmo tamanho visual de Função. */
  #contaView #accountBirthDate{
    height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 12px!important;
    -webkit-appearance:none;appearance:none;box-sizing:border-box!important;border-radius:12px!important;line-height:48px!important
  }
  #contaView #accountAgeDisplay{margin-top:2px!important}
}

@media (max-width:430px){
  #relatorioView .report-presets{grid-template-columns:1fr 1fr!important}
  #relatorioView .report-presets button{min-height:40px!important}
}

/* DESKTOP — ajustes específicos solicitados depois da revisão mobile. */
@media (min-width:761px){
  /* Área de orçamento: maior respiro antes e dentro do cabeçalho. */
  #orcamentoView .quote-page-head{margin-top:14px!important;padding:32px 28px 26px!important;min-height:128px;box-sizing:border-box}
  #orcamentoView .quote-page-head>div:first-child{display:grid;align-content:center;gap:2px;min-height:72px}
  #orcamentoView .quote-page-head h3{margin-top:1px!important;margin-bottom:7px!important}

  /* B&H: um único fechamento visual; candidatos continuam visíveis após selecionar. */
  #bhImportDialog .bh-catalog-card{width:min(900px,calc(100vw - 48px))!important;max-width:900px!important;border:1px solid #343840!important;border-radius:20px!important;box-shadow:0 28px 80px rgba(0,0,0,.48)!important}
  #bhImportDialog .bh-preview-pane{border:0!important;border-top:1px solid #2d3138!important;border-radius:0!important;box-shadow:none!important}
  #bhImportDialog .bh-dialog-footer{border-top:1px solid #30343a!important;border-radius:0 0 19px 19px!important;background:#0b0d10!important}
  #bhImportDialog .bh-result-summary{flex:0 0 auto;margin:10px 20px!important;border-radius:14px!important}
  #bhImportDialog .bh-lookup-results{max-height:214px!important;overflow-y:auto!important;padding:8px!important}
  #bhImportDialog .bh-result-card{min-height:58px!important;padding:9px 12px!important}
  #bhImportDialog.has-selected-product .bh-result-summary.selection-collapsed .bh-lookup-results{max-height:214px!important}
  #bhImportDialog.has-selected-product .bh-result-summary.selection-collapsed .bh-result-card:not(.active){display:grid!important}
  #bhImportDialog .bh-results-toggle{display:none!important}
}