/* High Contrast & Colorblind Mode (consolidated) */
    /* High Contrast & Colorblind Mode Full-Page Overrides */
    /* System preference (OS-level high contrast setting) */
    @media (prefers-contrast: more) {
      html, body {
        background: #000000 !important;
        color: #ffffff !important;
      }
      .app-topbar {
        background: #000000 !important;
        border-bottom: 3px solid #38bdf8 !important;
        backdrop-filter: none !important;
      }
      .item {
        background: #08080a !important;
        border: 2px solid #38bdf8 !important;
        box-shadow: 0 0 0 1px #000000 !important;
      }
      .item:hover {
        border-color: #fde047 !important;
        box-shadow: 0 0 12px rgba(253, 224, 71, 0.3) !important;
      }
      .tok-key, .tok-desc, .tok-status, .muted, .soft {
        color: #f4f4f5 !important;
        font-weight: 500 !important;
      }
      .tok-title {
        color: #ffffff !important;
        font-weight: 700 !important;
      }
      .tok-path, .tok-id {
        color: #fde047 !important;
        font-weight: 700 !important;
      }
      .pill.ok {
        background: #0284c7 !important;
        color: #ffffff !important;
        border: 2px solid #ffffff !important;
        font-weight: 800 !important;
      }
      .pill.warn {
        background: #d97706 !important;
        color: #ffffff !important;
        border: 2px solid #ffffff !important;
        font-weight: 800 !important;
      }
      .pill.bad {
        background: #dc2626 !important;
        color: #ffffff !important;
        border: 2px solid #ffffff !important;
        font-weight: 800 !important;
      }
      .chip {
        background: #18181b !important;
        color: #ffffff !important;
        border: 2px solid #a1a1aa !important;
        font-weight: 700 !important;
      }
      .button, .ghost-button {
        border: 2px solid #38bdf8 !important;
        background: #09090b !important;
        color: #ffffff !important;
        font-weight: 700 !important;
      }
      .button:hover, .ghost-button:hover {
        border-color: #fde047 !important;
        background: #0284c7 !important;
        color: #ffffff !important;
      }
      .contrast-toggle-label {
        border-color: #fde047 !important;
        background: rgba(253, 224, 71, 0.15) !important;
        color: #ffffff !important;
      }
    }
    /* Manual toggle (topbar switch) — applies regardless of OS preference */
    html[data-high-contrast="true"] body,
    body.high-contrast-active {
      background: #000000 !important;
      color: #ffffff !important;
    }
    html[data-high-contrast="true"] .app-topbar,
    body.high-contrast-active .app-topbar {
      background: #000000 !important;
      border-bottom: 3px solid #38bdf8 !important;
      backdrop-filter: none !important;
    }
    html[data-high-contrast="true"] .item,
    body.high-contrast-active .item {
      background: #08080a !important;
      border: 2px solid #38bdf8 !important;
      box-shadow: 0 0 0 1px #000000 !important;
    }
    html[data-high-contrast="true"] .item:hover,
    body.high-contrast-active .item:hover {
      border-color: #fde047 !important;
      box-shadow: 0 0 12px rgba(253, 224, 71, 0.3) !important;
    }
    html[data-high-contrast="true"] .tok-key,
    html[data-high-contrast="true"] .tok-desc,
    html[data-high-contrast="true"] .tok-status,
    html[data-high-contrast="true"] .muted,
    html[data-high-contrast="true"] .soft,
    body.high-contrast-active .tok-key,
    body.high-contrast-active .tok-desc,
    body.high-contrast-active .tok-status,
    body.high-contrast-active .muted,
    body.high-contrast-active .soft {
      color: #f4f4f5 !important;
      font-weight: 500 !important;
    }
    html[data-high-contrast="true"] .tok-title,
    body.high-contrast-active .tok-title {
      color: #ffffff !important;
      font-weight: 700 !important;
    }
    html[data-high-contrast="true"] .tok-path,
    html[data-high-contrast="true"] .tok-id,
    body.high-contrast-active .tok-path,
    body.high-contrast-active .tok-id {
      color: #fde047 !important;
      font-weight: 700 !important;
    }
    html[data-high-contrast="true"] .pill.ok,
    body.high-contrast-active .pill.ok {
      background: #0284c7 !important;
      color: #ffffff !important;
      border: 2px solid #ffffff !important;
      font-weight: 800 !important;
    }
    html[data-high-contrast="true"] .pill.warn,
    body.high-contrast-active .pill.warn {
      background: #d97706 !important;
      color: #ffffff !important;
      border: 2px solid #ffffff !important;
      font-weight: 800 !important;
    }
    html[data-high-contrast="true"] .pill.bad,
    body.high-contrast-active .pill.bad {
      background: #dc2626 !important;
      color: #ffffff !important;
      border: 2px solid #ffffff !important;
      font-weight: 800 !important;
    }
    html[data-high-contrast="true"] .chip,
    body.high-contrast-active .chip {
      background: #18181b !important;
      color: #ffffff !important;
      border: 2px solid #a1a1aa !important;
      font-weight: 700 !important;
    }
    html[data-high-contrast="true"] .button,
    html[data-high-contrast="true"] .ghost-button,
    body.high-contrast-active .button,
    body.high-contrast-active .ghost-button {
      border: 2px solid #38bdf8 !important;
      background: #09090b !important;
      color: #ffffff !important;
      font-weight: 700 !important;
    }
    html[data-high-contrast="true"] .button:hover,
    html[data-high-contrast="true"] .ghost-button:hover,
    body.high-contrast-active .button:hover,
    body.high-contrast-active .ghost-button:hover {
      border-color: #fde047 !important;
      background: #0284c7 !important;
      color: #ffffff !important;
    }
    html[data-high-contrast="true"] .contrast-toggle-label,
    body.high-contrast-active .contrast-toggle-label {
      border-color: #fde047 !important;
      background: rgba(253, 224, 71, 0.15) !important;
      color: #ffffff !important;
    }
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }