#newComp.btn.brand{box-shadow:0 4px 11px rgba(9,102,214,.16)}
  .cash-client-label-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:3px}
  .cash-client-label-row>label{margin:0!important}
  .cash-client-shortcut{border:0;background:transparent;color:#0966D6;font-size:8.6px;font-weight:650;padding:0;cursor:pointer;white-space:nowrap}
  .cash-client-shortcut:hover{text-decoration:underline}
  .cash-client-shortcut:disabled{opacity:.45;cursor:not-allowed;text-decoration:none}
  .cash-city-field .cash-city-menu{max-height:230px}
  .cash-city-invalid{border-color:#E98C8C!important;box-shadow:0 0 0 2px rgba(220,53,69,.08)!important;background:#FFF9F9!important}
  #cashTable .cash-date-cell{white-space:nowrap}
  #cashTable .cash-date-cell>span{display:block}
  #cashTable .cash-created-date{display:block;margin-top:2px;color:#8696A7;font-size:7.2px;line-height:1.05;font-weight:500;letter-spacing:.01em}

  /* Caixa: alinhamento e leitura mais limpa do cabeçalho do lançamento. */
  #caixaFormPanel #fTipoTrigger{position:relative;top:-2px}
  #caixaFormPanel .cash-nf-inline-check{
    border:0!important;background:transparent!important;box-shadow:none!important;
    padding:0 1px!important;font-weight:500!important;color:#52657E!important;
  }
  #caixaFormPanel .cash-nf-inline-check:hover{background:transparent!important}
  #caixaFormPanel .cash-nf-inline-check input{margin:0 5px 0 0}
  .cash-filter-summary{
    border:0!important;background:transparent!important;box-shadow:none!important;
    min-width:auto!important;padding:0 4px!important;justify-content:flex-end!important;
  }

  /* Login: mensagens informativas em azul; erros continuam vermelhos. */
  #loginError.login-loading,
  #loginError.login-info{
    color:#146FD1!important;
    font-weight:600!important;
  }
  @media screen and (max-width:960px){
    .cash-client-shortcut{font-size:11px}
    .cash-city-field .cash-city-menu{max-height:260px}
  }

/* ========================================================================
   ESCALA GLOBAL JUZE V20 — desktop 100% / Full HD
   Aplica escala uniforme no sistema inteiro: login, caixa, NFS-e, clientes,
   veículos, configurações, menus, drawers, modais, tabelas e formulários.
   Em Full HD, reproduz visualmente o conforto próximo ao navegador em 125%.
   ======================================================================== */
@media screen and (min-width:1600px){
  html{
    overflow-x:hidden!important;
  }
  body{
    overflow-x:hidden!important;
  }

  /* Mantém a escala de 125%, mas ocupa 100% da largura real da tela. */
  #loginView,
  #appView{
    zoom:1.25!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  /* Compensa os 125% na altura para não cortar a parte inferior. */
  #appView{
    height:80vh!important;
    min-height:80vh!important;
  }
  #appView .main{
    height:100%!important;
    min-height:0!important;
  }
  #loginView{
    min-height:80vh!important;
    height:auto!important;
  }
}

/* Notebooks e resoluções intermediárias: ganho menor para evitar aperto. */
@media screen and (min-width:1200px) and (max-width:1599px){
  html{
    overflow-x:hidden!important;
  }
  body{
    overflow-x:hidden!important;
  }

  #loginView,
  #appView{
    zoom:1.15!important;
    width:100%!important;
    box-sizing:border-box!important;
  }

  /* Compensa a escala de 115% na altura. */
  #appView{
    height:86.956522vh!important;
    min-height:86.956522vh!important;
  }
  #appView .main{
    height:100%!important;
    min-height:0!important;
  }
  #loginView{
    min-height:86.956522vh!important;
    height:auto!important;
  }
}

/* Mantém mobile e impressão na escala natural. */
@media screen and (max-width:1199px){
  #loginView,
  #appView{
    zoom:1!important;
    width:100%!important;
    min-height:auto!important;
  }
}

@media print{
  #loginView,
  #appView{
    zoom:1!important;
    width:100%!important;
    min-height:auto!important;
  }
}


/* ========================================================================
   V22 — ajuste fino Full HD após escala global V21
   Mantém a escala aprovada e corrige tabela/cabeçalho.
   ======================================================================== */
@media screen and (min-width:1600px){
  /* Labels mais próximos dos campos, sem encostar. */
  #caixaFormPanel .field > label,
  #caixaFormPanel .smart-field > label,
  #caixaFormPanel .form-smart-select-field > label{
    margin-bottom:3px!important;
    line-height:1.05!important;
  }

  /* Economiza poucos pixels horizontais na tabela sem reduzir a leitura. */
  #cashTable{
    width:100%!important;
    min-width:0!important;
  }
  #cashTable thead th{
    padding-left:4px!important;
    padding-right:4px!important;
  }
  #cashTable tbody td{
    padding-left:5px!important;
    padding-right:5px!important;
  }

  /* Nº: é apenas índice, então fica realmente compacto. */
  #cashTable .cash-number-head,
  #cashTable td.cash-index{
    width:25px!important;
    min-width:25px!important;
    max-width:25px!important;
  }
  #cashTable thead th.cash-number-head{
    padding-left:1px!important;
    padding-right:1px!important;
  }
  #cashTable td.cash-index{
    padding-left:1px!important;
    padding-right:1px!important;
    font-size:8.8px!important;
  }

  /* Valor: recebe o espaço economizado e ganha respiro no canto direito. */
  #cashTable thead th:last-child,
  #cashTable tbody td:last-child{
    width:126px!important;
    min-width:126px!important;
  }
  #cashTable thead th:last-child{
    padding-left:7px!important;
    padding-right:9px!important;
  }
  #cashTable tbody td:last-child{
    padding-left:8px!important;
    padding-right:10px!important;
  }
}


/* ========================================================================
   V23 — modais, drawer e NFS-e alinhados à escala global
   ======================================================================== */

/* FULL HD / escala global 125% */
@media screen and (min-width:1600px){

  /* O drawer está dentro do appView com zoom 1.25.
     Compensamos a altura para o rodapé "Voltar ao login" nunca ficar cortado. */
  .desktop-nav-drawer{
    top:0!important;
    bottom:auto!important;
    height:80vh!important;
    max-height:80vh!important;
    min-height:80vh!important;
    display:flex!important;
    flex-direction:column!important;
    box-sizing:border-box!important;
  }
  .desktop-drawer-nav{
    flex:0 0 auto!important;
  }
  .desktop-drawer-divider{
    margin-top:auto!important;
  }
  .desktop-drawer-logout{
    flex:0 0 auto!important;
    margin-bottom:0!important;
  }

  /* modalRoot fica fora do appView e por isso não recebia a escala global.
     Agora TODO modal genérico recebe a mesma escala visual de 125%. */
  #modalRoot .modal-backdrop{
    z-index:30000!important;
    background:rgba(15,31,51,.36)!important;
    backdrop-filter:blur(1.6px) saturate(98%)!important;
    -webkit-backdrop-filter:blur(1.6px) saturate(98%)!important;
  }

  #modalRoot .modal{
    zoom:1.25!important;
    max-height:72vh!important;
    box-shadow:0 24px 70px rgba(13,35,58,.28)!important;
  }

  /* Resumo de lançamento, usuários, confirmações e visualizações fiscais. */
  #modalRoot .launch-summary-modal,
  #modalRoot .nfse-modal,
  #modalRoot .report-center-modal{
    max-height:72vh!important;
  }

  /* Emissão de NFS-e é um modal grande: mantém a largura própria,
     mas compensa a altura antes da escala para não cortar cabeçalho/rodapé. */
  #modalRoot .nfse-issuer-modal{
    height:min(72vh,720px)!important;
    max-height:72vh!important;
  }
  #modalRoot .nfse-issuer-body{
    min-height:0!important;
    max-height:none!important;
    overflow:auto!important;
  }
  #modalRoot .nfse-issuer-foot,
  #modalRoot .modal-foot{
    flex-shrink:0!important;
  }

  /* Menus internos dos modais sempre acima do próprio conteúdo. */
  #modalRoot .nfse-lookup-menu,
  #modalRoot .nfse-catalog-menu,
  #modalRoot .nfse-native-smart-menu,
  #modalRoot .smart-select-menu{
    z-index:32000!important;
  }

  /* NFS-e: a listagem ainda era desenhada com tipografia muito compacta.
     Reforço local para acompanhar a nova escala do restante do sistema. */
  #page-nfse .nfse-document-list{
    gap:8px!important;
  }
  #page-nfse .nfse-doc-row{
    padding:13px 14px!important;
    gap:13px!important;
    min-height:56px!important;
  }
  #page-nfse .nfse-doc-client strong{
    font-size:11.2px!important;
    line-height:1.2!important;
  }
  #page-nfse .nfse-doc-client small,
  #page-nfse .nfse-doc-meta small{
    font-size:9px!important;
    line-height:1.3!important;
  }
  #page-nfse .nfse-doc-meta b{
    font-size:10.2px!important;
  }
  #page-nfse .nfse-doc-value{
    font-size:12.2px!important;
  }
  #page-nfse .nfse-status-pill{
    font-size:8.4px!important;
    padding:4px 8px!important;
  }
  #page-nfse .nfse-doc-action .btn{
    height:32px!important;
    font-size:9.4px!important;
    padding:0 10px!important;
  }
  #page-nfse .nfse-module-note{
    font-size:9.2px!important;
  }
  #page-nfse .nfse-tabs button{
    font-size:9.8px!important;
  }
}

/* Resoluções intermediárias / escala global 115% */
@media screen and (min-width:1200px) and (max-width:1599px){
  .desktop-nav-drawer{
    top:0!important;
    bottom:auto!important;
    height:86.956522vh!important;
    max-height:86.956522vh!important;
    min-height:86.956522vh!important;
    display:flex!important;
    flex-direction:column!important;
    box-sizing:border-box!important;
  }
  .desktop-drawer-divider{
    margin-top:auto!important;
  }

  #modalRoot .modal-backdrop{
    z-index:30000!important;
    background:rgba(15,31,51,.36)!important;
    backdrop-filter:blur(1.4px) saturate(98%)!important;
    -webkit-backdrop-filter:blur(1.4px) saturate(98%)!important;
  }
  #modalRoot .modal{
    zoom:1.15!important;
    max-height:78.26087vh!important;
  }
  #modalRoot .nfse-issuer-modal{
    height:min(78.26087vh,780px)!important;
    max-height:78.26087vh!important;
  }
}


/* ========================================================================
   V24 — padronização final de tipografia em todos os controles e módulos
   Foco: Full HD / navegador 100% / escala global V21+
   ======================================================================== */
@media screen and (min-width:1600px){

  /* --------------------------------------------------------------------
     BASE DE FORMULÁRIOS DO SISTEMA
     -------------------------------------------------------------------- */
  #appView .field > label,
  #appView .smart-field > label,
  #appView .form-smart-select-field > label,
  #appView .settings-card .field label,
  #appView .vehicle-form .field label,
  #appView .client-form .field label{
    font-size:10.2px!important;
    line-height:1.15!important;
  }

  #appView input,
  #appView select,
  #appView textarea,
  #appView .form-smart-select-trigger,
  #appView .comp-smart-trigger{
    font-size:11.2px!important;
  }

  #appView .hint,
  #appView .field small,
  #appView .settings-card small{
    font-size:9.1px!important;
    line-height:1.35!important;
  }

  /* --------------------------------------------------------------------
     DROPDOWNS / LISTAS SELECIONÁVEIS
     Competência, filtros, cliente, veículo, categoria, cidades etc.
     -------------------------------------------------------------------- */
  #appView .comp-smart-menu{
    max-height:220px!important;
  }
  #appView .comp-smart-option{
    height:33px!important;
    min-height:33px!important;
    padding:0 10px!important;
    font-size:11.5px!important;
  }
  #appView .comp-smart-option .check{
    font-size:11.2px!important;
  }

  #appView .smart-select-menu{
    max-height:245px!important;
  }
  #appView .smart-option{
    min-height:34px!important;
    padding:9px 10px!important;
    font-size:11.4px!important;
    line-height:1.25!important;
  }
  #appView .smart-option small{
    font-size:9.5px!important;
    line-height:1.25!important;
  }
  #appView .smart-empty{
    font-size:10px!important;
  }

  /* --------------------------------------------------------------------
     CALENDÁRIO
     -------------------------------------------------------------------- */
  .juze-date-picker{
    font-size:11.2px!important;
    border-radius:11px!important;
  }
  .juze-date-picker .cal-head{
    height:36px!important;
  }
  .juze-date-picker .cal-month{
    font-size:12.2px!important;
  }
  .juze-date-picker .cal-nav{
    width:31px!important;
    height:31px!important;
    font-size:19px!important;
  }
  .juze-date-picker .cal-week span{
    font-size:8.6px!important;
  }
  .juze-date-picker .cal-empty{
    height:30px!important;
  }
  .juze-date-picker .cal-day{
    height:30px!important;
    font-size:10.7px!important;
  }
  .juze-date-picker .cal-foot button{
    height:33px!important;
    font-size:10.3px!important;
  }
  .juze-date-picker .cal-foot b{
    font-size:10.7px!important;
  }

  /* --------------------------------------------------------------------
     CONFIGURAÇÕES / CENTRAL ADMINISTRATIVA
     -------------------------------------------------------------------- */
  #page-config .settings-kicker{
    font-size:8.7px!important;
    line-height:1.2!important;
  }
  #page-config .settings-sidebar-head p,
  #page-config .settings-pane-head p{
    font-size:9.6px!important;
    line-height:1.45!important;
  }
  #page-config .settings-nav button{
    padding:11px 10px!important;
    gap:9px!important;
  }
  #page-config .settings-nav-icon{
    font-size:10px!important;
  }
  #page-config .settings-nav button b{
    font-size:10.2px!important;
    line-height:1.25!important;
  }
  #page-config .settings-nav button small{
    margin-top:3px!important;
    font-size:8.6px!important;
    line-height:1.3!important;
  }
  #page-config .settings-nav-arrow{
    font-size:19px!important;
  }
  #page-config .settings-card,
  #page-config .settings-card p,
  #page-config .settings-card .hint,
  #page-config .settings-info-note,
  #page-config .settings-warning-note{
    font-size:9.6px!important;
    line-height:1.4!important;
  }
  #page-config .settings-card .field label{
    font-size:10px!important;
  }
  #page-config .settings-card input,
  #page-config .settings-card select,
  #page-config .settings-card textarea,
  #page-config .settings-card .btn{
    font-size:10.6px!important;
  }

  /* --------------------------------------------------------------------
     NFS-e — LISTA PRINCIPAL
     -------------------------------------------------------------------- */
  #page-nfse .nfse-page-kicker{
    font-size:9px!important;
  }
  #page-nfse .nfse-page-hero p{
    font-size:10.4px!important;
  }
  #page-nfse .nfse-metric-card span{
    font-size:9px!important;
  }
  #page-nfse .nfse-metric-card small{
    font-size:8.8px!important;
  }
  #page-nfse .nfse-tabs button,
  #page-nfse .nfse-work-actions input,
  #page-nfse .nfse-work-actions .btn{
    font-size:10.4px!important;
  }
  #page-nfse .nfse-module-note{
    font-size:9.6px!important;
    line-height:1.4!important;
  }
  #page-nfse .nfse-doc-client strong{
    font-size:11.7px!important;
  }
  #page-nfse .nfse-doc-client small,
  #page-nfse .nfse-doc-meta small{
    font-size:9.4px!important;
  }
  #page-nfse .nfse-doc-meta b{
    font-size:10.7px!important;
  }
  #page-nfse .nfse-doc-value{
    font-size:12.6px!important;
  }
  #page-nfse .nfse-status-pill{
    font-size:9px!important;
  }
  #page-nfse .nfse-doc-action .btn{
    font-size:10px!important;
  }

  /* --------------------------------------------------------------------
     MODAL DE EMISSÃO DE NFS-e
     O modal já recebe zoom 1.25; aqui aumentamos especificamente a
     tipografia interna que ainda usava 7–9 px no CSS original.
     -------------------------------------------------------------------- */
  #modalRoot .nfse-issuer-head h3{
    font-size:17px!important;
  }
  #modalRoot .nfse-issuer-head small{
    font-size:9.6px!important;
  }

  #modalRoot .nfse-issuer-steps button{
    padding:9px!important;
  }
  #modalRoot .nfse-issuer-steps button>span{
    width:28px!important;
    height:28px!important;
    font-size:10px!important;
  }
  #modalRoot .nfse-issuer-steps button b{
    font-size:10.6px!important;
  }
  #modalRoot .nfse-issuer-steps button small{
    font-size:8.7px!important;
    line-height:1.25!important;
  }

  #modalRoot .nfse-form-section{
    padding:12px!important;
  }
  #modalRoot .nfse-section-head h4{
    font-size:11.8px!important;
  }
  #modalRoot .nfse-section-head p{
    font-size:9.2px!important;
    line-height:1.4!important;
  }

  #modalRoot .nfse-form-grid .field>label,
  #modalRoot .nfse-form-grid .field label{
    min-height:15px!important;
    font-size:9.7px!important;
    line-height:1.2!important;
  }
  #modalRoot .nfse-form-grid .field input,
  #modalRoot .nfse-form-grid .field select,
  #modalRoot .nfse-form-grid .field textarea{
    font-size:10.8px!important;
  }
  #modalRoot .nfse-form-grid .field input,
  #modalRoot .nfse-form-grid .field select{
    height:36px!important;
    min-height:36px!important;
  }
  #modalRoot .nfse-field-help,
  #modalRoot .nfse-doc-status,
  #modalRoot .nfse-cep-status,
  #modalRoot .nfse-catalog-hint small{
    font-size:8.7px!important;
    line-height:1.35!important;
  }

  #modalRoot .nfse-country-toggle button,
  #modalRoot .nfse-switch,
  #modalRoot .nfse-isenta-toggle,
  #modalRoot .nfse-catalog-open{
    font-size:9.5px!important;
  }
  #modalRoot .nfse-payment-preview>span{
    font-size:8.7px!important;
  }
  #modalRoot .nfse-payment-preview pre{
    font-size:9.5px!important;
  }
  #modalRoot .nfse-lookup-menu button{
    font-size:10px!important;
  }
  #modalRoot .nfse-review-hero p,
  #modalRoot .nfse-review-grid span,
  #modalRoot .nfse-review-description>span,
  #modalRoot .nfse-review-note{
    font-size:9px!important;
  }
  #modalRoot .nfse-review-grid b,
  #modalRoot .nfse-review-description pre{
    font-size:10px!important;
  }
  #modalRoot .nfse-issuer-modal .btn,
  #modalRoot .nfse-issuer-modal button{
    font-size:10.2px!important;
  }

  /* --------------------------------------------------------------------
     MODAIS GERAIS: resumo de lançamento, usuário, confirmação etc.
     -------------------------------------------------------------------- */
  #modalRoot .modal{
    font-size:10.6px!important;
  }
  #modalRoot .modal h3,
  #modalRoot .modal .modal-title{
    font-size:14px!important;
  }
  #modalRoot .modal label{
    font-size:9.8px!important;
  }
  #modalRoot .modal input,
  #modalRoot .modal select,
  #modalRoot .modal textarea,
  #modalRoot .modal .btn{
    font-size:10.6px!important;
  }
  #modalRoot .modal small,
  #modalRoot .modal .hint{
    font-size:9px!important;
  }
}

/* Escala intermediária: mesmos ajustes, levemente reduzidos. */
@media screen and (min-width:1200px) and (max-width:1599px){
  #appView .comp-smart-option,
  #appView .smart-option{
    font-size:10.8px!important;
  }
  .juze-date-picker .cal-month{
    font-size:11.5px!important;
  }
  .juze-date-picker .cal-day{
    font-size:10.2px!important;
  }
  #page-config .settings-nav button b{
    font-size:9.8px!important;
  }
  #page-config .settings-nav button small{
    font-size:8.2px!important;
  }
  #modalRoot .nfse-form-grid .field label{
    font-size:9.3px!important;
  }
  #modalRoot .nfse-form-grid .field input,
  #modalRoot .nfse-form-grid .field select,
  #modalRoot .nfse-form-grid .field textarea{
    font-size:10.3px!important;
  }
}


/* ========================================================================
   V25 — escala real de popovers/listas/calendário + totalizadores sem blur
   ======================================================================== */
@media screen and (min-width:1600px){

  /* COMPETÊNCIA: campo e lista maiores, mantendo exatamente a mesma largura. */
  #caixaFormPanel .cash-desktop-form-command-host .comp-smart-field{
    width:122px!important;
    min-width:122px!important;
    flex:0 0 122px!important;
  }
  #caixaFormPanel #compTrigger{
    width:122px!important;
    min-width:122px!important;
    height:36px!important;
    padding:0 10px!important;
    font-size:12px!important;
  }
  #caixaFormPanel #compSmartMenu{
    width:122px!important;
    min-width:122px!important;
    max-width:122px!important;
    max-height:285px!important;
    padding:5px!important;
    border-radius:10px!important;
    box-sizing:border-box!important;
  }
  #caixaFormPanel #compSmartMenu .comp-smart-option{
    height:38px!important;
    min-height:38px!important;
    padding:0 10px!important;
    border-radius:7px!important;
    font-size:12.8px!important;
  }
  #caixaFormPanel #compSmartMenu .comp-smart-option .check{
    font-size:12.4px!important;
  }

  /* FILTROS e demais listas COMP */
  #appView .filter-smart-menu{
    max-height:290px!important;
    padding:5px!important;
  }
  #appView .filter-smart-menu .comp-smart-option{
    min-height:38px!important;
    height:38px!important;
    padding:0 11px!important;
    font-size:12.4px!important;
  }

  /* CLIENTE, VEÍCULO, CATEGORIA, TIPO, CIDADES e demais smart selects */
  #appView .smart-select-menu,
  #modalRoot .smart-select-menu,
  body > .smart-select-menu{
    max-height:310px!important;
    padding:6px!important;
    border-radius:10px!important;
  }
  #appView .smart-select-menu .smart-option,
  #modalRoot .smart-select-menu .smart-option,
  body > .smart-select-menu .smart-option{
    min-height:40px!important;
    padding:10px 11px!important;
    border-radius:7px!important;
    font-size:12.6px!important;
    line-height:1.25!important;
  }
  #appView .smart-select-menu .smart-option small,
  #modalRoot .smart-select-menu .smart-option small,
  body > .smart-select-menu .smart-option small{
    font-size:10.6px!important;
    line-height:1.25!important;
  }
  #appView .smart-empty,
  #modalRoot .smart-empty,
  body > .smart-empty{
    padding:12px!important;
    font-size:11.2px!important;
  }

  /* NFS-e: menus próprios seguem o mesmo padrão grande. */
  #modalRoot .nfse-native-smart-menu,
  #modalRoot .nfse-client-menu,
  #modalRoot .nfse-catalog-menu,
  #modalRoot .nfse-catalog-options{
    max-height:310px!important;
  }
  #modalRoot .nfse-native-smart-menu .smart-option,
  #modalRoot .nfse-client-menu .smart-option,
  #modalRoot .nfse-catalog-options .smart-option{
    min-height:40px!important;
    padding:10px 11px!important;
    font-size:12px!important;
  }

  /* CALENDÁRIO: fica maior de verdade porque ele vive fora do appView. */
  .juze-date-picker{
    width:340px!important;
    padding:11px!important;
    font-size:13px!important;
    border-radius:12px!important;
    box-shadow:0 18px 44px rgba(23,56,92,.22)!important;
  }
  .juze-date-picker .cal-head{
    height:42px!important;
    grid-template-columns:38px 1fr 38px!important;
    padding-bottom:7px!important;
    margin-bottom:7px!important;
  }
  .juze-date-picker .cal-month{
    font-size:14px!important;
  }
  .juze-date-picker .cal-nav{
    width:35px!important;
    height:35px!important;
    border-radius:8px!important;
    font-size:22px!important;
  }
  .juze-date-picker .cal-week{
    margin-bottom:4px!important;
  }
  .juze-date-picker .cal-week span{
    font-size:10px!important;
    font-weight:650!important;
  }
  .juze-date-picker .cal-grid{
    min-height:220px!important;
  }
  .juze-date-picker .cal-empty{
    height:36px!important;
  }
  .juze-date-picker .cal-day{
    height:36px!important;
    min-height:36px!important;
    font-size:12.4px!important;
    border-radius:8px!important;
  }

  /* Totalizadores: sem blur/escurecimento do restante da tela. */
  body.desktop-totals-focus::before{
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    animation:none!important;
    opacity:0!important;
  }
}

/* Escala intermediária */
@media screen and (min-width:1200px) and (max-width:1599px){
  #caixaFormPanel .cash-desktop-form-command-host .comp-smart-field,
  #caixaFormPanel #compTrigger,
  #caixaFormPanel #compSmartMenu{
    width:114px!important;
    min-width:114px!important;
    max-width:114px!important;
  }
  #caixaFormPanel #compSmartMenu .comp-smart-option{
    height:36px!important;
    min-height:36px!important;
    font-size:12px!important;
  }
  #appView .smart-select-menu .smart-option,
  #modalRoot .smart-select-menu .smart-option,
  body > .smart-select-menu .smart-option{
    min-height:38px!important;
    font-size:11.8px!important;
  }
  .juze-date-picker{
    width:315px!important;
    padding:10px!important;
    font-size:12.4px!important;
  }
  .juze-date-picker .cal-day{
    height:34px!important;
    min-height:34px!important;
    font-size:11.8px!important;
  }
  body.desktop-totals-focus::before{
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    animation:none!important;
    opacity:0!important;
  }
}


/* ========================================================================
   V26 — competência realmente ampliada + data de lançamento mais discreta
   ======================================================================== */

/* O menu de competência é movido via JS para <body>, então precisa de
   regras específicas fora de #appView para receber a escala correta. */
@media screen and (min-width:1600px){
  body > #compSmartMenu{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:360px!important;
    padding:6px!important;
    border-radius:11px!important;
    box-sizing:border-box!important;
  }

  body > #compSmartMenu .comp-smart-option{
    min-height:47px!important;
    height:47px!important;
    padding:0 13px!important;
    border-radius:8px!important;
    font-size:15px!important;
    line-height:1.1!important;
  }

  body > #compSmartMenu .comp-smart-option .check{
    font-size:14px!important;
  }

  /* Data de lançamento é informação secundária: mantém a data principal
     como está e reduz apenas a linha "Lanç. DD/MM/AAAA". */
  #cashTable .cash-created-date{
    margin-top:1px!important;
    font-size:5.9px!important;
    line-height:1!important;
    font-weight:500!important;
    letter-spacing:0!important;
    color:#8A99A9!important;
  }
}

@media screen and (min-width:1200px) and (max-width:1599px){
  body > #compSmartMenu{
    max-height:330px!important;
    padding:5px!important;
  }

  body > #compSmartMenu .comp-smart-option{
    min-height:43px!important;
    height:43px!important;
    padding:0 12px!important;
    font-size:13.8px!important;
  }

  body > #compSmartMenu .comp-smart-option .check{
    font-size:13px!important;
  }

  #cashTable .cash-created-date{
    margin-top:1px!important;
    font-size:6px!important;
    line-height:1!important;
  }
}


/* ========================================================================
   V27 — ajuste fino das duas datas da coluna Data
   ======================================================================== */
@media screen and (min-width:1600px){
  /* Data principal: um pouco menor para não dominar a célula. */
  #cashTable .cash-date-cell > span{
    font-size:9.7px!important;
    line-height:1.08!important;
    font-weight:500!important;
  }

  /* Data de lançamento: volta a ser legível, mas continua secundária. */
  #cashTable .cash-created-date{
    margin-top:2px!important;
    font-size:7.5px!important;
    line-height:1.08!important;
    font-weight:500!important;
    color:#7E8FA2!important;
  }
}

@media screen and (min-width:1200px) and (max-width:1599px){
  #cashTable .cash-date-cell > span{
    font-size:9.4px!important;
    line-height:1.08!important;
  }

  #cashTable .cash-created-date{
    margin-top:2px!important;
    font-size:7.3px!important;
    line-height:1.08!important;
    color:#7E8FA2!important;
  }
}


/* ========================================================================
   V29 — alinhamento vertical do campo Tipo
   ======================================================================== */
@media screen and (min-width:1200px){
  /* O campo Tipo tinha um top:-2px antigo, que o deixava visualmente acima
     dos demais campos da primeira linha. Neutraliza esse deslocamento. */
  #caixaFormPanel #fTipoTrigger{
    top:0!important;
  }
}


/* ========================================================================
   V32 — restauração do MOBILE / isolamento total da escala desktop
   Mantém o celular exatamente na escala natural (100%).
   ======================================================================== */
@media screen and (max-width:960px){

  /* Nenhuma escala/zoom de desktop pode atingir a interface mobile. */
  html,
  body{
    zoom:1!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  #loginView,
  #appView{
    zoom:1!important;
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    height:auto!important;
    transform:none!important;
    margin:0!important;
  }

  #appView .main{
    height:auto!important;
    min-height:0!important;
    width:100%!important;
    max-width:100%!important;
  }

  /* O drawer azul é EXCLUSIVO do desktop.
     Reforça a regra original, que estava sendo sobrescrita por estilos
     posteriores do próprio desktop.css. */
  .desktop-header-command-zone,
  .desktop-menu-toggle,
  .desktop-nav-backdrop,
  .desktop-nav-drawer,
  .cash-desktop-form-action-host{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  .desktop-nav-drawer{
    position:fixed!important;
    inset:auto!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    transform:none!important;
    box-shadow:none!important;
  }

  .desktop-nav-drawer::before,
  .desktop-nav-drawer::after{
    content:none!important;
    display:none!important;
  }

  body.desktop-nav-open{
    overflow:auto!important;
  }

  body.desktop-nav-open .desktop-nav-drawer,
  body.desktop-nav-open .desktop-nav-backdrop{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  /* Modais e overlays mobile ficam na escala nativa. */
  #modalRoot,
  #modalRoot .modal-backdrop,
  #modalRoot .modal,
  #modalRoot .nfse-issuer-modal{
    zoom:1!important;
  }
}


/* ==========================================================================
   V34 — MOBILE RESTAURADO DE VERDADE
   Hotfix incorporado no caixa.css existente (sem criar CSS novo).
   Mantém desktop intacto e restaura login/home/lançamento no celular.
   ========================================================================== */
@media screen and (max-width:960px){

  /* ---------------- LOGIN: tela inteira novamente ---------------- */
  html,
  body{
    width:100%!important;
    max-width:100%!important;
    min-height:100%!important;
    overflow-x:hidden!important;
  }

  #loginView:not(.hidden){
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:16px!important;
    overflow:hidden!important;
    zoom:1!important;
    transform:none!important;
    box-sizing:border-box!important;
  }

  #loginView .login-bg-photo{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
  }

  #loginView .login-bg-photo img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
  }

  #loginView .login-card{
    position:relative!important;
    z-index:2!important;
    width:min(430px,100%)!important;
    max-width:430px!important;
    margin:auto!important;
    box-sizing:border-box!important;
  }

  /* ---------------- APP MOBILE: escala natural ---------------- */
  #appView:not(.hidden){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:100dvh!important;
    overflow:visible!important;
    zoom:1!important;
    transform:none!important;
  }

  #appView .main{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:100dvh!important;
    overflow:visible!important;
  }

  /* Desktop nunca aparece no celular */
  .desktop-header-command-zone,
  .desktop-menu-toggle,
  .desktop-nav-backdrop,
  .desktop-nav-drawer,
  .cash-desktop-form-action-host{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  body.desktop-nav-open{
    overflow:auto!important;
  }

  /* ---------------- HOME: só competência + setas ---------------- */
  #page-caixa[data-mobile-mode="home"] #caixaToolbar{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:64px!important;
    height:auto!important;
    padding:10px 9px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  #page-caixa[data-mobile-mode="home"] #caixaToolbar .comp-block{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px 42px!important;
    align-items:center!important;
    gap:7px!important;
    width:100%!important;
    min-height:44px!important;
    margin:0!important;
  }

  #page-caixa #newComp,
  #page-caixa #deleteComp,
  #page-caixa #printReport{
    display:none!important;
  }

  /* ---------------- NOVO LANÇAMENTO: 1 coluna real ---------------- */
  #page-caixa[data-mobile-mode="new"] #caixaFormPanel{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:12px 11px 11px!important;
    border-radius:16px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  #page-caixa[data-mobile-mode="new"] #caixaFormPanel .form-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    align-items:stretch!important;
  }

  #page-caixa[data-mobile-mode="new"] #caixaFormPanel .form-grid > *{
    grid-column:1 / -1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
  }

  /* A linha de ações do desktop não participa do layout mobile. */
  #page-caixa[data-mobile-mode="new"] #cashHeaderActionsRow{
    display:none!important;
  }

  #page-caixa[data-mobile-mode="new"] #caixaFormPanel .field,
  #page-caixa[data-mobile-mode="new"] #caixaFormPanel .smart-field,
  #page-caixa[data-mobile-mode="new"] #caixaFormPanel .form-smart-select-field{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
  }

  #page-caixa[data-mobile-mode="new"] #caixaFormPanel .field > label,
  #page-caixa[data-mobile-mode="new"] #caixaFormPanel .smart-field > label,
  #page-caixa[data-mobile-mode="new"] #caixaFormPanel .form-smart-select-field > label{
    display:block!important;
    margin:0 0 4px!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:500!important;
  }

  #page-caixa[data-mobile-mode="new"] #caixaFormPanel input,
  #page-caixa[data-mobile-mode="new"] #caixaFormPanel select,
  #page-caixa[data-mobile-mode="new"] #caixaFormPanel textarea,
  #page-caixa[data-mobile-mode="new"] #caixaFormPanel .form-smart-select-trigger{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:45px!important;
    min-height:45px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:12px!important;
    box-sizing:border-box!important;
  }

  #page-caixa[data-mobile-mode="new"] #fTipoTrigger{
    position:relative!important;
    top:0!important;
    width:100%!important;
  }

  #page-caixa[data-mobile-mode="new"] .cash-nf-inline-check{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0 4px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }

  #page-caixa[data-mobile-mode="new"] .cash-nf-inline-check input{
    width:20px!important;
    height:20px!important;
    min-width:20px!important;
    min-height:20px!important;
    margin:0!important;
    padding:0!important;
    flex:0 0 20px!important;
  }

  #page-caixa[data-mobile-mode="new"] #clientField .cash-client-input-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:6px!important;
    width:100%!important;
  }

  #page-caixa[data-mobile-mode="new"] #cashSaveClientShortcut{
    justify-self:end!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:3px 2px!important;
    border:0!important;
    background:transparent!important;
    font-size:10px!important;
  }

  #page-caixa[data-mobile-mode="new"] #cashOrigemField,
  #page-caixa[data-mobile-mode="new"] #cashDestinoField,
  #page-caixa[data-mobile-mode="new"] .cash-city-field{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  #page-caixa[data-mobile-mode="new"] .mobile-form-actions{
    display:grid!important;
    grid-template-columns:110px minmax(0,1fr)!important;
    gap:8px!important;
    width:auto!important;
    margin:11px -2px -2px!important;
    padding:8px!important;
    box-sizing:border-box!important;
  }

  #page-caixa[data-mobile-mode="new"] .mobile-form-actions .btn{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
  }

  /* Modais mobile continuam sem zoom de desktop */
  #modalRoot,
  #modalRoot .modal-backdrop,
  #modalRoot .modal,
  #modalRoot .nfse-issuer-modal{
    zoom:1!important;
  }
}


/* ==========================================================================
   V35 — MOBILE sem zoom automático ao focar campos
   iPhone/Safari amplia inputs com fonte menor que 16px.
   Mantemos o layout mobile e fixamos apenas os controles editáveis em 16px.
   ========================================================================== */
@media screen and (max-width:960px){

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea,
  [contenteditable="true"],
  #loginView input,
  #appView input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  #appView select,
  #appView textarea,
  #modalRoot input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  #modalRoot select,
  #modalRoot textarea{
    font-size:16px!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }

  /* Os gatilhos customizados continuam proporcionais e não causam zoom. */
  #appView .form-smart-select-trigger,
  #appView .comp-smart-trigger,
  #appView .filter-smart-trigger,
  #modalRoot .form-smart-select-trigger{
    font-size:16px!important;
  }

  /* Preserva checkboxes e radios no tamanho visual já aprovado. */
  input[type="checkbox"],
  input[type="radio"]{
    font-size:inherit!important;
  }
}


/* ==========================================================================
   V36 — bloqueio definitivo do zoom de foco no iPhone/Safari
   ========================================================================== */
@media screen and (max-width:960px){
  html,
  body,
  #loginView,
  #appView,
  #modalRoot{
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea,
  button,
  [contenteditable="true"],
  .form-smart-select-trigger,
  .comp-smart-trigger,
  .filter-smart-trigger{
    touch-action:manipulation!important;
  }

  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select,
  textarea,
  [contenteditable="true"]{
    font-size:16px!important;
  }
}


/* ==========================================================================
   V40 — ANDROID / GALAXY: restaura rolagem vertical do PWA
   Corrige apenas Android/Chromium instalado. iPhone/Safari fica intocado.
   ========================================================================== */
@supports not (-webkit-touch-callout: none) {
  @media (display-mode: standalone) and (max-width:960px) {

    /* O shell do PWA Android precisa ter uma altura real para que .content
       seja o único scroller vertical. As correções mobile posteriores tinham
       devolvido height:auto/overflow:visible e quebrado esse mecanismo. */
    #appView:not(.hidden){
      width:100%!important;
      max-width:100%!important;
      height:100dvh!important;
      min-height:100dvh!important;
      overflow:hidden!important;
      zoom:1!important;
      transform:none!important;
    }

    #appView:not(.hidden) .main{
      width:100%!important;
      max-width:100%!important;
      height:100dvh!important;
      min-height:0!important;
      display:flex!important;
      flex-direction:column!important;
      overflow:hidden!important;
    }

    #appView:not(.hidden) .local-header{
      flex:0 0 auto!important;
    }

    /* Scroller principal no Galaxy/Android. */
    #appView:not(.hidden) .content{
      position:relative!important;
      flex:1 1 0%!important;
      width:100%!important;
      height:0!important;
      min-height:0!important;
      overflow-x:hidden!important;
      overflow-y:auto!important;
      -webkit-overflow-scrolling:touch!important;
      overscroll-behavior-y:contain!important;
      touch-action:pan-y!important;
      scrollbar-gutter:auto!important;
    }

    #appView:not(.hidden) .page.active,
    #appView:not(.hidden) #page-caixa.active{
      height:auto!important;
      min-height:100%!important;
      overflow:visible!important;
    }

    /* Permite o gesto vertical nas áreas longas sem alterar cliques/botões. */
    #appView:not(.hidden) .mobile-home,
    #appView:not(.hidden) .mobile-pending-view,
    #appView:not(.hidden) .mobile-reports-view,
    #appView:not(.hidden) .mobile-cash-list,
    #appView:not(.hidden) #cashTablePanel,
    #appView:not(.hidden) #caixaFormPanel,
    #appView:not(.hidden) #page-clientes,
    #appView:not(.hidden) #page-veiculos,
    #appView:not(.hidden) #page-config,
    #appView:not(.hidden) #page-nfse{
      touch-action:pan-y!important;
    }
  }
}

/* ========================================================================
   V42 — TABELA DE CAIXA ADAPTATIVA AO ZOOM DO NAVEGADOR — 05/10/2026
   Desktop apenas. Mantém TODAS as colunas visíveis e prioriza Pago, Data,
   NF e Valor. Textos longos continuam com reticências em vez de criar
   rolagem horizontal. Mobile/PWA permanece intocado.
   ======================================================================== */
@media screen and (min-width:961px){
  /* A tabela antiga tinha min-width fixo (1180px) e mínimos por coluna.
     Em zoom alto isso obrigava scroll horizontal e empurrava Valor para fora. */
  #cashTablePanel .cash-table-wrap{
    overflow-x:hidden!important;
  }

  #cashTable{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:fixed!important;
  }

  #cashTable thead th,
  #cashTable tbody td{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Distribuição proporcional: soma exata de 100%.
     Valor recebe 9,5% e fica sempre reservado no canto direito. */
  #cashTable thead th:nth-child(1),
  #cashTable tbody td:nth-child(1){width:2.3%!important;min-width:0!important;max-width:none!important}
  #cashTable thead th:nth-child(2),
  #cashTable tbody td:nth-child(2){width:4.8%!important}
  #cashTable thead th:nth-child(3),
  #cashTable tbody td:nth-child(3){width:7%!important}
  #cashTable thead th:nth-child(4),
  #cashTable tbody td:nth-child(4){width:5.5%!important}
  #cashTable thead th:nth-child(5),
  #cashTable tbody td:nth-child(5){width:5.5%!important}
  #cashTable thead th:nth-child(6),
  #cashTable tbody td:nth-child(6){width:14.5%!important}
  #cashTable thead th:nth-child(7),
  #cashTable tbody td:nth-child(7){width:6.5%!important}
  #cashTable thead th:nth-child(8),
  #cashTable tbody td:nth-child(8){width:13%!important}
  #cashTable thead th:nth-child(9),
  #cashTable tbody td:nth-child(9){width:8%!important}
  #cashTable thead th:nth-child(10),
  #cashTable tbody td:nth-child(10){width:8%!important}
  #cashTable thead th:nth-child(11),
  #cashTable tbody td:nth-child(11){width:8%!important}
  #cashTable thead th:nth-child(12),
  #cashTable tbody td:nth-child(12){width:7.4%!important}
  #cashTable thead th:nth-child(13),
  #cashTable tbody td:nth-child(13){width:9.5%!important;min-width:0!important;max-width:none!important}

  /* Cabeçalho também encolhe de forma limpa. */
  #cashTable thead .th-content{
    min-width:0!important;
    gap:clamp(2px,.2vw,4px)!important;
    overflow:hidden!important;
  }
  #cashTable thead .th-content > span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Fonte e respiro variam suavemente com a largura útil, que também muda
     quando o usuário aumenta o zoom do navegador. */
  #cashTable thead th{
    padding-left:clamp(2px,.24vw,5px)!important;
    padding-right:clamp(2px,.24vw,5px)!important;
    font-size:clamp(9.2px,.66vw,12.4px)!important;
  }
  #cashTable tbody td{
    padding-left:clamp(3px,.28vw,7px)!important;
    padding-right:clamp(3px,.28vw,7px)!important;
    font-size:clamp(9.4px,.66vw,12.1px)!important;
    line-height:1.22!important;
    white-space:nowrap!important;
  }

  #cashTable .cash-date-cell > span{
    font-size:clamp(9px,.62vw,11.1px)!important;
  }
  #cashTable .cash-created-date{
    font-size:clamp(7.8px,.52vw,9.4px)!important;
  }
  #cashTable .type-pill{
    font-size:clamp(8px,.54vw,10.1px)!important;
    padding-left:clamp(3px,.28vw,7px)!important;
    padding-right:clamp(3px,.28vw,7px)!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  #cashTable td.cash-index{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding-left:1px!important;
    padding-right:1px!important;
    font-size:clamp(8.2px,.52vw,10.1px)!important;
  }

  #cashTable thead th.cash-number-head{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding-left:1px!important;
    padding-right:1px!important;
  }

  #cashTable thead th:last-child,
  #cashTable tbody td:last-child{
    min-width:0!important;
    max-width:none!important;
    padding-left:clamp(4px,.35vw,8px)!important;
    padding-right:clamp(4px,.40vw,10px)!important;
    font-weight:500!important;
    font-variant-numeric:tabular-nums!important;
    letter-spacing:0!important;
  }

  .col-filter-btn{
    width:clamp(13px,1vw,18px)!important;
    height:clamp(13px,1vw,18px)!important;
    min-width:clamp(13px,1vw,18px)!important;
    flex:0 0 auto!important;
  }
}

/* ========================================================================
   V44 — nitidez tipográfica da tabela do caixa — 05/10/2026
   Mantém a adaptação ao zoom da V42/V43, mas reduz a sensação de texto
   "lavado" na grade, principalmente na coluna Data.
   ======================================================================== */
@media screen and (min-width:961px){
  #cashTable{
    font-family:"Segoe UI",Arial,sans-serif!important;
    font-synthesis:none!important;
    text-rendering:auto!important;
    -webkit-font-smoothing:auto!important;
  }

  #cashTable thead th,
  #cashTable tbody td{
    letter-spacing:0!important;
    font-weight:400!important;
  }

  /* Data principal com desenho mais limpo e sem peso excessivo. */
  #cashTable .cash-date-cell > span{
    font-family:"Segoe UI",Arial,sans-serif!important;
    font-size:10.4px!important;
    line-height:1.16!important;
    font-weight:500!important;
    letter-spacing:0!important;
    color:#294860!important;
  }

  /* A linha de lançamento estava pequena demais e era o principal ponto
     que passava sensação de baixa resolução. */
  #cashTable .cash-created-date{
    margin-top:2px!important;
    font-family:"Segoe UI",Arial,sans-serif!important;
    font-size:8.2px!important;
    line-height:1.18!important;
    font-weight:400!important;
    letter-spacing:0!important;
    color:#71869A!important;
  }

  /* Corpo da tabela: contraste e leitura um pouco melhores sem aumentar
     o peso nem comprometer o encaixe de todas as colunas. */
  #cashTable tbody td{
    color:#304D66!important;
    font-weight:400!important;
  }

  /* Valor deve permanecer normal, nunca em negrito. */
  #cashTable thead th:last-child,
  #cashTable tbody td:last-child{
    font-weight:400!important;
    color:#294860!important;
  }
}

/* ========================================================================
   V45 — cabeçalho da coluna Valor volta ao padrão branco — 05/10/2026
   O V44 aplicou a cor do corpo também ao TH final. Mantemos o valor do
   corpo normal, mas o título do cabeçalho segue branco como os demais.
   ======================================================================== */
@media screen and (min-width:961px){
  #cashTable thead th:last-child,
  #cashTable thead th:last-child .th-content,
  #cashTable thead th:last-child .th-content > span{
    color:#fff!important;
    font-weight:500!important;
  }

  #cashTable tbody td:last-child{
    color:#294860!important;
    font-weight:400!important;
  }
}


/* ==========================================================================
   V47 — TEMA INTEGRADO (sem arquivos extras)
   ========================================================================== */
@media screen and (min-width:961px){
  #appView .desktop-header-command-zone #themeToggle.juze-theme-toggle{
    width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;
    padding:0!important;margin:0!important;border:1px solid #cfe1f4!important;border-radius:10px!important;
    background:#fff!important;color:#0b66d7!important;display:flex!important;align-items:center!important;justify-content:center!important;
    cursor:pointer!important;box-sizing:border-box!important;appearance:none!important;-webkit-appearance:none!important;
    line-height:1!important;overflow:hidden!important;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important;
  }
  #appView #themeToggle .juze-theme-icon{width:20px!important;height:20px!important;display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
  #appView #themeToggle .juze-theme-icon-sun{display:none!important}
  html[data-theme="dark"] #appView #themeToggle .juze-theme-icon-moon{display:none!important}
  html[data-theme="dark"] #appView #themeToggle .juze-theme-icon-sun{display:block!important}
  #appView #themeToggle:hover{background:#edf6ff!important;border-color:#9fc9f1!important;box-shadow:0 6px 16px rgba(11,102,215,.12)!important}
  html[data-theme="dark"] #appView #themeToggle{background:#142334!important;border-color:#2b435b!important;color:#8fc3ff!important;box-shadow:none!important}
  html[data-theme="dark"] #appView #themeToggle:hover{background:#1a2c40!important;border-color:#3b5c79!important}
}
@media screen and (max-width:960px){
  #themeToggle{display:none!important}
  #mobileThemeToggle{display:grid!important}
}
@media print{#themeToggle,#mobileThemeToggle{display:none!important}}

/* ========================================================================== 
   JUZÉ GUINCHOS — TEMA ESCURO V46 — 05/10/2026
   Tema visual completo, sem alterar regras de negócio, tamanhos ou fluxos.
   ========================================================================== */

html[data-theme="dark"]{
  color-scheme:dark;
  --brand:#4b9cff;
  --brand-2:#3184e8;
  --green:#31c875;
  --red:#ff6670;
  --orange:#ff9c55;
  --text:#e9f1fa;
  --muted:#91a5b9;
  --bg:#09111a;
  --panel:#101b27;
  --soft:#142231;
  --border:#263a4f;
  --hair:#203246;
  --sel:#173b5b;
  --shadow:0 14px 42px rgba(0,0,0,.28);
}

html[data-theme="dark"],
html[data-theme="dark"] body{
  background:#09111a!important;
  color:#e9f1fa!important;
}

html[data-theme="dark"] body{
  background:linear-gradient(180deg,#09111a 0%,#0b1520 100%)!important;
}

/* ---------- Superfícies principais ---------- */
html[data-theme="dark"] #appView,
html[data-theme="dark"] .main,
html[data-theme="dark"] .content,
html[data-theme="dark"] .page{
  background:transparent!important;
  color:#e9f1fa!important;
}
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .local-header{
  background:#0d1722!important;
  border-color:#22364a!important;
  box-shadow:0 1px 0 rgba(255,255,255,.025)!important;
}
html[data-theme="dark"] .topbar h1,
html[data-theme="dark"] .topbar-title h1,
html[data-theme="dark"] .section-title,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4{
  color:#edf5fd!important;
}
html[data-theme="dark"] .topbar p,
html[data-theme="dark"] .hint,
html[data-theme="dark"] small,
html[data-theme="dark"] .empty{
  color:#91a5b9!important;
}
html[data-theme="dark"] .panel,
html[data-theme="dark"] .card,
html[data-theme="dark"] .toolbar,
html[data-theme="dark"] .cash-table-panel,
html[data-theme="dark"] .compact-list-panel{
  background:#101b27!important;
  border-color:#263a4f!important;
  box-shadow:0 5px 18px rgba(0,0,0,.13)!important;
}

/* ---------- Botão do tema ---------- */
.juze-theme-toggle{
  width:42px;
  height:42px;
  flex:0 0 42px;
  padding:0;
  border:1px solid #cfe1f4;
  border-radius:10px;
  background:#fff;
  color:#0b66d7;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.juze-theme-toggle:hover{background:#edf6ff;border-color:#9fc9f1;transform:translateY(-1px);box-shadow:0 6px 16px rgba(11,102,215,.12)}
.juze-theme-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme="dark"] .juze-theme-toggle{
  background:#142334!important;
  border-color:#2b435b!important;
  color:#8fc3ff!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .juze-theme-toggle:hover{background:#1a2c40!important;border-color:#3b5c79!important}

/* ---------- Formulários ---------- */
html[data-theme="dark"] .field label,
html[data-theme="dark"] label,
html[data-theme="dark"] .mm-label{
  color:#a7bacb!important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea,
html[data-theme="dark"] .filters input,
html[data-theme="dark"] .filters select,
html[data-theme="dark"] .nfse-work-actions input{
  background:#0d1824!important;
  border-color:#2b4157!important;
  color:#e9f1fa!important;
  box-shadow:none!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#6f8499!important;opacity:1}
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus{
  border-color:#4b91dc!important;
  box-shadow:0 0 0 3px rgba(75,156,255,.13)!important;
}
html[data-theme="dark"] select{color-scheme:dark}
html[data-theme="dark"] .inline-check,
html[data-theme="dark"] .compbar select{
  background:#0e1925!important;
  border-color:#2b4157!important;
  color:#dfeaf5!important;
}

/* ---------- Botões gerais ---------- */
html[data-theme="dark"] .btn,
html[data-theme="dark"] .ghost,
html[data-theme="dark"] .sidebar-bottom button{
  background:#142231!important;
  border-color:#2b4157!important;
  color:#cbd9e7!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] .ghost:hover{background:#1a2b3d!important;border-color:#3b5975!important}
html[data-theme="dark"] .btn.brand,
html[data-theme="dark"] .primary{background:#176ecb!important;border-color:#176ecb!important;color:#fff!important}
html[data-theme="dark"] .btn.green{background:#168a50!important;border-color:#168a50!important;color:#fff!important}
html[data-theme="dark"] .btn.red{background:#352026!important;border-color:#6c323b!important;color:#ff9da4!important}
html[data-theme="dark"] .btn.orange{background:#35291f!important;border-color:#6a4a2e!important;color:#ffba82!important}

/* ---------- Tabela do caixa ---------- */
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .cash-table-wrap{
  background:#0e1924!important;
  border-color:#263a4f!important;
}
html[data-theme="dark"] table{color:#cddae7!important}
html[data-theme="dark"] thead th{
  background:#155eb3!important;
  color:#fff!important;
  border-color:#2a70c0!important;
}
html[data-theme="dark"] tbody td{border-bottom-color:#1e3144!important;color:#cbd9e6!important}
html[data-theme="dark"] tbody tr{background:#101b27!important}
html[data-theme="dark"] tbody tr:nth-child(even){background:#0d1823!important}
html[data-theme="dark"] tbody tr:hover{background:#162a3d!important}
html[data-theme="dark"] tbody tr.selected{background:#193954!important}
html[data-theme="dark"] #cashTable tbody tr:nth-child(even){background:#0d1823!important}
html[data-theme="dark"] #cashTable tbody tr:hover{background:#162a3d!important}
html[data-theme="dark"] #cashTable tbody tr.selected{background:#193954!important}
html[data-theme="dark"] #cashTable .cash-created-date{color:#7790a7!important}
html[data-theme="dark"] #cashTable .cash-date-cell>span{color:#dbe8f3!important}
html[data-theme="dark"] #cashTable thead th:last-child,
html[data-theme="dark"] #cashTable tbody td:last-child{color:inherit!important}
html[data-theme="dark"] #cashTable thead th:last-child{color:#fff!important}
html[data-theme="dark"] .col-filter-btn{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.10)!important;color:#fff!important}
html[data-theme="dark"] .type-pill.receita{background:#143526!important;color:#72dca2!important}
html[data-theme="dark"] .type-pill.despesa{background:#392126!important;color:#ff969d!important}
html[data-theme="dark"] .pay-toggle{background:#12202d!important;border-color:#30475d!important;color:#8ea3b7!important}
html[data-theme="dark"] .pay-toggle.on{background:#153726!important;border-color:#2d6b4a!important;color:#6cdaa0!important}

/* ---------- Filtros, dropdowns e popovers ---------- */
html[data-theme="dark"] .smart-select-menu,
html[data-theme="dark"] .form-smart-select-menu,
html[data-theme="dark"] .comp-smart-menu,
html[data-theme="dark"] .filter-smart-menu,
html[data-theme="dark"] .excel-filter-menu,
html[data-theme="dark"] .nfse-lookup-menu,
html[data-theme="dark"] .nfse-native-smart-menu,
html[data-theme="dark"] .nfse-catalog-menu,
html[data-theme="dark"] .nfse-client-menu,
html[data-theme="dark"] .juze-date-picker{
  background:#111e2b!important;
  border-color:#2b4258!important;
  color:#d7e4ef!important;
  box-shadow:0 18px 44px rgba(0,0,0,.36)!important;
}
html[data-theme="dark"] .form-smart-select-trigger,
html[data-theme="dark"] .comp-smart-trigger,
html[data-theme="dark"] .filter-smart-trigger,
html[data-theme="dark"] .nfse-client-trigger,
html[data-theme="dark"] .nfse-native-smart-trigger,
html[data-theme="dark"] .nfse-catalog-trigger{
  background:#0d1824!important;
  border-color:#2b4157!important;
  color:#dce8f3!important;
}
html[data-theme="dark"] .smart-select-menu button,
html[data-theme="dark"] .nfse-lookup-menu button,
html[data-theme="dark"] .nfse-native-smart-menu button,
html[data-theme="dark"] .nfse-catalog-options button{
  background:#111e2b!important;
  color:#d3e0eb!important;
}
html[data-theme="dark"] .smart-select-menu button:hover,
html[data-theme="dark"] .nfse-lookup-menu button:hover,
html[data-theme="dark"] .nfse-native-smart-menu button:hover,
html[data-theme="dark"] .nfse-catalog-options button:hover{background:#1a3045!important;color:#fff!important}
html[data-theme="dark"] .cal-day{background:#142231!important;border-color:#243a50!important;color:#d9e5ef!important}
html[data-theme="dark"] .cal-day:hover{background:#1b3750!important}
html[data-theme="dark"] .cal-day.selected{background:#176ecb!important;color:#fff!important;border-color:#378be1!important}
html[data-theme="dark"] .cal-month,
html[data-theme="dark"] .cal-week{color:#aebfd0!important}

/* ---------- Drawer desktop ---------- */
html[data-theme="dark"] .desktop-nav-backdrop{background:rgba(0,0,0,.58)!important;backdrop-filter:blur(5px)!important}
html[data-theme="dark"] .desktop-nav-drawer{
  background:linear-gradient(180deg,#10263c 0%,#0d1e30 48%,#0a1725 100%)!important;
  border-color:#29445d!important;
  box-shadow:-18px 0 50px rgba(0,0,0,.34)!important;
}
html[data-theme="dark"] .desktop-drawer-head,
html[data-theme="dark"] .desktop-drawer-divider{border-color:rgba(255,255,255,.10)!important}
html[data-theme="dark"] .desktop-drawer-user-copy strong,
html[data-theme="dark"] .desktop-drawer-footer strong{color:#f0f6fc!important}
html[data-theme="dark"] .desktop-drawer-user-copy small,
html[data-theme="dark"] .desktop-drawer-footer small{color:#9eb2c5!important}
html[data-theme="dark"] .desktop-drawer-nav button{color:#cbd9e6!important}
html[data-theme="dark"] .desktop-drawer-nav button:hover{background:rgba(255,255,255,.07)!important}
html[data-theme="dark"] .desktop-drawer-nav button.active{background:rgba(75,156,255,.17)!important;color:#fff!important;border-color:rgba(100,176,255,.24)!important}
html[data-theme="dark"] .desktop-drawer-close,
html[data-theme="dark"] .desktop-drawer-logout{color:#d5e2ee!important;border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.04)!important}

/* ---------- Modais ---------- */
html[data-theme="dark"] .modal-backdrop,
html[data-theme="dark"] .vehicle-modal-overlay{background:rgba(1,7,13,.70)!important}
html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .vehicle-modal-card,
html[data-theme="dark"] .pending-action-modal,
html[data-theme="dark"] .report-center-modal{
  background:#101b27!important;
  border-color:#2a4055!important;
  color:#e7eff7!important;
  box-shadow:0 28px 80px rgba(0,0,0,.48)!important;
}
html[data-theme="dark"] .modal-head,
html[data-theme="dark"] .modal-foot{background:#101b27!important;border-color:#24384c!important}

/* ---------- Cards/resumos ---------- */
html[data-theme="dark"] .card .k,
html[data-theme="dark"] .card .s,
html[data-theme="dark"] .cash-filter-summary,
html[data-theme="dark"] .cash-filter-total{color:#8fa4b8!important}
html[data-theme="dark"] .card .v,
html[data-theme="dark"] .mm-value{color:#eaf3fb!important}
html[data-theme="dark"] .badge{background:#172a3c!important;color:#aec5d9!important}
html[data-theme="dark"] .warning{background:#302817!important;border-color:#5f4a22!important;color:#e7c87a!important}

/* ---------- Clientes e veículos ---------- */
html[data-theme="dark"] .compact-head,
html[data-theme="dark"] .vehicle-section-head,
html[data-theme="dark"] .vehicle-assets-head{color:#dfeaf4!important}
html[data-theme="dark"] .vehicle-file-row,
html[data-theme="dark"] .vehicle-attachment-row,
html[data-theme="dark"] .vehicle-inline-doc,
html[data-theme="dark"] .vehicle-import-bar,
html[data-theme="dark"] .user-photo-editor{
  background:#0e1925!important;
  border-color:#273d52!important;
  color:#cbd9e6!important;
}
html[data-theme="dark"] .vehicle-selected-file,
html[data-theme="dark"] .vehicle-api-status,
html[data-theme="dark"] .vehicle-doc-status{color:#94a9bc!important}

/* ---------- NFS-e ---------- */
html[data-theme="dark"] .nfse-page-hero{
  background:linear-gradient(135deg,#111e2b 0%,#0d1824 100%)!important;
  border-color:#294158!important;
}
html[data-theme="dark"] .nfse-page-hero h2,
html[data-theme="dark"] .nfse-review-hero h4,
html[data-theme="dark"] .nfse-section-head h4,
html[data-theme="dark"] .nfse-doc-client strong,
html[data-theme="dark"] .nfse-doc-meta b,
html[data-theme="dark"] .nfse-doc-value{color:#e5eef7!important}
html[data-theme="dark"] .nfse-page-hero p,
html[data-theme="dark"] .nfse-doc-client small,
html[data-theme="dark"] .nfse-doc-meta small,
html[data-theme="dark"] .nfse-section-head p{color:#8fa5b9!important}
html[data-theme="dark"] .nfse-metric-card,
html[data-theme="dark"] .nfse-doc-row,
html[data-theme="dark"] .nfse-form-section,
html[data-theme="dark"] .nfse-review-hero,
html[data-theme="dark"] .nfse-review-grid>div,
html[data-theme="dark"] .nfse-review-description,
html[data-theme="dark"] .nfse-prep-box,
html[data-theme="dark"] .nfse-status-card,
html[data-theme="dark"] .nfse-fiscal-monitor,
html[data-theme="dark"] .nfse-fiscal-monitor-box,
html[data-theme="dark"] .nfse-fiscal-monitor-details,
html[data-theme="dark"] .nfse-rtc-catalog-box,
html[data-theme="dark"] .nfse-rtc-suggestion-grid>div,
html[data-theme="dark"] .cert-card,
html[data-theme="dark"] .cert-empty,
html[data-theme="dark"] .cert-upload-name{
  background:#101c28!important;
  border-color:#294057!important;
}
html[data-theme="dark"] .nfse-doc-row:nth-child(even){background:#0e1a26!important}
html[data-theme="dark"] .nfse-doc-row:hover{background:#16293b!important;border-color:#385a78!important;box-shadow:none!important;transform:none!important}
html[data-theme="dark"] .nfse-module-note,
html[data-theme="dark"] .nfse-payment-config-note,
html[data-theme="dark"] .cert-security-note,
html[data-theme="dark"] .settings-info-note{background:#122334!important;border-color:#2a435b!important;color:#9eb3c5!important}
html[data-theme="dark"] .nfse-tabs button{background:#111e2b!important;border-color:#2c4358!important;color:#aec0d1!important}
html[data-theme="dark"] .nfse-tabs button.active{background:#176ecb!important;border-color:#176ecb!important;color:#fff!important}
html[data-theme="dark"] .nfse-issuer-body{background:#0b1520!important}
html[data-theme="dark"] .nfse-issuer-steps{background:#0d1824!important;border-color:#23384b!important}
html[data-theme="dark"] .nfse-issuer-steps button{color:#8fa4b7!important}
html[data-theme="dark"] .nfse-issuer-steps button.active{background:#132538!important;border-color:#315777!important}
html[data-theme="dark"] .nfse-issuer-steps button b{color:#b9cadd!important}
html[data-theme="dark"] .nfse-issuer-steps button.active b{color:#75b7ff!important}
html[data-theme="dark"] .nfse-payment-preview{background:#10271d!important;border-color:#28563e!important;color:#b8dcc8!important}
html[data-theme="dark"] .nfse-review-note{background:#302817!important;border-color:#5d4923!important;color:#e0c16f!important}
html[data-theme="dark"] .nfse-country-toggle{border-color:#2b4157!important}
html[data-theme="dark"] .nfse-country-toggle button{background:#0e1925!important;color:#9eb2c4!important}
html[data-theme="dark"] .nfse-country-toggle button.active{background:#176ecb!important;color:#fff!important}
html[data-theme="dark"] .nfse-readonly-fiscal{background:#111d29!important;color:#a9bac9!important}

/* Estados fiscais preservam significado, mas com saturação controlada */
html[data-theme="dark"] .nfse-status-card.ok,
html[data-theme="dark"] .nfse-production-guard-note,
html[data-theme="dark"] .nfse-rtc-suggestion{background:#10271d!important;border-color:#28563e!important;color:#9fd0b3!important}
html[data-theme="dark"] .nfse-status-card.wait{background:#2d2719!important;border-color:#5a4924!important}
html[data-theme="dark"] .nfse-status-card.locked,
html[data-theme="dark"] .nfse-fiscal-monitor-details.critical{background:#321e23!important;border-color:#63323a!important}

/* ---------- Configurações ---------- */
html[data-theme="dark"] .settings-shell,
html[data-theme="dark"] .settings-content{color:#dce7f1!important}
html[data-theme="dark"] .settings-nav,
html[data-theme="dark"] .settings-pane,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .settings-backup-box,
html[data-theme="dark"] .settings-advanced,
html[data-theme="dark"] .fiscal-profile-card,
html[data-theme="dark"] .fiscal-channel-card{
  background:#101b27!important;
  border-color:#273d52!important;
}
html[data-theme="dark"] .settings-nav button{color:#aebfd0!important}
html[data-theme="dark"] .settings-nav button:hover{background:#15283a!important}
html[data-theme="dark"] .settings-nav button.active{background:#173653!important;color:#dcecff!important;border-color:#315a7d!important}
html[data-theme="dark"] .settings-nav-icon,
html[data-theme="dark"] .settings-backup-icon{background:#172b3e!important;color:#86bdff!important}
html[data-theme="dark"] .settings-pane-head p,
html[data-theme="dark"] .settings-card-head p,
html[data-theme="dark"] .settings-backup-box p{color:#8fa5b8!important}
html[data-theme="dark"] .settings-advanced>summary{background:#111f2d!important;color:#c4d3e0!important}
html[data-theme="dark"] .settings-advanced-body{background:#0e1924!important;border-color:#263b50!important}

/* ---------- Mobile ---------- */
@media screen and (max-width:960px){
  html[data-theme="dark"] .mobile-home,
  html[data-theme="dark"] .mobile-pending-view,
  html[data-theme="dark"] .mobile-reports-view{background:transparent!important;color:#e8f1f9!important}
  html[data-theme="dark"] .mobile-metric,
  html[data-theme="dark"] .mobile-quick,
  html[data-theme="dark"] .mobile-launch-card,
  html[data-theme="dark"] .mobile-home-launch-row,
  html[data-theme="dark"] .mobile-pending-row,
  html[data-theme="dark"] .mobile-pending-total-box,
  html[data-theme="dark"] .mobile-report-box,
  html[data-theme="dark"] .mobile-report-type{
    background:#101c28!important;
    border-color:#294057!important;
    color:#dce8f3!important;
    box-shadow:none!important;
  }
  html[data-theme="dark"] .mobile-bottom-nav{
    background:rgba(12,22,32,.97)!important;
    border-color:#25394c!important;
    box-shadow:0 -10px 28px rgba(0,0,0,.30)!important;
  }
  html[data-theme="dark"] .mobile-bottom-nav button{color:#8fa4b8!important}
  html[data-theme="dark"] .mobile-bottom-nav button.active{color:#78b6ff!important}
  html[data-theme="dark"] .mobile-more-backdrop{background:rgba(0,0,0,.63)!important}
  html[data-theme="dark"] .mobile-more-panel{background:#0f1b27!important;border-color:#2b4055!important;color:#e5eef7!important}
  html[data-theme="dark"] .mobile-more-grid button{background:#142331!important;border-color:#294157!important;color:#d9e5ef!important}
  html[data-theme="dark"] .mobile-more-grid button:active{background:#1b3045!important}
  html[data-theme="dark"] .mobile-more-grid button small{color:#8399ad!important}
  html[data-theme="dark"] .mobile-more-head button{background:#142536!important;color:#c7d6e4!important;border-color:#294157!important}
  html[data-theme="dark"] .mobile-network-banner{background:#3a2b15!important;color:#f0ce8a!important;border-color:#695020!important}
}

/* ---------- Login ---------- */
html[data-theme="dark"] #loginView:before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(2,9,17,.28);
  pointer-events:none;
  z-index:0;
}
html[data-theme="dark"] #loginView .login-card{
  position:relative;
  z-index:1;
  background:rgba(13,24,36,.96)!important;
  border:1px solid #2b435a!important;
  box-shadow:0 28px 80px rgba(0,0,0,.48)!important;
}
html[data-theme="dark"] .login-title{color:#f0f6fc!important}
html[data-theme="dark"] .login-sub,
html[data-theme="dark"] .remember{color:#9bb0c3!important}
html[data-theme="dark"] .forgot-link{color:#78b6ff!important}
html[data-theme="dark"] .biometric-login{background:#132538!important;border-color:#31506b!important;color:#a9d2ff!important}
html[data-theme="dark"] .biometric-login:hover{background:#193047!important;border-color:#447298!important;color:#d7eaff!important}
html[data-theme="dark"] .biometric-enroll-note,
html[data-theme="dark"] .reset-note{background:#111f2d!important;border-color:#2b4258!important;color:#9db2c4!important}
html[data-theme="dark"] .eye{color:#91acc3!important}
html[data-theme="dark"] .eye:hover{background:rgba(96,168,255,.12)!important;color:#c2ddf7!important}

/* ---------- Scrollbars ---------- */
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#355068!important}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:#0d1823!important}

/* Impressão permanece clara independentemente do tema selecionado. */
@media print{
  html[data-theme="dark"],
  html[data-theme="dark"] body,
  html[data-theme="dark"] #appView,
  html[data-theme="dark"] .main,
  html[data-theme="dark"] .content,
  html[data-theme="dark"] .panel,
  html[data-theme="dark"] .table-wrap{background:#fff!important;color:#111!important}
  .juze-theme-toggle{display:none!important}
}

/* ========================================================================
   V48 — refinamento visual do modo noturno — 05/10/2026
   Prioriza Fechamento de Caixa, botões do cabeçalho e contraste dos valores.
   Mantém a barra lateral/drawer aprovada na V47.
   ======================================================================== */
html[data-theme="dark"]{
  --dark-bg-0:#07121d;
  --dark-bg-1:#0b1825;
  --dark-panel:#0f1f2e;
  --dark-panel-2:#122638;
  --dark-panel-3:#162d42;
  --dark-border:#294760;
  --dark-border-soft:#21394e;
  --dark-blue:#0f5798;
  --dark-blue-hover:#146bb8;
  --dark-green:#116b43;
  --dark-green-hover:#148052;
  --dark-red:#8a3038;
  --dark-red-hover:#a33a43;
  --dark-text:#dbe8f4;
  --dark-muted:#8fa7bb;
}

/* Cabeçalho: sol/menu deixam de parecer botões do tema claro. */
@media screen and (min-width:961px){
  html[data-theme="dark"] #appView .desktop-header-command-zone #themeToggle.juze-theme-toggle,
  html[data-theme="dark"] #appView .desktop-menu-toggle{
    background:#112539!important;
    border-color:#31506a!important;
    color:#8fc8ff!important;
    box-shadow:0 4px 14px rgba(0,0,0,.16)!important;
  }
  html[data-theme="dark"] #appView .desktop-header-command-zone #themeToggle.juze-theme-toggle:hover,
  html[data-theme="dark"] #appView .desktop-menu-toggle:hover{
    background:#17324a!important;
    border-color:#416b8e!important;
    box-shadow:0 6px 18px rgba(0,0,0,.22)!important;
    transform:translateY(-1px)!important;
  }
  html[data-theme="dark"] #appView .desktop-menu-toggle span{
    background:#86c2ff!important;
  }
}

/* ------------------------------------------------------------------------
   FECHAMENTO DE CAIXA — superfícies realmente escuras
   ------------------------------------------------------------------------ */
html[data-theme="dark"] #page-caixa #caixaFormPanel{
  background:linear-gradient(180deg,#101f2d 0%,#0d1a27 100%)!important;
  border-color:#29455d!important;
  box-shadow:0 8px 24px rgba(0,0,0,.15)!important;
}
html[data-theme="dark"] #page-caixa #caixaFormPanel .form-grid,
html[data-theme="dark"] #page-caixa #caixaFormPanel .cash-header-actions-row,
html[data-theme="dark"] #page-caixa #caixaFormPanel .cash-desktop-form-command-host,
html[data-theme="dark"] #page-caixa #caixaFormPanel .cash-desktop-form-action-host{
  background:transparent!important;
}
html[data-theme="dark"] #page-caixa #caixaFormPanel .cash-header-actions-row{
  border-top-color:#263d52!important;
}
html[data-theme="dark"] #page-caixa #caixaFormPanel .field>label,
html[data-theme="dark"] #page-caixa #caixaFormPanel .smart-field>label,
html[data-theme="dark"] #page-caixa #caixaFormPanel .form-smart-select-field>label,
html[data-theme="dark"] #page-caixa #caixaFormPanel .cash-nf-inline-check{
  color:#9fb6ca!important;
}
html[data-theme="dark"] #page-caixa #caixaFormPanel input,
html[data-theme="dark"] #page-caixa #caixaFormPanel select,
html[data-theme="dark"] #page-caixa #caixaFormPanel textarea,
html[data-theme="dark"] #page-caixa #caixaFormPanel .form-smart-select-trigger,
html[data-theme="dark"] #page-caixa #caixaFormPanel #compTrigger,
html[data-theme="dark"] #page-caixa #caixaFormPanel #prevComp,
html[data-theme="dark"] #page-caixa #caixaFormPanel #nextComp{
  background:#0a1723!important;
  border-color:#2c4962!important;
  color:#dce9f4!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #page-caixa #caixaFormPanel input::placeholder,
html[data-theme="dark"] #page-caixa #caixaFormPanel textarea::placeholder{
  color:#718aa0!important;
}
html[data-theme="dark"] #page-caixa #caixaFormPanel #fTipoTrigger{
  background:#102b45!important;
  border-color:#315c80!important;
  color:#8bc5ff!important;
}
html[data-theme="dark"] #page-caixa #caixaFormPanel .cash-client-shortcut{
  background:#102b45!important;
  border:1px solid #315c80!important;
  color:#8bc5ff!important;
  text-decoration:none!important;
}
html[data-theme="dark"] #page-caixa #caixaFormPanel .cash-client-shortcut:hover{
  background:#173a58!important;
  border-color:#42749a!important;
  color:#b6dcff!important;
}

/* Ações do caixa: azul/verde/vermelho próprios do modo escuro. */
html[data-theme="dark"] #page-caixa #newComp,
html[data-theme="dark"] #page-caixa #printReport{
  background:#0f5798!important;
  border-color:#176aae!important;
  color:#f3f8fd!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #page-caixa #newComp:hover,
html[data-theme="dark"] #page-caixa #printReport:hover{
  background:#146bb8!important;
  border-color:#247bc6!important;
}
html[data-theme="dark"] #page-caixa #clearLanc,
html[data-theme="dark"] #page-caixa #clearFilter{
  background:#14283a!important;
  border-color:#31506a!important;
  color:#c7d8e6!important;
}
html[data-theme="dark"] #page-caixa #clearLanc:hover,
html[data-theme="dark"] #page-caixa #clearFilter:hover{
  background:#1a3349!important;
  border-color:#426582!important;
}
html[data-theme="dark"] #page-caixa #deleteComp{
  background:#261a20!important;
  border-color:#7d343d!important;
  color:#ff9299!important;
}
html[data-theme="dark"] #page-caixa #deleteComp:hover{
  background:#351d24!important;
  border-color:#9a3a46!important;
  color:#ffb0b5!important;
}
html[data-theme="dark"] #page-caixa #deleteLanc,
html[data-theme="dark"] #page-caixa .edit-block .top-delete{
  background:#8a3038!important;
  border-color:#a13a43!important;
  color:#fff!important;
}
html[data-theme="dark"] #page-caixa #deleteLanc:hover,
html[data-theme="dark"] #page-caixa .edit-block .top-delete:hover{
  background:#a33a43!important;
  border-color:#b84a53!important;
}
html[data-theme="dark"] #page-caixa #saveLanc,
html[data-theme="dark"] #page-caixa .edit-block .top-save{
  background:#116b43!important;
  border-color:#1a8253!important;
  color:#fff!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #page-caixa #saveLanc:hover,
html[data-theme="dark"] #page-caixa .edit-block .top-save:hover{
  background:#148052!important;
  border-color:#239662!important;
}

/* Painel/filtros da grade. */
html[data-theme="dark"] #page-caixa #cashTablePanel{
  background:linear-gradient(180deg,#0d1c29 0%,#0a1723 100%)!important;
  border-color:#29455d!important;
  box-shadow:0 8px 24px rgba(0,0,0,.14)!important;
}
html[data-theme="dark"] #page-caixa #cashTablePanel .filters{
  background:transparent!important;
}
html[data-theme="dark"] #page-caixa #filterStatusTrigger,
html[data-theme="dark"] #page-caixa #filterText{
  background:#0b1926!important;
  border-color:#2c4962!important;
  color:#dbe8f4!important;
}
html[data-theme="dark"] #page-caixa .cash-filter-summary{
  color:#9bb2c5!important;
}
html[data-theme="dark"] #page-caixa .cash-filter-summary b,
html[data-theme="dark"] #page-caixa .cash-filter-summary strong,
html[data-theme="dark"] #page-caixa .cash-filter-total{
  color:#d7e5f1!important;
}

/* Tabela: células recebem a superfície escura diretamente, evitando o branco
   que aparecia por regras específicas do layout antigo. */
html[data-theme="dark"] #page-caixa #cashTablePanel .cash-table-wrap{
  background:#0a1723!important;
  border-color:#29455d!important;
}
html[data-theme="dark"] #page-caixa #cashTable thead,
html[data-theme="dark"] #page-caixa #cashTable thead tr,
html[data-theme="dark"] #page-caixa #cashTable thead th{
  background:#0f5798!important;
  background-image:none!important;
  border-color:#176aae!important;
  color:#f5f9fd!important;
}
html[data-theme="dark"] #page-caixa #cashTable tbody tr>td{
  background:#101f2d!important;
  color:#cbd9e5!important;
  border-bottom-color:#22394d!important;
}
html[data-theme="dark"] #page-caixa #cashTable tbody tr:nth-child(even)>td{
  background:#0d1b28!important;
}
html[data-theme="dark"] #page-caixa #cashTable tbody tr:hover>td{
  background:#173047!important;
}
html[data-theme="dark"] #page-caixa #cashTable tbody tr.selected>td{
  background:#1a3b57!important;
}
html[data-theme="dark"] #page-caixa #cashTable .cash-date-cell>span{
  color:#dce9f4!important;
}
html[data-theme="dark"] #page-caixa #cashTable .cash-created-date{
  color:#879fb4!important;
}
html[data-theme="dark"] #page-caixa #cashTable tbody td:last-child{
  color:#e3edf6!important;
  font-weight:400!important;
}
html[data-theme="dark"] #page-caixa #cashTable .col-filter-btn{
  background:#1a6db3!important;
  border-color:#2a7cc1!important;
  color:#eaf5ff!important;
}
html[data-theme="dark"] #page-caixa #cashTable .col-filter-btn:hover{
  background:#237fc9!important;
}
html[data-theme="dark"] #page-caixa #cashTable .type-pill.receita{
  background:#123d2a!important;
  color:#7be0a8!important;
  border-color:#205a3e!important;
}
html[data-theme="dark"] #page-caixa #cashTable .type-pill.despesa{
  background:#421f25!important;
  color:#ff9ba2!important;
  border-color:#643038!important;
}
html[data-theme="dark"] #page-caixa #cashTable .pay-toggle{
  background:#152534!important;
  border-color:#36536c!important;
  color:#9cb1c4!important;
}
html[data-theme="dark"] #page-caixa #cashTable .pay-toggle.on{
  background:#123d2a!important;
  border-color:#286947!important;
  color:#78e0a7!important;
}
html[data-theme="dark"] #page-caixa .nf-badge,
html[data-theme="dark"] #page-caixa .nf-pill{
  background:#142638!important;
  border-color:#304d66!important;
  color:#a9bed0!important;
}

/* Botão fixo dos totalizadores e painel, mantendo o azul do sistema mais sóbrio. */
html[data-theme="dark"] #page-caixa #toggleTotals,
html[data-theme="dark"] #page-caixa .totals-toggle,
html[data-theme="dark"] #page-caixa .totals-floating-toggle{
  background:linear-gradient(135deg,#0d4b84 0%,#0f5e9f 55%,#1269ac 100%)!important;
  border-color:#1e72b6!important;
  color:#fff!important;
  box-shadow:0 8px 22px rgba(0,0,0,.22)!important;
}
html[data-theme="dark"] #page-caixa .totals-modern-shell,
html[data-theme="dark"] #page-caixa .totals-panel,
html[data-theme="dark"] #page-caixa .totals-modern-body,
html[data-theme="dark"] #page-caixa .totals-modern-header{
  background:#0e1d2a!important;
  border-color:#29455d!important;
  color:#dce8f3!important;
}

/* ------------------------------------------------------------------------
   NFS-e — mais contraste nos números e estados; sem perder o visual aprovado.
   ------------------------------------------------------------------------ */
html[data-theme="dark"] #page-nfse .nfse-metric-card strong{
  color:#9dcbff!important;
  text-shadow:none!important;
}
html[data-theme="dark"] #page-nfse .nfse-metric-card span{
  color:#92aabd!important;
}
html[data-theme="dark"] #page-nfse .nfse-metric-card small{
  color:#8199ad!important;
}
html[data-theme="dark"] #page-nfse .nfse-page-hero-status.ready,
html[data-theme="dark"] #page-nfse .nfse-page-hero-status.fiscal-ok,
html[data-theme="dark"] #page-nfse .nfse-fiscal-badge.ok{
  background:#113525!important;
  border-color:#286548!important;
  color:#8ae0ad!important;
}
html[data-theme="dark"] #page-nfse .nfse-status-pill.emitida{
  background:#123b29!important;
  border-color:#2c6949!important;
  color:#7ee0a9!important;
}
html[data-theme="dark"] #page-nfse .nfse-status-pill.rascunho,
html[data-theme="dark"] #page-nfse .nfse-status-pill.preparada{
  background:#3a301b!important;
  border-color:#715b28!important;
  color:#f0cd74!important;
}
html[data-theme="dark"] #page-nfse .nfse-status-pill.cancelada,
html[data-theme="dark"] #page-nfse .nfse-status-pill.erro{
  background:#421f25!important;
  border-color:#71323b!important;
  color:#ff9ba2!important;
}
html[data-theme="dark"] #page-nfse #nfseNewManual{
  background:#116b43!important;
  border-color:#1a8253!important;
  color:#fff!important;
}
html[data-theme="dark"] #page-nfse #nfseNewManual:hover{
  background:#148052!important;
  border-color:#239662!important;
}
html[data-theme="dark"] #page-nfse #nfseRefresh,
html[data-theme="dark"] #page-nfse .nfse-doc-action .btn{
  background:#14283a!important;
  border-color:#31506a!important;
  color:#c9dae8!important;
}
html[data-theme="dark"] #page-nfse #nfseRefresh:hover,
html[data-theme="dark"] #page-nfse .nfse-doc-action .btn:hover{
  background:#1a3349!important;
  border-color:#426582!important;
}

/* Demais botões neutros no tema escuro recebem superfície dark, não branca. */
html[data-theme="dark"] #appView button:not(.desktop-drawer-close):not(.desktop-drawer-logout):not(.desktop-menu-toggle):not(.juze-theme-toggle):not(.btn):not(.col-filter-btn):not(.pay-toggle){
  border-color:inherit;
}

/* Impressão continua invariavelmente clara. */
@media print{
  html[data-theme="dark"],
  html[data-theme="dark"] body{background:#fff!important;color:#111!important}
}

/* ========================================================================
   V49 — MODO NOTURNO MAPEADO / COBERTURA COMPLETA — 05/10/2026
   Auditoria visual de: Caixa, totalizadores, modais, filtros, Clientes,
   Veículos, NFS-e, Configurações, popovers, anexos e mobile.
   Somente [data-theme="dark"] — tema claro permanece intocado.
   ======================================================================== */
html[data-theme="dark"]{
  --night-bg:#08131e;
  --night-bg-2:#0b1824;
  --night-panel:#0f1e2b;
  --night-panel-2:#122536;
  --night-panel-3:#162c3e;
  --night-input:#0a1722;
  --night-border:#29445a;
  --night-border-2:#34566f;
  --night-text:#dbe7f1;
  --night-text-strong:#eef5fb;
  --night-muted:#8da5b8;
  --night-blue:#155985;
  --night-blue-2:#196a9e;
  --night-blue-soft:#11314a;
  --night-green:#17613f;
  --night-green-2:#1e7650;
  --night-red:#74323b;
  --night-red-2:#8b3c47;
  --night-amber:#6d5627;
}

/* ---------- BASE GLOBAL / SEM BRANCO RESIDUAL ---------- */
html[data-theme="dark"] body,
html[data-theme="dark"] #appView,
html[data-theme="dark"] .main,
html[data-theme="dark"] .content{
  background:var(--night-bg)!important;
  color:var(--night-text)!important;
}
html[data-theme="dark"] .page,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .panel.pad,
html[data-theme="dark"] .toolbar,
html[data-theme="dark"] .card,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .list-table{
  background:var(--night-panel)!important;
  border-color:var(--night-border)!important;
  color:var(--night-text)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .section-title,
html[data-theme="dark"] .modal-title,
html[data-theme="dark"] .modal h3,
html[data-theme="dark"] .panel h3,
html[data-theme="dark"] .panel h4{
  color:var(--night-text-strong)!important;
}
html[data-theme="dark"] .hint,
html[data-theme="dark"] .panel small,
html[data-theme="dark"] .toolbar small,
html[data-theme="dark"] .empty{
  color:var(--night-muted)!important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select,
html[data-theme="dark"] .field textarea{
  background:var(--night-input)!important;
  border-color:var(--night-border)!important;
  color:var(--night-text)!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#70899d!important;opacity:1!important}
html[data-theme="dark"] input:disabled,
html[data-theme="dark"] select:disabled,
html[data-theme="dark"] textarea:disabled{
  background:#0e1b27!important;
  color:#71879a!important;
  border-color:#263c50!important;
}

/* ---------- AÇÕES: TONS NOTURNOS, SEM AZUL/VERDE CLARO ---------- */
html[data-theme="dark"] .btn,
html[data-theme="dark"] button.btn,
html[data-theme="dark"] .ghost{
  background:#142637!important;
  border-color:#315069!important;
  color:#c9d9e6!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] button.btn:hover,
html[data-theme="dark"] .ghost:hover{background:#193047!important;border-color:#40647f!important}
html[data-theme="dark"] .btn.brand,
html[data-theme="dark"] .primary,
html[data-theme="dark"] .vehicle-search-btn,
html[data-theme="dark"] .report-generate{
  background:var(--night-blue)!important;
  border-color:#1d6a9c!important;
  color:#f3f8fc!important;
}
html[data-theme="dark"] .btn.brand:hover,
html[data-theme="dark"] .primary:hover,
html[data-theme="dark"] .vehicle-search-btn:hover,
html[data-theme="dark"] .report-generate:hover{background:var(--night-blue-2)!important;border-color:#247aaf!important}
html[data-theme="dark"] .btn.green,
html[data-theme="dark"] #saveVehicle,
html[data-theme="dark"] #saveClient{
  background:var(--night-green)!important;
  border-color:#247651!important;
  color:#f1fbf6!important;
}
html[data-theme="dark"] .btn.green:hover,
html[data-theme="dark"] #saveVehicle:hover,
html[data-theme="dark"] #saveClient:hover{background:var(--night-green-2)!important;border-color:#2b8b60!important}
html[data-theme="dark"] .btn.red{
  background:#281b20!important;
  border-color:#71333d!important;
  color:#f39aa3!important;
}
html[data-theme="dark"] .btn.red:hover{background:#351f26!important;border-color:#88404a!important;color:#ffb0b7!important}

/* ---------- CABEÇALHO / TOGGLES ---------- */
@media screen and (min-width:961px){
  html[data-theme="dark"] #appView .local-header,
  html[data-theme="dark"] #appView .topbar{background:#0b1824!important;border-color:#22394c!important}
  html[data-theme="dark"] #appView #themeToggle.juze-theme-toggle,
  html[data-theme="dark"] #appView .desktop-menu-toggle{
    background:#10263a!important;
    border-color:#31536c!important;
    color:#80b8df!important;
    box-shadow:none!important;
  }
  html[data-theme="dark"] #appView #themeToggle.juze-theme-toggle:hover,
  html[data-theme="dark"] #appView .desktop-menu-toggle:hover{background:#163149!important;border-color:#416b88!important}
  html[data-theme="dark"] #appView .desktop-menu-toggle span{background:#83b9de!important}
}

/* ---------- FECHAMENTO DE CAIXA / CABEÇALHO DA TABELA ---------- */
html[data-theme="dark"] #page-caixa #cashTable thead,
html[data-theme="dark"] #page-caixa #cashTable thead tr,
html[data-theme="dark"] #page-caixa #cashTable thead th{
  background:#155985!important;
  background-image:none!important;
  border-color:#1d6a9c!important;
  color:#f4f8fb!important;
}
html[data-theme="dark"] #page-caixa #cashTable .col-filter-btn{
  background:#1b6c9f!important;
  border-color:#247aaf!important;
  color:#e8f3fa!important;
}
html[data-theme="dark"] #page-caixa #cashTable .col-filter-btn:hover,
html[data-theme="dark"] #page-caixa #cashTable .col-filter-btn.open{background:#237cab!important}
html[data-theme="dark"] #page-caixa #cashTable tbody tr>td{background:#10202e!important;color:#cbd9e4!important;border-bottom-color:#254053!important}
html[data-theme="dark"] #page-caixa #cashTable tbody tr:nth-child(even)>td{background:#0d1b28!important}
html[data-theme="dark"] #page-caixa #cashTable tbody tr:hover>td{background:#173247!important}
html[data-theme="dark"] #page-caixa #cashTable tbody tr.selected>td{background:#1a3a53!important}
html[data-theme="dark"] #page-caixa #cashTable tbody td:last-child{color:#dbe7f1!important;font-weight:400!important}
html[data-theme="dark"] #page-caixa #cashTable .nf-emitted,
html[data-theme="dark"] #page-caixa #cashTable .nf-none{background:#142737!important;border-color:#314b61!important;color:#9fb2c2!important}

/* ---------- FILTRO EXCEL / POPUP QUE AINDA FICAVA BRANCO ---------- */
html[data-theme="dark"] body .excel-filter-menu,
html[data-theme="dark"] #appView .excel-filter-menu{
  background:#0f1f2d!important;
  border-color:#33516a!important;
  color:#d8e4ee!important;
  box-shadow:0 20px 50px rgba(0,0,0,.42)!important;
}
html[data-theme="dark"] body .excel-filter-sort,
html[data-theme="dark"] body .excel-filter-search,
html[data-theme="dark"] body .excel-filter-actions,
html[data-theme="dark"] body .excel-filter-count{
  background:#122536!important;
  border-color:#29455c!important;
  color:#91a8ba!important;
}
html[data-theme="dark"] body .excel-filter-sort button,
html[data-theme="dark"] body .excel-filter-actions button{
  background:#122536!important;
  border-color:#355873!important;
  color:#cbdbe7!important;
}
html[data-theme="dark"] body .excel-filter-sort button:hover,
html[data-theme="dark"] body .excel-filter-sort button.active,
html[data-theme="dark"] body .excel-filter-check:hover{background:#18334a!important;color:#e8f2f9!important}
html[data-theme="dark"] body .excel-filter-search input{
  background:#081722!important;
  border-color:#3a5d77!important;
  color:#dce8f1!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body .excel-filter-check{background:#0f1f2d!important;color:#cbd8e3!important}
html[data-theme="dark"] body .excel-filter-check input{accent-color:#2a78aa!important}
html[data-theme="dark"] body .excel-filter-empty{color:#8299ab!important}
html[data-theme="dark"] body .col-filter-btn.filtered{background:#244b68!important;color:#d8ecfb!important;box-shadow:none!important}

/* ---------- TOTALIZADORES: CORREÇÃO DE ALTA ESPECIFICIDADE ---------- */
html[data-theme="dark"] body #page-caixa #summaryDock.desktop-totals-drawer.desktop-totals-open{
  background:transparent!important;
  filter:none!important;
}
html[data-theme="dark"] body #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell{
  background:linear-gradient(180deg,#0d1c29 0%,#0a1722 100%)!important;
  border-color:#2b475d!important;
  box-shadow:0 16px 36px rgba(0,0,0,.30)!important;
}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-modern-kicker,
html[data-theme="dark"] body #page-caixa #summaryDock .totals-modern-title span,
html[data-theme="dark"] body #page-caixa #summaryDock .totals-modern-title strong{color:#a9bdcc!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-modern-caption,
html[data-theme="dark"] body #page-caixa #summaryDock .totals-modern-comp-prefix{color:#7f98aa!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-modern-comp-label{color:#b9d8ec!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-modern-comp-nav{
  background:#102334!important;
  border-color:#31516a!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-comp-arrow{
  background:#142a3d!important;
  border:1px solid #31516a!important;
  color:#91c1df!important;
}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-comp-arrow:hover:not(.is-disabled){background:#1a3a51!important;color:#c1e2f4!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-card{
  background:linear-gradient(145deg,#103651 0%,#12304a 55%,#0d283d 100%)!important;
  border-color:#2b5c79!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-eyebrow{color:#9fc1d8!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-value{color:#eef7fc!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-top .totals-year-line span{color:#8facbf!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-top .totals-year-line b{color:#dceaf3!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-mini.revenue{
  background:#112a22!important;
  border-color:#285c45!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-mini.expense{
  background:#2a1d23!important;
  border-color:#63343d!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-mini.revenue span,
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-mini.revenue strong{color:#86d1a6!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-mini.expense span,
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-mini.expense strong{color:#ef929b!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-mini .totals-year-line span{color:#82998b!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-mini .totals-year-line b{color:#b5c9bd!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-modern-card{
  background:linear-gradient(180deg,#10202e 0%,#0e1c29 100%)!important;
  border-color:#29465c!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-modern-card-head{border-bottom-color:#263f53!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-modern-card-head span{color:#c9d9e5!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-modern-card-head small{color:#7f98aa!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-payment-card.revenue .totals-modern-card-head span{color:#86cba3!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-payment-card.expense .totals-modern-card-head span{color:#e38a94!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-nf-item,
html[data-theme="dark"] body #page-caixa #summaryDock .totals-payment-item{
  background:#0b1925!important;
  border-color:#274257!important;
}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-nf-item span,
html[data-theme="dark"] body #page-caixa #summaryDock .totals-payment-item span{color:#8ea5b6!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-nf-item strong,
html[data-theme="dark"] body #page-caixa #summaryDock .totals-payment-item strong{color:#d8e5ee!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-payment-card.revenue .totals-payment-item span{color:#75b893!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-payment-card.expense .totals-payment-item span{color:#d9858f!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-year-line span{color:#748c9e!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-year-line b{color:#a7bac8!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-modern-averages{
  background:#0d1b28!important;
  border-top:1px solid #29465c!important;
  border-radius:9px!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-average-title span{color:#98adbd!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-average-title small{color:#71899a!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-average-item strong{color:#d8e5ee!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-average-item.revenue span{color:#79bd97!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-average-item.expense span{color:#dc8993!important}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-average-item.liquid span{color:#8abbd8!important}
html[data-theme="dark"] body #page-caixa #desktopTotalsToggle{
  background:linear-gradient(135deg,#104b73 0%,#155985 55%,#196a9e 100%)!important;
  border-color:#1d6a9c!important;
  color:#f0f7fb!important;
  box-shadow:0 7px 18px rgba(0,0,0,.22)!important;
}

/* ---------- MODAL: RESUMO DO LANÇAMENTO ---------- */
html[data-theme="dark"] body #modalRoot .launch-summary-modal,
html[data-theme="dark"] body #modalRoot .launch-summary-modal .modal-head,
html[data-theme="dark"] body #modalRoot .launch-summary-modal .modal-body,
html[data-theme="dark"] body #modalRoot .launch-summary-modal .modal-foot{
  background:#0f1e2b!important;
  border-color:#29455b!important;
  color:#dbe7f1!important;
}
html[data-theme="dark"] body #modalRoot .launch-summary-icon{background:#14334b!important;color:#8fc4e4!important}
html[data-theme="dark"] body #modalRoot .launch-summary-title h3{color:#edf5fa!important}
html[data-theme="dark"] body #modalRoot .launch-summary-title small{color:#8198aa!important}
html[data-theme="dark"] body #modalRoot .launch-summary-item{
  background:#122536!important;
  border-color:#2b4a61!important;
}
html[data-theme="dark"] body #modalRoot .launch-summary-item.type-receita{background:#112a22!important;border-color:#285c45!important}
html[data-theme="dark"] body #modalRoot .launch-summary-item.type-despesa{background:#2a1d23!important;border-color:#63343d!important}
html[data-theme="dark"] body #modalRoot .launch-summary-label{color:#849cad!important}
html[data-theme="dark"] body #modalRoot .launch-summary-value{color:#dbe7ef!important}
html[data-theme="dark"] body #modalRoot .launch-summary-value.money-value{color:#c8e2f2!important}
html[data-theme="dark"] body #modalRoot .launch-summary-item.type-receita .launch-summary-label,
html[data-theme="dark"] body #modalRoot .launch-summary-item.type-receita .launch-summary-value{color:#86cfa4!important}
html[data-theme="dark"] body #modalRoot .launch-summary-item.type-despesa .launch-summary-label,
html[data-theme="dark"] body #modalRoot .launch-summary-item.type-despesa .launch-summary-value{color:#eb9099!important}
html[data-theme="dark"] body #modalRoot .launch-summary-note{background:#0c1925!important;border:1px solid #263f53!important;color:#839bad!important}
html[data-theme="dark"] body #modalRoot .launch-summary-delete{background:#281b20!important;border-color:#71333d!important;color:#ef98a1!important}
html[data-theme="dark"] body #modalRoot .launch-summary-edit{background:var(--night-blue)!important;border-color:#1d6a9c!important;color:#fff!important}

/* ---------- MODAL: RELATÓRIOS PDF ---------- */
html[data-theme="dark"] body #modalRoot .report-center-modal,
html[data-theme="dark"] body #modalRoot .report-center-modal .modal-head,
html[data-theme="dark"] body #modalRoot .report-center-modal .modal-body,
html[data-theme="dark"] body #modalRoot .report-center-modal .modal-foot{
  background:#0f1e2b!important;
  border-color:#29455b!important;
}
html[data-theme="dark"] body #modalRoot .report-center-modal .modal-head h3{color:#eaf3f9!important}
html[data-theme="dark"] body #modalRoot .report-center-intro{color:#839bad!important}
html[data-theme="dark"] body #modalRoot .report-config-box{
  background:#0c1a26!important;
  border-color:#2a475e!important;
}
html[data-theme="dark"] body #modalRoot .report-config-title{color:#8da4b6!important}
html[data-theme="dark"] body #modalRoot .report-period-tab,
html[data-theme="dark"] body #modalRoot .report-period-select,
html[data-theme="dark"] body #modalRoot .report-type{
  background:#122536!important;
  border-color:#31516a!important;
  color:#cbdbe7!important;
}
html[data-theme="dark"] body #modalRoot .report-period-tab.active,
html[data-theme="dark"] body #modalRoot .report-type.active{
  background:#14334b!important;
  border-color:#2d709b!important;
  color:#d9edf9!important;
  box-shadow:inset 3px 0 0 #3b88b8!important;
}
html[data-theme="dark"] body #modalRoot .report-type:hover{background:#173047!important;border-color:#3f6680!important}
html[data-theme="dark"] body #modalRoot .report-type strong{color:#dce7f0!important}
html[data-theme="dark"] body #modalRoot .report-type span{color:#8097a9!important}
html[data-theme="dark"] body #modalRoot .report-generate{background:var(--night-blue)!important;border-color:#1d6a9c!important;color:#fff!important}

/* ---------- CLIENTES ---------- */
html[data-theme="dark"] #page-clientes .panel,
html[data-theme="dark"] #page-clientes .panel.pad{background:#0f1e2b!important;border-color:#29445a!important}
html[data-theme="dark"] #page-clientes #clientSearch{background:#0a1722!important;border-color:#2d4b62!important;color:#dbe7f1!important}
html[data-theme="dark"] #page-clientes #clientTable thead th{background:#155985!important;border-color:#1d6a9c!important;color:#f2f7fa!important}
html[data-theme="dark"] #page-clientes #clientTable tbody tr>td{background:#10202e!important;border-bottom-color:#254053!important;color:#cbd9e4!important}
html[data-theme="dark"] #page-clientes #clientTable tbody tr:nth-child(even)>td{background:#0d1b28!important}
html[data-theme="dark"] #page-clientes #clientTable tbody tr:hover>td{background:#173247!important}

/* ---------- VEÍCULOS: TODAS AS FAIXAS/ANEXOS/TABELA ---------- */
html[data-theme="dark"] #page-veiculos .vehicle-form-panel,
html[data-theme="dark"] #page-veiculos .vehicle-list-panel,
html[data-theme="dark"] #page-veiculos .compact-list-panel{background:#0f1e2b!important;border-color:#29445a!important}
html[data-theme="dark"] #page-veiculos .vehicle-lookup-strip,
html[data-theme="dark"] #page-veiculos .vehicle-lookup-strip.compact-lookup,
html[data-theme="dark"] #page-veiculos .vehicle-attachments-compact,
html[data-theme="dark"] #page-veiculos .vehicle-attachments-mini,
html[data-theme="dark"] #page-veiculos .vehicle-assets-box,
html[data-theme="dark"] #page-veiculos .vehicle-doc-panel,
html[data-theme="dark"] #page-veiculos .vehicle-file-manager{
  background:#0c1a26!important;
  border-color:#2a475e!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #page-veiculos .vehicle-attachments-title{border-bottom-color:#253f53!important}
html[data-theme="dark"] #page-veiculos .vehicle-attachments-title strong,
html[data-theme="dark"] #page-veiculos .vehicle-attachments-grid .vehicle-inline-doc-field>label{color:#b5c8d6!important}
html[data-theme="dark"] #page-veiculos .vehicle-attachments-title span,
html[data-theme="dark"] #page-veiculos .vehicle-lookup-help,
html[data-theme="dark"] #page-veiculos .vehicle-required-hint{color:#8198aa!important}
html[data-theme="dark"] #page-veiculos .vehicle-inline-doc,
html[data-theme="dark"] #page-veiculos .vehicle-inline-doc.optional,
html[data-theme="dark"] #page-veiculos .vehicle-inline-doc.required,
html[data-theme="dark"] #page-veiculos .vehicle-inline-doc.pending,
html[data-theme="dark"] #page-veiculos .vehicle-inline-doc.saved,
html[data-theme="dark"] #page-veiculos .vehicle-inline-doc.ok,
html[data-theme="dark"] #page-veiculos .vehicle-inline-doc.warning,
html[data-theme="dark"] #page-veiculos .vehicle-inline-doc.danger{
  background:#102334!important;
  border-color:#31516a!important;
  color:#cbdbe7!important;
}
html[data-theme="dark"] #page-veiculos .vehicle-inline-doc .vehicle-doc-pick{
  background:#173653!important;
  color:#9fd1ee!important;
}
html[data-theme="dark"] #page-veiculos .vehicle-inline-doc.saved .vehicle-doc-pick,
html[data-theme="dark"] #page-veiculos .vehicle-inline-doc.ok .vehicle-doc-pick{background:#173428!important;color:#8ad0a7!important}
html[data-theme="dark"] #page-veiculos .vehicle-inline-doc .vehicle-doc-open{background:#132536!important;border-color:#36556d!important;color:#b7cad9!important}
html[data-theme="dark"] #page-veiculos .vehicle-inline-doc .vehicle-doc-remove{background:#281b20!important;border-color:#6e343d!important;color:#ef949d!important}
html[data-theme="dark"] #page-veiculos .vehicle-api-status,
html[data-theme="dark"] #page-veiculos .vehicle-api-status.ok,
html[data-theme="dark"] #page-veiculos .vehicle-api-status.warning,
html[data-theme="dark"] #page-veiculos .vehicle-api-status.error{
  background:#122536!important;
  border-color:#31516a!important;
  color:#91a9ba!important;
}
html[data-theme="dark"] #page-veiculos .vehicle-api-status.ok{background:#132a21!important;border-color:#2c5c45!important;color:#89cba5!important}
html[data-theme="dark"] #page-veiculos .vehicle-api-status.warning{background:#2b2517!important;border-color:#5e4e28!important;color:#d7bd73!important}
html[data-theme="dark"] #page-veiculos .vehicle-api-status.error{background:#2a1d22!important;border-color:#65343d!important;color:#e8919a!important}
html[data-theme="dark"] #page-veiculos .vehicle-list-toolbar input{background:#0a1722!important;border-color:#2d4b62!important;color:#dbe7f1!important}
html[data-theme="dark"] #page-veiculos #vehicleTable thead th{background:#155985!important;border-color:#1d6a9c!important;color:#f2f7fa!important}
html[data-theme="dark"] #page-veiculos #vehicleTable tbody tr:nth-child(odd)>td{background:#10202e!important;color:#cbd9e4!important}
html[data-theme="dark"] #page-veiculos #vehicleTable tbody tr:nth-child(even)>td{background:#0d1b28!important;color:#cbd9e4!important}
html[data-theme="dark"] #page-veiculos #vehicleTable tbody tr:hover>td{background:#173247!important}
html[data-theme="dark"] .vehicle-modal-card,
html[data-theme="dark"] .vehicle-doc-current,
html[data-theme="dark"] .vehicle-upload-selected,
html[data-theme="dark"] .vehicle-token-provider-note,
html[data-theme="dark"] .vehicle-doc-validity-note{background:#102334!important;border-color:#31516a!important;color:#c1d1dd!important}
html[data-theme="dark"] .vehicle-doc-tab{background:#122536!important;border-color:#31516a!important;color:#9fb4c4!important}
html[data-theme="dark"] .vehicle-doc-tab.active{background:#155985!important;border-color:#1d6a9c!important;color:#fff!important;box-shadow:none!important}

/* ---------- NFS-e: AZUL DE ACENTO MAIS SÓBRIO ---------- */
html[data-theme="dark"] #page-nfse .nfse-tabs button.active{background:#155985!important;border-color:#1d6a9c!important;color:#fff!important}
html[data-theme="dark"] #page-nfse #nfseNewManual{background:var(--night-green)!important;border-color:#247651!important;color:#fff!important}
html[data-theme="dark"] #page-nfse .nfse-metric-card strong{color:#a9cbe0!important}
html[data-theme="dark"] #page-nfse .nfse-doc-value{color:#d9e7f1!important}
html[data-theme="dark"] #page-nfse .nfse-module-note{background:#102334!important;border-color:#29485f!important;color:#91a8b9!important}

/* ---------- CONFIGURAÇÕES: REMOVE TODOS OS BLOCOS CLAROS ---------- */
html[data-theme="dark"] #page-config .settings-sidebar,
html[data-theme="dark"] #page-config .settings-sidebar-head,
html[data-theme="dark"] #page-config .settings-nav,
html[data-theme="dark"] #page-config .settings-pane,
html[data-theme="dark"] #page-config .settings-card{
  background:#0f1e2b!important;
  border-color:#29445a!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #page-config .settings-sidebar-head{background:linear-gradient(180deg,#10202e 0%,#0d1b28 100%)!important}
html[data-theme="dark"] #page-config .settings-kicker{color:#7fb6d8!important}
html[data-theme="dark"] #page-config .settings-sidebar-head h2,
html[data-theme="dark"] #page-config .settings-pane-head h2{color:#eaf3f9!important}
html[data-theme="dark"] #page-config .settings-sidebar-head p,
html[data-theme="dark"] #page-config .settings-pane-head p{color:#849cad!important}
html[data-theme="dark"] #page-config .settings-admin-badge,
html[data-theme="dark"] #page-config .settings-lock-chip,
html[data-theme="dark"] #page-config .settings-production-chip,
html[data-theme="dark"] #page-config .fiscal-safety-chip,
html[data-theme="dark"] #page-config .fiscal-national-lock{
  background:#132536!important;
  border-color:#31516a!important;
  color:#a8bdcc!important;
}
html[data-theme="dark"] #page-config .settings-production-chip{background:#132a21!important;border-color:#2c5d45!important;color:#89cba5!important}
html[data-theme="dark"] #page-config .fiscal-national-lock{background:#2a1d22!important;border-color:#65343d!important;color:#e8919a!important}
html[data-theme="dark"] #page-config .settings-nav button{background:transparent!important;color:#aebfcd!important;border-color:transparent!important}
html[data-theme="dark"] #page-config .settings-nav button:hover{background:#14293b!important;border-color:#29485f!important}
html[data-theme="dark"] #page-config .settings-nav button.active{background:#173653!important;border-color:#315f80!important;color:#d9ebf7!important}
html[data-theme="dark"] #page-config .settings-nav-icon{background:#142c40!important;color:#86bad9!important}
html[data-theme="dark"] #page-config .settings-nav button.active .settings-nav-icon{background:#1a567f!important;color:#e9f6fd!important}
html[data-theme="dark"] #page-config .settings-nav button small{color:#7f97a8!important}
html[data-theme="dark"] #page-config .fiscal-profile-card,
html[data-theme="dark"] #page-config .fiscal-profile-card.test{
  background:#0f1f2d!important;
  border-color:#2b485f!important;
  box-shadow:none!important;
}
html[data-theme="dark"] #page-config .fiscal-profile-title{border-bottom-color:#29455b!important}
html[data-theme="dark"] #page-config .fiscal-profile-avatar,
html[data-theme="dark"] #page-config .fiscal-profile-avatar.test{background:#17344a!important;color:#9bc8e2!important}
html[data-theme="dark"] #page-config .fiscal-profile-title h4{color:#e5eef5!important}
html[data-theme="dark"] #page-config .fiscal-profile-title span{color:#8ba2b3!important}
html[data-theme="dark"] #page-config .fiscal-profile-type,
html[data-theme="dark"] #page-config .fiscal-profile-type.test,
html[data-theme="dark"] #page-config .fiscal-profile-state.active,
html[data-theme="dark"] #page-config .fiscal-profile-state.inactive{
  background:#14283a!important;
  color:#a8bdcc!important;
}
html[data-theme="dark"] #page-config .fiscal-profile-state.active{background:#132a21!important;color:#89cba5!important}
html[data-theme="dark"] #page-config .fiscal-profile-info-grid>div{
  background:#0b1925!important;
  border-color:#29455b!important;
}
html[data-theme="dark"] #page-config .fiscal-profile-info-grid span,
html[data-theme="dark"] #page-config .fiscal-channel-title{color:#8198aa!important}
html[data-theme="dark"] #page-config .fiscal-profile-info-grid strong{color:#cbdbe7!important}
html[data-theme="dark"] #page-config .fiscal-profile-info-grid small{color:#728a9c!important}
html[data-theme="dark"] #page-config .fiscal-channel-card,
html[data-theme="dark"] #page-config .fiscal-channel-card.available,
html[data-theme="dark"] #page-config .fiscal-channel-card.blocked,
html[data-theme="dark"] #page-config .fiscal-channel-card.restricted,
html[data-theme="dark"] #page-config .fiscal-channel-card.conditional{
  background:#102334!important;
  border-color:#2d4b62!important;
}
html[data-theme="dark"] #page-config .fiscal-channel-card.available{background:#112920!important;border-color:#2c5d45!important}
html[data-theme="dark"] #page-config .fiscal-channel-card.blocked{background:#281c21!important;border-color:#61333b!important}
html[data-theme="dark"] #page-config .fiscal-channel-card span{color:#8399aa!important}
html[data-theme="dark"] #page-config .fiscal-channel-card strong{color:#cfdee9!important}
html[data-theme="dark"] #page-config .fiscal-channel-card small{color:#748c9e!important}
html[data-theme="dark"] #page-config .fiscal-channel-icon{background:#173247!important;color:#9bc5dd!important}
html[data-theme="dark"] #page-config .fiscal-channel-card.available .fiscal-channel-icon{background:#173428!important;color:#8ad0a7!important}
html[data-theme="dark"] #page-config .fiscal-channel-card.blocked .fiscal-channel-icon{background:#321f25!important;color:#e18b95!important}
html[data-theme="dark"] #page-config .fiscal-profile-message,
html[data-theme="dark"] #page-config .fiscal-profile-message.test,
html[data-theme="dark"] #page-config .settings-info-note,
html[data-theme="dark"] #page-config .settings-warning-note{
  background:#0c1a26!important;
  border-color:#2c4b62!important;
  color:#8fa7b8!important;
}
html[data-theme="dark"] #page-config .settings-warning-note{background:#292416!important;border-color:#5d4d28!important;color:#cdb878!important}
html[data-theme="dark"] #page-config .settings-advanced,
html[data-theme="dark"] #page-config .settings-advanced>summary,
html[data-theme="dark"] #page-config .settings-advanced-body,
html[data-theme="dark"] #page-config .settings-backup-box{
  background:#0d1b28!important;
  border-color:#29455b!important;
}
html[data-theme="dark"] #page-config .settings-backup-icon{background:#17344a!important;color:#96c6e3!important}

/* ---------- NFS-e / CONFIG / CERTIFICADOS: STATUS SEM FUNDO CLARO ---------- */
html[data-theme="dark"] .nfse-fiscal-badge,
html[data-theme="dark"] .nfse-fiscal-badge.ok,
html[data-theme="dark"] .nfse-fiscal-badge.warning,
html[data-theme="dark"] .nfse-fiscal-badge.critical,
html[data-theme="dark"] .nfse-page-hero-status,
html[data-theme="dark"] .nfse-page-hero-status.ready,
html[data-theme="dark"] .nfse-page-hero-status.locked,
html[data-theme="dark"] .nfse-page-hero-status.fiscal-warning,
html[data-theme="dark"] .nfse-page-hero-status.fiscal-critical,
html[data-theme="dark"] .nfse-page-hero-status.fiscal-ok{
  background:#132536!important;
  border-color:#31516a!important;
  color:#a9bdcc!important;
}
html[data-theme="dark"] .nfse-page-hero-status.ready,
html[data-theme="dark"] .nfse-page-hero-status.fiscal-ok,
html[data-theme="dark"] .nfse-fiscal-badge.ok{background:#132a21!important;border-color:#2d6047!important;color:#8bcda6!important}
html[data-theme="dark"] .nfse-page-hero-status.locked,
html[data-theme="dark"] .nfse-page-hero-status.fiscal-critical,
html[data-theme="dark"] .nfse-fiscal-badge.critical{background:#2a1d22!important;border-color:#65343d!important;color:#e8919a!important}
html[data-theme="dark"] .nfse-page-hero-status.fiscal-warning,
html[data-theme="dark"] .nfse-fiscal-badge.warning{background:#2b2517!important;border-color:#5e4e28!important;color:#d7bd73!important}

/* ---------- SMART MENUS PORTADOS PARA O BODY ---------- */
html[data-theme="dark"] body > #compSmartMenu,
html[data-theme="dark"] body > .smart-select-menu,
html[data-theme="dark"] body > .comp-smart-menu,
html[data-theme="dark"] body > .filter-smart-menu{
  background:#0f1f2d!important;
  border-color:#33516a!important;
  color:#d8e4ee!important;
  box-shadow:0 20px 50px rgba(0,0,0,.42)!important;
}
html[data-theme="dark"] body > #compSmartMenu .comp-smart-option,
html[data-theme="dark"] body > .smart-select-menu .smart-option{
  background:#0f1f2d!important;
  color:#cbd9e4!important;
}
html[data-theme="dark"] body > #compSmartMenu .comp-smart-option:hover,
html[data-theme="dark"] body > .smart-select-menu .smart-option:hover{background:#18334a!important;color:#f0f6fa!important}

/* ---------- MOBILE: cobre faixas claras restantes ---------- */
@media screen and (max-width:960px){
  html[data-theme="dark"] .mobile-form-actions,
  html[data-theme="dark"] .mobile-pending-view,
  html[data-theme="dark"] .mobile-reports-view,
  html[data-theme="dark"] .mobile-cash-empty,
  html[data-theme="dark"] .mobile-pending-empty,
  html[data-theme="dark"] .mobile-report-box,
  html[data-theme="dark"] .pending-action-modal,
  html[data-theme="dark"] .pending-payment-preview{
    background:#0f1e2b!important;
    border-color:#29455b!important;
    color:#dbe7f1!important;
  }
  html[data-theme="dark"] .mobile-report-tabs button,
  html[data-theme="dark"] .mobile-report-type,
  html[data-theme="dark"] .pending-action-btn{
    background:#122536!important;
    border-color:#31516a!important;
    color:#cbdbe7!important;
  }
  html[data-theme="dark"] .mobile-report-tabs button.active,
  html[data-theme="dark"] .mobile-report-type.active{background:#153a55!important;border-color:#2c709b!important;color:#e1f0f8!important}
  html[data-theme="dark"] #modalRoot .modal-head,
  html[data-theme="dark"] #modalRoot .modal-foot{background:#0f1e2b!important;border-color:#29455b!important}
  html[data-theme="dark"] #modalRoot .modal-head [data-close]{background:#14283a!important;border-color:#31516a!important;color:#c5d7e4!important}
}

/* Impressão continua clara. */
@media print{
  html[data-theme="dark"] body,
  html[data-theme="dark"] #appView,
  html[data-theme="dark"] .main,
  html[data-theme="dark"] .content,
  html[data-theme="dark"] .panel,
  html[data-theme="dark"] .table-wrap{background:#fff!important;color:#111!important}
}

/* ========================================================================
   V50 — DARK MODE: ACABAMENTO MINUCIOSO / CONFORTO VISUAL — 05/10/2026
   Objetivo: eliminar superfícies claras remanescentes, reduzir brilho do
   texto/acento e preservar a semântica visual (azul/verde/vermelho) em tons
   próprios para ambiente escuro. Sem alterar layout ou funcionalidades.
   ======================================================================== */
html[data-theme="dark"]{
  color-scheme:dark;
  --night-0:#06111a;
  --night-1:#091722;
  --night-2:#0c1c29;
  --night-3:#102433;
  --night-4:#153047;
  --night-border:#29475d;
  --night-border-soft:#20394d;
  --night-text:#cbd8e2;
  --night-text-strong:#e2ebf1;
  --night-muted:#899faf;
  --night-muted-2:#718999;
  --night-blue:#155577;
  --night-blue-hover:#1b668d;
  --night-blue-soft:#102b3d;
  --night-green:#164c34;
  --night-green-hover:#1b6040;
  --night-green-text:#8fd0aa;
  --night-red:#52232a;
  --night-red-hover:#682a33;
  --night-red-text:#ee9ca4;
  --night-amber:#4a3b20;
  --night-amber-text:#d8ba78;
}

/* ---------- TIPOGRAFIA: BRANCO SUAVE, SEM ESTOURAR O CONTRASTE ---------- */
html[data-theme="dark"] body,
html[data-theme="dark"] #appView,
html[data-theme="dark"] .main,
html[data-theme="dark"] .content{color:var(--night-text)!important}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] strong{color:var(--night-text-strong)}
html[data-theme="dark"] .hint,
html[data-theme="dark"] small,
html[data-theme="dark"] .topbar-title p{color:var(--night-muted)!important}

/* ---------- FECHAMENTO: TIPO RECEITA/DESPESA COM SEMÂNTICA DE COR ---------- */
html[data-theme="dark"] body #page-caixa #caixaFormPanel #fTipoTrigger.type-receita{
  background:#10291f!important;
  border-color:#28563e!important;
  color:var(--night-green-text)!important;
}
html[data-theme="dark"] body #page-caixa #caixaFormPanel #fTipoTrigger.type-receita #fTipoLabel{color:var(--night-green-text)!important}
html[data-theme="dark"] body #page-caixa #caixaFormPanel #fTipoTrigger.type-despesa{
  background:#301a20!important;
  border-color:#673039!important;
  color:var(--night-red-text)!important;
}
html[data-theme="dark"] body #page-caixa #caixaFormPanel #fTipoTrigger.type-despesa #fTipoLabel{color:var(--night-red-text)!important}
html[data-theme="dark"] body #page-caixa #tipoSmartMenu{
  background:#0a1925!important;
  border-color:#2c4b61!important;
  box-shadow:0 18px 46px rgba(0,0,0,.44)!important;
}
html[data-theme="dark"] body #page-caixa #tipoSmartMenu .smart-option{
  background:#0a1925!important;
  color:#b8c9d5!important;
}
html[data-theme="dark"] body #page-caixa #tipoSmartMenu .smart-option:nth-child(1){color:#8bcda5!important}
html[data-theme="dark"] body #page-caixa #tipoSmartMenu .smart-option:nth-child(2){color:#e9969e!important}
html[data-theme="dark"] body #page-caixa #tipoSmartMenu .smart-option:nth-child(1):hover,
html[data-theme="dark"] body #page-caixa #tipoSmartMenu .smart-option:nth-child(1).active{background:#143225!important;color:#a5dfbb!important}
html[data-theme="dark"] body #page-caixa #tipoSmartMenu .smart-option:nth-child(2):hover,
html[data-theme="dark"] body #page-caixa #tipoSmartMenu .smart-option:nth-child(2).active{background:#3a1f25!important;color:#f1a6ad!important}

/* Checkbox NF emitida: nunca mais fica com miolo branco no dark. */
html[data-theme="dark"] body #page-caixa #fNF{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  min-height:15px!important;
  padding:0!important;
  margin:0!important;
  border:1px solid #3b5b70!important;
  border-radius:4px!important;
  background:#091722!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)!important;
  cursor:pointer!important;
  vertical-align:middle!important;
}
html[data-theme="dark"] body #page-caixa #fNF:checked{
  background-color:#174e36!important;
  border-color:#347654!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2398ddb4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.3l3 3L12.8 5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:13px 13px!important;
}
html[data-theme="dark"] body #page-caixa .cash-nf-inline-check{background:transparent!important;border-color:transparent!important}

/* PDF preserva identidade vermelha, mas em tom escuro. Nova continua azul. */
html[data-theme="dark"] body #page-caixa #newComp{
  background:#155577!important;
  border-color:#236a8f!important;
  color:#dceaf2!important;
}
html[data-theme="dark"] body #page-caixa #newComp:hover{background:#1b668d!important;border-color:#2c7ca5!important}
html[data-theme="dark"] body #page-caixa #printReport{
  background:#512229!important;
  border-color:#79323c!important;
  color:#efb0b5!important;
}
html[data-theme="dark"] body #page-caixa #printReport:hover{
  background:#642831!important;
  border-color:#923d48!important;
  color:#f5c4c8!important;
}
html[data-theme="dark"] body #page-caixa #deleteLanc,
html[data-theme="dark"] body #page-caixa .edit-block .top-delete{
  background:#652832!important;
  border-color:#833640!important;
  color:#f0b2b7!important;
}
html[data-theme="dark"] body #page-caixa #saveLanc,
html[data-theme="dark"] body #page-caixa .edit-block .top-save{
  background:#165039!important;
  border-color:#236647!important;
  color:#d7ebe0!important;
}

/* Cabeçalho da grade menos luminoso que o azul do modo claro. */
html[data-theme="dark"] body #page-caixa #cashTable thead,
html[data-theme="dark"] body #page-caixa #cashTable thead tr,
html[data-theme="dark"] body #page-caixa #cashTable thead th{
  background:#155274!important;
  border-color:#206486!important;
  color:#dce8ef!important;
}
html[data-theme="dark"] body #page-caixa #cashTable .col-filter-btn{
  background:#1b6389!important;
  border-color:#28779f!important;
  color:#cce0ec!important;
}
html[data-theme="dark"] body #page-caixa #cashTable .col-filter-btn:hover,
html[data-theme="dark"] body #page-caixa #cashTable .col-filter-btn.open{background:#23779f!important;color:#e1edf4!important}

/* ---------- DROPDOWN PRINCIPAL DOS FILTROS (Todos/Receitas/...) ---------- */
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu{
  background:#091823!important;
  border:1px solid #2d4b61!important;
  box-shadow:0 18px 46px rgba(0,0,0,.48)!important;
  padding:5px!important;
}
html[data-theme="dark"] body #appView #filterStatusMenu .comp-smart-option{
  background:#0b1b27!important;
  border:1px solid transparent!important;
  color:#b8c8d4!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body #appView #filterStatusMenu .comp-smart-option:hover{
  background:#132b3d!important;
  border-color:#294b62!important;
  color:#d9e4eb!important;
}
html[data-theme="dark"] body #appView #filterStatusMenu .comp-smart-option.active{
  background:#15344a!important;
  border-color:#34607a!important;
  color:#d8e8f1!important;
}
html[data-theme="dark"] body #appView #filterStatusMenu .comp-smart-option .check{color:#66a8d0!important}
html[data-theme="dark"] body #appView #filterStatusMenu .comp-smart-option:nth-child(2){color:#89caa4!important}
html[data-theme="dark"] body #appView #filterStatusMenu .comp-smart-option:nth-child(2).active{background:#143225!important;border-color:#2f6548!important;color:#a4dbb8!important}
html[data-theme="dark"] body #appView #filterStatusMenu .comp-smart-option:nth-child(3){color:#e5949c!important}
html[data-theme="dark"] body #appView #filterStatusMenu .comp-smart-option:nth-child(3).active{background:#371f25!important;border-color:#69343d!important;color:#f0a7ae!important}
html[data-theme="dark"] body #appView #filterStatusMenu .comp-smart-option:nth-child(4){color:#8fc2df!important}
html[data-theme="dark"] body #appView #filterStatusMenu .comp-smart-option:nth-child(5){color:#d1b47b!important}

/* Também cobre qualquer opção COMP transportada ou recriada no DOM. */
html[data-theme="dark"] body .filter-smart-menu .comp-smart-option,
html[data-theme="dark"] body .comp-smart-menu .comp-smart-option{
  background:#0b1b27!important;
  color:#bdccd7!important;
}
html[data-theme="dark"] body .filter-smart-menu .comp-smart-option:hover,
html[data-theme="dark"] body .comp-smart-menu .comp-smart-option:hover{background:#142d40!important;color:#dce7ee!important}
html[data-theme="dark"] body .filter-smart-menu .comp-smart-option.active,
html[data-theme="dark"] body .comp-smart-menu .comp-smart-option.active{background:#16364c!important;color:#dceaf2!important}
html[data-theme="dark"] body .filter-smart-menu .comp-smart-option .check,
html[data-theme="dark"] body .comp-smart-menu .comp-smart-option .check{color:#68a9d1!important}

/* ---------- LOGIN DARK: TRANSLÚCIDO, SEM CAMPOS BRANCOS ---------- */
html[data-theme="dark"] body #loginView:before{
  background:linear-gradient(180deg,rgba(2,9,15,.12) 0%,rgba(2,9,15,.22) 100%)!important;
}
html[data-theme="dark"] body #loginView .login-card{
  background:linear-gradient(155deg,rgba(8,24,37,.88) 0%,rgba(6,18,29,.84) 100%)!important;
  border:1px solid rgba(104,151,181,.32)!important;
  box-shadow:0 30px 82px rgba(0,0,0,.38)!important;
  -webkit-backdrop-filter:blur(14px) saturate(108%)!important;
  backdrop-filter:blur(14px) saturate(108%)!important;
}
html[data-theme="dark"] body #loginView .login-title{color:#dce6ed!important}
html[data-theme="dark"] body #loginView .login-sub{color:#94a9b8!important}
html[data-theme="dark"] body #loginView .field label{color:#9fb2c0!important}
html[data-theme="dark"] body #loginView #loginUser,
html[data-theme="dark"] body #loginView #loginPass,
html[data-theme="dark"] body #loginView .field input{
  background:#091925!important;
  background-color:#091925!important;
  border-color:#315067!important;
  color:#d5e1e9!important;
  -webkit-text-fill-color:#d5e1e9!important;
  caret-color:#8ab9d8!important;
  box-shadow:inset 0 0 0 1000px #091925!important;
}
html[data-theme="dark"] body #loginView #loginUser:focus,
html[data-theme="dark"] body #loginView #loginPass:focus{
  border-color:#447a9d!important;
  box-shadow:inset 0 0 0 1000px #0b1d2b!important,0 0 0 3px rgba(73,129,168,.15)!important;
}
/* Chrome/Safari autofill costuma forçar branco: neutraliza explicitamente. */
html[data-theme="dark"] body #loginView input:-webkit-autofill,
html[data-theme="dark"] body #loginView input:-webkit-autofill:hover,
html[data-theme="dark"] body #loginView input:-webkit-autofill:focus,
html[data-theme="dark"] body #loginView input:-webkit-autofill:active{
  -webkit-text-fill-color:#d5e1e9!important;
  caret-color:#8ab9d8!important;
  -webkit-box-shadow:0 0 0 1000px #091925 inset!important;
  box-shadow:0 0 0 1000px #091925 inset!important;
  border-color:#315067!important;
  transition:background-color 9999s ease-out 0s!important;
}
html[data-theme="dark"] body #loginView .eye{
  background:transparent!important;
  color:#7897ac!important;
}
html[data-theme="dark"] body #loginView .eye:hover{background:#12293a!important;color:#a8c5d8!important}
html[data-theme="dark"] body #loginView .forgot-link{color:#7aafd0!important}
html[data-theme="dark"] body #loginView .forgot-link:hover{color:#9ac6df!important}
html[data-theme="dark"] body #loginView .remember{color:#9aafbd!important}
html[data-theme="dark"] body #loginView .remember input[type="checkbox"]{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  padding:0!important;
  border:1px solid #3b5a70!important;
  border-radius:4px!important;
  background:#091722!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body #loginView .remember input[type="checkbox"]:checked{
  background-color:#155274!important;
  border-color:#2e769c!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23d5e7f1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.3l3 3L12.8 5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:13px 13px!important;
}
html[data-theme="dark"] body #loginView .primary{
  background:#185979!important;
  border:1px solid #236b8e!important;
  color:#dbe8ef!important;
  box-shadow:0 8px 22px rgba(0,0,0,.20)!important;
}
html[data-theme="dark"] body #loginView .primary:hover{background:#1d678b!important;border-color:#2a7ba3!important}
html[data-theme="dark"] body #loginView .biometric-login{
  background:#102638!important;
  border-color:#315168!important;
  color:#a9c5d7!important;
}

/* ---------- MODAIS DO CAIXA: TODAS AS SUB-SUPERFÍCIES EM DARK ---------- */
html[data-theme="dark"] body #modalRoot .launch-summary-modal,
html[data-theme="dark"] body #modalRoot .report-center-modal{
  background:#0b1a26!important;
  border-color:#2a475d!important;
  color:#cbd8e2!important;
}
html[data-theme="dark"] body #modalRoot .launch-summary-item,
html[data-theme="dark"] body #modalRoot .launch-summary-note,
html[data-theme="dark"] body #modalRoot .report-config-section,
html[data-theme="dark"] body #modalRoot .report-period-box,
html[data-theme="dark"] body #modalRoot .report-types,
html[data-theme="dark"] body #modalRoot .report-type{
  background:#0e202e!important;
  border-color:#29475d!important;
  color:#c5d3dd!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body #modalRoot .launch-summary-item.type-receita{background:#112a21!important;border-color:#2b5941!important}
html[data-theme="dark"] body #modalRoot .launch-summary-item.type-receita .launch-summary-label,
html[data-theme="dark"] body #modalRoot .launch-summary-item.type-receita .launch-summary-value{color:#8fcba7!important}
html[data-theme="dark"] body #modalRoot .launch-summary-item.type-despesa{background:#311c22!important;border-color:#63333b!important}
html[data-theme="dark"] body #modalRoot .launch-summary-item.type-despesa .launch-summary-label,
html[data-theme="dark"] body #modalRoot .launch-summary-item.type-despesa .launch-summary-value{color:#e89aa1!important}
html[data-theme="dark"] body #modalRoot .launch-summary-label{color:#8399aa!important}
html[data-theme="dark"] body #modalRoot .launch-summary-value{color:#cdd9e2!important}
html[data-theme="dark"] body #modalRoot .launch-summary-value.money-value{color:#9fc5dc!important}
html[data-theme="dark"] body #modalRoot .launch-summary-note{color:#8197a8!important}
html[data-theme="dark"] body #modalRoot .report-center-intro{color:#859bab!important}
html[data-theme="dark"] body #modalRoot .report-period-tabs{background:#091823!important;border-color:#29465c!important}
html[data-theme="dark"] body #modalRoot .report-period-tab{background:#0f2130!important;border-color:#2e4d64!important;color:#aebfca!important}
html[data-theme="dark"] body #modalRoot .report-period-tab.active{background:#153b53!important;border-color:#2d6d92!important;color:#cfe2ed!important}
html[data-theme="dark"] body #modalRoot .report-period-select{background:#091925!important;border-color:#315067!important;color:#cedbe4!important}
html[data-theme="dark"] body #modalRoot .report-type:hover{background:#142d40!important;border-color:#355f7a!important}
html[data-theme="dark"] body #modalRoot .report-type.active{background:#15344a!important;border-color:#397293!important;box-shadow:inset 3px 0 0 #4b8db4!important}
html[data-theme="dark"] body #modalRoot .report-type strong{color:#cfdae3!important}
html[data-theme="dark"] body #modalRoot .report-type span{color:#8096a6!important}
html[data-theme="dark"] body #modalRoot .launch-summary-delete{background:#4d2229!important;border-color:#74323b!important;color:#e8a0a7!important}
html[data-theme="dark"] body #modalRoot .launch-summary-edit{background:#155577!important;border-color:#236a8f!important;color:#dceaf2!important}

/* ---------- NFS-e / CONFIGURAÇÕES: reduz highlights claros residuais ---------- */
html[data-theme="dark"] body #page-nfse .nfse-status-pill.emitida{background:#163829!important;border-color:#2c6548!important;color:#91d0aa!important}
html[data-theme="dark"] body #page-nfse .nfse-status-pill.rascunho,
html[data-theme="dark"] body #page-nfse .nfse-status-pill.preparada{background:#3a311b!important;border-color:#68572e!important;color:#d8bd79!important}
html[data-theme="dark"] body #page-nfse .nfse-status-pill.erro,
html[data-theme="dark"] body #page-nfse .nfse-status-pill.cancelada{background:#3b2026!important;border-color:#6b343e!important;color:#e89aa2!important}
html[data-theme="dark"] body #page-config .fiscal-profile-message,
html[data-theme="dark"] body #page-config .settings-info-note,
html[data-theme="dark"] body #page-config .fiscal-profile-info-grid>div,
html[data-theme="dark"] body #page-config .settings-backup-box{background:#0b1b27!important;color:#93a8b7!important}

/* ---------- CAMPOS DESABILITADOS/READONLY: DARK TAMBÉM ---------- */
html[data-theme="dark"] input:disabled,
html[data-theme="dark"] select:disabled,
html[data-theme="dark"] textarea:disabled,
html[data-theme="dark"] input[readonly],
html[data-theme="dark"] .nfse-readonly-fiscal{
  background:#0a1721!important;
  border-color:#263f53!important;
  color:#738b9c!important;
  opacity:1!important;
}

/* ---------- BOTÕES E ÍCONES: evite branco puro em superfícies coloridas ---------- */
html[data-theme="dark"] .desktop-menu-toggle,
html[data-theme="dark"] .juze-theme-toggle{
  background:#102638!important;
  border-color:#31516a!important;
  color:#79b0d1!important;
}
html[data-theme="dark"] .desktop-menu-toggle:hover,
html[data-theme="dark"] .juze-theme-toggle:hover{background:#153047!important;border-color:#3a647f!important;color:#9bc7df!important}

/* Impressão continua propositalmente clara. */
@media print{
  html[data-theme="dark"] #loginView,
  html[data-theme="dark"] #loginView .login-card{background:#fff!important;color:#111!important;backdrop-filter:none!important}
}

/* ========================================================================
   V51 — DARK MODE: VARREDURA TOTAL, CAMADAS E MOBILE — 05/10/2026
   Regras:
   - não inventa semântica de cor: mantém a cor original, apenas escurecida;
   - superfícies claras residuais viram superfícies dark;
   - separa visualmente fundo, cabeçalho, painéis e conteúdo interno;
   - cobre popovers/calendário/modais que vivem fora do #appView;
   - cobre PWA iPhone/Android sem alterar comportamento funcional.
   ======================================================================== */
html[data-theme="dark"]{
  --d-bg:#06111a;
  --d-shell:#081722;
  --d-header:#091824;
  --d-panel:#0c1d2a;
  --d-panel-2:#102433;
  --d-panel-3:#132a3b;
  --d-input:#081824;
  --d-border:#29485e;
  --d-border-soft:#20394c;
  --d-text:#c9d7e1;
  --d-text-strong:#e3ebf1;
  --d-muted:#8aa0b0;
  --d-blue:#17567a;
  --d-blue-2:#1d6b94;
  --d-blue-soft:#102b3d;
  --d-green:#164a33;
  --d-green-2:#1b5b3e;
  --d-green-text:#93d2ad;
  --d-red:#55232b;
  --d-red-2:#6b2c35;
  --d-red-text:#ee9ca4;
}

/* ---------- CAMADAS GERAIS: FUNDO != CABEÇALHO != PAINEL ---------- */
html[data-theme="dark"] body{background:var(--d-bg)!important;color:var(--d-text)!important}
html[data-theme="dark"] #appView,
html[data-theme="dark"] .main{background:var(--d-bg)!important}
html[data-theme="dark"] .local-header,
html[data-theme="dark"] .topbar{background:var(--d-header)!important;border-bottom:1px solid #20394d!important}
html[data-theme="dark"] .content{background:#07141e!important;border-top:1px solid #0f2635!important}
html[data-theme="dark"] .page{background:transparent!important}
html[data-theme="dark"] .panel,
html[data-theme="dark"] #caixaFormPanel,
html[data-theme="dark"] #cashTablePanel,
html[data-theme="dark"] .settings-card,
html[data-theme="dark"] .nfse-work-panel{background:var(--d-panel)!important;border-color:var(--d-border)!important;box-shadow:none!important}
html[data-theme="dark"] #caixaFormPanel{background:#0d1e2b!important}
html[data-theme="dark"] #cashTablePanel{background:#0b1a26!important}
html[data-theme="dark"] #cashTablePanel .cash-table-wrap{background:#081722!important;border-color:#244155!important}
html[data-theme="dark"] #summaryDock{background:#07141e!important;border-top-color:#1d3547!important}
html[data-theme="dark"] .summary-dock-inner,
html[data-theme="dark"] .totals-shell{background:#0c1d2a!important;border-color:#29485e!important}

/* ---------- FORMULÁRIOS GERAIS / CHECKBOXES ---------- */
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] .form-smart-select-trigger,
html[data-theme="dark"] .filter-smart-trigger,
html[data-theme="dark"] .comp-smart-trigger{
  background:var(--d-input)!important;
  border-color:#315168!important;
  color:#cbd9e3!important;
  box-shadow:none!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#6f8799!important;opacity:1!important}
html[data-theme="dark"] input:focus,
html[data-theme="dark"] select:focus,
html[data-theme="dark"] textarea:focus,
html[data-theme="dark"] .form-smart-select-trigger:focus,
html[data-theme="dark"] .filter-smart-trigger:focus,
html[data-theme="dark"] .comp-smart-trigger:focus{border-color:#477a9b!important;outline:none!important;box-shadow:0 0 0 2px rgba(48,111,151,.14)!important}
html[data-theme="dark"] input[type="checkbox"]{accent-color:#276e98}

/* Tipo: no modo claro RECEITA é azul e DESPESA é vermelho. Mantém isso. */
html[data-theme="dark"] body #page-caixa #caixaFormPanel #fTipoTrigger.type-receita{
  background:#102c40!important;border-color:#2c6282!important;color:#8fc1df!important
}
html[data-theme="dark"] body #page-caixa #caixaFormPanel #fTipoTrigger.type-receita #fTipoLabel{color:#8fc1df!important}
html[data-theme="dark"] body #page-caixa #caixaFormPanel #fTipoTrigger.type-despesa{
  background:#321b21!important;border-color:#69313a!important;color:#eca0a8!important
}
html[data-theme="dark"] body #page-caixa #caixaFormPanel #fTipoTrigger.type-despesa #fTipoLabel{color:#eca0a8!important}
html[data-theme="dark"] body #page-caixa #tipoSmartMenu .smart-option:nth-child(1){color:#a7cde3!important}
html[data-theme="dark"] body #page-caixa #tipoSmartMenu .smart-option:nth-child(1):hover,
html[data-theme="dark"] body #page-caixa #tipoSmartMenu .smart-option:nth-child(1).active{background:#143247!important;color:#c9e0ed!important}
html[data-theme="dark"] body #page-caixa #tipoSmartMenu .smart-option:nth-child(2){color:#e99aa2!important}
html[data-theme="dark"] body #page-caixa #tipoSmartMenu .smart-option:nth-child(2):hover,
html[data-theme="dark"] body #page-caixa #tipoSmartMenu .smart-option:nth-child(2).active{background:#391f25!important;color:#f3b0b6!important}

/* ---------- FILTRO PRINCIPAL: SEM CORES INVENTADAS ---------- */
html[data-theme="dark"] #filterStatusMenu,
html[data-theme="dark"] body>#filterStatusMenu{
  background:#0a1a26!important;border:1px solid #315067!important;box-shadow:0 18px 44px rgba(0,0,0,.42)!important
}
html[data-theme="dark"] #filterStatusMenu .comp-smart-option,
html[data-theme="dark"] body>#filterStatusMenu .comp-smart-option{
  background:#0a1a26!important;color:#bccbd6!important;border-color:transparent!important
}
html[data-theme="dark"] #filterStatusMenu .comp-smart-option:hover,
html[data-theme="dark"] #filterStatusMenu .comp-smart-option.active,
html[data-theme="dark"] body>#filterStatusMenu .comp-smart-option:hover,
html[data-theme="dark"] body>#filterStatusMenu .comp-smart-option.active{
  background:#153247!important;color:#d8e4ec!important
}
html[data-theme="dark"] #filterStatusMenu .comp-smart-option .check{color:#74acd0!important}

/* ---------- CALENDÁRIO: inclusive as duas setas do topo ---------- */
html[data-theme="dark"] body>.juze-date-picker,
html[data-theme="dark"] .juze-date-picker{
  background:#0b1a26!important;border-color:#315067!important;color:#cbd9e3!important;box-shadow:0 22px 55px rgba(0,0,0,.48)!important
}
html[data-theme="dark"] .juze-date-picker .cal-head{background:#0d202e!important;border-bottom-color:#28465b!important}
html[data-theme="dark"] .juze-date-picker .cal-month{color:#dbe5ec!important}
html[data-theme="dark"] .juze-date-picker .cal-nav{
  background:#10283a!important;border:1px solid #355a72!important;color:#93bdd6!important;box-shadow:none!important
}
html[data-theme="dark"] .juze-date-picker .cal-nav:hover{background:#17384e!important;border-color:#457493!important;color:#c5deec!important}
html[data-theme="dark"] .juze-date-picker .cal-week{background:#091824!important;border-color:#203b4e!important}
html[data-theme="dark"] .juze-date-picker .cal-week span{color:#7f96a7!important}
html[data-theme="dark"] .juze-date-picker .cal-grid{background:#0b1a26!important}
html[data-theme="dark"] .juze-date-picker .cal-day{background:#0e2130!important;border-color:#27465a!important;color:#bfd0dc!important}
html[data-theme="dark"] .juze-date-picker .cal-day:hover{background:#16364b!important;border-color:#3c6a87!important;color:#e0e9ef!important}
html[data-theme="dark"] .juze-date-picker .cal-day.today{border-color:#397aa1!important;color:#9ac8e3!important}
html[data-theme="dark"] .juze-date-picker .cal-day.selected{background:#17567a!important;border-color:#2b739b!important;color:#e3eef4!important}
html[data-theme="dark"] .juze-date-picker .cal-empty{background:transparent!important}

/* ---------- BOTÕES: mesma semântica do modo claro, só escurecida ---------- */
html[data-theme="dark"] .btn.brand,
html[data-theme="dark"] #newComp,
html[data-theme="dark"] #newUser,
html[data-theme="dark"] .mobile-report-generate{
  background:#17567a!important;border-color:#276d93!important;color:#dce9f1!important
}
html[data-theme="dark"] .btn.brand:hover,
html[data-theme="dark"] #newComp:hover,
html[data-theme="dark"] #newUser:hover{background:#1c658d!important;border-color:#327ea7!important}
html[data-theme="dark"] .btn.green,
html[data-theme="dark"] #saveLanc,
html[data-theme="dark"] #mUSave{background:#164a33!important;border-color:#2b6a4a!important;color:#d3e9dc!important}
html[data-theme="dark"] .btn.red,
html[data-theme="dark"] #deleteLanc,
html[data-theme="dark"] #deleteUser{background:#55232b!important;border-color:#79323d!important;color:#efb0b6!important}
html[data-theme="dark"] #printReport{background:#55232b!important;border-color:#79323d!important;color:#efb0b6!important}
html[data-theme="dark"] #printReport:hover{background:#662a33!important;border-color:#913d49!important}

/* ---------- CONFIGURAÇÕES / USUÁRIOS ---------- */
html[data-theme="dark"] #page-config .settings-shell{background:transparent!important}
html[data-theme="dark"] #page-config .settings-side,
html[data-theme="dark"] #page-config .settings-pane,
html[data-theme="dark"] #page-config .settings-card,
html[data-theme="dark"] #page-config .settings-backup-box,
html[data-theme="dark"] #page-config .fiscal-profile-card,
html[data-theme="dark"] #page-config .fiscal-channel-card,
html[data-theme="dark"] #page-config .fiscal-profile-config,
html[data-theme="dark"] #page-config .nfse-fiscal-monitor,
html[data-theme="dark"] #page-config .nfse-fiscal-monitor-box,
html[data-theme="dark"] #page-config .nfse-fiscal-monitor-details{
  background:#0c1d2a!important;border-color:#29485e!important;color:#c5d4de!important;box-shadow:none!important
}
html[data-theme="dark"] #page-config .settings-nav button{background:transparent!important;border-color:transparent!important;color:#bccbd6!important}
html[data-theme="dark"] #page-config .settings-nav button:hover{background:#10283a!important;border-color:#284d65!important}
html[data-theme="dark"] #page-config .settings-nav button.active{background:#15354b!important;border-color:#326786!important;color:#dbe7ef!important}
html[data-theme="dark"] #page-config .settings-nav-icon{background:#123047!important;color:#8dbbd7!important}
html[data-theme="dark"] #page-config .settings-admin-badge,
html[data-theme="dark"] #page-config .settings-lock-chip,
html[data-theme="dark"] #page-config .settings-production-chip,
html[data-theme="dark"] #page-config .fiscal-profile-type,
html[data-theme="dark"] #page-config .fiscal-profile-state,
html[data-theme="dark"] #page-config .user-role-pill,
html[data-theme="dark"] #page-config .nfse-fiscal-badge,
html[data-theme="dark"] #page-config .cert-badge{
  background:#102536!important;border-color:#315168!important;color:#a9becd!important;box-shadow:none!important
}
/* chips com semântica original */
html[data-theme="dark"] #page-config .settings-production-chip,
html[data-theme="dark"] #page-config .fiscal-profile-state.active,
html[data-theme="dark"] #page-config .cert-badge.default,
html[data-theme="dark"] #page-config .cert-badge.valid,
html[data-theme="dark"] #page-config .nfse-fiscal-badge.ok{
  background:#143325!important;border-color:#2f6248!important;color:#92cdaa!important
}
html[data-theme="dark"] #page-config .fiscal-profile-state.inactive,
html[data-theme="dark"] #page-config .fiscal-profile-type.test{background:#17242e!important;border-color:#344956!important;color:#98a8b3!important}
html[data-theme="dark"] #page-config .user-role-pill.admin{background:#102d43!important;border-color:#326485!important;color:#9cc8e1!important}
html[data-theme="dark"] #page-config .user-role-pill.operator{background:#143325!important;border-color:#2f6248!important;color:#92cdaa!important}
html[data-theme="dark"] #page-config .user-role-pill.viewer{background:#17242e!important;border-color:#344956!important;color:#a5b2bc!important}
html[data-theme="dark"] #page-config .fiscal-profile-avatar,
html[data-theme="dark"] #page-config .settings-user-avatar{background:#132e42!important;border-color:#35637f!important;color:#9bc7df!important}
html[data-theme="dark"] #page-config .fiscal-profile-info-grid>div,
html[data-theme="dark"] #page-config .fiscal-profile-message,
html[data-theme="dark"] #page-config .settings-info-note,
html[data-theme="dark"] #page-config .profile-help,
html[data-theme="dark"] #page-config .cert-security-note,
html[data-theme="dark"] #page-config .cert-upload-name,
html[data-theme="dark"] #page-config .settings-warning-note{
  background:#0a1a26!important;border-color:#28465b!important;color:#8fa5b4!important
}
html[data-theme="dark"] #page-config #usersTable thead th{background:#17567a!important;color:#dce8ef!important;border-color:#2b6e92!important}
html[data-theme="dark"] #page-config #usersTable tbody td{background:#0b1a26!important;color:#cbd8e1!important;border-color:#284457!important}
html[data-theme="dark"] #page-config #usersTable tbody tr:nth-child(even) td{background:#0d1e2b!important}
html[data-theme="dark"] #page-config #usersTable tbody tr.selected td{background:#123047!important}

/* ---------- MODAIS: NOVO USUÁRIO E QUALQUER NOVA TELA ---------- */
html[data-theme="dark"] #modalRoot .modal,
html[data-theme="dark"] #modalRoot .modal-card,
html[data-theme="dark"] #modalRoot>div:not(.hidden){color:var(--d-text)!important}
html[data-theme="dark"] #modalRoot .modal-box,
html[data-theme="dark"] #modalRoot .modal-content,
html[data-theme="dark"] #modalRoot .modal-dialog,
html[data-theme="dark"] #modalRoot .modal-sheet{
  background:#0b1a26!important;border-color:#2b495e!important;color:#cbd8e2!important
}
html[data-theme="dark"] #modalRoot .modal-head,
html[data-theme="dark"] #modalRoot .modal-body,
html[data-theme="dark"] #modalRoot .modal-foot{background:#0b1a26!important;border-color:#29475c!important;color:#cbd8e2!important}
html[data-theme="dark"] #modalRoot .modal-body .field,
html[data-theme="dark"] #modalRoot .user-photo-editor,
html[data-theme="dark"] #modalRoot .profile-help{background:transparent!important;color:#9aafbd!important}
html[data-theme="dark"] #modalRoot input,
html[data-theme="dark"] #modalRoot select,
html[data-theme="dark"] #modalRoot textarea{
  background:#081824!important;border-color:#315168!important;color:#cbd9e3!important;-webkit-text-fill-color:#cbd9e3!important;box-shadow:none!important
}
html[data-theme="dark"] #modalRoot input:-webkit-autofill,
html[data-theme="dark"] #modalRoot input:-webkit-autofill:hover,
html[data-theme="dark"] #modalRoot input:-webkit-autofill:focus{
  -webkit-text-fill-color:#cbd9e3!important;-webkit-box-shadow:0 0 0 1000px #081824 inset!important;box-shadow:0 0 0 1000px #081824 inset!important
}
html[data-theme="dark"] #modalRoot .inline-check{background:#0a1a26!important;border-color:#2b495e!important;color:#b7c8d4!important}
html[data-theme="dark"] #modalRoot .profile-help{background:#0a1823!important;border:1px solid #263f52!important;color:#8ea3b2!important}
html[data-theme="dark"] #modalRoot .user-photo-editor{border-color:#29475c!important;background:#0d1e2b!important}
html[data-theme="dark"] #modalRoot .settings-user-avatar.large{background:#102f45!important;border-color:#3b6b89!important;color:#9dcae2!important}
html[data-theme="dark"] #modalRoot [data-close],
html[data-theme="dark"] #modalRoot .btn:not(.green):not(.red):not(.brand):not(.launch-summary-delete):not(.launch-summary-edit){background:#102536!important;border-color:#315168!important;color:#b8cad6!important}
html[data-theme="dark"] #modalRoot [data-close]:hover{background:#163348!important;border-color:#3a6580!important;color:#dce7ee!important}

/* ---------- NFS-e: TODAS AS SUBSUPERFÍCIES ---------- */
html[data-theme="dark"] #page-nfse .nfse-page-hero,
html[data-theme="dark"] #page-nfse .nfse-metric-card,
html[data-theme="dark"] #page-nfse .nfse-doc-row,
html[data-theme="dark"] #page-nfse .nfse-fiscal-monitor,
html[data-theme="dark"] #page-nfse .nfse-fiscal-monitor-box,
html[data-theme="dark"] #page-nfse .nfse-fiscal-monitor-details,
html[data-theme="dark"] #page-nfse .nfse-rtc-catalog-box,
html[data-theme="dark"] #page-nfse .nfse-review-grid>div,
html[data-theme="dark"] #page-nfse .nfse-review-description,
html[data-theme="dark"] #page-nfse .nfse-form-section,
html[data-theme="dark"] #page-nfse .nfse-payment-preview,
html[data-theme="dark"] #page-nfse .cert-card,
html[data-theme="dark"] #page-nfse .cert-empty{
  background:#0c1d2a!important;border-color:#29485e!important;color:#c5d4de!important;box-shadow:none!important
}
html[data-theme="dark"] #page-nfse .nfse-doc-row:nth-child(even){background:#0d1f2c!important}
html[data-theme="dark"] #page-nfse .nfse-doc-row:hover{background:#11283a!important;border-color:#39627d!important}
html[data-theme="dark"] #page-nfse .nfse-tabs button{background:#0e2231!important;border-color:#315168!important;color:#aebfca!important}
html[data-theme="dark"] #page-nfse .nfse-tabs button.active{background:#17567a!important;border-color:#2b7198!important;color:#e0ebf1!important}

/* ---------- CLIENTES / VEÍCULOS ---------- */
html[data-theme="dark"] #page-clientes .panel,
html[data-theme="dark"] #page-veiculos .panel,
html[data-theme="dark"] #page-clientes .list-table,
html[data-theme="dark"] #page-veiculos .list-table,
html[data-theme="dark"] #page-veiculos .vehicle-doc-section,
html[data-theme="dark"] #page-veiculos .vehicle-doc-current,
html[data-theme="dark"] #page-veiculos .vehicle-lookup-panel{
  background:#0c1d2a!important;border-color:#29485e!important;color:#c5d4de!important
}
html[data-theme="dark"] #page-clientes table thead th,
html[data-theme="dark"] #page-veiculos table thead th{background:#17567a!important;color:#dce8ef!important;border-color:#2b6e92!important}
html[data-theme="dark"] #page-clientes table tbody td,
html[data-theme="dark"] #page-veiculos table tbody td{background:#0b1a26!important;color:#c8d5de!important;border-color:#284457!important}
html[data-theme="dark"] #page-clientes table tbody tr:nth-child(even) td,
html[data-theme="dark"] #page-veiculos table tbody tr:nth-child(even) td{background:#0d1e2b!important}
html[data-theme="dark"] #page-veiculos .vehicle-doc-badge{background:#132635!important;border-color:#315168!important;color:#a0b3c0!important}
html[data-theme="dark"] #page-veiculos .vehicle-doc-badge.ok{background:#143325!important;color:#91cdaa!important}
html[data-theme="dark"] #page-veiculos .vehicle-doc-badge.warning{background:#332b1a!important;color:#cdb77b!important}
html[data-theme="dark"] #page-veiculos .vehicle-doc-badge.danger{background:#3a2026!important;color:#e79aa2!important}

/* ---------- MOBILE / PWA iPHONE + ANDROID ---------- */
@media screen and (max-width:960px){
  html[data-theme="dark"] body,
  html[data-theme="dark"] #appView,
  html[data-theme="dark"] .main{background:#06111a!important}
  html[data-theme="dark"] .content{background:#07141e!important}
  html[data-theme="dark"] .local-header{background:#091824!important;border-bottom-color:#20394d!important}

  html[data-theme="dark"] .mobile-home,
  html[data-theme="dark"] .mobile-pending-view,
  html[data-theme="dark"] .mobile-reports-view,
  html[data-theme="dark"] #caixaToolbar,
  html[data-theme="dark"] #caixaFormPanel,
  html[data-theme="dark"] #cashTablePanel,
  html[data-theme="dark"] #page-clientes .panel,
  html[data-theme="dark"] #page-veiculos .panel,
  html[data-theme="dark"] #page-config .panel{
    background:#0c1d2a!important;border-color:#29485e!important;box-shadow:none!important
  }
  html[data-theme="dark"] .mobile-home h2,
  html[data-theme="dark"] .mobile-section-head h2,
  html[data-theme="dark"] #caixaFormPanel:before,
  html[data-theme="dark"] #cashTablePanel:before{color:#dbe5ec!important}
  html[data-theme="dark"] .mobile-eyebrow{color:#78afd0!important}
  html[data-theme="dark"] .mobile-home p,
  html[data-theme="dark"] .mobile-section-head p{color:#899fad!important}

  html[data-theme="dark"] .mobile-metric,
  html[data-theme="dark"] .mobile-quick,
  html[data-theme="dark"] .mobile-launch-card,
  html[data-theme="dark"] .mobile-home-launch-row,
  html[data-theme="dark"] .mobile-pending-row,
  html[data-theme="dark"] .mobile-report-box,
  html[data-theme="dark"] .mobile-report-type,
  html[data-theme="dark"] .mobile-cash-empty,
  html[data-theme="dark"] .mobile-pending-empty{
    background:#0e2130!important;border-color:#29485e!important;color:#c9d7e1!important;box-shadow:none!important
  }
  html[data-theme="dark"] .mobile-metric.wide,
  html[data-theme="dark"] .mobile-quick.primary-action,
  html[data-theme="dark"] .mobile-report-generate{background:#17567a!important;border-color:#2b7198!important;color:#e0ebf1!important}
  html[data-theme="dark"] .mobile-quick .mq-icon{background:#122f43!important;color:#8bbad6!important}
  html[data-theme="dark"] .mobile-quick.primary-action .mq-icon{background:#1b668d!important;color:#e0edf4!important}
  html[data-theme="dark"] .mobile-metric .mm-label,
  html[data-theme="dark"] .mobile-metric .mm-sub,
  html[data-theme="dark"] .mobile-quick small,
  html[data-theme="dark"] .mobile-launch-desc,
  html[data-theme="dark"] .mobile-launch-meta,
  html[data-theme="dark"] .mobile-home-launch-desc,
  html[data-theme="dark"] .mobile-home-launch-detail,
  html[data-theme="dark"] .mobile-pending-detail,
  html[data-theme="dark"] .mobile-pending-money small,
  html[data-theme="dark"] .mobile-report-type span{color:#8399aa!important}
  html[data-theme="dark"] .mobile-metric .mm-value,
  html[data-theme="dark"] .mobile-launch-value,
  html[data-theme="dark"] .mobile-launch-party,
  html[data-theme="dark"] .mobile-home-launch-title strong,
  html[data-theme="dark"] .mobile-pending-client,
  html[data-theme="dark"] .mobile-report-type strong{color:#d3dee6!important}
  html[data-theme="dark"] .mobile-launch-route{background:#0a1925!important;color:#98adbc!important;border:1px solid #243f52!important}

  /* Semântica móvel: apenas as cores que já existiam no claro. */
  html[data-theme="dark"] .mobile-home-launch-row.is-receita .mobile-home-launch-money strong{color:#8fcdaa!important}
  html[data-theme="dark"] .mobile-home-launch-row.is-despesa .mobile-home-launch-money strong{color:#e99aa2!important}
  html[data-theme="dark"] .mobile-status{background:#3a2026!important;color:#e99aa2!important}
  html[data-theme="dark"] .mobile-status.paid{background:#143325!important;color:#91cdaa!important}
  html[data-theme="dark"] .mobile-pending-total-box{background:#311c22!important;border-color:#65333c!important}
  html[data-theme="dark"] .mobile-pending-total-box span,
  html[data-theme="dark"] .mobile-pending-total-box small{color:#bd8e94!important}
  html[data-theme="dark"] .mobile-pending-total-box strong,
  html[data-theme="dark"] .mobile-pending-money strong{color:#e89aa2!important}

  html[data-theme="dark"] .mobile-report-tabs{background:#091824!important}
  html[data-theme="dark"] .mobile-report-tabs button{background:#0e2130!important;border-color:#315168!important;color:#aabcc8!important}
  html[data-theme="dark"] .mobile-report-tabs button.active,
  html[data-theme="dark"] .mobile-report-type.active{background:#15354b!important;border-color:#397493!important;color:#d7e5ed!important}
  html[data-theme="dark"] #mobileReportMonth,
  html[data-theme="dark"] #mobileReportYear{background:#081824!important;border-color:#315168!important;color:#cbd9e3!important}

  /* Barra inferior é uma camada própria. */
  html[data-theme="dark"] .mobile-bottom-nav{background:#081722!important;border-top-color:#29475d!important;box-shadow:0 -8px 24px rgba(0,0,0,.18)!important}
  html[data-theme="dark"] .mobile-bottom-nav button{background:transparent!important;color:#849baa!important}
  html[data-theme="dark"] .mobile-bottom-nav button.active{background:#102f45!important;color:#9bc6df!important}

  /* Mais: inclui o botão do modo noturno no mesmo visual. */
  html[data-theme="dark"] .mobile-more-backdrop{background:rgba(0,0,0,.58)!important}
  html[data-theme="dark"] .mobile-more-panel{background:#0b1a26!important;border:1px solid #29485e!important;color:#cbd8e2!important;box-shadow:0 -18px 48px rgba(0,0,0,.40)!important}
  html[data-theme="dark"] .mobile-more-handle{background:#345165!important}
  html[data-theme="dark"] .mobile-more-head{color:#d9e4eb!important}
  html[data-theme="dark"] .mobile-more-head button{background:#102536!important;border:1px solid #315168!important;color:#9fb7c8!important}
  html[data-theme="dark"] .mobile-more-grid>button{background:#0e2130!important;border-color:#29485e!important;color:#c6d4de!important}
  html[data-theme="dark"] .mobile-more-grid>button span{color:#80b4d2!important}
  html[data-theme="dark"] .mobile-more-grid>button small{color:#8197a7!important}
  html[data-theme="dark"] #mobileThemeToggle{background:#102f45!important;border-color:#356681!important}
  html[data-theme="dark"] #mobileThemeToggle span{color:#9bc7df!important}

  /* Ações fixas também precisam pertencer à camada dark. */
  html[data-theme="dark"] .mobile-form-actions{background:rgba(9,24,36,.96)!important;border-color:#29485e!important;box-shadow:0 8px 26px rgba(0,0,0,.26)!important;backdrop-filter:blur(10px)!important}

  /* Popups/modais no PWA */
  html[data-theme="dark"] #modalRoot .modal,
  html[data-theme="dark"] #modalRoot .modal-head,
  html[data-theme="dark"] #modalRoot .modal-body,
  html[data-theme="dark"] #modalRoot .modal-foot{background:#0b1a26!important;border-color:#29475c!important;color:#cbd8e2!important}
}

/* ---------- ACABAMENTO DE CONTRASTE ---------- */
html[data-theme="dark"] .type-pill.receita{background:#123425!important;color:#8fd0aa!important;border-color:#2d6348!important}
html[data-theme="dark"] .type-pill.despesa{background:#3a2026!important;color:#e99aa2!important;border-color:#70343e!important}
html[data-theme="dark"] .paid-check,
html[data-theme="dark"] .paid-toggle.is-paid{background:#123425!important;border-color:#2d6348!important;color:#8fd0aa!important}
html[data-theme="dark"] .cash-created-date{color:#7890a2!important}
html[data-theme="dark"] #cashTable tbody td{color:#c6d4dd!important}
html[data-theme="dark"] #cashTable tbody tr:nth-child(odd) td{background:#0b1a26!important}
html[data-theme="dark"] #cashTable tbody tr:nth-child(even) td{background:#0d1e2b!important}
html[data-theme="dark"] #cashTable tbody tr:hover td{background:#10293a!important}
html[data-theme="dark"] #cashTable thead th{background:#17567a!important;border-color:#2b6f94!important;color:#dce8ef!important}
html[data-theme="dark"] #cashTable .col-filter-btn{background:#1e668e!important;border-color:#2f789f!important;color:#c9dfec!important}

/* Impressão continua clara. */
@media print{
  html[data-theme="dark"] *{color-adjust:exact}
  html[data-theme="dark"] body,
  html[data-theme="dark"] #appView,
  html[data-theme="dark"] .main,
  html[data-theme="dark"] .content{background:#fff!important;color:#111!important}
}

/* ========================================================================
   V52 — DARK FIEL AO MODO CLARO / SEM CORES INVENTADAS — 05/10/2026
   Regra: preserva a semântica visual do tema claro. O que é azul continua
   azul (em tom dark), vermelho continua vermelho (em tom dark) e controles
   originalmente neutros continuam neutros. Sem cores semânticas extras.
   ======================================================================== */

/* NF já emitida: no tema claro o check é azul; no dark continua azul. */
html[data-theme="dark"] body #appView #page-caixa #caixaFormPanel #fNF{
  -webkit-appearance:none!important;
  appearance:none!important;
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  min-height:15px!important;
  padding:0!important;
  margin:0 5px 0 0!important;
  border:1px solid #35546b!important;
  border-radius:4px!important;
  background:#091722!important;
  box-shadow:none!important;
  cursor:pointer!important;
  vertical-align:middle!important;
  opacity:1!important;
  filter:none!important;
}
html[data-theme="dark"] body #appView #page-caixa #caixaFormPanel #fNF:checked{
  background-color:#155b8a!important;
  border-color:#2879a8!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.3l3 3L12.8 5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:13px 13px!important;
}
html[data-theme="dark"] body #appView #page-caixa #caixaFormPanel #fNF:focus-visible{
  outline:2px solid rgba(47,132,184,.34)!important;
  outline-offset:2px!important;
}

/* Filtro principal: o modo claro NÃO colore Receitas/Despesas/Pagos.
   Portanto todas as opções permanecem neutras; só seleção/hover usam azul. */
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu,
html[data-theme="dark"] body > #filterStatusMenu.filter-smart-menu{
  background:#091823!important;
  border:1px solid #2d4b61!important;
  box-shadow:0 18px 46px rgba(0,0,0,.48)!important;
}
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option,
html[data-theme="dark"] body > #filterStatusMenu.filter-smart-menu .comp-smart-option,
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option:nth-child(1),
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option:nth-child(2),
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option:nth-child(3),
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option:nth-child(4),
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option:nth-child(5){
  background:#091823!important;
  border-color:transparent!important;
  color:#b9c9d5!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option:hover,
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option:focus,
html[data-theme="dark"] body > #filterStatusMenu.filter-smart-menu .comp-smart-option:hover,
html[data-theme="dark"] body > #filterStatusMenu.filter-smart-menu .comp-smart-option:focus{
  background:#11283a!important;
  border-color:transparent!important;
  color:#d8e5ed!important;
}
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option.active,
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option:nth-child(1).active,
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option:nth-child(2).active,
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option:nth-child(3).active,
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option:nth-child(4).active,
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option:nth-child(5).active,
html[data-theme="dark"] body > #filterStatusMenu.filter-smart-menu .comp-smart-option.active{
  background:#15344a!important;
  border-color:transparent!important;
  color:#8fc6ea!important;
  font-weight:650!important;
}
html[data-theme="dark"] body #appView #filterStatusMenu.filter-smart-menu .comp-smart-option .check,
html[data-theme="dark"] body > #filterStatusMenu.filter-smart-menu .comp-smart-option .check{
  color:#63a9d8!important;
}

/* PDF: no claro é vermelho sólido com texto branco. No dark mantém exatamente
   essa linguagem, apenas com um vermelho sólido mais fechado — sem transparência. */
html[data-theme="dark"] body #appView #page-caixa #printReport.btn.pdf-btn{
  background:#7b252e!important;
  background-image:none!important;
  border-color:#7b252e!important;
  color:#ffffff!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  box-shadow:none!important;
}
html[data-theme="dark"] body #appView #page-caixa #printReport.btn.pdf-btn:hover{
  background:#922d37!important;
  background-image:none!important;
  border-color:#922d37!important;
  color:#ffffff!important;
  opacity:1!important;
}

/* ========================================================================
   V53 — MOBILE DARK: Pendentes + Sair — 05/10/2026
   Corrige apenas os dois pontos restantes reportados no PWA:
   1) faixa/seletor de competência da aba Pendentes;
   2) botão Sair dentro de Mais.
   Mantém o mesmo significado visual do tema claro, convertido para tons dark.
   ======================================================================== */
@media screen and (max-width:960px){
  /* PENDENTES — faixa de competência criada dinamicamente por mobile.js.
     O JS injeta CSS próprio depois da carga; por isso estes seletores usam
     !important para garantir que o tema dark prevaleça. */
  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-filter{
    background:#0d1c29!important;
    border-color:#28455b!important;
    box-shadow:none!important;
    color:#c9d7e2!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-trigger{
    background:#0a1824!important;
    border-color:#31516a!important;
    color:#d7e3ec!important;
    box-shadow:none!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-trigger.open,
  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-trigger:active{
    background:#102536!important;
    border-color:#3b6684!important;
    color:#e3ebf2!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-chevron{
    color:#6fa9d1!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-nav{
    background:#0a1824!important;
    border-color:#31516a!important;
    color:#88b9d7!important;
    box-shadow:none!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-nav:active:not(:disabled){
    background:#123048!important;
    border-color:#416c89!important;
    color:#b6d7eb!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-nav:disabled{
    background:#0c1720!important;
    border-color:#223646!important;
    color:#526879!important;
    opacity:.72!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-menu{
    background:#0b1925!important;
    border-color:#31516a!important;
    box-shadow:0 14px 34px rgba(0,0,0,.42)!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-option{
    background:transparent!important;
    color:#cbd8e2!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-option.active{
    background:#143249!important;
    color:#a9d2ec!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-option:active{
    background:#10283b!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-option small{
    color:#7f96a8!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-option.active small{
    color:#8bb8d4!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-meta{
    border-left-color:#294357!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-meta strong{
    color:#c8d9e5!important;
  }

  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-meta span,
  html[data-theme="dark"] #mobilePendingView .mobile-pending-comp-empty{
    color:#8097a9!important;
  }

  /* MAIS → SAIR
     No tema claro o botão é um vermelho muito suave. No dark mantém a mesma
     semântica, mas com fundo vinho/grafite escuro em vez de branco. */
  html[data-theme="dark"] #mobileMoreSheet #mobileLogout{
    grid-column:1/-1!important;
    background:#2a171d!important;
    border-color:#63313a!important;
    color:#e5a4aa!important;
    box-shadow:none!important;
  }

  html[data-theme="dark"] #mobileMoreSheet #mobileLogout span,
  html[data-theme="dark"] #mobileMoreSheet #mobileLogout b{
    color:#ef939b!important;
  }

  html[data-theme="dark"] #mobileMoreSheet #mobileLogout small{
    color:#b77d84!important;
  }

  html[data-theme="dark"] #mobileMoreSheet #mobileLogout:active{
    background:#351b22!important;
    border-color:#78404a!important;
  }
}


/* ==========================================================================
   V54 — animação contínua do botão Mostrar/Ocultar totalizadores
   Um pouco mais viva, com brilho e halo reforçados, sem exagerar.
   ========================================================================== */
@keyframes juzeTotalsSoftFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}

@keyframes juzeTotalsSoftHalo{
  0%,100%{
    opacity:.28;
    transform:scale(.972);
  }
  50%{
    opacity:.92;
    transform:scale(1.085);
  }
}

#page-caixa .desktop-totals-toggle-wrap{
  animation:juzeTotalsSoftFloat 2.35s ease-in-out infinite!important;
  will-change:transform;
}

#page-caixa #desktopTotalsToggle{
  isolation:isolate!important;
  transition:filter .22s ease,box-shadow .22s ease,transform .22s ease!important;
}

#page-caixa #desktopTotalsToggle{
  animation:juzeTotalsButtonGlow 2.35s ease-in-out infinite!important;
}

@keyframes juzeTotalsButtonGlow{
  0%,100%{
    filter:brightness(1);
    box-shadow:0 4px 12px rgba(11,102,215,.24);
  }
  50%{
    filter:brightness(1.19);
    box-shadow:0 8px 30px rgba(11,102,215,.52);
  }
}

html[data-theme="dark"] body #page-caixa #desktopTotalsToggle{
  box-shadow:0 4px 12px rgba(32,123,180,.24);
}

#page-caixa #desktopTotalsToggle::after{
  content:""!important;
  position:absolute!important;
  inset:-5px!important;
  border-radius:999px!important;
  border:1px solid rgba(45,139,224,.82)!important;
  box-shadow:0 0 32px rgba(35,126,210,.40)!important;
  opacity:.28;
  transform:scale(.982);
  pointer-events:none!important;
  z-index:-1!important;
  animation:juzeTotalsSoftHalo 2.35s ease-in-out infinite!important;
}

html[data-theme="dark"] body #page-caixa #desktopTotalsToggle::after{
  border-color:rgba(86,174,226,.80)!important;
  box-shadow:0 0 34px rgba(41,139,197,.48)!important;
}

#page-caixa #desktopTotalsToggle:hover{
  filter:brightness(1.08)!important;
}

#page-caixa #desktopTotalsToggle:hover::after{
  opacity:.62!important;
}

@media (prefers-reduced-motion: reduce){
  #page-caixa .desktop-totals-toggle-wrap,
  #page-caixa #desktopTotalsToggle,
  #page-caixa #desktopTotalsToggle::after{
    animation:none!important;
  }
}


/* ==========================================================================
   V57 — profundidade do painel de totalizadores + hero Líquido refinado
   Mantém a estrutura e as cores semânticas; acrescenta apenas profundidade
   suave e melhora o destaque principal no tema dark.
   ========================================================================== */

/* PAINEL COMPLETO — modo claro
   Sombra em duas camadas + pequeno realce interno para parecer levemente
   elevado, sem virar card flutuante exagerado. */
#page-caixa #summaryDock.desktop-totals-open .totals-modern-shell{
  position:relative!important;
  transform:translateY(-1px)!important;
  box-shadow:
    0 18px 38px rgba(34,72,108,.10),
    0 4px 12px rgba(34,72,108,.06),
    inset 0 1px 0 rgba(255,255,255,.82)!important;
  transition:box-shadow .20s ease,transform .20s ease!important;
}

/* uma linha de luz muito discreta no topo reforça a camada */
#page-caixa #summaryDock.desktop-totals-open .totals-modern-shell::before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(86,153,210,.24),transparent)!important;
  pointer-events:none!important;
}

/* PAINEL COMPLETO — modo dark
   A profundidade vem de sombra preta + contorno azul frio muito discreto. */
html[data-theme="dark"] body #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell{
  transform:translateY(-1px)!important;
  border-color:#2b4a60!important;
  box-shadow:
    0 20px 44px rgba(0,0,0,.38),
    0 5px 15px rgba(0,0,0,.22),
    0 0 0 1px rgba(57,117,153,.05),
    inset 0 1px 0 rgba(132,190,221,.055)!important;
}
html[data-theme="dark"] body #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell::before{
  background:linear-gradient(90deg,transparent,rgba(86,160,201,.22),transparent)!important;
}

/* LÍQUIDO DO MÊS — novo destaque dark.
   Azul petróleo profundo com luz azul apenas no canto superior, preservando
   conforto visual e dando mais importância à informação principal. */
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-card{
  background:
    radial-gradient(circle at 16% 10%,rgba(67,162,216,.18) 0%,rgba(67,162,216,0) 42%),
    linear-gradient(145deg,#0a2638 0%,#0d3c57 48%,#0b3047 72%,#092536 100%)!important;
  border:1px solid #2b607d!important;
  box-shadow:
    0 13px 28px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(130,202,239,.10),
    inset 0 -1px 0 rgba(0,0,0,.16)!important;
}

/* melhora o contraste sem deixar o valor branco estourado */
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-card .totals-eyebrow{
  color:#a5c4d8!important;
}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-card .totals-hero-value{
  color:#edf7fc!important;
  text-shadow:0 2px 10px rgba(0,0,0,.18)!important;
}

/* Os dois miniquadros continuam usando somente suas cores nativas
   (receita/verde e despesa/vermelho), mas ganham profundidade coerente. */
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-mini.revenue{
  box-shadow:
    inset 0 1px 0 rgba(119,205,157,.05),
    0 5px 12px rgba(0,0,0,.10)!important;
}
html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-mini.expense{
  box-shadow:
    inset 0 1px 0 rgba(232,127,139,.05),
    0 5px 12px rgba(0,0,0,.10)!important;
}

@media (prefers-reduced-motion: reduce){
  #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell{
    transition:none!important;
  }
}


/* ==========================================================================
   V58 — PROFUNDIDADE REAL DOS TOTALIZADORES
   O V57 aplicava sombra no conteúdo interno, mas o drawer usa overflow:hidden,
   então boa parte da sombra ficava recortada. Agora a profundidade é aplicada
   no próprio #summaryDock por drop-shadow, que aparece fora da gaveta.
   ========================================================================== */

@media screen and (min-width:961px){

  /* CLARO — painel realmente destacado do fundo */
  #page-caixa #summaryDock.desktop-totals-drawer.desktop-totals-open{
    position:relative!important;
    z-index:865!important;
    filter:
      drop-shadow(0 20px 22px rgba(39,78,119,.16))
      drop-shadow(0 6px 8px rgba(39,78,119,.09))!important;
  }

  #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell{
    border-color:#bfd8ed!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.96),
      inset 0 -1px 0 rgba(72,115,153,.05),
      0 0 0 1px rgba(255,255,255,.35)!important;
  }

  /* Pequena faixa luminosa no topo + sombra interna inferior.
     Isso cria a sensação de "placa elevada" sem exagero. */
  #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.80),
      inset 0 -10px 18px rgba(47,86,122,.025)!important;
  }

  /* DARK — mais profundidade física, mantendo o painel confortável */
  html[data-theme="dark"] body #page-caixa #summaryDock.desktop-totals-drawer.desktop-totals-open{
    filter:
      drop-shadow(0 24px 28px rgba(0,0,0,.52))
      drop-shadow(0 7px 10px rgba(0,0,0,.30))
      drop-shadow(0 0 10px rgba(45,111,151,.08))!important;
  }

  html[data-theme="dark"] body #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell{
    border-color:#31546b!important;
    box-shadow:
      inset 0 1px 0 rgba(137,199,231,.075),
      inset 0 -1px 0 rgba(0,0,0,.32),
      0 0 0 1px rgba(69,129,164,.035)!important;
  }

  html[data-theme="dark"] body #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell::after{
    box-shadow:
      inset 0 1px 0 rgba(128,196,229,.07),
      inset 0 -14px 22px rgba(0,0,0,.055)!important;
  }

  /* Os cards internos ganham um degrau menor de profundidade,
     para o painel não parecer uma superfície única e chapada. */
  #page-caixa #summaryDock .totals-hero-card,
  #page-caixa #summaryDock .totals-modern-card{
    box-shadow:
      0 5px 12px rgba(36,76,112,.055),
      inset 0 1px 0 rgba(255,255,255,.62)!important;
  }

  html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-card{
    box-shadow:
      0 10px 22px rgba(0,0,0,.26),
      inset 0 1px 0 rgba(125,196,231,.10),
      inset 0 -1px 0 rgba(0,0,0,.20)!important;
  }

  html[data-theme="dark"] body #page-caixa #summaryDock .totals-modern-card{
    box-shadow:
      0 5px 13px rgba(0,0,0,.16),
      inset 0 1px 0 rgba(124,181,211,.045)!important;
  }
}


/* ==========================================================================
   V60 — totalizadores com profundidade limpa, sem estética 3D
   Neutraliza filetes, brilhos internos e degraus das versões anteriores.
   A sombra externa principal é aplicada pela regra da gaveta em caixa.js.
   ========================================================================== */
@media screen and (min-width:961px){
  #page-caixa #summaryDock.desktop-totals-drawer.desktop-totals-open{
    filter:none!important;
    box-shadow:none!important;
  }

  #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell{
    transform:none!important;
  }

  #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell::before,
  #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell::after{
    content:none!important;
    display:none!important;
    box-shadow:none!important;
    background:none!important;
  }

  #page-caixa #summaryDock .totals-modern-card,
  #page-caixa #summaryDock .totals-hero-mini{
    box-shadow:none!important;
  }

  /* O cartão principal continua com o gradiente próprio, mas sem bordas/relevo extras. */
  html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-card{
    box-shadow:none!important;
  }
}


/* ==========================================================================\n   V61 — totalizadores: sombra difusa real, sem recorte e sem relevo no hero\n   ========================================================================== */
@media screen and (min-width:961px){
  #page-caixa #summaryDock.desktop-totals-drawer.desktop-totals-open{
    overflow:visible!important;
    background:transparent!important;
    filter:none!important;
    box-shadow:none!important;
  }
  #page-caixa #summaryDock.desktop-totals-drawer #cards{overflow:visible!important}
  #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell{
    border:1px solid rgba(176,204,226,.72)!important;
    box-shadow:0 20px 58px rgba(38,72,104,.14),0 7px 24px rgba(38,72,104,.075)!important;
  }
  html:not([data-theme="dark"]) body #page-caixa #summaryDock .totals-hero-card{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:linear-gradient(135deg,#157de8 0%,#0b69d8 55%,#0759bb 100%)!important;
  }
  html[data-theme="dark"] body #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell{
    box-shadow:0 24px 66px rgba(0,0,0,.40),0 8px 26px rgba(0,0,0,.20)!important;
  }
  html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-card{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
}


/* ==========================================================================
   V62 — SOMBRA REALMENTE DIFUSA DOS TOTALIZADORES
   Remove qualquer sombra retangular da gaveta/painel e cria uma camada
   separada, menor que o painel e desfocada. Assim a sombra desaparece
   gradualmente antes de chegar às bordas e não forma linhas retas.
   ========================================================================== */
@media screen and (min-width:961px){
  #page-caixa #summaryDock.desktop-totals-drawer.desktop-totals-open{
    position:relative!important;
    isolation:isolate!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    filter:none!important;
  }

  #page-caixa #summaryDock.desktop-totals-drawer.desktop-totals-open::before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    z-index:0!important;
    left:42px!important;
    right:42px!important;
    top:20px!important;
    bottom:22px!important;
    border-radius:32px!important;
    background:rgba(51,82,112,.16)!important;
    filter:blur(30px)!important;
    opacity:1!important;
    transform:translateY(14px)!important;
    pointer-events:none!important;
  }

  #page-caixa #summaryDock.desktop-totals-drawer #cards{
    position:relative!important;
    z-index:1!important;
    overflow:visible!important;
    background:transparent!important;
  }

  #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell{
    position:relative!important;
    z-index:1!important;
    box-shadow:none!important;
    filter:none!important;
    transform:none!important;
  }

  html[data-theme="dark"] body #page-caixa #summaryDock.desktop-totals-drawer.desktop-totals-open::before{
    left:48px!important;
    right:48px!important;
    top:18px!important;
    bottom:18px!important;
    border-radius:36px!important;
    background:rgba(0,0,0,.42)!important;
    filter:blur(34px)!important;
    transform:translateY(15px)!important;
  }

  /* Mantém o cartão azul do modo claro totalmente plano. */
  html:not([data-theme="dark"]) body #page-caixa #summaryDock .totals-hero-card{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
  }
}


/* ==========================================================================
   V63 — PROFUNDIDADE SEM RECORTE
   A sombra não pertence mais ao retângulo do #summaryDock.
   O dock fica 100% transparente; a profundidade é desenhada por uma camada
   independente e radial, portanto desaparece por gradiente e não por linha.
   ========================================================================== */
@media screen and (min-width:961px){
  html body #page-caixa #summaryDock,
  html[data-theme="dark"] body #page-caixa #summaryDock,
  html body #page-caixa #summaryDock.desktop-totals-drawer,
  html body #page-caixa #summaryDock.desktop-totals-drawer.desktop-totals-open{
    background:transparent!important;
    border:0!important;
    border-top:0!important;
    box-shadow:none!important;
    filter:none!important;
    overflow:visible!important;
  }

  html body #page-caixa #summaryDock.desktop-totals-drawer.desktop-totals-open::before,
  html body #page-caixa #summaryDock.desktop-totals-drawer.desktop-totals-open::after{
    content:none!important;
    display:none!important;
  }

  html body #page-caixa #summaryDock.desktop-totals-drawer #cards{
    position:relative!important;
    z-index:866!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell{
    position:relative!important;
    z-index:866!important;
    transform:none!important;
    filter:none!important;
    box-shadow:none!important;
  }

  /* Hero claro novamente plano, sem relevo. */
  html:not([data-theme="dark"]) body #page-caixa #summaryDock .totals-hero-card{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:linear-gradient(135deg,#157de8 0%,#0b69d8 55%,#0759bb 100%)!important;
  }

  /* Hero dark: mantém o azul-petróleo, porém plano. */
  html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-card{
    border:0!important;
    outline:0!important;
    box-shadow:none!important;
    background:
      radial-gradient(circle at 16% 10%,rgba(67,162,216,.15) 0%,rgba(67,162,216,0) 43%),
      linear-gradient(145deg,#0a2638 0%,#0d3c57 48%,#0b3047 72%,#092536 100%)!important;
  }

  /* Camada independente de profundidade. Não possui borda física:
     o próprio gradiente chega a transparente antes do limite do elemento. */
  #desktopTotalsDepthShadow{
    position:fixed!important;
    z-index:858!important;
    pointer-events:none!important;
    display:block!important;
    opacity:0!important;
    border:0!important;
    border-radius:50%!important;
    background:
      radial-gradient(
        ellipse at 50% 46%,
        rgba(48,78,111,.22) 0%,
        rgba(48,78,111,.14) 29%,
        rgba(48,78,111,.07) 48%,
        rgba(48,78,111,.025) 61%,
        rgba(48,78,111,0) 75%
      )!important;
    filter:blur(14px)!important;
    transform:translateY(10px)!important;
    transition:opacity .18s ease!important;
  }

  #desktopTotalsDepthShadow.is-visible{
    opacity:1!important;
  }

  html[data-theme="dark"] #desktopTotalsDepthShadow{
    background:
      radial-gradient(
        ellipse at 50% 47%,
        rgba(0,0,0,.58) 0%,
        rgba(0,0,0,.40) 31%,
        rgba(0,0,0,.21) 49%,
        rgba(0,0,0,.08) 62%,
        rgba(0,0,0,0) 76%
      )!important;
    filter:blur(17px)!important;
    transform:translateY(12px)!important;
  }
}

@media screen and (max-width:960px){
  #desktopTotalsDepthShadow{display:none!important}
}


/* ==========================================================================
   V64 — profundidade limpa e natural
   Sem camada retangular independente. O painel usa somente sombras externas
   muito desfocadas e com spread negativo, que desaparecem gradualmente.
   ========================================================================== */
@media screen and (min-width:961px){

  /* Desliga completamente a experiência de sombra separada da V63. */
  #desktopTotalsDepthShadow{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
  }

  /* Nenhum backdrop/escurecimento geral quando os totalizadores abrem. */
  body.desktop-totals-focus::before{
    content:none!important;
    display:none!important;
    opacity:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  /* Os ancestrais não podem cortar a sombra do painel. */
  html body #page-caixa #summaryDock.desktop-totals-drawer,
  html body #page-caixa #summaryDock.desktop-totals-drawer.desktop-totals-open,
  html body #page-caixa #summaryDock.desktop-totals-drawer #cards{
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    overflow:visible!important;
  }

  /* CLARO:
     a sombra fica concentrada perto do painel e some antes de formar bordas
     perceptíveis. Não há relevo interno nem linha adicional. */
  html:not([data-theme="dark"]) body #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell{
    transform:none!important;
    filter:none!important;
    box-shadow:
      0 26px 58px -34px rgba(36,67,97,.52),
      0 13px 32px -26px rgba(36,67,97,.38),
      0 -10px 34px -30px rgba(45,86,122,.22)!important;
  }

  /* DARK:
     mesma lógica, só que com sombra preta macia + um mínimo de ambiente azul
     difuso. Não existe bloco retangular por trás. */
  html[data-theme="dark"] body #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell{
    transform:none!important;
    filter:none!important;
    box-shadow:
      0 28px 66px -34px rgba(0,0,0,.78),
      0 14px 38px -28px rgba(0,0,0,.68),
      0 -10px 34px -30px rgba(0,0,0,.48),
      0 12px 62px -44px rgba(28,93,129,.42)!important;
  }

  /* Nada de efeito 3D no cartão Líquido do mês. */
  html:not([data-theme="dark"]) body #page-caixa #summaryDock .totals-hero-card,
  html[data-theme="dark"] body #page-caixa #summaryDock .totals-hero-card{
    outline:0!important;
    box-shadow:none!important;
  }

  /* Remove os pseudo-elementos das tentativas anteriores. */
  html body #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell::before,
  html body #page-caixa #summaryDock.desktop-totals-open .totals-modern-shell::after,
  html body #page-caixa #summaryDock.desktop-totals-drawer.desktop-totals-open::before,
  html body #page-caixa #summaryDock.desktop-totals-drawer.desktop-totals-open::after{
    content:none!important;
    display:none!important;
  }
}

/* ========================================================================
   V65 — filtros do Fechamento no padrão visual da NFS-e — 07/10/2026
   Popup maior, legível, compacto na quantidade de opções e aberto abaixo
   da própria coluna. Escopo restrito ao filtro da tabela do caixa.
   ======================================================================== */
@media screen and (min-width:961px){
  body .excel-filter-menu{
    position:fixed!important;
    z-index:100000!important;
    box-sizing:border-box!important;
    width:344px!important;
    min-width:320px!important;
    max-width:calc(100vw - 20px)!important;
    padding:14px!important;
    overflow:auto!important;
    border:1px solid #cbddea!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#284862!important;
    box-shadow:0 14px 36px rgba(18,52,77,.18)!important;
    font-size:12px!important;
  }

  body .excel-filter-title{
    margin:0 0 10px!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:800!important;
    color:#173b5d!important;
  }

  body .excel-filter-sort{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin:0 0 10px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body .excel-filter-sort button{
    height:36px!important;
    padding:0 10px!important;
    border:1px solid #cdddea!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#3f5d75!important;
    font-size:10.5px!important;
    font-weight:750!important;
    text-align:center!important;
  }
  body .excel-filter-sort button:hover{
    background:#f3f8fd!important;
  }
  body .excel-filter-sort button.active{
    background:#eaf4ff!important;
    border-color:#86b7ea!important;
    color:#0b66d7!important;
  }

  body .excel-filter-search{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }
  body .excel-filter-search input{
    width:100%!important;
    height:39px!important;
    box-sizing:border-box!important;
    padding:0 11px!important;
    border:1px solid #cdddea!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#27465f!important;
    outline:none!important;
    font-size:12px!important;
  }
  body .excel-filter-search input:focus{
    border-color:#6aa9e9!important;
    box-shadow:0 0 0 2px rgba(11,102,215,.08)!important;
  }

  body .excel-filter-count{
    padding:7px 1px 4px!important;
    background:transparent!important;
    color:#718398!important;
    font-size:10.5px!important;
    line-height:1.2!important;
  }

  body .excel-filter-values{
    min-height:0!important;
    max-height:160px!important;
    margin:0!important;
    padding:0!important;
    overflow:auto!important;
    border:1px solid #e1ebf3!important;
    border-radius:7px!important;
    background:#fbfdff!important;
  }
  body .excel-filter-check{
    display:flex!important;
    align-items:flex-start!important;
    gap:9px!important;
    min-height:0!important;
    padding:9px 10px!important;
    border-bottom:1px solid #edf3f8!important;
    border-radius:0!important;
    background:transparent!important;
    color:#284862!important;
    font-size:12px!important;
    line-height:1.25!important;
    white-space:normal!important;
  }
  body .excel-filter-check:last-child{
    border-bottom:0!important;
  }
  body .excel-filter-check:hover{
    background:#f0f7fd!important;
  }
  body .excel-filter-check input{
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    margin:0!important;
    flex:0 0 16px!important;
    accent-color:#0b66d7!important;
  }
  body .excel-filter-check span{
    min-width:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }
  body .excel-filter-empty{
    padding:14px 9px!important;
    color:#7c91a4!important;
    font-size:11px!important;
    text-align:center!important;
  }

  body .excel-filter-tools,
  body .excel-filter-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin-top:10px!important;
    padding:0!important;
    background:transparent!important;
  }
  body .excel-filter-tools{
    justify-content:space-between!important;
  }
  body .excel-filter-actions{
    justify-content:flex-end!important;
    padding-top:8px!important;
    border-top:1px solid #e5eef5!important;
  }
  body .excel-filter-tools button,
  body .excel-filter-actions button{
    height:34px!important;
    padding:0 11px!important;
    border:1px solid #cdddea!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#3f5d75!important;
    font-size:10.5px!important;
    font-weight:750!important;
    cursor:pointer!important;
  }
  body .excel-filter-tools button:hover,
  body .excel-filter-actions button:hover{
    background:#f3f8fd!important;
  }
  body .excel-filter-actions .apply{
    margin-left:0!important;
    background:#0b66d7!important;
    border-color:#0b66d7!important;
    color:#fff!important;
  }

  #page-caixa #cashTable .col-filter-btn{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    flex:0 0 24px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    font-size:9px!important;
    line-height:1!important;
    box-shadow:none!important;
  }
  #page-caixa #cashTable .col-filter-btn:hover,
  #page-caixa #cashTable .col-filter-btn.open{
    background:rgba(255,255,255,.20)!important;
    border-color:rgba(255,255,255,.50)!important;
  }
  #page-caixa #cashTable .col-filter-btn.filtered,
  #page-caixa #cashTable .col-filter-btn.sorted{
    background:#fff!important;
    border-color:#fff!important;
    color:#0b66d7!important;
  }

  html[data-theme="dark"] body .excel-filter-menu{
    background:#102433!important;
    border-color:#315269!important;
    color:#dbeaf3!important;
    box-shadow:0 16px 40px rgba(0,0,0,.42)!important;
  }
  html[data-theme="dark"] body .excel-filter-title{color:#ecf5fa!important}
  html[data-theme="dark"] body .excel-filter-sort button,
  html[data-theme="dark"] body .excel-filter-tools button,
  html[data-theme="dark"] body .excel-filter-actions button{
    background:#17364b!important;
    border-color:#315269!important;
    color:#dcebf4!important;
  }
  html[data-theme="dark"] body .excel-filter-sort button:hover,
  html[data-theme="dark"] body .excel-filter-tools button:hover,
  html[data-theme="dark"] body .excel-filter-actions button:hover{
    background:#1d435b!important;
  }
  html[data-theme="dark"] body .excel-filter-sort button.active{
    background:#173f5a!important;
    border-color:#4e86aa!important;
    color:#9ed3f4!important;
  }
  html[data-theme="dark"] body .excel-filter-search input{
    background:#0c1d2a!important;
    border-color:#315269!important;
    color:#e2edf4!important;
  }
  html[data-theme="dark"] body .excel-filter-count{color:#91aabc!important}
  html[data-theme="dark"] body .excel-filter-values{
    background:#0c1d2a!important;
    border-color:#29495f!important;
  }
  html[data-theme="dark"] body .excel-filter-check{
    background:#0c1d2a!important;
    border-bottom-color:#213d50!important;
    color:#dbeaf3!important;
  }
  html[data-theme="dark"] body .excel-filter-check:hover{background:#153044!important}
  html[data-theme="dark"] body .excel-filter-actions{border-top-color:#29495f!important}
  html[data-theme="dark"] body .excel-filter-actions .apply{
    background:#2377b5!important;
    border-color:#2377b5!important;
    color:#fff!important;
  }
}


/* ========================================================================
   V66 — refinamento interno do popup de filtros do Fechamento
   Mantém a escala aprovada e aproxima a organização visual do filtro NFS-e.
   ======================================================================== */
@media screen and (min-width:961px){
  body .excel-filter-menu{
    padding:14px!important;
  }
  body .excel-filter-title{
    margin-bottom:10px!important;
  }
  body .excel-filter-sort{
    margin-bottom:10px!important;
    gap:8px!important;
  }
  body .excel-filter-sort button{
    height:36px!important;
    padding:0 9px!important;
    white-space:nowrap!important;
  }
  body .excel-filter-search{
    margin-bottom:10px!important;
  }
  body .excel-filter-count{
    display:none!important;
  }
  body .excel-filter-values{
    max-height:150px!important;
    margin:0!important;
    border-radius:8px!important;
  }
  body .excel-filter-check{
    align-items:center!important;
    min-height:34px!important;
    padding:7px 10px!important;
    gap:9px!important;
    line-height:1.2!important;
  }
  body .excel-filter-check span{
    display:block!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body .excel-filter-tools{
    margin-top:10px!important;
  }
  body .excel-filter-actions{
    margin-top:10px!important;
    padding-top:9px!important;
  }
}


/* ========================================================================
   V67 — rodapé único dos filtros do Fechamento — 07/10/2026
   Mantém a escala aprovada, libera área para mais opções e remove o negrito
   do título interno do filtro.
   ======================================================================== */
@media screen and (min-width:961px){
  body .excel-filter-title{
    font-weight:500!important;
  }

  body .excel-filter-values{
    max-height:205px!important;
  }

  body .excel-filter-tools,
  body .excel-filter-actions{
    display:none!important;
  }

  body .excel-filter-footer{
    display:grid!important;
    grid-template-columns:1.35fr 1.15fr .9fr .82fr!important;
    gap:7px!important;
    align-items:center!important;
    margin-top:10px!important;
    padding-top:10px!important;
    border-top:1px solid #e5eef5!important;
  }

  body .excel-filter-footer button{
    width:100%!important;
    min-width:0!important;
    height:34px!important;
    padding:0 7px!important;
    border:1px solid #cdddea!important;
    border-radius:7px!important;
    background:#fff!important;
    color:#3f5d75!important;
    font-size:9.5px!important;
    font-weight:600!important;
    white-space:nowrap!important;
    cursor:pointer!important;
  }

  body .excel-filter-footer button:hover{
    background:#f3f8fd!important;
  }

  body .excel-filter-footer .apply{
    background:#0b66d7!important;
    border-color:#0b66d7!important;
    color:#fff!important;
  }

  html[data-theme="dark"] body .excel-filter-footer{
    border-top-color:#29495f!important;
  }
  html[data-theme="dark"] body .excel-filter-footer button{
    background:#17364b!important;
    border-color:#31556e!important;
    color:#dceaf3!important;
  }
  html[data-theme="dark"] body .excel-filter-footer button:hover{
    background:#1f435b!important;
  }
  html[data-theme="dark"] body .excel-filter-footer .apply{
    background:#0b66d7!important;
    border-color:#0b66d7!important;
    color:#fff!important;
  }
}

/* V55 — centralização vertical do botão Mostrar/Ocultar totalizadores */
#page-caixa .desktop-totals-toggle-wrap{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin:18px auto 20px!important;
}

@media screen and (max-width:1360px){
  #page-caixa .desktop-totals-toggle-wrap{
    margin:16px auto 18px!important;
  }
}

/* V56 — modo focado quando os totalizadores estão abertos
   Mantém a tabela de lançamentos limpa: oculta a barra geral de filtros,
   busca e os botões Período/PDF enquanto a gaveta estiver exibida. */
@media screen and (min-width:961px){
  body.desktop-totals-focus #page-caixa #cashTablePanel > .filters{
    display:none!important;
  }

  body.desktop-totals-focus #page-caixa #deleteComp,
  body.desktop-totals-focus #page-caixa #printReport{
    display:none!important;
  }

  body.desktop-totals-focus #page-caixa #cashTablePanel{
    padding-top:10px!important;
  }

  body.desktop-totals-focus #page-caixa #cashTablePanel .cash-table-wrap{
    margin-top:0!important;
  }
}


/* V57 — ao exibir os totalizadores, oculta os comandos do cabeçalho.
   A classe desktop-totals-focus já é controlada pelo js/caixa.js. */
@media screen and (min-width:961px){
  body.desktop-totals-focus #appView .desktop-header-command-zone{
    display:none!important;
  }
}


/* V58 — fundo levemente mais escuro no Fechamento de Caixa (modo claro)
   Mantém painéis, tabela e cabeçalhos claros para ganhar contraste visual. */
@media screen and (min-width:961px){
  html:not([data-theme="dark"]) body:has(#page-caixa.active){
    background:#EAF2F8!important;
  }

  html:not([data-theme="dark"]) body #appView .content:has(#page-caixa.active){
    background:#EAF2F8!important;
  }

  html:not([data-theme="dark"]) body #page-caixa.active{
    background:#EAF2F8!important;
  }
}

/* V59 — fundo do Fechamento de Caixa um pouco mais escuro no modo dark
   Mantém painéis, tabela e cabeçalhos em seus tons atuais para aumentar o contraste. */
@media screen and (min-width:961px){
  html[data-theme="dark"] body:has(#page-caixa.active){
    background:#030d15!important;
  }

  html[data-theme="dark"] body:has(#page-caixa.active) #appView,
  html[data-theme="dark"] body:has(#page-caixa.active) .main{
    background:#030d15!important;
  }

  html[data-theme="dark"] body #appView .content:has(#page-caixa.active){
    background:#041019!important;
    border-top-color:#0d2231!important;
  }

  html[data-theme="dark"] body #page-caixa.active{
    background:#041019!important;
  }
}


/* V60 — dark mode leve, sem filtros pesados na logo */
@media screen and (min-width:961px){
  html[data-theme="dark"] body #appView .local-header .header-logo{
    filter:none!important;
    opacity:1!important;
    transition:none!important;
  }

  html[data-theme="dark"] body #appView .local-head-divider{
    background:#27445A!important;
    box-shadow:none!important;
    opacity:.88!important;
  }

  html[data-theme="dark"] body.desktop-totals-focus #appView .local-head-divider{
    opacity:0!important;
  }
}

/* V61 — otimização de animação no dark: somente propriedades leves. */
@media screen and (min-width:961px){
  html[data-theme="dark"] body #page-caixa #desktopTotalsToggle,
  html[data-theme="dark"] body #page-caixa .desktop-totals-toggle-wrap,
  html[data-theme="dark"] body #appView #systemLogoHome{
    -webkit-font-smoothing:antialiased!important;
  }
}