/* Ajuste solicitado de bordes en ambos temas.
   Solo colores de borde: no cambia geometría, fondos, sombras, textos ni células.
   Las bandas de acento y los estados de botones se conservan. */
@media screen {
  :root :is(.card,.notice,.signature):where(:not(.stat,.workflow-card,.inv-product,.inv-notice,.inv-critical,.setup-notice)),
  :root .notice.info:where(:not(.setup-notice)),
  :root .login-form form {
    border-color: var(--edge-panel-top) var(--edge-panel) var(--edge-panel-bottom);
  }
  :root :is(.hero,.modal) {
    border-color: var(--edge-feature-top) var(--edge-feature) var(--edge-feature-bottom);
  }
  /* El borde lateral de aviso conserva su color de acento. */
  :root :is(.setup-notice,.inv-notice,.inv-critical) {
    border-top-color: var(--edge-panel-top);
    border-right-color: var(--edge-panel);
    border-bottom-color: var(--edge-panel-bottom);
  }
  /* No cambiar las cuatro bandas inferiores ni el acento superior del flujo. */
  :root .stat {
    border-top-color: var(--edge-panel-top);
    border-right-color: var(--edge-panel);
    border-left-color: var(--edge-panel);
  }
  :root :is(.workflow-card,.inv-product),
  :root .workflow-card.needs-action {
    border-right-color: var(--edge-panel);
    border-bottom-color: var(--edge-panel-bottom);
    border-left-color: var(--edge-panel);
  }
  :root :is(.workflow-card,.inv-product):hover {
    border-right-color: var(--edge-interactive);
    border-bottom-color: var(--edge-interactive);
    border-left-color: var(--edge-interactive);
  }
  :root .workflow-card.needs-action:hover {
    border-right-color: var(--edge-interactive-info);
    border-bottom-color: var(--edge-interactive-info);
    border-left-color: var(--edge-interactive-info);
  }
  :root .repeat-row,
  :root .inv-form fieldset { border-color: var(--edge-inset); }
  :root :is(.row,.datum,.repeater,.tabs,.form-actions,th,td),
  :root .document-section h3 { border-color: var(--edge-divider); }
  :root .topbar { border-bottom-color: var(--edge-divider); }

  /* Los campos se distinguen más que los bordes decorativos. */
  :root .field input,
  :root .field select,
  :root .field textarea,
  :root .search { border-color: var(--edge-control); }
  :root .modal .field input,
  :root .modal .field select,
  :root .modal .field textarea,
  :root .modal .search { border-color: var(--edge-modal-control); }
  :root .field input:hover,
  :root .field select:hover,
  :root .field textarea:hover,
  :root .search:hover { border-color: var(--edge-control-hover); }
  :root .modal .field input:hover,
  :root .modal .field select:hover,
  :root .modal .field textarea:hover,
  :root .modal .search:hover { border-color: var(--edge-modal-control-hover); }
  :root .field input:focus,
  :root .field select:focus,
  :root .field textarea:focus,
  :root .search:focus { border-color: var(--edge-focus); }
  :root .modal .field input:focus,
  :root .modal .field select:focus,
  :root .modal .field textarea:focus,
  :root .modal .search:focus { border-color: var(--edge-focus); }
  :root .btn:where(:not(.primary,.text,.danger):not(:hover):not(:focus-visible)) {
    border-color: var(--edge-button);
  }
}