/**
 * Unified scrollbars for agent UIs: static launcher pages, iframes, and shareable
 * HTML artifacts. (Load agent-scrollbars-host.css on the main app for #agents-pane only.)
 */
:root {
  --agent-sb-track: rgba(15, 23, 42, 0.98);
  --agent-sb-track-mid: rgba(30, 41, 59, 0.92);
  --agent-sb-thumb1: #1a5f4a;
  --agent-sb-thumb2: #14523f;
  --agent-sb-thumb3: #6d28d9;
  --agent-sb-w: 10px;
  --agent-sb-w-nested: 8px;
}

html {
  scrollbar-width: thin;
  scrollbar-color: rgba(26, 95, 74, 0.92) var(--agent-sb-track);
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(34, 160, 119, 0.78) rgba(0, 0, 0, 0.24);
}

*::-webkit-scrollbar {
  width: var(--agent-sb-w);
  height: var(--agent-sb-w);
}

*::-webkit-scrollbar-track {
  background: linear-gradient(180deg, var(--agent-sb-track), var(--agent-sb-track-mid));
  border-radius: 999px;
  margin: 4px 0;
}

*::-webkit-scrollbar-thumb {
  background: linear-gradient(
    180deg,
    var(--agent-sb-thumb1) 0%,
    var(--agent-sb-thumb2) 45%,
    var(--agent-sb-thumb3) 100%
  );
  border-radius: 999px;
  border: 2px solid rgba(15, 23, 42, 0.92);
  box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.2);
}

*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #22a077 0%, #1a5f4a 50%, #9333ea 100%);
  box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.42);
}

*::-webkit-scrollbar-corner {
  background: rgba(15, 23, 42, 0.94);
}

textarea,
pre,
.cb-table-wrap {
  scrollbar-width: thin;
  scrollbar-color: rgba(26, 95, 74, 0.9) rgba(0, 0, 0, 0.28);
}

textarea::-webkit-scrollbar,
pre::-webkit-scrollbar,
.cb-table-wrap::-webkit-scrollbar {
  width: var(--agent-sb-w-nested);
  height: var(--agent-sb-w-nested);
}

textarea::-webkit-scrollbar-track,
pre::-webkit-scrollbar-track,
.cb-table-wrap::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  margin: 6px 0;
}

textarea::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb,
.cb-table-wrap::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(26, 95, 74, 0.96), rgba(109, 40, 217, 0.78));
  border-radius: 8px;
  border: 1px solid rgba(15, 23, 42, 0.55);
}

textarea::-webkit-scrollbar-thumb:hover,
pre::-webkit-scrollbar-thumb:hover,
.cb-table-wrap::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #22a077, #7c3aed);
}

/**
 * Native <select> readability across agent launcher pages.
 * color-scheme hints OS/native menus; option rules apply where the engine allows (Firefox, some WebKit).
 */
select {
  color-scheme: dark;
}

select option,
select optgroup {
  background-color: #0f172a;
  color: #f1f5f9;
}

select option:checked,
select option:focus {
  background-color: #334155;
  color: #ffffff;
}