/* [REMOVAL-1980] D5 sweep: rules extracted from template <style> blocks.
   Each section header names its source template. */

/* ---- extracted from apps/templates/includes/styles.html ---- */
/* [REMOVAL-1189] DS migration: hex literals replaced with design-system tokens. */

  * {
    scrollbar-width: auto;
    scrollbar-color: var(--neutral-400) var(--surface-2);
  }
  *::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }
  *::-webkit-scrollbar-thumb {
    background: var(--neutral-400);
    border-radius: 6px;
    border: 2px solid transparent;
    background-clip: content-box;
    min-height: 40px;
  }
  *::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-600);
    border: 2px solid transparent;
    background-clip: content-box;
  }
  *::-webkit-scrollbar-track {
    background: var(--surface-2);
    border-radius: 6px;
  }
  body.dark *::-webkit-scrollbar-thumb {
    background: var(--neutral-600);
    border: 2px solid transparent;
    background-clip: content-box;
  }
  body.dark *::-webkit-scrollbar-thumb:hover {
    background: var(--neutral-500);
    border: 2px solid transparent;
    background-clip: content-box;
  }
  body.dark *::-webkit-scrollbar-track {
    background: var(--text-primary);
  }
  body.dark * {
    scrollbar-color: var(--neutral-600) var(--text-primary);
  }

  /* ── Modal: auto-fit content width ──────────────────────────────
     Bootstrap size classes (sm/lg/xl) become minimum widths;
     modals grow wider when content (tables, dropdowns) needs it,
     capped at 95 vw so they stay within the viewport.
     Fullscreen modals are excluded.
     ─────────────────────────────────────────────────────────────── */
  @media (min-width: 576px) {
    .modal .modal-dialog:not(.modal-fullscreen) {
      width: fit-content;
      min-width: min(500px, 95vw);
      max-width: 95vw;
    }
    .modal .modal-dialog.modal-sm {
      min-width: min(300px, 95vw);
    }
  }
  @media (min-width: 992px) {
    .modal .modal-dialog.modal-lg,
    .modal .modal-dialog.modal-xl {
      min-width: min(800px, 95vw);
    }
  }
  @media (min-width: 1200px) {
    .modal .modal-dialog.modal-xl {
      min-width: min(1140px, 95vw);
    }
  }

  /* Auto-wiring: greyed-out label options inside <select> pickers
     when a label has no candidate AI model in the current area. */
  select option.aw-no-model-option {
    color: var(--neutral-500);
    background-color: var(--surface-2);
    font-style: italic;
  }
  .aw-sanity-table .badge { font-weight: 500; }
  .aw-sanity-summary .badge { margin-right: 0.5rem; }