/* Admin > Misc. One stylesheet per feature, so two features never edit the same one. */
#admin-body .misc-intro,
#admin-body .misc-group { margin-bottom: 16px; }

.misc-field { margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }
.misc-field:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.misc-field > label { display: block; font-weight: 600; margin-bottom: 6px; }
/* A rule that has been moved off its standard is marked, so the ones somebody
   changed can be found at a glance. */
.misc-field.changed > label::after {
  content: 'changed'; margin-left: 8px; font-size: 11px; font-weight: 600;
  padding: 1px 7px; border-radius: 999px; background: #fef3c7; color: #92400e;
}

.misc-input { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.misc-input input[type="number"] { width: 120px; }
.misc-input input[type="text"] { width: 200px; max-width: 100%; }
.misc-input textarea { width: 100%; max-width: 520px; }
.misc-input select { max-width: 100%; }
.misc-unit { color: var(--muted, #64748b); font-size: 13px; }

.misc-switch { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; cursor: pointer; }
.misc-switch input { width: 18px; height: 18px; }

.misc-help { margin: 6px 0 0; max-width: 640px; }
.misc-standard { margin: 4px 0 0; color: var(--muted, #64748b); }
.misc-standard a { margin-left: 8px; }

/* The Save button stays reachable on a long page and clear of the To Do dock. */
.misc-savebar {
  position: sticky; bottom: 0; z-index: 2; display: flex; align-items: center; gap: 12px;
  padding: 12px 0; background: var(--bg, #fff);
}

@media (max-width: 600px) {
  .misc-input input[type="number"], .misc-input input[type="text"] { width: 100%; }
}