/* Un même retrait visuel entre libellés et commandes, sans agrandir les champs. */
@media screen {
  .form-field,
  #recordForm .form-field,
  .server-form > label,
  .settings-fields > label,
  .automation-form > label,
  .network-check-form > label,
  .aw-events-form > label,
  .report-form > label,
  .agent-controls > label {
    row-gap:8px;
  }
  /* Les étiquettes qui enveloppent directement leur champ sont fréquentes
     dans les fenêtres secondaires ; laisser les cases à cocher intactes. */
  :is(#content,dialog) form label:has(> :is(input:not([type=checkbox]):not([type=radio]),select,textarea)) {
    display:grid;
    min-width:0;
    row-gap:8px;
  }
  :is(#content,dialog) form label > :is(input:not([type=checkbox]):not([type=radio]),select,textarea) {
    width:100%;
    min-width:0;
    max-width:100%;
  }
  :is(#content,dialog) input[type=number] { font-variant-numeric:tabular-nums; }
  body.mobile-device #content form label:has(> :is(input:not([type=checkbox]):not([type=radio]),select,textarea)) {
    gap:8px!important;
  }
}