/* ZenCaps — refinamento tipográfico dos submenus (21/10/2026).
   Camada de apresentação. Nenhuma alteração de campos, handlers, cálculos ou permissões.
   @media screen mantém impressão e PDFs de faturas com os estilos originais. */
@media screen {
  /* Todos os formulários abertos como janelas — NÃO atinge Meu telefone nem login/MFA. */
  .modal-layer .modal:not(.zen-phone-modal) .modal-head p {
    font-size:12.5px;line-height:1.55;
  }
  .modal-layer .modal:not(.zen-phone-modal) .field>label {
    font-size:12px;line-height:1.4;
  }
  .modal-layer .modal:not(.zen-phone-modal) .field>small,
  .modal-layer .modal:not(.zen-phone-modal) .field>.muted {
    font-size:12px;line-height:1.5;
  }
  .modal-layer .modal:not(.zen-phone-modal) .field :is(.input,.select,textarea) {
    font-size:13px;
  }
  .modal-layer .modal:not(.zen-phone-modal) .form-note {
    font-size:12px;line-height:1.55;
  }
  .modal-layer .modal:not(.zen-phone-modal) :is(.modal-foot,.invoice-view-footer) .btn {
    font-size:12.5px;line-height:1.4;
  }
  .modal-layer .modal:not(.zen-phone-modal) .catalog-section-head p {
    font-size:12px;line-height:1.55;
  }
  .modal-layer .modal:not(.zen-phone-modal) .catalog-section-head h3 {
    font-size:14.5px;
  }

  /* Novo/editar pedido — itens, frete e resumo. */
  .modal-layer .modal:has(form[data-form="order"]) .order-item-row .field label {
    font-size:11.5px;
  }
  .modal-layer .modal:has(form[data-form="order"]) .order-empty-hint {
    font-size:12.5px;line-height:1.55;
  }
  .modal-layer .modal:has(form[data-form="order"]) .order-item-row .item-subtotal {
    font-size:12px;
  }
  .modal-layer .modal:has(form[data-form="order"]) .total-preview small {
    font-size:12px;
  }
  .modal-layer .modal:has(form[data-form="order"]) .total-preview .badge {
    font-size:11.5px;
  }

  /* Novo/editar cliente — foto, arquivos, observações e tabela de preços. */
  .modal-layer .modal:has(form[data-form="client"]) .client-media-row b {
    font-size:13px;
  }
  .modal-layer .modal:has(form[data-form="client"]) :is(
     .client-media-row small,.client-file-box>small,
     .client-file-footer small,.client-document-name small
  ) {
    font-size:12px;line-height:1.5;
  }
  .modal-layer .modal:has(form[data-form="client"]) .client-file-box input[type="file"] {
    font-size:12.5px;
  }
  .modal-layer .modal:has(form[data-form="client"]) .product-price-row small {
    font-size:12px;line-height:1.45;
  }
  .modal-layer .modal:has(form[data-form="client"]) .product-price-row .checkbox-line {
    font-size:13px;
  }
  .modal-layer .modal:has(form[data-form="client"]) .price-entry .input {
    font-size:13px;
  }
  .modal-layer .modal:has(form[data-form="client"]) .client-document-toolbar {
    font-size:12.5px;
  }
  .modal-layer .modal:has(form[data-form="client"]) .client-documents-empty {
    font-size:12px;
  }

  /* Novo produto — informação comercial, sem deslocar campos. */
  .modal-layer .modal:has(form[data-form="product"]) .checkbox-line {
    font-size:12.5px;
  }
  .modal-layer .modal:has(form[data-form="product"]) .form-note span {
    line-height:1.6;
  }

  /* Funcionários — descrição do papel, avisos de senha e notificações. */
  .modal-layer .modal:has(form[data-form="staff-create"]) .staff-role-help,
  .modal-layer .modal:has(form[data-form="staff-edit"]) .staff-role-help {
    font-size:12.5px;line-height:1.55;
  }
  .modal-layer .modal:has(form[data-form="staff-create"]) .staff-role-option p,
  .modal-layer .modal:has(form[data-form="staff-edit"]) .staff-role-option p {
    font-size:12px;line-height:1.55;
  }
  .modal-layer .modal:has(form[data-form="staff-create"]) .staff-notification-setting,
  .modal-layer .modal:has(form[data-form="staff-edit"]) .staff-notification-setting {
    font-size:12px;line-height:1.5;
  }
  .modal-layer .modal:has(form[data-form="staff-create"]) .zen-password-feedback,
  .modal-layer .modal:has(form[data-form="staff-edit"]) .zen-password-feedback {
    font-size:12px;
  }

  /* Fluxos com etapas — fechamento de fatura e importação conferida. */
  .modal-layer .modal :is(.zen-journey-step,.zen-journey-caption) {
    font-size:12px;line-height:1.5;
  }
  .modal-layer .zen-modal-invoice .invoice-kpi small {
    font-size:12px;
  }
  .modal-layer .zen-modal-invoice .invoice-kpi b {
    font-size:16px;
  }
  .modal-layer .zen-modal-invoice .pick-row :is(span,small) {
    font-size:12px;line-height:1.5;
  }
  .modal-layer .zen-modal-invoice .invoice-closeout-lines,
  .modal-layer .zen-modal-invoice .invoice-closeout-lines b,
  .modal-layer .zen-modal-invoice .invoice-credit-choice p,
  .modal-layer .zen-modal-invoice .invoice-manual-discount p {
    font-size:12px;line-height:1.5;
  }
  .modal-layer .zen-modal-invoice .invoice-closeout-net>span {
    font-size:13px;
  }

  /* Importação: mapeamento, prévia, avisos e linhas em rolagem interna. */
  .modal-layer .zen-modal-upload .form-note,
  .modal-layer .zen-modal-import-review .form-note {
    font-size:12px;line-height:1.55;
  }
  .modal-layer .zen-modal-import-review .import-topline,
  .modal-layer .zen-modal-import-review .import-bulk-help,
  .modal-layer .zen-modal-import-review .import-bulk-head p {
    font-size:12px;line-height:1.55;
  }
  .modal-layer .zen-modal-import-review .import-kpis small {
    font-size:11.5px;
  }
  .modal-layer .zen-modal-import-review .import-table th {
    font-size:11px;
  }
  .modal-layer .zen-modal-import-review .import-table td {
    font-size:12px;
  }
  .modal-layer .zen-modal-import-review .import-table td b,
  .modal-layer .zen-modal-import-review .import-table td small {
    font-size:11.5px;line-height:1.45;
  }
  .modal-layer .zen-modal-import-review :is(
    .import-warning,.import-ok,.import-composition
  ) {
    font-size:11.5px;line-height:1.5;
  }
  .modal-layer .zen-modal-import-review .import-bulk-controls .field label {
    font-size:12px;
  }
  .modal-layer .zen-modal-import-review .import-summary {
    font-size:12.5px;
  }
  .modal-layer .zen-modal-import-review .import-review-foot .btn {
    font-size:12.5px;
  }
  /* A tabela de conferência mantém rolagem própria, sem cortar dados. */
  .modal-layer .zen-modal-import-review .import-table {
    max-width:100%;overscroll-behavior-x:contain;
  }

  /* Visualização da fatura — NÃO se aplica à folha impressa/PDF. */
  .modal-layer .invoice-view-modal .invoice-preview .invoice-meta small,
  .modal-layer .invoice-view-modal .invoice-preview .invoice-representative,
  .modal-layer .invoice-view-modal .invoice-preview .invoice-section-title span {
    font-size:11px;line-height:1.5;
  }
  .modal-layer .invoice-view-modal .invoice-preview .invoice-meta b,
  .modal-layer .invoice-view-modal .invoice-preview .invoice-financial-breakdown>div {
    font-size:11.5px;line-height:1.55;
  }
  .modal-layer .invoice-view-modal .invoice-preview .invoice-table th {
    font-size:10.5px;
  }
  .modal-layer .invoice-view-modal .invoice-preview .invoice-table td {
    font-size:11.5px;line-height:1.45;
  }
  .modal-layer .invoice-view-modal .invoice-preview .detail-table th {
    font-size:10px;
  }
  .modal-layer .invoice-view-modal .invoice-preview .detail-table td {
    font-size:11.25px;line-height:1.5;
  }
  .modal-layer .invoice-view-modal .invoice-preview .invoice-section-title h3 {
    font-size:13.5px;
  }
  .modal-layer .invoice-view-modal .invoice-preview .invoice-document-footer {
    font-size:10.5px;
  }

  /* Registrar pagamento: apenas leitura dos campos, sem qualquer ação financeira. */
  .modal-layer .modal:has(form[data-form="payment"]) .invoice-kpi small {
    font-size:12px;
  }
  .modal-layer .modal:has(form[data-form="payment"]) .invoice-kpi b {
    font-size:16px;
  }
  .modal-layer .modal:has(form[data-form="payment"]) .form-note {
    font-size:12.5px;line-height:1.55;
  }
}

@media screen and (max-width:650px) {
  /* Manter botões alcançáveis e cabeçalhos compactos no celular. */
  .modal-layer .modal:not(.zen-phone-modal) :is(.modal-foot,.invoice-view-footer) .btn {
    font-size:12px;
  }
}