.ai-eval-page {
  background: #0c1117;
  color: #e7edf5;
}

.ai-eval-shell {
  display: grid;
  gap: 24px;
  padding: 24px 0 48px;
}

.ai-eval-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}

.ai-eval-head .lang-switch {
  justify-content: flex-end;
}

.ai-eval-kicker {
  margin: 0 0 4px;
  color: #8fb5d8;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}

.ai-eval-head h1 {
  margin: 0;
  font-size: 1.35rem;
  line-height: 1.2;
  letter-spacing: 0;
}

.ai-eval-access-pending .ai-eval-panel,
.ai-eval-access-pending .ai-eval-summary,
.ai-eval-access-pending .ai-eval-results,
.ai-eval-access-pending .ai-eval-policy-save,
.ai-eval-access-pending .ai-eval-coaching-metrics,
.ai-eval-access-pending .ai-eval-run-reports,
.ai-eval-access-pending .ai-eval-agreement,
.ai-eval-access-pending .coxsi-patent-notice,
.ai-eval-access-denied .ai-eval-panel,
.ai-eval-access-denied .ai-eval-summary,
.ai-eval-access-denied .ai-eval-results,
.ai-eval-access-denied .ai-eval-policy-save,
.ai-eval-access-denied .ai-eval-coaching-metrics,
.ai-eval-access-denied .ai-eval-run-reports,
.ai-eval-access-denied .ai-eval-agreement,
.ai-eval-access-denied .coxsi-patent-notice {
  display: none !important;
}

.ai-eval-access-granted .ai-eval-access-gate {
  display: none;
}

.ai-eval-access-gate {
  display: grid;
  gap: 8px;
  padding: 18px;
  background: #111827;
  border: 1px solid #334155;
  border-top: 3px solid #f59e0b;
  border-radius: 10px;
}

.ai-eval-access-gate h2 {
  margin: 0;
  color: #fff7ed;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0;
}

.ai-eval-access-gate p {
  margin: 0;
  color: #cbd5e1;
  font-size: 0.86rem;
  line-height: 1.5;
}

.ai-eval-panel,
.ai-eval-summary,
.ai-eval-results,
.ai-eval-context-score-history,
.ai-eval-policy-save,
.ai-eval-coaching-metrics,
.ai-eval-run-reports,
.ai-eval-agreement {
  display: grid;
  gap: 18px;
  padding: 18px;
  background: #111923;
  border: 1px solid #233142;
  border-radius: 10px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

.ai-eval-panel {
  background: #0f1823;
  border-color: #263a50;
  border-top: 3px solid #60a5fa;
}

.ai-eval-summary {
  background: #101820;
  border-color: #274657;
  border-top: 3px solid #14b8a6;
}

.ai-eval-results {
  gap: 20px;
  background: #0d151e;
  border-color: #28435c;
  border-top: 3px solid #38bdf8;
}

.ai-eval-agreement {
  background: #111820;
  border-color: #294867;
  border-top: 3px solid #60a5fa;
}

.ai-eval-policy-save {
  background: #0f1a16;
  border-color: #24543e;
  border-top: 3px solid #22c55e;
}

.ai-eval-context-score-history {
  background: #0f1722;
  border-color: #2d4a65;
  border-top: 3px solid #38bdf8;
}

.ai-eval-coaching-metrics {
  background: #0d171f;
  border-color: #244256;
  border-top: 3px solid #38bdf8;
}

.ai-eval-run-reports {
  background: #11151d;
  border-color: #344054;
  border-top: 3px solid #a3e635;
}

.ai-eval-policy-save[hidden],
.ai-eval-context-score-history[hidden],
.ai-eval-coaching-metrics[hidden],
.ai-eval-coach-debug-panel[hidden],
.ai-eval-run-reports[hidden] {
  display: none;
}

.ai-eval-output-mode[hidden] {
  display: none !important;
}

.ai-eval-section-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #26384c;
}

.ai-eval-section-head > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.ai-eval-section-head h2 {
  margin: 0;
  color: #eef6ff;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0;
}

.ai-eval-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.ai-eval-pricing-catalog-btn {
  padding: 5px 10px;
  border: 1px solid #38bdf8;
  border-radius: 999px;
  background: #0b3b58;
  color: #e0f2fe;
  font-size: 0.82rem;
  font-weight: 750;
  line-height: 1.2;
  cursor: pointer;
}

.ai-eval-pricing-catalog-btn:hover,
.ai-eval-pricing-catalog-btn:focus-visible {
  background: #0369a1;
  border-color: #7dd3fc;
  color: #ffffff;
}

.ai-eval-panel.is-locked input,
.ai-eval-panel.is-locked select,
.ai-eval-panel.is-locked textarea,
.ai-eval-panel.is-locked button {
  cursor: not-allowed;
}

.ai-eval-panel.is-locked .ai-eval-model-row,
.ai-eval-panel.is-locked .ai-eval-mode label,
.ai-eval-panel.is-locked .ai-eval-upload {
  opacity: 0.72;
}

.ai-eval-upload {
  display: grid;
  gap: 8px;
}

.ai-eval-input-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  align-items: end;
}

.ai-eval-run-config {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #244153;
  border-left: 4px solid #14b8a6;
  border-radius: 10px;
  background: #0b151d;
}

.ai-eval-transfer-notice {
  display: grid;
  gap: 7px;
  padding: 12px 14px;
  border: 1px solid #31506a;
  border-left: 4px solid #38bdf8;
  border-radius: 8px;
  background: #0b1722;
}

.ai-eval-transfer-notice-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
}

.ai-eval-transfer-notice-content {
  display: grid;
  gap: 7px;
}

.ai-eval-transfer-toggle {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid #5eead4;
  border-radius: 6px;
  background: #0f766e;
  color: #ecfeff;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.ai-eval-transfer-toggle:hover {
  background: #0d9488;
  border-color: #99f6e4;
}

.ai-eval-transfer-notice.is-collapsed {
  gap: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ai-eval-transfer-notice.is-collapsed .ai-eval-transfer-notice-content {
  display: none;
}

.ai-eval-transfer-notice.is-picseal {
  border-color: #355c4d;
  border-left-color: #22c55e;
  background: #0a1a16;
}

.ai-eval-transfer-notice.is-web-search {
  border-left-color: #f59e0b;
}

.ai-eval-transfer-notice strong {
  color: #eef6ff;
  font-size: 0.9rem;
  line-height: 1.25;
}

.ai-eval-transfer-notice p {
  margin: 0;
  color: #b6c7d8;
  font-size: 0.82rem;
  line-height: 1.45;
}

.ai-eval-transfer-notice ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 18px;
  color: #9fb5c9;
  font-size: 0.78rem;
  line-height: 1.4;
}

.ai-eval-transfer-notice a {
  color: #9be7ff;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.ai-eval-coxsi-mode {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #314867;
  border-left: 4px solid #8b5cf6;
  border-radius: 10px;
  background: #11162a;
}

.ai-eval-product-mode {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.ai-eval-product-mode label {
  position: relative;
  align-items: start;
  min-height: 54px;
  padding: 12px;
  background: #0b121b;
}

.ai-eval-product-mode label:has(input:checked) {
  border-color: #a78bfa;
  background: #171b33;
  box-shadow: 0 0 0 1px rgba(167, 139, 250, 0.35) inset;
}

.ai-eval-product-mode label:hover,
.ai-eval-product-mode label:focus-within {
  z-index: 30;
}

.ai-eval-product-mode label > span {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.ai-eval-mode-title-line {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.ai-eval-product-mode strong {
  color: #eef6ff;
  font-size: 0.88rem;
  line-height: 1.25;
}

.ai-eval-mode-help {
  display: inline-flex;
  position: relative;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border: 1px solid #5f86b5;
  border-radius: 999px;
  background: #10243a;
  color: #bfdbfe;
  font-size: 0.7rem;
  font-weight: 800;
  line-height: 1;
  cursor: help;
}

.ai-eval-catalog-meta.is-warning {
  color: #fbbf24;
  font-weight: 800;
}

.ai-eval-catalog-meta.is-caution {
  color: #7dd3fc;
  font-weight: 800;
}

.ai-eval-mode-desc {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  z-index: 90;
  width: min(420px, calc(100vw - 48px));
  box-sizing: border-box;
  padding: 12px 14px;
  border: 2px solid #38bdf8;
  border-radius: 8px;
  background: #e0f2fe;
  color: #07111d;
  box-shadow: 0 16px 34px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(224, 242, 254, 0.7);
  font-size: 0.9rem;
  font-weight: 800;
  line-height: 1.5;
  white-space: normal;
  overflow-wrap: anywhere;
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -4px);
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.ai-eval-product-mode label:last-child .ai-eval-mode-desc {
  left: 50%;
}

.ai-eval-product-mode label:hover .ai-eval-mode-desc,
.ai-eval-product-mode label:focus-within .ai-eval-mode-desc {
  opacity: 1;
  transform: translate(-50%, 0);
}

.ai-eval-panel.is-picseal-mode {
  border-top-color: #a78bfa;
}

.ai-eval-panel.is-picseal-mode .ai-eval-context {
  border-color: #4c3f78;
  border-left-color: #a78bfa;
  background: #111427;
}

.ai-eval-panel.is-picseal-mode .ai-eval-run-config {
  border-color: #36544c;
  border-left-color: #22c55e;
  background: #0b1717;
}

.ai-eval-upload-panel {
  display: grid;
  gap: 14px;
  padding: 16px;
  border: 1px solid #294867;
  border-left: 4px solid #60a5fa;
  border-radius: 10px;
  background: #0a1724;
  transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

.ai-eval-upload-panel.is-drag-over,
.ai-eval-upload-panel.is-required.is-drag-over {
  border-color: #7dd3fc;
  background: #0c2031;
  box-shadow: inset 0 0 0 1px rgba(125, 211, 252, 0.45);
}

.ai-eval-upload-panel.is-required {
  border-color: #5b4d86;
  border-left-color: #a78bfa;
  background: #12162a;
}

.ai-eval-upload-panel.is-step-active,
.ai-eval-context.is-step-active,
.ai-eval-run-config.is-step-active,
.ai-eval-policy-save.is-step-active {
  position: relative;
}

.ai-eval-context.is-file-gated,
.ai-eval-run-config.is-file-gated {
  opacity: 0.52;
}

.ai-eval-upload-panel.is-step-done,
.ai-eval-context.is-step-done,
.ai-eval-run-config.is-step-done,
.ai-eval-policy-save.is-step-done {
  border-left-color: #22c55e;
}

.ai-eval-step-hint {
  display: inline-grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  width: fit-content;
  max-width: min(420px, 100%);
  padding: 10px 12px;
  border: 1px solid rgba(245, 158, 11, 0.72);
  border-left: 4px solid #f59e0b;
  border-radius: 0;
  background: linear-gradient(180deg, #fef3c7, #fde68a);
  color: #111827;
  font-size: 0.86rem;
  font-weight: 760;
  line-height: 1.45;
  overflow-wrap: anywhere;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
}

.ai-eval-step-hint[hidden] {
  display: none;
}

.ai-eval-step-hint-text {
  min-width: 0;
}

.ai-eval-step-hint-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.ai-eval-step-hint-next {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 3px 9px;
  border: 1px solid #2563eb;
  border-radius: 999px;
  background: #dbeafe;
  color: #1d4ed8;
  font-size: 0.74rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.ai-eval-step-hint-next:hover,
.ai-eval-step-hint-next:focus-visible {
  background: #2563eb;
  color: #ffffff;
}

.ai-eval-step-hint-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid #dc2626;
  border-radius: 999px;
  background: #fee2e2;
  color: #b91c1c;
  font-size: 0.92rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.ai-eval-step-hint-close:hover,
.ai-eval-step-hint-close:focus-visible {
  background: #dc2626;
  color: #ffffff;
}

body.ai-eval-busy-active {
  overflow: hidden;
}

body.ai-eval-modal-active {
  overflow: hidden;
}

.ai-eval-busy-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(2px);
}

.ai-eval-busy-overlay[hidden] {
  display: none;
}

.ai-eval-busy-dialog {
  display: grid;
  gap: 8px;
  width: min(430px, 100%);
  padding: 20px 22px;
  border: 2px solid #f59e0b;
  border-left: 6px solid #f59e0b;
  border-radius: 10px;
  background: linear-gradient(180deg, #fef3c7, #fde68a);
  color: #111827;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.5);
}

.ai-eval-busy-dialog strong {
  color: #000000;
  font-size: 1.05rem;
  line-height: 1.25;
}

.ai-eval-busy-dialog span {
  color: #111827;
  font-size: 0.94rem;
  font-weight: 700;
  line-height: 1.45;
}

.ai-eval-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(2, 6, 23, 0.76);
  backdrop-filter: blur(2px);
}

.ai-eval-modal-overlay[hidden] {
  display: none;
}

.ai-eval-modal-dialog {
  position: relative;
  display: grid;
  gap: 12px;
  width: min(540px, 100%);
  padding: 22px;
  border: 1px solid #f87171;
  border-left: 6px solid #dc2626;
  border-radius: 10px;
  background: #111827;
  color: #f8fafc;
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.54);
}

.ai-eval-modal-dialog strong {
  color: #fecaca;
  font-size: 1.15rem;
  line-height: 1.25;
}

.ai-eval-modal-dialog p {
  margin: 0;
  color: #dbeafe;
  font-size: 0.92rem;
  line-height: 1.55;
}

.coxsi-score-report-dialog {
  box-sizing: border-box;
  width: min(1280px, calc(100vw - 48px));
  max-height: calc(100vh - 48px);
  overflow-x: hidden;
  overflow-y: auto;
  border-color: #38bdf8;
  border-left-color: #0ea5e9;
  background: #07111d;
}

.coxsi-score-hero {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
  padding: 18px;
  border: 1px solid rgba(56, 189, 248, 0.42);
  border-radius: 10px;
  background:
    linear-gradient(135deg, rgba(14, 165, 233, 0.22), rgba(2, 6, 23, 0.88)),
    #0b1220;
}

.coxsi-score-hero > div {
  min-width: 0;
}

.coxsi-score-hero span {
  color: #7dd3fc;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0;
  text-transform: uppercase;
}

.coxsi-score-hero h2 {
  margin: 4px 0 6px;
  color: #f8fafc;
  font-size: 1.25rem;
  line-height: 1.2;
}

.coxsi-score-hero p {
  color: #cbd5e1;
}

.coxsi-score-hero > strong {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  justify-self: center;
  min-width: 108px;
  min-height: 108px;
  margin-top: 4px;
  border: 3px solid #38bdf8;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.78);
  color: #e0f2fe;
  font-size: 2.2rem;
  font-weight: 950;
  line-height: 1;
}

.coxsi-score-hero > strong small {
  color: #93c5fd;
  font-size: 0.78rem;
  font-weight: 800;
}

.coxsi-score-hero[data-score-tone="low"] > strong {
  border-color: #ef4444;
  color: #fee2e2;
}

.coxsi-score-hero[data-score-tone="soft"] > strong {
  border-color: #f59e0b;
  color: #fef3c7;
}

.coxsi-score-hero[data-score-tone="good"] > strong {
  border-color: #22c55e;
  color: #dcfce7;
}

.coxsi-score-hero[data-score-tone="gold"] > strong {
  border-color: #facc15;
  color: #fef9c3;
}

.coxsi-score-delta {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.7);
}

.coxsi-score-delta span {
  color: #dbeafe;
  font-size: 1.25rem;
  font-weight: 950;
}

.coxsi-score-delta.is-up {
  border-color: rgba(34, 197, 94, 0.52);
  background: rgba(22, 101, 52, 0.18);
}

.coxsi-score-delta.is-up span {
  color: #bbf7d0;
}

.coxsi-score-delta.is-down {
  border-color: rgba(239, 68, 68, 0.58);
  background: rgba(127, 29, 29, 0.2);
}

.coxsi-score-delta.is-down span {
  color: #fecaca;
}

.coxsi-score-warning {
  padding: 10px 12px;
  border: 1px solid rgba(248, 113, 113, 0.58);
  border-radius: 8px;
  background: rgba(127, 29, 29, 0.22);
  color: #fecaca !important;
  font-weight: 750;
}

.coxsi-score-actions {
  display: flex;
  justify-content: flex-end;
}

.coxsi-score-actions .btn {
  min-width: 104px;
}

.coxsi-score-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.coxsi-score-summary div,
.coxsi-score-section,
.coxsi-score-grid > div {
  padding: 12px;
  border: 1px solid rgba(51, 65, 85, 0.9);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.62);
}

.coxsi-score-summary dt {
  color: #93a4b8;
  font-size: 0.72rem;
  font-weight: 800;
}

.coxsi-score-summary dd {
  margin: 4px 0 0;
  color: #f8fafc;
  font-size: 0.95rem;
  font-weight: 850;
}

.coxsi-score-summary div:first-child dd {
  font-size: 1.9rem;
  line-height: 1;
}

.coxsi-score-overview {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.coxsi-score-overview-item {
  display: grid;
  gap: 7px;
  min-height: 82px;
  padding: 10px;
  border: 1px solid rgba(56, 189, 248, 0.26);
  border-top: 3px solid #38bdf8;
  border-radius: 8px;
  background: rgba(2, 6, 23, 0.42);
}

.coxsi-score-overview-item[data-score-tone="low"] {
  border-top-color: #ef4444;
}

.coxsi-score-overview-item[data-score-tone="soft"] {
  border-top-color: #f59e0b;
}

.coxsi-score-overview-item[data-score-tone="good"] {
  border-top-color: #22c55e;
}

.coxsi-score-overview-item[data-score-tone="gold"] {
  border-top-color: #facc15;
}

.coxsi-score-overview-item span {
  min-height: 32px;
  color: #dbeafe;
  font-size: 0.74rem;
  font-weight: 760;
  line-height: 1.25;
}

.coxsi-score-overview-item strong {
  justify-self: end;
  color: #f8fafc;
  font-size: 1.35rem;
  font-weight: 950;
  line-height: 1;
}

.coxsi-score-section h3,
.coxsi-score-grid h3 {
  margin: 0 0 10px;
  color: #eff6ff;
  font-size: 0.92rem;
  line-height: 1.25;
}

.coxsi-score-history-selector {
  display: grid;
  gap: 8px;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(51, 65, 85, 0.9);
}

.coxsi-score-history-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.coxsi-score-history-option {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid rgba(56, 189, 248, 0.26);
  border-radius: 7px;
  background: rgba(2, 6, 23, 0.48);
  color: #dbeafe;
  font-size: 0.74rem;
}

.coxsi-score-history-option input {
  width: 14px;
  height: 14px;
  accent-color: #38bdf8;
}

.coxsi-score-history-option strong {
  color: #f8fafc;
  font-weight: 800;
}

@media (max-width: 1100px) {
  .coxsi-score-report-dialog {
    width: calc(100vw - 32px);
  }
}

.coxsi-score-dimension-list,
.coxsi-score-weak-list,
.coxsi-score-priority-list,
.coxsi-score-improvement-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.coxsi-score-dimension-row {
  display: grid;
  gap: 7px;
  padding: 10px;
  border: 1px solid rgba(51, 65, 85, 0.84);
  border-radius: 7px;
  background: rgba(2, 6, 23, 0.34);
}

.coxsi-score-dimension-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.coxsi-score-dimension-head strong,
.coxsi-score-weak-list span,
.coxsi-score-priority-list strong,
.coxsi-score-improvement-list strong {
  color: #f8fafc;
  font-size: 0.84rem;
  line-height: 1.25;
}

.coxsi-score-dimension-head em,
.coxsi-score-weak-list strong,
.coxsi-score-priority-list span,
.coxsi-score-improvement-list span {
  font-style: normal;
  font-weight: 900;
}

.coxsi-score-weak-list strong[data-score-tone],
.coxsi-score-priority-list span[data-score-tone],
.coxsi-score-improvement-list span[data-score-tone] {
  color: #e0f2fe;
}

.coxsi-score-weak-list strong[data-score-tone="low"],
.coxsi-score-priority-list span[data-score-tone="low"],
.coxsi-score-improvement-list span[data-score-tone="low"] {
  color: #fecaca;
}

.coxsi-score-weak-list strong[data-score-tone="soft"],
.coxsi-score-priority-list span[data-score-tone="soft"],
.coxsi-score-improvement-list span[data-score-tone="soft"] {
  color: #fde68a;
}

.coxsi-score-weak-list strong[data-score-tone="good"],
.coxsi-score-priority-list span[data-score-tone="good"],
.coxsi-score-improvement-list span[data-score-tone="good"] {
  color: #bbf7d0;
}

.coxsi-score-weak-list strong[data-score-tone="sky"],
.coxsi-score-priority-list span[data-score-tone="sky"],
.coxsi-score-improvement-list span[data-score-tone="sky"] {
  color: #bae6fd;
}

.coxsi-score-weak-list strong[data-score-tone="gold"],
.coxsi-score-priority-list span[data-score-tone="gold"],
.coxsi-score-improvement-list span[data-score-tone="gold"] {
  color: #fef08a;
}

.coxsi-score-bar {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #111827;
}

.coxsi-score-bar span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #38bdf8;
}

.coxsi-score-bar span[data-score-tone="low"] {
  background: #ef4444;
}

.coxsi-score-bar span[data-score-tone="soft"] {
  background: #f59e0b;
}

.coxsi-score-bar span[data-score-tone="good"] {
  background: #22c55e;
}

.coxsi-score-bar span[data-score-tone="gold"] {
  background: #facc15;
}

.coxsi-score-dimension-row p,
.coxsi-score-weak-list p,
.coxsi-score-improvement-list p {
  color: #cbd5e1;
  font-size: 0.8rem;
}

.coxsi-score-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.coxsi-score-weak-list li,
.coxsi-score-priority-list li,
.coxsi-score-improvement-list li {
  display: grid;
  gap: 5px;
  padding: 9px;
  border: 1px solid rgba(51, 65, 85, 0.84);
  border-radius: 7px;
  background: rgba(2, 6, 23, 0.34);
}

.coxsi-score-priority-list li {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.coxsi-score-improvement-list li > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.coxsi-score-empty {
  color: #93c5fd !important;
}

.ai-eval-my-contexts-overlay {
  align-items: start;
  overflow: auto;
}

.ai-eval-my-contexts-dialog {
  width: min(980px, 100%);
  margin-block: 34px;
  border-color: #38bdf8;
  border-left-color: #0ea5e9;
  background: #08111c;
}

.ai-eval-my-contexts-dialog strong {
  color: #f4f8fc;
}

.ai-eval-my-contexts-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 16px;
  padding-right: 34px;
}

.ai-eval-my-context-filters,
.ai-eval-my-context-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.ai-eval-my-context-filters {
  justify-content: flex-start;
}

.ai-eval-my-contexts-dialog .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 8px 13px;
  border: 1px solid transparent;
  border-radius: 6px;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.ai-eval-my-contexts-dialog .btn:hover:not(:disabled),
.ai-eval-my-contexts-dialog .btn:focus-visible:not(:disabled) {
  transform: translateY(-1px);
}

.ai-eval-btn-filter {
  border-color: #334155 !important;
  background: #172033 !important;
  color: #cbd5e1 !important;
}

.ai-eval-btn-filter:hover:not(:disabled),
.ai-eval-btn-filter:focus-visible:not(:disabled) {
  border-color: #38bdf8 !important;
  background: #0f2f45 !important;
  color: #e0f2fe !important;
}

.ai-eval-btn-filter.is-active {
  border-color: #22d3ee !important;
  background: #155e75 !important;
  color: #ecfeff !important;
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.16) inset;
}

.ai-eval-btn-secondary {
  border-color: #475569 !important;
  background: #1e293b !important;
  color: #e2e8f0 !important;
}

.ai-eval-btn-secondary:hover:not(:disabled),
.ai-eval-btn-secondary:focus-visible:not(:disabled) {
  border-color: #94a3b8 !important;
  background: #334155 !important;
  color: #f8fafc !important;
}

.ai-eval-btn-load {
  border-color: #38bdf8 !important;
  background: #0369a1 !important;
  color: #f0f9ff !important;
  font-weight: 850 !important;
  box-shadow: 0 10px 22px rgba(3, 105, 161, 0.26) !important;
}

.ai-eval-btn-load:hover:not(:disabled),
.ai-eval-btn-load:focus-visible:not(:disabled) {
  border-color: #7dd3fc !important;
  background: #0284c7 !important;
  box-shadow: 0 12px 26px rgba(2, 132, 199, 0.32) !important;
}

.ai-eval-btn-page {
  border-color: #334155 !important;
  background: #111827 !important;
  color: #cbd5e1 !important;
}

.ai-eval-btn-page:hover:not(:disabled),
.ai-eval-btn-page:focus-visible:not(:disabled) {
  border-color: #64748b !important;
  background: #1f2937 !important;
  color: #f8fafc !important;
}

.ai-eval-my-context-header,
.ai-eval-my-context-row {
  display: grid;
  grid-template-columns: minmax(180px, 1.35fr) minmax(108px, 0.75fr) minmax(80px, 0.55fr) 72px minmax(118px, 0.75fr) minmax(170px, auto);
  align-items: center;
  gap: 10px;
}

.ai-eval-my-context-header {
  padding: 0 12px;
  color: #94a3b8;
  font-size: 0.72rem;
  font-weight: 700;
}

.ai-eval-my-context-list {
  display: grid;
  gap: 9px;
  max-height: min(58vh, 620px);
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}

.ai-eval-my-context-list > li {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #263c52;
  border-radius: 8px;
  background: #0b121a;
}

.ai-eval-my-context-list > li.is-expanded {
  border-color: #38bdf8;
  box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.2) inset;
}

.ai-eval-my-context-main {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.ai-eval-my-context-main strong,
.ai-eval-my-context-row > span,
.ai-eval-my-context-row time {
  overflow-wrap: anywhere;
}

.ai-eval-my-context-main strong {
  font-size: 0.9rem;
}

.ai-eval-my-context-main span,
.ai-eval-my-context-row > span,
.ai-eval-my-context-row time {
  color: #aab9c8;
  font-size: 0.76rem;
}

.ai-eval-my-context-row em {
  justify-self: start;
  min-width: 48px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #1e293b;
  color: #e5e7eb;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 800;
  text-align: center;
}

.ai-eval-my-context-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.ai-eval-my-context-actions .btn {
  min-height: 32px;
  font-size: 0.78rem;
}

.ai-eval-my-context-preview {
  max-height: 260px;
  margin: 0;
  padding: 12px;
  overflow: auto;
  border: 1px solid #274258;
  border-radius: 8px;
  background: #07111d;
  color: #dbeafe;
  font: 0.82rem/1.55 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.ai-eval-my-context-body {
  display: grid;
  gap: 10px;
}

.ai-eval-my-context-pagination span {
  color: #dbeafe;
  font-size: 0.82rem;
  font-weight: 700;
}

.ai-eval-coach-rewrite-dialog {
  border-color: #f59e0b;
  border-left-color: #f59e0b;
}

.ai-eval-coach-rewrite-dialog strong {
  color: #fbbf24;
}

.ai-eval-modal-detected {
  padding: 10px 12px;
  border: 1px solid #7f1d1d;
  border-radius: 8px;
  background: #1f1115;
  color: #fee2e2 !important;
  font-weight: 760;
}

.ai-eval-modal-actions {
  display: flex;
  justify-content: flex-end;
}

.ai-eval-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid #ef4444;
  border-radius: 999px;
  background: #7f1d1d;
  color: #ffffff;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.ai-eval-modal-close:hover,
.ai-eval-modal-close:focus-visible {
  background: #dc2626;
  outline: 2px solid #fecaca;
  outline-offset: 2px;
}

.ai-eval-coach.is-guide-active {
  border-color: #8b5cf6;
  box-shadow: 0 0 0 1px rgba(139, 92, 246, 0.35) inset;
}

.ai-eval-policy-save-body,
.ai-eval-policy-save-form {
  display: grid;
  gap: 10px;
}

.ai-eval-policy-save-body {
  padding: 14px;
  border: 1px solid #254d3a;
  border-radius: 8px;
  background: #081610;
}

.ai-eval-policy-save-form[hidden] {
  display: none;
}

.ai-eval-policy-save-form {
  grid-template-columns: minmax(180px, 1fr) minmax(210px, 0.9fr) auto;
  align-items: end;
}

.ai-eval-policy-save-field {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.ai-eval-policy-save-form label {
  color: #b9d9c8;
  font-size: 0.78rem;
  font-weight: 650;
}

.ai-eval-policy-save-form input,
.ai-eval-policy-save-form select {
  width: 100%;
  box-sizing: border-box;
  padding: 9px 10px;
  border: 1px solid #31624a;
  border-radius: 6px;
  background: #0b121b;
  color: #edf5ff;
}

.ai-eval-policy-save-form .ai-eval-small {
  grid-column: 1 / -1;
  align-self: center;
}

#aiEvalPolicySaveToggle {
  justify-self: start;
  border-color: #22c55e;
  background: #166534;
  color: #f0fdf4;
}

#aiEvalPolicyStoreBtn {
  border-color: #5eead4;
  background: #0f766e;
  color: #ecfeff;
}

.ai-eval-context-versions-body {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid #274258;
  border-radius: 8px;
  background: #0a1420;
}

.ai-eval-context-version-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-eval-context-version-list > li {
  display: grid;
  gap: 10px;
  padding: 11px;
  border: 1px solid #263c52;
  border-radius: 8px;
  background: #0b121a;
}

.ai-eval-context-version-list > li.is-selected {
  border-color: #38bdf8;
  box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.22) inset;
}

.ai-eval-context-version-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.ai-eval-context-version-main div:first-child {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.ai-eval-context-version-main strong {
  color: #f4f8fc;
  font-size: 0.86rem;
}

.ai-eval-context-version-main em {
  color: #67e8f9;
  display: block;
  font-style: normal;
  font-weight: 600;
  overflow-wrap: anywhere;
}

.ai-eval-context-version-main span {
  color: #aab9c8;
  font-size: 0.74rem;
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.ai-eval-context-version-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.ai-eval-context-version-actions .btn {
  min-height: 32px;
  padding: 7px 11px;
  border-color: #38bdf8;
  background: #075985;
  color: #eef8ff;
  font-size: 0.78rem;
}

.ai-eval-coaching-metrics-controls {
  display: flex;
  align-items: end;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.ai-eval-run-reports-body {
  display: grid;
  gap: 14px;
}

.ai-eval-run-report-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.ai-eval-run-report-actions .ai-eval-icon-button {
  min-width: 36px;
  font-size: 0.78rem;
  font-weight: 800;
}

.ai-eval-run-report-subtitle {
  margin: 0 0 9px;
  color: #e7f6c6;
  font-size: 0.88rem;
  line-height: 1.2;
}

.ai-eval-run-report-compare {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.ai-eval-run-report-delta {
  display: grid;
  gap: 5px;
  padding: 11px;
  border: 1px solid #2d3f50;
  border-radius: 8px;
  background: #0b121a;
}

.ai-eval-run-report-delta span {
  color: #aab9c8;
  font-size: 0.74rem;
}

.ai-eval-run-report-delta strong {
  color: #f4f8fc;
  font-size: 0.95rem;
}

.ai-eval-run-report-trend {
  display: grid;
  gap: 10px;
}

.ai-eval-run-report-trend-head p {
  margin: 0;
  color: #aab9c8;
  font-size: 0.76rem;
  line-height: 1.4;
}

.ai-eval-run-report-trend-list {
  display: grid;
  gap: 8px;
}

.ai-eval-run-report-trend-row {
  display: grid;
  grid-template-columns: minmax(92px, 0.8fr) minmax(160px, 1.7fr) minmax(80px, 0.7fr) minmax(150px, 1fr);
  gap: 9px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid #273849;
  border-radius: 8px;
  background: #0b121a;
}

.ai-eval-run-report-trend-row span,
.ai-eval-run-report-trend-row em {
  color: #aab9c8;
  font-size: 0.72rem;
  line-height: 1.35;
  font-style: normal;
}

.ai-eval-run-report-trend-row strong {
  color: #f4f8fc;
  font-size: 0.8rem;
}

.ai-eval-run-report-trend-bars {
  display: grid;
  gap: 3px;
}

.ai-eval-run-report-trend-bars i {
  display: block;
  min-width: 2px;
  height: 5px;
  border-radius: 999px;
}

.ai-eval-run-report-trend-bars .is-cost {
  background: #f59e0b;
}

.ai-eval-run-report-trend-bars .is-token {
  background: #38bdf8;
}

.ai-eval-run-report-trend-bars .is-latency {
  background: #a78bfa;
}

.ai-eval-run-model-ranking {
  display: grid;
  gap: 10px;
}

.ai-eval-run-model-ranking-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-eval-run-model-ranking-list li {
  display: grid;
  grid-template-columns: 32px minmax(140px, 1fr) minmax(220px, 1.5fr) minmax(120px, 0.9fr);
  gap: 10px;
  align-items: center;
  padding: 10px 11px;
  border: 1px solid #273849;
  border-radius: 8px;
  background: #0b121a;
}

.ai-eval-run-model-ranking-list .rank {
  display: inline-grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #0e2a3d;
  color: #7dd3fc;
  font-size: 0.78rem;
  font-weight: 800;
}

.ai-eval-run-model-ranking-main,
.ai-eval-run-model-ranking-meta {
  min-width: 0;
  display: flex;
  gap: 5px 10px;
  flex-wrap: wrap;
  align-items: center;
}

.ai-eval-run-model-ranking-main strong {
  color: #f4f8fc;
  font-size: 0.83rem;
  overflow-wrap: anywhere;
}

.ai-eval-run-model-ranking-main span,
.ai-eval-run-model-ranking-meta span,
.ai-eval-run-model-ranking-set {
  color: #aab9c8;
  font-size: 0.72rem;
  line-height: 1.35;
}

.ai-eval-run-model-ranking-meta span {
  padding: 3px 6px;
  border-radius: 999px;
  background: #111d2a;
}

.ai-eval-run-report-list {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-eval-run-report-list li {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(150px, 1.1fr) minmax(190px, 1.3fr);
  gap: 10px;
  align-items: center;
  padding: 10px 11px;
  border: 1px solid #273849;
  border-radius: 8px;
  background: #0b121a;
}

.ai-eval-run-report-main,
.ai-eval-run-report-models,
.ai-eval-run-report-cost {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.ai-eval-run-report-main strong,
.ai-eval-run-report-models strong,
.ai-eval-run-report-cost strong {
  min-width: 0;
  color: #f4f8fc;
  font-size: 0.82rem;
  overflow-wrap: anywhere;
}

.ai-eval-run-report-main span,
.ai-eval-run-report-models span,
.ai-eval-run-report-cost span {
  color: #aab9c8;
  font-size: 0.74rem;
  line-height: 1.35;
}

.ai-eval-run-report-strategy {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 8px 12px;
  flex-wrap: wrap;
  padding-top: 8px;
  border-top: 1px solid #1f3042;
  color: #98adc0;
  font-size: 0.72rem;
  line-height: 1.35;
}

.ai-eval-run-report-strategy strong {
  color: #7dd3fc;
  font-size: 0.74rem;
}

.ai-eval-coaching-metrics-controls label {
  display: grid;
  gap: 4px;
  color: #a7c2d8;
  font-size: 0.74rem;
}

.ai-eval-coaching-metrics-controls select {
  min-width: 104px;
  padding: 8px 9px;
  border: 1px solid #2e5d75;
  border-radius: 6px;
  background: #08131b;
  color: #eaf6ff;
}

.ai-eval-icon-button {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  border: 1px solid #2e5d75;
  border-radius: 6px;
  background: #0b2533;
  color: #d8f3ff;
  cursor: pointer;
  line-height: 1;
}

.ai-eval-icon-button:hover,
.ai-eval-icon-button:focus-visible {
  border-color: #38bdf8;
  background: #103145;
  outline: none;
}

.ai-eval-coaching-metrics-body {
  display: grid;
  gap: 14px;
}

.ai-eval-coaching-metric-grid {
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

.ai-eval-coaching-metric-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.ai-eval-coaching-metric-columns section {
  min-width: 0;
  display: grid;
  gap: 9px;
  padding: 12px;
  border: 1px solid #244256;
  border-radius: 8px;
  background: #09131b;
}

.ai-eval-coaching-metric-columns h3 {
  margin: 0;
  color: #d8f3ff;
  font-size: 0.88rem;
}

.ai-eval-coaching-metric-list {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-eval-coaching-metric-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid #1e3445;
  border-radius: 6px;
  background: #0b1720;
}

.ai-eval-coaching-metric-list strong {
  min-width: 0;
  color: #ecf7ff;
  font-size: 0.82rem;
}

.ai-eval-coaching-metric-list span {
  flex: 0 0 auto;
  color: #9bc4dc;
  font-size: 0.78rem;
}

.ai-eval-policy-save-label {
  color: #b9d9c8;
  font-size: 0.78rem;
  font-weight: 650;
}

.coxsi-visibility-options {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.coxsi-visibility-options label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: auto;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid #31624a;
  border-radius: 7px;
  background: #0b121b;
  color: #edf5ff;
}

.coxsi-visibility-options input {
  width: auto;
  margin: 0;
}

.ai-eval-guidance {
  display: grid;
  gap: 7px;
  padding: 10px 12px;
  border: 1px solid #213244;
  border-radius: 8px;
  background: #081119;
}

.ai-eval-upload label span {
  margin-left: 6px;
  color: #8ea3ba;
  font-size: 0.72rem;
  font-weight: 600;
}

.ai-eval-profile {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #26374b;
  border-radius: 8px;
  background: #0d141d;
}

.ai-eval-profile-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.ai-eval-profile-head > div {
  display: grid;
  gap: 5px;
}

.ai-eval-profile-head label {
  color: #eef6ff;
  font-size: 0.92rem;
  font-weight: 750;
}

.ai-eval-profile-status {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  justify-content: center;
  padding: 3px 9px;
  border-radius: 999px;
  background: #35250b;
  color: #fde68a;
  font-size: 0.72rem;
  font-weight: 750;
  line-height: 1;
  text-transform: uppercase;
}

.ai-eval-profile-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.ai-eval-profile-grid.is-compact {
  grid-template-columns: minmax(0, 1.5fr) minmax(180px, 0.5fr);
}

.ai-eval-profile-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
}

.ai-eval-profile-checks legend {
  width: 100%;
  margin-bottom: 2px;
  color: #b6c6d9;
  font-size: 0.78rem;
  font-weight: 650;
}

.ai-eval-profile-checks label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 6px 9px;
  border: 1px solid #314156;
  border-radius: 6px;
  background: #0b121b;
  color: #dbe8f6;
  font-size: 0.8rem;
  font-weight: 650;
}

.ai-eval-profile-checks input {
  width: 15px;
  height: 15px;
  margin: 0;
}

.ai-eval-mode {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  border: 0;
}

.ai-eval-mode label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 8px 11px;
  border: 1px solid #314156;
  border-radius: 6px;
  background: #0b121b;
  color: #dbe8f6;
  font-size: 0.84rem;
  font-weight: 650;
}

.ai-eval-mode input {
  width: 16px;
  height: 16px;
  margin: 0;
}

.ai-eval-upload label,
.ai-eval-model-row label,
.ai-eval-price label,
.ai-eval-context label {
  color: #b6c6d9;
  font-size: 0.78rem;
  font-weight: 650;
}

.ai-eval-upload input,
.ai-eval-model-row select,
.ai-eval-model-row input,
.ai-eval-profile select,
.ai-eval-profile input[type="text"],
.ai-eval-context textarea,
.ai-eval-output-mode select,
.ai-eval-expected textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #314156;
  border-radius: 6px;
  background: #0b121b;
  color: #edf5ff;
}

.ai-eval-upload input {
  padding: 10px;
}

.ai-eval-output-mode {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
  gap: 12px;
  align-items: end;
  padding: 12px;
  border: 1px solid #22344a;
  border-radius: 8px;
  background: #0a141f;
}

.ai-eval-output-mode label {
  display: block;
  margin-bottom: 4px;
  color: #e8f4ff;
  font-size: 0.92rem;
  font-weight: 760;
}

.ai-eval-output-mode select {
  padding: 9px 10px;
}

.ai-eval-models {
  display: grid;
  gap: 10px;
}

.ai-eval-transfer-notice + .ai-eval-models {
  margin-top: -7px;
}

.ai-eval-model-list {
  display: grid;
  gap: 10px;
}

.ai-eval-model-row {
  display: grid;
  grid-template-columns: minmax(110px, 0.5fr) minmax(180px, 1fr) 95px 105px 95px 36px;
  gap: 10px;
  align-items: end;
  padding: 12px;
  background: #0d141d;
  border: 1px solid #243346;
  border-radius: 8px;
}

body[data-coxsi-forced-mode="saas_actual"] .ai-eval-model-row {
  grid-template-columns: minmax(90px, 0.25fr) minmax(160px, 0.5fr) minmax(95px, 1fr) minmax(105px, 1fr) minmax(95px, 1fr) 36px;
}

.ai-eval-model-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.ai-eval-model-main input[type="checkbox"] {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}

.ai-eval-model-row select,
.ai-eval-model-main input[type="text"],
.ai-eval-price input {
  padding: 9px 10px;
}

.ai-eval-model-row select {
  appearance: auto;
}

.ai-eval-model-remove {
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid #314156;
  border-radius: 6px;
  background: #0b121b;
  color: #dbe8f6;
  font-size: 1.1rem;
  line-height: 1;
}

.ai-eval-model-remove:hover:not(:disabled),
.ai-eval-model-remove:focus-visible:not(:disabled) {
  border-color: #5f86b5;
  color: #ffffff;
}

.ai-eval-model-actions {
  display: flex;
  position: relative;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.ai-eval-model-actions .btn,
.ai-eval-context-actions .btn,
.ai-eval-coach .btn {
  border: 1px solid transparent;
  border-radius: 6px;
  color: #f8fbff;
  font-weight: 650;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}

.ai-eval-model-actions [data-model-add] {
  background: #0f766e;
  border-color: #14b8a6;
}

.ai-eval-model-actions [data-model-add]:hover:not(:disabled),
.ai-eval-model-actions [data-model-add]:focus-visible:not(:disabled) {
  background: #0d9488;
  box-shadow: 0 12px 28px rgba(20, 184, 166, 0.24);
}

.ai-eval-pricing-catalog {
  position: fixed;
  z-index: 1200;
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  width: min(900px, calc(100vw - 32px));
  height: min(620px, calc(100vh - 110px));
  min-width: min(560px, calc(100vw - 32px));
  min-height: 320px;
  max-width: calc(100vw - 16px);
  max-height: calc(100vh - 16px);
  overflow: hidden;
  resize: both;
  border: 1px solid #38bdf8;
  border-radius: 0;
  background: #07111c;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(56, 189, 248, 0.12) inset;
}

.ai-eval-pricing-catalog[hidden] {
  display: none;
}

.ai-eval-pricing-simulation {
  display: grid;
  gap: 5px;
  margin: 3px 0 0;
  padding: 10px 12px;
  border: 1px solid rgba(56, 189, 248, 0.34);
  border-left-width: 4px;
  border-radius: 7px;
  background: rgba(8, 27, 43, 0.84);
  color: #c8e8f7;
  font-size: 0.79rem;
  line-height: 1.5;
}

.ai-eval-pricing-simulation[hidden] {
  display: none !important;
}

.ai-eval-pricing-catalog > .ai-eval-pricing-simulation {
  margin: 0;
  border-width: 0 0 1px 4px;
  border-radius: 0;
  background: #071827;
}

.ai-eval-models > .ai-eval-pricing-simulation {
  margin: 0;
}

.ai-eval-pricing-simulation strong {
  color: #e0f7ff;
  font-size: 0.82rem;
  font-weight: 850;
}

.ai-eval-pricing-simulation p {
  margin: 0;
  color: #9fc7dc;
}

.ai-eval-pricing-catalog.is-dragging {
  user-select: none;
}

.ai-eval-pricing-catalog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border-bottom: 1px solid #20384d;
  background: linear-gradient(180deg, #0c1d2d 0%, #091725 100%);
  cursor: move;
}

.ai-eval-pricing-catalog-head strong {
  display: block;
  color: #f0f9ff;
  font-size: 1rem;
}

.ai-eval-pricing-catalog-head p {
  margin: 4px 0 0;
  color: #9fc7dc;
  font-size: 0.82rem;
  line-height: 1.45;
}

.ai-eval-pricing-catalog-close {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid #ef4444;
  border-radius: 999px;
  background: #7f1d1d;
  color: #fff5f5;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.ai-eval-pricing-catalog-close:hover,
.ai-eval-pricing-catalog-close:focus-visible {
  background: #dc2626;
  border-color: #fecaca;
}

.ai-eval-pricing-catalog-controls {
  display: grid;
  grid-template-columns: minmax(150px, 190px) minmax(220px, 1fr) auto auto auto;
  align-items: end;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid #173249;
  background: #081622;
}

.ai-eval-pricing-catalog-controls label {
  display: grid;
  gap: 5px;
  min-width: 0;
  color: #a8d5ec;
  font-size: 0.76rem;
  font-weight: 800;
}

.ai-eval-pricing-catalog-controls select,
.ai-eval-pricing-catalog-controls input[type="search"] {
  width: 100%;
  min-width: 0;
  height: 34px;
  border: 1px solid #294867;
  border-radius: 7px;
  background: #07111c;
  color: #e0f2fe;
  padding: 0 10px;
  font-size: 0.84rem;
  font-weight: 650;
}

.ai-eval-pricing-catalog-controls input[type="search"]::placeholder {
  color: #6f93a8;
}

.ai-eval-pricing-catalog-check {
  display: inline-flex !important;
  grid-template-columns: auto 1fr;
  align-items: center;
  align-self: center;
  gap: 7px !important;
  min-height: 34px;
  padding: 6px 9px;
  border: 1px solid #1d3b52;
  border-radius: 999px;
  background: #07111c;
  white-space: nowrap;
}

.ai-eval-pricing-catalog-check input {
  width: 14px;
  height: 14px;
  accent-color: #38bdf8;
}

.ai-eval-pricing-catalog-count {
  align-self: center;
  justify-self: end;
  color: #67e8f9;
  font-size: 0.82rem;
  font-weight: 850;
  white-space: nowrap;
}

.ai-eval-pricing-catalog-table-wrap {
  min-height: 0;
  overflow: auto;
  padding: 12px;
}

.ai-eval-pricing-catalog-table {
  width: 100%;
  min-width: 780px;
  border-collapse: separate;
  border-spacing: 0;
  color: #dff2ff;
  font-size: 0.84rem;
}

.ai-eval-pricing-catalog-table th,
.ai-eval-pricing-catalog-table td {
  padding: 9px 10px;
  border-bottom: 1px solid #182c3f;
  text-align: left;
  vertical-align: top;
}

.ai-eval-pricing-catalog-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #0a1b2a;
  color: #9fe3ff;
  font-size: 0.76rem;
  font-weight: 800;
}

.ai-eval-pricing-catalog-table thead tr:nth-child(2) th {
  top: 34px;
}

.ai-eval-pricing-catalog-table th[colspan] {
  text-align: center;
  color: #e0f2fe;
}

.ai-eval-pricing-catalog-sort {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 1.2;
  text-align: right;
  cursor: pointer;
}

.ai-eval-pricing-catalog-sort:hover,
.ai-eval-pricing-catalog-sort:focus-visible {
  color: #eef6ff;
  outline: none;
}

.ai-eval-pricing-catalog-sort span:last-child {
  min-width: 10px;
  color: #66c7ff;
  font-size: 0.68rem;
  text-align: center;
}

.ai-eval-pricing-catalog-provider {
  font-weight: 850;
}

.ai-eval-provider-tone-openai {
  --ai-eval-provider-color: #5ee3a1;
  color: #5ee3a1;
}

.ai-eval-provider-tone-gemini {
  --ai-eval-provider-color: #7dd3fc;
  color: #7dd3fc;
}

.ai-eval-provider-tone-anthropic {
  --ai-eval-provider-color: #fbbf24;
  color: #fbbf24;
}

.ai-eval-provider-tone-xai {
  --ai-eval-provider-color: #c4b5fd;
  color: #c4b5fd;
}

.ai-eval-provider-tone-mistral {
  --ai-eval-provider-color: #f87171;
  color: #f87171;
}

.ai-eval-provider-tone-default {
  --ai-eval-provider-color: #dff2ff;
  color: #dff2ff;
}

.ai-eval-pricing-catalog-table tr[class*="ai-eval-provider-tone-"] .ai-eval-pricing-catalog-provider,
.ai-eval-pricing-catalog-table tr[class*="ai-eval-provider-tone-"] .ai-eval-pricing-catalog-price-cell {
  color: var(--ai-eval-provider-color, #dff2ff);
}

.ai-eval-pricing-catalog-price-cell {
  text-align: right;
  white-space: nowrap;
}

.ai-eval-pricing-catalog-table td strong,
.ai-eval-pricing-catalog-table td span {
  display: block;
}

.ai-eval-pricing-catalog-table td span {
  margin-top: 2px;
  color: #86a9bd;
  font-size: 0.76rem;
  line-height: 1.35;
}

.ai-eval-pricing-catalog-table a {
  color: #67e8f9;
  font-weight: 700;
}

@media (max-width: 760px) {
  .ai-eval-pricing-catalog-controls {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .ai-eval-pricing-catalog-count {
    justify-self: start;
  }
}

.ai-eval-price {
  display: grid;
  gap: 5px;
}

.ai-eval-context {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid #294867;
  border-left: 4px solid #60a5fa;
  border-radius: 10px;
  background: #0a1724;
}

.ai-eval-context-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.ai-eval-context-head > div:first-child {
  min-width: 0;
}

.ai-eval-context-coach-controls {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 9px;
  color: #b7c7d7;
  font-size: 0.74rem;
}

.ai-eval-context-coach-controls label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.ai-eval-context-coach-controls input {
  width: 58px;
  min-height: 30px;
  padding: 4px 7px;
  border: 1px solid #36516d;
  border-radius: 6px;
  background: #08121d;
  color: #f8fafc;
  text-align: center;
}

#aiEvalContextCoachAttemptProgress {
  color: #93c5fd;
  font-weight: 750;
}

.ai-eval-context-actions {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  gap: 16px;
  flex-wrap: nowrap;
}

.ai-eval-context-actions .ai-eval-step-hint,
.ai-eval-model-actions .ai-eval-step-hint,
.ai-eval-actions .ai-eval-step-hint {
  position: absolute;
  z-index: 100;
  bottom: calc(100% + 10px);
  width: max-content;
  max-width: min(320px, calc(100vw - 48px));
  border-radius: 12px;
  text-align: left;
  pointer-events: auto;
}

.ai-eval-context-actions .ai-eval-step-hint {
  right: 0;
}

.ai-eval-model-actions .ai-eval-step-hint,
.ai-eval-actions .ai-eval-step-hint {
  left: 0;
}

.ai-eval-context-actions .ai-eval-step-hint::after,
.ai-eval-model-actions .ai-eval-step-hint::after,
.ai-eval-actions .ai-eval-step-hint::after {
  content: "";
  position: absolute;
  top: 100%;
  border: 8px solid transparent;
  border-top-color: #f59e0b;
}

.ai-eval-context-actions .ai-eval-step-hint::after {
  right: 22px;
}

.ai-eval-model-actions .ai-eval-step-hint::after,
.ai-eval-actions .ai-eval-step-hint::after {
  left: 22px;
}

.ai-eval-context-score-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid rgba(56, 189, 248, 0.42);
  border-radius: 7px;
  background: rgba(14, 165, 233, 0.09);
}

.ai-eval-context-score-inline[hidden] {
  display: none;
}

.ai-eval-context-score-inline strong {
  color: #e0f2fe;
  font-size: 0.88rem;
}

.ai-eval-context-score-inline span {
  color: #cbd5e1;
  font-size: 0.78rem;
}

.ai-eval-context-score-inline em {
  font-style: normal;
  font-weight: 950;
}

.ai-eval-context-score-inline em[data-score-tone="low"],
.ai-eval-context-score-delta.is-down {
  color: #fecaca;
}

.ai-eval-context-score-inline em[data-score-tone="soft"] {
  color: #fde68a;
}

.ai-eval-context-score-inline em[data-score-tone="good"],
.ai-eval-context-score-delta.is-up {
  color: #bbf7d0;
}

.ai-eval-context-score-inline em[data-score-tone="sky"] {
  color: #bae6fd;
}

.ai-eval-context-score-inline em[data-score-tone="gold"] {
  color: #fef9c3;
}

.ai-eval-context-score-inline .ai-eval-rule-pack-coverage {
  flex: 1 0 100%;
  margin-top: 2px;
}

.ai-eval-context-fast-track {
  display: flex;
  flex: 1 0 100%;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px;
  border: 1px solid rgba(74, 222, 128, 0.48);
  border-radius: 0;
  background: rgba(20, 83, 45, 0.28);
}

.ai-eval-context-fast-track > div { display: grid; gap: 3px; }
.ai-eval-context-fast-track strong { color: #bbf7d0; }
.ai-eval-context-fast-track span { color: #d1fae5; line-height: 1.45; }
.ai-eval-context-fast-track .btn { flex: 0 0 auto; }

.ai-eval-context-score-delta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  margin-left: 8px;
  padding: 2px 7px;
  border: 1px solid rgba(148, 163, 184, 0.42);
  border-radius: 999px;
  color: #dbeafe;
  background: rgba(15, 23, 42, 0.62);
  font-size: 0.76rem;
  font-weight: 950;
  vertical-align: middle;
}

.ai-eval-context-score-delta.is-up {
  border-color: rgba(34, 197, 94, 0.58);
  background: rgba(22, 101, 52, 0.24);
}

.ai-eval-context-score-delta.is-down {
  border-color: rgba(248, 113, 113, 0.62);
  background: rgba(127, 29, 29, 0.26);
}

.ai-eval-context-score-history .ai-eval-section-head > strong {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #e0f2fe;
  font-size: 1.05rem;
}

.ai-eval-context-score-history-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-eval-context-score-history-list li {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 10px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 7px;
  background: rgba(15, 23, 42, 0.52);
}

.ai-eval-context-score-history-list span,
.ai-eval-context-score-history-list em,
.ai-eval-context-score-history-list small {
  min-width: 0;
  overflow: hidden;
  color: #94a3b8;
  font-size: 0.74rem;
  font-style: normal;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-eval-context-score-history-list strong {
  color: #dbeafe;
  font-size: 1.28rem;
  line-height: 1;
}

.ai-eval-context-score-history-list strong[data-score-tone="low"] {
  color: #fecaca;
}

.ai-eval-context-score-history-list strong[data-score-tone="soft"] {
  color: #fde68a;
}

.ai-eval-context-score-history-list strong[data-score-tone="good"] {
  color: #bbf7d0;
}

.ai-eval-context-score-history-list strong[data-score-tone="sky"] {
  color: #bae6fd;
}

.ai-eval-context-score-history-list strong[data-score-tone="gold"] {
  color: #fef9c3;
}

.ai-eval-context-score-warning {
  margin: 0;
  padding: 9px 10px;
  border: 1px solid rgba(248, 113, 113, 0.6);
  border-radius: 7px;
  background: rgba(127, 29, 29, 0.2);
  color: #fecaca !important;
  font-size: 0.82rem;
  font-weight: 750;
  line-height: 1.45;
}

#aiEvalContextCoach {
  order: 3;
  background: #1d4ed8;
  border-color: #60a5fa;
}

#aiEvalContextScore {
  order: 2;
  background: #0f766e;
  border-color: #5eead4;
  color: #ecfeff;
}

#aiEvalMyContexts {
  order: 1;
  background: #0284c7;
  border-color: #7dd3fc;
  color: #f0f9ff;
}

#aiEvalMyContexts:hover:not(:disabled),
#aiEvalMyContexts:focus-visible:not(:disabled) {
  background: #0ea5e9;
  box-shadow: 0 12px 28px rgba(14, 165, 233, 0.28);
}

#aiEvalContextCoach:hover:not(:disabled),
#aiEvalContextCoach:focus-visible:not(:disabled) {
  background: #2563eb;
  box-shadow: 0 12px 28px rgba(37, 99, 235, 0.28);
}

#aiEvalContextScore:hover:not(:disabled),
#aiEvalContextScore:focus-visible:not(:disabled) {
  background: #0d9488;
  box-shadow: 0 12px 28px rgba(20, 184, 166, 0.24);
}

.ai-eval-context-head > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.ai-eval-context-title {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

#aiEvalContextLabel {
  margin: 0;
  color: #eef6ff;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: 0;
}

.ai-eval-context-help {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.ai-eval-help-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 1px solid #f87171;
  border-radius: 999px;
  background: #7f1d1d;
  color: #ffffff;
  font-size: 0.86rem;
  font-weight: 900;
  line-height: 1;
  cursor: help;
}

.ai-eval-help-button:hover,
.ai-eval-help-button:focus-visible {
  background: #dc2626;
  outline: 2px solid #fecaca;
  outline-offset: 2px;
}

.ai-eval-context-scope-tip {
  position: absolute;
  z-index: 180;
  top: calc(100% + 9px);
  left: 50%;
  width: min(390px, calc(100vw - 48px));
  padding: 12px 14px;
  border: 1px solid #fb7185;
  border-radius: 8px;
  background: #fff1f2;
  color: #111827;
  font-size: 0.9rem;
  font-weight: 760;
  line-height: 1.5;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.42);
  opacity: 0;
  transform: translate(-18px, -3px);
  visibility: hidden;
  pointer-events: none;
}

.ai-eval-context-scope-tip::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 13px;
  width: 12px;
  height: 12px;
  border-top: 1px solid #fb7185;
  border-left: 1px solid #fb7185;
  background: #fff1f2;
  transform: rotate(45deg);
}

.ai-eval-context-help:hover .ai-eval-context-scope-tip,
.ai-eval-context-help:focus-within .ai-eval-context-scope-tip {
  opacity: 1;
  transform: translate(-18px, 0);
  visibility: visible;
}

#aiEvalContextNote {
  color: #a9b9ca;
  font-size: 0.84rem;
  line-height: 1.45;
}

.ai-eval-context textarea {
  min-height: 170px;
  padding: 10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.8rem;
  line-height: 1.5;
  resize: vertical;
}

.ai-eval-coach {
  display: grid;
  gap: 14px;
  margin-top: 4px;
  padding: 16px;
  border: 1px solid #315f92;
  border-left: 4px solid #3b82f6;
  border-radius: 10px;
  background: #0b1a2b;
}

.ai-eval-coach[hidden] {
  display: none;
}

.ai-eval-coach-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #24476d;
}

.ai-eval-coach-head > div {
  display: grid;
  gap: 3px;
}

.ai-eval-coach-actions {
  display: grid;
  gap: 8px;
  justify-items: end;
  min-width: min(280px, 100%);
}

.ai-eval-coach-actions .ai-eval-step-hint {
  max-width: min(280px, calc(100vw - 48px));
  color: #000000;
}

.ai-eval-coach-actions .ai-eval-step-hint-text {
  color: #000000;
}

.ai-eval-coach-context-label-row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.ai-eval-coach-context-label-row > div:first-child {
  min-width: 0;
}

.ai-eval-coach-context-label-wrap {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.ai-eval-coach-context-apply {
  display: grid;
  gap: 8px;
  justify-items: end;
  flex: 0 0 auto;
}

.ai-eval-coach-context-apply .ai-eval-step-hint {
  max-width: min(280px, calc(100vw - 48px));
  color: #000000;
}

.ai-eval-coach-context-apply .ai-eval-step-hint-text {
  color: #000000;
}

@media (max-width: 520px) {
  .ai-eval-coach-context-label-row {
    align-items: stretch;
    flex-direction: column;
  }

  .ai-eval-coach-context-apply {
    justify-items: start;
  }
}

.ai-eval-coach-head strong {
  color: #eef6ff;
  font-size: 0.92rem;
}

.ai-eval-coach-head span,
.ai-eval-coach-summary {
  color: #a9b9ca;
  font-size: 0.8rem;
  line-height: 1.45;
}

.ai-eval-coach [data-context-apply] {
  background: #166534;
  border-color: #22c55e;
  color: #f0fdf4;
}

.ai-eval-coach [data-context-apply]:hover:not(:disabled),
.ai-eval-coach [data-context-apply]:focus-visible:not(:disabled) {
  background: #15803d;
  box-shadow: 0 12px 28px rgba(34, 197, 94, 0.24);
}

.ai-eval-result-refine-output [data-result-context-apply] {
  border-color: #fb923c;
  background: #ea580c;
  color: #fff7ed;
  font-weight: 850;
}

.ai-eval-result-refine-output [data-result-context-apply]:hover:not(:disabled),
.ai-eval-result-refine-output [data-result-context-apply]:focus-visible:not(:disabled) {
  border-color: #fdba74;
  background: #f97316;
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(249, 115, 22, 0.28);
}

.ai-eval-model-actions .btn:disabled,
.ai-eval-context-actions .btn:disabled,
.ai-eval-coach .btn:disabled {
  opacity: 0.52;
  filter: saturate(0.65);
  transform: none;
  box-shadow: none;
}

.ai-eval-coach-summary {
  margin: 0;
}

.ai-eval-coach-scoring {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(45, 212, 191, 0.34);
  border-radius: 8px;
  background: rgba(19, 78, 74, 0.22);
}

.ai-eval-coach-scoring-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.ai-eval-coach-scoring-head h3 {
  margin: 0;
  color: #fbbf24;
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.2;
}

.ai-eval-coach-scoring-head p {
  margin: 4px 0 0;
  color: #b7c7d7;
  font-size: 0.76rem;
  line-height: 1.38;
}

.ai-eval-coach-scoring-guide {
  margin: 0;
  padding: 9px 10px;
  border: 1px solid rgba(251, 191, 36, 0.28);
  border-radius: 7px;
  background: rgba(113, 63, 18, 0.18);
  color: #fde68a;
  font-size: 0.76rem;
  line-height: 1.45;
}

.ai-eval-coach-scoring-head strong {
  flex: 0 0 auto;
  min-width: 48px;
  padding: 7px 8px;
  border: 1px solid rgba(251, 191, 36, 0.58);
  border-radius: 7px;
  background: rgba(113, 63, 18, 0.34);
  color: #fde68a;
  font-size: 1rem;
  font-weight: 850;
  line-height: 1;
  text-align: center;
}

.ai-eval-coach-scoring-head strong[data-score-tone="low"] {
  border-color: rgba(248, 113, 113, 0.68);
  background: rgba(127, 29, 29, 0.42);
  color: #fecaca;
}

.ai-eval-coach-scoring-head strong[data-score-tone="soft"] {
  border-color: rgba(244, 114, 182, 0.68);
  background: rgba(131, 24, 67, 0.36);
  color: #fbcfe8;
}

.ai-eval-coach-scoring-head strong[data-score-tone="good"] {
  border-color: rgba(74, 222, 128, 0.64);
  background: rgba(20, 83, 45, 0.36);
  color: #bbf7d0;
}

.ai-eval-coach-scoring-head strong[data-score-tone="sky"] {
  border-color: rgba(56, 189, 248, 0.7);
  background: rgba(12, 74, 110, 0.38);
  color: #bae6fd;
}

.ai-eval-coach-scoring-head strong[data-score-tone="gold"] {
  border-color: rgba(251, 191, 36, 0.72);
  background: rgba(113, 63, 18, 0.42);
  color: #fde68a;
}

.ai-eval-coach-scoring-meta dd[data-score-tone],
.ai-eval-coach-score-weak em[data-score-tone],
.ai-eval-my-context-row em[data-score-tone] {
  font-weight: 850;
}

.ai-eval-coach-scoring-meta dd[data-score-tone="low"],
.ai-eval-coach-score-weak em[data-score-tone="low"],
.ai-eval-my-context-row em[data-score-tone="low"] {
  color: #fca5a5;
}

.ai-eval-coach-scoring-meta dd[data-score-tone="soft"],
.ai-eval-coach-score-weak em[data-score-tone="soft"],
.ai-eval-my-context-row em[data-score-tone="soft"] {
  color: #f9a8d4;
}

.ai-eval-coach-scoring-meta dd[data-score-tone="good"],
.ai-eval-coach-score-weak em[data-score-tone="good"],
.ai-eval-my-context-row em[data-score-tone="good"] {
  color: #86efac;
}

.ai-eval-coach-scoring-meta dd[data-score-tone="sky"],
.ai-eval-coach-score-weak em[data-score-tone="sky"],
.ai-eval-my-context-row em[data-score-tone="sky"] {
  color: #7dd3fc;
}

.ai-eval-coach-scoring-meta dd[data-score-tone="gold"],
.ai-eval-coach-score-weak em[data-score-tone="gold"],
.ai-eval-my-context-row em[data-score-tone="gold"] {
  color: #fde68a;
}

.ai-eval-coach-scoring-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.ai-eval-coach-scoring-meta div {
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 6px;
  background: rgba(2, 6, 23, 0.28);
}

.ai-eval-coach-scoring-meta dt {
  color: #67e8f9;
  font-size: 0.7rem;
  font-weight: 800;
}

.ai-eval-coach-scoring-meta dd {
  margin: 3px 0 0;
  color: #eef6ff;
  font-size: 0.76rem;
  font-weight: 750;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.ai-eval-coach-scoring-meta div:first-child dt {
  color: #fbbf24;
}

.ai-eval-coach-scoring-meta div:first-child dd:not([data-score-tone]) {
  color: #fde68a;
}

.ai-eval-coach-score-tags,
.ai-eval-coach-score-weak {
  display: grid;
  gap: 7px;
}

.ai-eval-coach-score-tags > span,
.ai-eval-coach-score-weak > span {
  color: #99f6e4;
  font-size: 0.74rem;
  font-weight: 800;
}

.ai-eval-coach-score-weak > span {
  color: #fb923c;
}

.ai-eval-coach-score-tags ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-eval-coach-score-tags li {
  padding: 5px 7px;
  border: 1px solid rgba(45, 212, 191, 0.26);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.44);
  color: #d9fff8;
  font-size: 0.72rem;
  font-weight: 750;
  line-height: 1.15;
}

.ai-eval-coach-score-weak ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-eval-coach-score-weak li {
  display: grid;
  gap: 3px;
  padding: 8px;
  border: 1px solid rgba(251, 146, 60, 0.28);
  border-radius: 6px;
  background: rgba(2, 6, 23, 0.24);
}

.ai-eval-coach-score-weak strong {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  color: #f8fafc;
  font-size: 0.78rem;
  line-height: 1.25;
}

.ai-eval-coach-score-weak em {
  color: #fb923c;
  font-style: normal;
}

.ai-eval-coach-score-weak small {
  color: #b7c7d7;
  font-size: 0.73rem;
  line-height: 1.35;
}

.coxsi-score-report-dialog .cxa-score-details {
  --cxa-muted: #66766d;
  --cxa-line: #dfe6e2;
  min-width: 0;
  color: #203128;
}

.coxsi-score-report-dialog .cxa-score-details__heading {
  display: flex;
  gap: 12px;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 11px;
}

.coxsi-score-report-dialog .cxa-score-details h3 {
  margin: 0;
  color: #eef6ff;
  font-size: 16px;
}

.coxsi-score-report-dialog .cxa-score-details__heading small {
  color: #b7c7d7;
  font-size: 13px;
}

.coxsi-score-report-dialog .cxa-dimension-chart {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.coxsi-score-report-dialog .cxa-dimension-chart__item {
  --cxa-chart-bar: #7eafe3;
  --cxa-chart-latest: #2563eb;
  --cxa-chart-soft: #f7faff;
  --cxa-chart-border: #c9daf3;
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 12px 13px;
  border: 1px solid var(--cxa-chart-border);
  border-radius: 0;
  background: var(--cxa-chart-soft);
}

.coxsi-score-report-dialog .cxa-dimension-chart__item:nth-child(3n + 2) {
  --cxa-chart-bar: #67b8df;
  --cxa-chart-latest: #0284c7;
  --cxa-chart-soft: #f5fbff;
  --cxa-chart-border: #bae0f4;
}

.coxsi-score-report-dialog .cxa-dimension-chart__item:nth-child(3n + 3) {
  --cxa-chart-bar: #8e9fe8;
  --cxa-chart-latest: #4f46e5;
  --cxa-chart-soft: #f8f8ff;
  --cxa-chart-border: #d2d5f7;
}

.coxsi-score-report-dialog .cxa-dimension-chart__item h4 {
  margin: 0;
  color: #1e3a5f;
  font-size: 14px;
}

.coxsi-score-report-dialog .cxa-dimension-chart__series {
  display: grid;
  grid-template-columns: repeat(var(--cxa-dimension-count), minmax(0, 1fr));
  gap: 6px;
  align-items: end;
  min-width: 0;
}

.coxsi-score-report-dialog .cxa-dimension-chart__row {
  display: grid;
  min-width: 0;
  grid-template-rows: 22px 112px 16px;
  gap: 5px;
  justify-items: center;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.coxsi-score-report-dialog .cxa-dimension-chart__row:hover .cxa-dimension-chart__track,
.coxsi-score-report-dialog .cxa-dimension-chart__row:focus-visible .cxa-dimension-chart__track {
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18);
}

.coxsi-score-report-dialog .cxa-dimension-chart__row > span {
  grid-row: 3;
  overflow: hidden;
  max-width: 100%;
  color: var(--cxa-muted);
  font-size: 12px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.coxsi-score-report-dialog .cxa-dimension-chart__track {
  display: flex;
  grid-row: 2;
  align-items: flex-end;
  overflow: hidden;
  width: min(28px, 100%);
  height: 112px;
  border-radius: 8px 8px 4px 4px;
  background: #dbeafe;
}

.coxsi-score-report-dialog .cxa-dimension-chart__track i {
  display: block;
  width: 100%;
  height: var(--cxa-dimension-score);
  border-radius: inherit;
  background: var(--cxa-chart-bar);
  transition: height 260ms ease;
}

.coxsi-score-report-dialog .cxa-dimension-chart__row.is-latest .cxa-dimension-chart__track i {
  background: var(--cxa-chart-latest);
}

.coxsi-score-report-dialog .cxa-dimension-chart__value {
  display: flex;
  grid-row: 1;
  gap: 4px;
  align-items: baseline;
  justify-content: center;
  min-width: 0;
}

.coxsi-score-report-dialog .cxa-dimension-chart__value strong {
  color: #345f8c;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
}

.coxsi-score-report-dialog .cxa-dimension-chart__value small {
  color: #2563eb;
  font-size: 11px;
  font-weight: 500;
}

.coxsi-score-report-dialog .cxa-dimension-chart__row.is-latest .cxa-dimension-chart__value strong {
  color: var(--cxa-chart-latest);
}

.coxsi-score-report-dialog .cxa-result-dialog {
  width: min(760px, calc(100% - 24px));
  max-height: min(80vh, 720px);
  margin: auto;
  padding: 0;
  border: 1px solid #9caf9f;
  border-radius: 0;
  color: #203128;
  background: #fff;
  box-shadow: 0 24px 70px rgba(15, 38, 27, 0.28);
}

.coxsi-score-report-dialog .cxa-result-dialog::backdrop {
  background: rgba(9, 23, 16, 0.56);
}

.coxsi-score-report-dialog .cxa-result-dialog > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid var(--cxa-line);
  background: #f5f8f6;
}

.coxsi-score-report-dialog .cxa-result-dialog > header span,
.coxsi-score-report-dialog .cxa-result-dialog > header small {
  display: block;
}

.coxsi-score-report-dialog .cxa-result-dialog > header strong {
  font-size: 15px;
}

.coxsi-score-report-dialog .cxa-result-dialog > header small {
  margin-top: 2px;
  color: var(--cxa-muted);
  font-size: 12px;
}

.coxsi-score-report-dialog .cxa-result-dialog > header button {
  width: 32px;
  height: 32px;
  border: 1px solid var(--cxa-line);
  border-radius: 7px;
  color: #4e6056;
  background: #fff;
  font-size: 18px;
}

.coxsi-score-report-dialog .cxa-result-dialog__body {
  overflow: auto;
  max-height: calc(min(80vh, 720px) - 62px);
  padding: 18px;
  color: #203128;
  background: #fff;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.coxsi-score-report-dialog .cxa-dimension-dialog__body {
  display: grid;
  gap: 16px;
}

.coxsi-score-report-dialog .cxa-dimension-dialog__score {
  display: flex;
  align-items: baseline;
  padding: 14px 16px;
  border: 1px solid #c9daf3;
  background: #f7faff;
}

.coxsi-score-report-dialog .cxa-dimension-dialog__score span {
  margin-right: auto;
  color: #415f7e;
  font-weight: 600;
}

.coxsi-score-report-dialog .cxa-dimension-dialog__score strong {
  color: #1d5fc3;
  font-size: 28px;
  font-weight: 700;
}

.coxsi-score-report-dialog .cxa-dimension-dialog__score small {
  margin-left: 4px;
  color: var(--cxa-muted);
  font-size: 13px;
}

.coxsi-score-report-dialog .cxa-dimension-dialog__body > section {
  padding: 14px 16px;
  border: 1px solid var(--cxa-line);
  background: #fafcfa;
}

.coxsi-score-report-dialog .cxa-dimension-dialog__body > section h3 {
  margin: 0 0 10px;
  color: #1d3a2a;
  font-size: 16px;
}

.coxsi-score-report-dialog .cxa-dimension-dialog__body pre {
  margin: 0;
  color: #2b3c33;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.65;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.coxsi-score-report-dialog .cxa-dimension-dialog__body .cxa-empty {
  margin: 0;
}

@media (max-width: 820px) {
  .coxsi-score-report-dialog .cxa-dimension-chart {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .coxsi-score-report-dialog .cxa-dimension-chart {
    grid-template-columns: 1fr;
  }
}

.ai-eval-rule-pack-coverage {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid rgba(125, 211, 252, 0.3);
  border-radius: 7px;
  background: rgba(8, 47, 73, 0.2);
}

.ai-eval-rule-pack-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}

.ai-eval-rule-pack-head h4 {
  margin: 0;
  color: #bae6fd;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.2;
}

.ai-eval-rule-pack-head p {
  margin: 4px 0 0;
  color: #a8b8c8;
  font-size: 0.72rem;
  line-height: 1.38;
}

.ai-eval-rule-pack-head > strong {
  flex: 0 0 auto;
  min-width: 42px;
  padding: 6px 7px;
  border: 1px solid rgba(125, 211, 252, 0.44);
  border-radius: 7px;
  background: rgba(2, 6, 23, 0.32);
  color: #bae6fd;
  font-size: 0.88rem;
  font-weight: 850;
  line-height: 1;
  text-align: center;
}

.ai-eval-rule-pack-head > strong small {
  display: block;
  margin-top: 4px;
  color: #94a3b8;
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

.ai-eval-rule-pack-head > strong[data-score-tone="low"] {
  border-color: rgba(248, 113, 113, 0.58);
  color: #fecaca;
}

.ai-eval-rule-pack-head > strong[data-score-tone="soft"] {
  border-color: rgba(244, 114, 182, 0.54);
  color: #fbcfe8;
}

.ai-eval-rule-pack-head > strong[data-score-tone="good"] {
  border-color: rgba(74, 222, 128, 0.54);
  color: #bbf7d0;
}

.ai-eval-rule-pack-head > strong[data-score-tone="gold"] {
  border-color: rgba(251, 191, 36, 0.58);
  color: #fde68a;
}

.ai-eval-rule-pack-meta {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) repeat(2, minmax(70px, 0.7fr));
  gap: 7px;
  margin: 0;
}

.ai-eval-rule-pack-meta div {
  min-width: 0;
  padding: 7px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 6px;
  background: rgba(2, 6, 23, 0.24);
}

.ai-eval-rule-pack-meta dt {
  color: #67e8f9;
  font-size: 0.68rem;
  font-weight: 800;
}

.ai-eval-rule-pack-meta dd {
  margin: 3px 0 0;
  overflow: hidden;
  color: #e2e8f0;
  font-size: 0.72rem;
  font-weight: 750;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-eval-rule-pack-meta small {
  color: #94a3b8;
  font-size: 0.68rem;
  font-weight: 700;
}

.ai-eval-rule-pack-criteria {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-eval-rule-pack-criteria li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 7px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 6px;
  background: rgba(15, 23, 42, 0.34);
}

.ai-eval-rule-pack-criteria span {
  flex: 0 0 auto;
  min-width: 58px;
  color: #fbbf24;
  font-size: 0.68rem;
  font-weight: 850;
}

.ai-eval-rule-pack-criteria strong {
  min-width: 0;
  overflow: hidden;
  color: #dbeafe;
  font-size: 0.72rem;
  line-height: 1.25;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ai-eval-rule-pack-criteria li[data-rule-pack-status="conflicting"] span {
  color: #fecaca;
}

.ai-eval-rule-pack-criteria li[data-rule-pack-status="missing"] span {
  color: #fde68a;
}

.ai-eval-coach-intent {
  display: grid;
  position: relative;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(125, 211, 252, 0.42);
  border-radius: 8px;
  background: rgba(8, 47, 73, 0.34);
}

.ai-eval-coach-intent-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.ai-eval-coach-intent-head > div {
  display: grid;
  gap: 3px;
}

.ai-eval-coach-intent h3,
.ai-eval-coach-framework span,
.ai-eval-coach-questions span {
  margin: 0;
  color: #bae6fd;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.2;
}

.ai-eval-coach-intent-head strong,
.ai-eval-coach-framework strong {
  color: #f8fafc;
  font-size: 0.86rem;
  line-height: 1.25;
}

.ai-eval-coach-intent-head > span {
  flex: 0 0 auto;
  padding: 5px 8px;
  border: 1px solid rgba(125, 211, 252, 0.38);
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.36);
  color: #e0f2fe;
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1.1;
}

.ai-eval-coach-intent-head > span[data-confidence="high"] {
  border-color: rgba(34, 197, 94, 0.46);
  color: #bbf7d0;
}

.ai-eval-coach-intent-head > span[data-confidence="medium"] {
  border-color: rgba(250, 204, 21, 0.52);
  color: #fef08a;
}

.ai-eval-coach-intent-head > span[data-confidence="low"] {
  border-color: rgba(248, 113, 113, 0.52);
  color: #fecaca;
}

.ai-eval-coach-intent-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
}

.ai-eval-coach-intent-meta div {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 6px;
  background: rgba(2, 6, 23, 0.32);
}

.ai-eval-coach-intent-meta dt {
  color: #93c5fd;
  font-size: 0.7rem;
  font-weight: 800;
}

.ai-eval-coach-intent-meta dd {
  min-width: 0;
  margin: 0;
  color: #e5eef8;
  font-size: 0.76rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.ai-eval-coach-framework,
.ai-eval-coach-questions {
  display: grid;
  gap: 8px;
}

.ai-eval-coach-framework ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-eval-coach-framework li {
  padding: 5px 7px;
  border: 1px solid rgba(125, 211, 252, 0.28);
  border-radius: 999px;
  color: #dbeafe;
  background: rgba(15, 23, 42, 0.44);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.15;
}

.ai-eval-coach-questions ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding-left: 20px;
}

.ai-eval-coach-questions li {
  color: #e5eef8;
  font-size: 0.78rem;
  line-height: 1.42;
}

.ai-eval-coach-questions li strong {
  display: block;
  color: #f8fafc;
  font-size: 0.8rem;
}

.ai-eval-coach-questions li small {
  display: block;
  color: #a9b9ca;
  font-size: 0.74rem;
  line-height: 1.35;
}

.ai-eval-coach-clarify {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(250, 204, 21, 0.34);
  border-radius: 8px;
  background: rgba(113, 63, 18, 0.18);
}

.ai-eval-coach-clarify-head {
  display: grid;
  gap: 4px;
}

.ai-eval-coach-clarify h3 {
  margin: 0;
  color: #fde68a;
  font-size: 0.82rem;
  line-height: 1.2;
}

.ai-eval-coach-clarify p {
  margin: 0;
  color: #d6e1ec;
  font-size: 0.76rem;
  line-height: 1.42;
}

.ai-eval-coach-clarify-list {
  display: grid;
  gap: 9px;
}

.ai-eval-coach-clarify-item {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.ai-eval-coach-clarify-item label > strong {
  display: block;
  margin-bottom: 3px;
  color: #fb923c;
  font-size: 0.72rem;
  font-weight: 800;
}

.ai-eval-coach-clarify-item span {
  color: #f8fafc;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1.35;
}

.ai-eval-coach-clarify-item small {
  color: #a9b9ca;
  font-size: 0.74rem;
  line-height: 1.35;
}

.ai-eval-coach-clarify-recommended {
  display: grid;
  gap: 6px;
  padding: 8px 9px;
  border: 1px solid rgba(56, 189, 248, 0.28);
  border-radius: 6px;
  background: rgba(8, 47, 73, 0.36);
}

.ai-eval-coach-clarify-recommended strong {
  color: #bae6fd;
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1.25;
}

.ai-eval-coach-clarify-recommended p {
  color: #d9eefb;
  font-size: 0.75rem;
}

.ai-eval-coach-clarify-recommended .btn {
  justify-self: start;
  padding: 6px 9px;
  border-color: #38bdf8;
  background: #075985;
  color: #e0f2fe;
  font-size: 0.74rem;
  font-weight: 800;
}

.ai-eval-coach-clarify-item textarea {
  width: 100%;
  box-sizing: border-box;
  min-height: 62px;
  padding: 9px 10px;
  border: 1px solid rgba(250, 204, 21, 0.34);
  border-radius: 6px;
  background: #07131f;
  color: #edf5ff;
  font-family: inherit;
  font-size: 0.78rem;
  line-height: 1.45;
  resize: vertical;
}

.ai-eval-coach-clarify-item textarea:focus {
  border-color: #fde68a;
  outline: 2px solid rgba(250, 204, 21, 0.22);
  outline-offset: 1px;
}

.ai-eval-coach-clarify-actions {
  display: flex;
  justify-content: flex-end;
}

.ai-eval-coach-clarify-actions [data-coach-clarify-rewrite] {
  border-color: #fb923c;
  background: #ea580c;
  color: #fff7ed;
  font-weight: 850;
}

.ai-eval-coach-clarify-actions [data-coach-clarify-rewrite]:hover:not(:disabled),
.ai-eval-coach-clarify-actions [data-coach-clarify-rewrite]:focus-visible:not(:disabled) {
  border-color: #fdba74;
  background: #f97316;
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(249, 115, 22, 0.28);
}

.ai-eval-coach-debug {
  display: grid;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 8px;
  background: rgba(2, 6, 23, 0.24);
}

.ai-eval-coach-debug summary {
  cursor: pointer;
  color: #bae6fd;
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.2;
}

.ai-eval-coach-debug summary::marker {
  color: #7dd3fc;
}

.ai-eval-coach-debug-body {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.ai-eval-coach-debug-panel {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(168, 85, 247, 0.44);
  border-radius: 10px;
  background: rgba(30, 18, 54, 0.72);
}

.ai-eval-coach-debug-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.ai-eval-coach-debug-grid > section {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(196, 181, 253, 0.24);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.74);
}

.ai-eval-coach-debug-field-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.ai-eval-coach-debug-grid label {
  color: #ede9fe;
  font-size: 0.82rem;
  font-weight: 800;
}

.ai-eval-coach-debug-textarea {
  width: 100%;
  min-height: 300px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #5b4b83;
  border-radius: 7px;
  background: #090d18;
  color: #e9e7ff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.74rem;
  line-height: 1.45;
  resize: vertical;
}

.ai-eval-coach-debug-grid > section > .btn {
  justify-self: start;
}

.ai-eval-coach-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.ai-eval-coach-columns section {
  display: grid;
  position: relative;
  align-content: start;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
}

.ai-eval-coach-check {
  border: 1px solid rgba(34, 197, 94, 0.36);
  background: rgba(20, 83, 45, 0.22);
}

.ai-eval-coach-suggest {
  border: 1px solid rgba(56, 189, 248, 0.38);
  background: rgba(12, 74, 110, 0.24);
}

.ai-eval-coach h3 {
  margin: 0;
  font-size: 0.82rem;
  line-height: 1.2;
  letter-spacing: 0;
}

.ai-eval-coach-check h3 {
  color: #bbf7d0;
}

.ai-eval-coach-suggest h3 {
  color: #bae6fd;
}

.ai-eval-coach-list {
  display: grid;
  gap: 8px;
}

.ai-eval-coach-item {
  display: grid;
  gap: 4px;
  padding: 9px 10px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 6px;
  background: rgba(2, 6, 23, 0.36);
}

.ai-eval-coach-item strong {
  color: #eef6ff;
  font-size: 0.82rem;
}

.ai-eval-coach-item span {
  color: #a9b9ca;
  font-size: 0.78rem;
  line-height: 1.4;
}

.ai-eval-coach-suggested-context {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #31577c;
  border-radius: 8px;
  background: #081521;
}

.ai-eval-coach-context-label {
  color: #eef6ff;
  font-size: 0.86rem;
  font-weight: 800;
  line-height: 1.2;
}

.ai-eval-coach-context-meta {
  color: #8eb8d9;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
}

.ai-eval-coach-context {
  position: relative;
  width: 100%;
  min-height: 130px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #31577c;
  border-radius: 6px;
  background: #07131f;
  color: #edf5ff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.78rem;
  line-height: 1.45;
  resize: vertical;
}

.ai-eval-coach-save {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 14px;
  align-items: center;
  padding: 12px;
  border: 1px solid #254d3a;
  border-radius: 8px;
  background: #081610;
}

.ai-eval-coach-save strong {
  display: block;
  color: #d9fbe7;
  font-size: 0.88rem;
  font-weight: 800;
  line-height: 1.25;
}

.ai-eval-coach-save span {
  display: block;
  margin-top: 3px;
  color: #9bcdb0;
  font-size: 0.78rem;
  line-height: 1.4;
}

.ai-eval-coach-save-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.ai-eval-save-btn {
  min-height: 30px !important;
  padding: 4px 12px !important;
  border: 1px solid #475569 !important;
  border-radius: 0 !important;
  background: #334155 !important;
  color: #f8fafc !important;
  font-size: 0.72rem !important;
  font-weight: 400 !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}

.ai-eval-save-btn:hover:not(:disabled),
.ai-eval-save-btn:focus-visible:not(:disabled) {
  border-color: #64748b !important;
  background: #475569 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.ai-eval-coach-save .ai-eval-small {
  grid-column: 1 / -1;
}

.ai-eval-context-diff {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid #31577c;
  border-radius: 8px;
  background: #081521;
}

.ai-eval-context-diff-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.ai-eval-context-diff-head h3 {
  margin: 0;
  color: #eef6ff;
  font-size: 0.86rem;
  line-height: 1.2;
}

.ai-eval-context-diff-head span {
  color: #9fb1c3;
  font-size: 0.74rem;
}

.ai-eval-context-diff-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.ai-eval-context-diff-metrics div {
  display: grid;
  gap: 4px;
  padding: 9px;
  border: 1px solid #24394d;
  border-radius: 7px;
  background: #0b121a;
}

.ai-eval-context-diff-metrics span {
  color: #9fb1c3;
  font-size: 0.72rem;
}

.ai-eval-context-diff-metrics strong {
  color: #f4f8fc;
  font-size: 0.9rem;
}

.ai-eval-context-diff-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.ai-eval-context-diff-changes {
  grid-column: 1 / -1;
  min-width: 0;
  display: grid;
  gap: 6px;
}

.ai-eval-context-diff-changes > strong {
  color: #fde68a;
  font-size: 0.75rem;
}

.ai-eval-context-diff-change-list {
  display: grid;
  gap: 7px;
}

.ai-eval-context-diff-change {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 8px;
  border: 1px solid #3b4d2b;
  border-radius: 7px;
  background: #111608;
}

.ai-eval-context-diff-change div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.ai-eval-context-diff-change span {
  color: #cbd5e1;
  font-size: 0.68rem;
  font-weight: 800;
}

.ai-eval-context-diff-change p {
  margin: 0;
  padding: 7px 8px;
  border: 1px solid #263548;
  border-radius: 6px;
  background: #07111d;
  color: #d6e2ef;
  font-size: 0.72rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.ai-eval-context-diff-change div:first-child p {
  border-color: #2563eb;
  background: #071a2f;
}

.ai-eval-context-diff-change div:last-child p {
  border-color: #3f6212;
  background: #101a08;
}

.ai-eval-context-diff-list {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.ai-eval-context-diff-list strong {
  color: #bfdbfe;
  font-size: 0.75rem;
}

.ai-eval-context-diff-list.is-removed strong {
  color: #38bdf8;
}

.ai-eval-context-diff-list ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ai-eval-context-diff-list li {
  padding: 7px 8px;
  border: 1px solid #203449;
  border-radius: 6px;
  background: #07111d;
  color: #c8d7e6;
  font-size: 0.72rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.ai-eval-context-diff-list.is-removed li {
  border-color: #2563eb;
  background: #071a2f;
}

.ai-eval-coach-intent > .ai-eval-step-hint,
.ai-eval-coach-scoring > .ai-eval-step-hint,
.ai-eval-coach-suggested-context > .ai-eval-step-hint,
.ai-eval-coach-columns section > .ai-eval-step-hint,
.ai-eval-coach > .ai-eval-step-hint {
  justify-self: start;
  margin-bottom: 2px;
  border-radius: 8px;
}

.ai-eval-coach-intent.is-step-active,
.ai-eval-coach-scoring.is-step-active,
.ai-eval-coach-check.is-step-active,
.ai-eval-coach-suggest.is-step-active,
.ai-eval-coach-suggested-context.is-step-active,
.ai-eval-coach-clarify.is-step-active,
.ai-eval-coach-context.is-step-active {
  outline: 2px solid rgba(245, 158, 11, 0.78);
  outline-offset: 3px;
}

.ai-eval-expected {
  padding: 12px;
  border: 1px solid #213244;
  border-radius: 8px;
  background: #081119;
}

.ai-eval-note {
  margin: 0;
  color: #99aabb;
  font-size: 0.78rem;
  line-height: 1.45;
}

.ai-eval-expected summary {
  cursor: pointer;
  color: #c7d5e5;
  font-size: 0.86rem;
}

.ai-eval-json-schema-builder {
  display: grid;
  gap: 10px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #2a425c;
  border-radius: 7px;
  background: #071622;
}

.ai-eval-json-schema-builder[hidden] {
  display: none;
}

.ai-eval-json-schema-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}

.ai-eval-json-schema-head strong {
  display: block;
  color: #f8fafc;
  font-size: 0.88rem;
  line-height: 1.25;
}

.ai-eval-json-schema-head p {
  margin: 3px 0 0;
  color: #a9b8c8;
  font-size: 0.74rem;
  line-height: 1.38;
}

.ai-eval-json-schema-rows {
  display: grid;
  gap: 8px;
}

.ai-eval-json-schema-row {
  display: grid;
  grid-template-columns: minmax(130px, 1fr) minmax(96px, 0.6fr) minmax(88px, auto) minmax(170px, 1.4fr) 34px;
  gap: 8px;
  align-items: end;
}

.ai-eval-json-schema-row label,
.ai-eval-json-schema-extra {
  display: grid;
  gap: 4px;
  color: #cbd5e1;
  font-size: 0.72rem;
  font-weight: 760;
}

.ai-eval-json-schema-row input[type="text"],
.ai-eval-json-schema-row select {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 8px;
  border: 1px solid #314156;
  border-radius: 6px;
  background: #0b121b;
  color: #edf5ff;
}

.ai-eval-json-schema-required {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center;
  min-height: 36px;
}

.ai-eval-json-schema-required input {
  width: 16px;
  height: 16px;
}

.ai-eval-expected textarea {
  min-height: 96px;
  margin-top: 10px;
  padding: 10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.8rem;
  line-height: 1.45;
  resize: vertical;
}

.ai-eval-actions {
  display: flex;
  position: relative;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.ai-eval-status {
  color: #a9b9ca;
  font-size: 0.86rem;
}

.ai-eval-screen-notice {
  position: fixed;
  z-index: 2600;
  top: 86px;
  left: 50%;
  transform: translateX(-50%);
  width: min(560px, calc(100vw - 32px));
  padding: 13px 18px;
  border: 2px solid #38bdf8;
  border-radius: 8px;
  background: #082232;
  color: #e0f2fe;
  box-shadow: 0 14px 38px rgba(0, 0, 0, 0.36);
  font-weight: 700;
  text-align: center;
}

.ai-eval-screen-notice[hidden] {
  display: none;
}

.ai-eval-progress-overlay {
  position: fixed;
  z-index: 2650;
  top: 86px;
  right: 24px;
  width: min(460px, calc(100vw - 32px));
  pointer-events: none;
}

.ai-eval-progress-overlay[hidden] {
  display: none;
}

.ai-eval-progress-dialog {
  pointer-events: auto;
  overflow: hidden;
  border: 1px solid #38bdf8;
  border-radius: 8px;
  background: #07111c;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.48), 0 0 0 1px rgba(56, 189, 248, 0.14) inset;
}

.ai-eval-progress-head {
  display: grid;
  gap: 4px;
  padding: 13px 15px 11px;
  border-bottom: 1px solid #1e3a52;
  background: #0a1b2a;
}

.ai-eval-progress-head strong {
  color: #f0f9ff;
  font-size: 0.95rem;
  font-weight: 850;
}

.ai-eval-progress-head span {
  color: #9ec9dc;
  font-size: 0.78rem;
  line-height: 1.4;
}

.ai-eval-progress-table-wrap {
  max-height: min(330px, calc(100vh - 230px));
  overflow: auto;
}

.ai-eval-progress-table {
  width: 100%;
  border-collapse: collapse;
  color: #dff2ff;
  font-size: 0.82rem;
}

.ai-eval-progress-table th,
.ai-eval-progress-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #182c3f;
  text-align: left;
  vertical-align: middle;
}

.ai-eval-progress-table th {
  position: sticky;
  top: 0;
  background: #081622;
  color: #9fe3ff;
  font-size: 0.72rem;
  font-weight: 850;
}

.ai-eval-progress-table tr:last-child td {
  border-bottom: 0;
}

.ai-eval-progress-table td:first-child {
  min-width: 0;
  max-width: 260px;
  overflow-wrap: anywhere;
  color: #e8f6ff;
  font-weight: 750;
}

.ai-eval-progress-table td:last-child {
  width: 150px;
}

.ai-eval-progress-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 112px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #173249;
  color: #bfdbfe;
  font-size: 0.73rem;
  font-weight: 850;
  white-space: nowrap;
}

.ai-eval-progress-table tr.is-waiting .ai-eval-progress-status {
  background: #3a2b0b;
  color: #fde68a;
}

.ai-eval-progress-table tr.is-done .ai-eval-progress-status {
  background: #063b34;
  color: #99f6e4;
}

.ai-eval-progress-table tr.is-error .ai-eval-progress-status {
  background: #4a1010;
  color: #fecaca;
}

@media (max-width: 640px) {
  .ai-eval-progress-overlay {
    top: 72px;
    right: 16px;
    left: 16px;
    width: auto;
  }

  .ai-eval-progress-table th,
  .ai-eval-progress-table td {
    padding: 9px 10px;
  }

  .ai-eval-progress-table td:last-child {
    width: 128px;
  }

  .ai-eval-progress-status {
    min-width: 104px;
    padding-inline: 8px;
  }
}

.ai-eval-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
}

.ai-eval-metric {
  display: grid;
  gap: 4px;
  padding: 10px;
  background: #09131b;
  border: 1px solid #264255;
  border-radius: 8px;
}

.ai-eval-metric span {
  color: #92a5b8;
  font-size: 0.74rem;
}

.ai-eval-metric strong {
  color: #eef6ff;
  font-size: 0.98rem;
}

.ai-eval-result {
  display: grid;
  gap: 14px;
  padding: 16px;
  background: #0a121b;
  border: 1px solid #28435c;
  border-left: 4px solid #4b83b8;
  border-radius: 10px;
}

.ai-eval-pending-run {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid #2a5677;
  border-radius: 8px;
  background: #071724;
}

.ai-eval-pending-run strong {
  display: block;
  color: #e6f5ff;
  font-size: 0.95rem;
}

.ai-eval-pending-run span {
  display: block;
  margin-top: 3px;
  color: #93b8d3;
  font-size: 0.78rem;
}

.ai-eval-pending-spinner {
  width: 26px;
  height: 26px;
  border: 3px solid rgba(56, 189, 248, 0.22);
  border-top-color: #38bdf8;
  border-radius: 50%;
  animation: ai-eval-spin 0.9s linear infinite;
}

@keyframes ai-eval-spin {
  to {
    transform: rotate(360deg);
  }
}

.ai-eval-pending-models {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
}

.ai-eval-pending-model {
  display: grid;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid #243a51;
  border-radius: 8px;
  background: #0a121b;
}

.ai-eval-pending-model strong {
  color: #f0f7ff;
  overflow-wrap: anywhere;
}

.ai-eval-pending-model span {
  color: #8aa2b8;
  font-size: 0.74rem;
}

.ai-eval-result-head {
  display: grid;
  grid-template-columns: minmax(220px, 1.45fr) minmax(44px, 56px) minmax(58px, 78px) minmax(158px, 0.86fr) minmax(128px, 0.68fr) minmax(118px, 0.62fr);
  column-gap: 12px;
  row-gap: 8px;
  align-items: center;
  padding: 12px;
  border: 1px solid #243a51;
  border-radius: 8px;
  background: #0d1925;
}

.ai-eval-result-head > * {
  min-width: 0;
}

.ai-eval-result-head > span:not(.ai-eval-pill) {
  justify-self: end;
  color: #dcecff;
  font-weight: 650;
  white-space: nowrap;
}

.ai-eval-result-title {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.ai-eval-result-title strong {
  font-size: 1rem;
  overflow-wrap: anywhere;
}

.ai-eval-result-title span,
.ai-eval-small {
  color: #99aabb;
  font-size: 0.76rem;
  overflow-wrap: anywhere;
}

.ai-eval-token-cell,
.ai-eval-cost-cell,
.ai-eval-throughput-cell {
  display: grid;
  gap: 3px;
  width: 100%;
  min-width: 0;
  justify-items: end;
}

.ai-eval-token-cell strong,
.ai-eval-cost-cell strong,
.ai-eval-throughput-cell strong {
  color: #eef6ff;
  font-size: 0.9rem;
}

.ai-eval-token-cell span,
.ai-eval-cost-cell span,
.ai-eval-throughput-cell span {
  color: #91a5ba;
  font-size: 0.72rem;
  white-space: nowrap;
}

.ai-eval-cost-compare {
  display: grid;
  gap: 12px;
  padding: 16px;
  background: #091822;
  border: 1px solid #275678;
  border-left: 4px solid #38bdf8;
  border-radius: 10px;
}

.ai-eval-cost-compare h2 {
  margin: 0;
  color: #eef6ff;
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0;
}

.ai-eval-value-compare {
  display: grid;
  gap: 10px;
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid #24445f;
}

.ai-eval-value-compare h3 {
  margin: 0;
  color: #eef6ff;
  font-size: 0.92rem;
  line-height: 1.2;
  letter-spacing: 0;
}

.ai-eval-model-recommendation {
  display: grid;
  gap: 4px;
  padding: 11px 12px;
  border: 1px solid #236047;
  border-radius: 8px;
  background: #081a15;
}

.ai-eval-model-recommendation strong {
  color: #bbf7d0;
  font-size: 0.82rem;
}

.ai-eval-model-recommendation span {
  color: #eefbf4;
  font-weight: 700;
}

.ai-eval-model-recommendation p {
  margin: 0;
  color: #94b8a6;
  font-size: 0.74rem;
}

.ai-eval-cost-table-wrap {
  overflow-x: auto;
  border: 1px solid #243346;
  border-radius: 8px;
  background: #081019;
}

.ai-eval-cost-table {
  width: 100%;
  min-width: 980px;
  border-collapse: collapse;
  color: #dcecff;
  font-size: 0.78rem;
}

.ai-eval-cost-table th,
.ai-eval-cost-table td {
  padding: 9px 10px;
  border-bottom: 1px solid #1f2d3d;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}

.ai-eval-cost-table th:first-child,
.ai-eval-cost-table td:first-child {
  text-align: left;
}

.ai-eval-cost-table th {
  background: #0d1722;
  color: #b7c9dc;
  font-size: 0.74rem;
  font-weight: 700;
}

.ai-eval-cost-sort {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: 1.2;
  text-align: inherit;
  cursor: pointer;
}

.ai-eval-cost-table th:first-child .ai-eval-cost-sort {
  justify-content: flex-start;
}

.ai-eval-cost-sort:hover,
.ai-eval-cost-sort:focus-visible {
  color: #eef6ff;
  outline: none;
}

.ai-eval-cost-sort span:last-child {
  min-width: 10px;
  color: #66c7ff;
  font-size: 0.68rem;
  text-align: center;
}

.ai-eval-cost-table td strong {
  display: block;
  color: #eef6ff;
}

.ai-eval-cost-table td span {
  display: block;
  margin-top: 2px;
  color: #7f94a9;
  font-size: 0.68rem;
  font-weight: 600;
}

.ai-eval-result-refine {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid #2b5e54;
  border-left: 4px solid #14b8a6;
  border-radius: 10px;
  background: #071a1b;
}

.ai-eval-result-refine .ai-eval-section-head {
  padding: 0;
  border: 0;
  background: transparent;
}

.ai-eval-refine-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 8px;
}

.ai-eval-refine-chip {
  display: grid;
  gap: 5px;
  min-height: 64px;
  padding: 10px 12px;
  border: 1px solid #31586b;
  border-radius: 8px;
  background: #0a1420;
  color: #c9d7e7;
  text-align: left;
  cursor: pointer;
}

.ai-eval-refine-chip strong {
  color: inherit;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1.25;
}

.ai-eval-refine-chip small {
  color: #91a9bd;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.4;
}

.ai-eval-refine-chip small b {
  color: #66d9cf;
  font-weight: 800;
}

.ai-eval-refine-chip:hover,
.ai-eval-refine-chip:focus-visible {
  border-color: #58d5c9;
  color: #f0fffd;
  outline: none;
}

.ai-eval-refine-chip.is-selected,
.ai-eval-refine-chip[aria-pressed="true"] {
  border-color: #2dd4bf;
  background: #0f766e;
  color: #ecfeff;
  box-shadow: 0 0 0 1px rgba(45, 212, 191, 0.2);
}

.ai-eval-refine-chip[aria-pressed="true"] small,
.ai-eval-refine-chip[aria-pressed="true"] small b {
  color: #d5fffb;
}

.ai-eval-refine-label {
  color: #eef6ff;
  font-size: 0.82rem;
  font-weight: 800;
  line-height: 1.2;
}

.ai-eval-refine-text {
  width: 100%;
  min-height: 74px;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #31577c;
  border-radius: 6px;
  background: #07131f;
  color: #edf5ff;
  font-size: 0.82rem;
  line-height: 1.5;
  resize: vertical;
}

.ai-eval-refine-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.ai-eval-result-refine-output {
  display: grid;
  gap: 12px;
  padding: 12px;
  border: 1px solid #24445f;
  border-radius: 8px;
  background: #08131e;
}

.ai-eval-result-refine-output[hidden] {
  display: none;
}

.ai-eval-result-section {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid #213247;
  border-radius: 8px;
  background: #081019;
}

.ai-eval-result-section h3 {
  margin: 0;
  color: #cbd8e7;
  font-size: 0.84rem;
  line-height: 1.2;
  letter-spacing: 0;
}

.ai-eval-document-viewer {
  background: #071621;
  border-color: #2c536b;
}

.ai-eval-document-viewer-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 12px;
}

.ai-eval-document-viewer-head p {
  margin: 4px 0 0;
  color: #9fb6c9;
  font-size: 0.78rem;
  line-height: 1.45;
}

.ai-eval-document-viewer-head > span {
  flex: 0 0 auto;
  padding: 4px 8px;
  border: 1px solid #386884;
  border-radius: 999px;
  background: #0b2230;
  color: #9de8ff;
  font-size: 0.72rem;
  font-weight: 760;
}

.ai-eval-document-paper {
  display: grid;
  gap: 14px;
  max-height: 620px;
  overflow: auto;
  padding: 20px;
  border: 1px solid #d6e0ea;
  border-radius: 6px;
  background: #f8fbff;
  color: #182331;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

.ai-eval-document-paper h4,
.ai-eval-document-body h3,
.ai-eval-document-body h4 {
  margin: 0;
  color: #0f2537;
  line-height: 1.3;
  letter-spacing: 0;
}

.ai-eval-document-paper > h4 {
  padding-bottom: 10px;
  border-bottom: 1px solid #dce6f0;
  font-size: 1.04rem;
  font-weight: 820;
}

.ai-eval-document-paper section {
  display: grid;
  gap: 8px;
}

.ai-eval-document-body {
  display: grid;
  gap: 8px;
}

.ai-eval-document-body p,
.ai-eval-document-paper li {
  margin: 0;
  color: #1e2d3d;
  font-size: 0.9rem;
  line-height: 1.68;
}

.ai-eval-document-body ul,
.ai-eval-document-paper ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 20px;
}

.ai-eval-document-body pre {
  overflow: auto;
  margin: 0;
  padding: 12px;
  border: 1px solid #cfdbe7;
  border-radius: 6px;
  background: #eef4fa;
  color: #102030;
  font-size: 0.82rem;
  line-height: 1.5;
  white-space: pre-wrap;
}

.ai-eval-document-table-wrap {
  overflow: auto;
  border: 1px solid #d8e3ee;
  border-radius: 6px;
}

.ai-eval-document-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 520px;
  background: #ffffff;
  color: #1f2937;
  font-size: 0.82rem;
}

.ai-eval-document-table th,
.ai-eval-document-table td {
  padding: 9px 10px;
  border-bottom: 1px solid #e3ebf3;
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.ai-eval-document-table th {
  background: #ecf4fb;
  color: #274057;
  font-weight: 780;
}

.ai-eval-pill {
  justify-self: center;
  padding: 4px 7px;
  border-radius: 999px;
  background: #132639;
  color: #b9d8f4;
  font-size: 0.73rem;
  font-weight: 700;
  white-space: nowrap;
}

.ai-eval-pill.is-error {
  background: #37191d;
  color: #ffb4bd;
}

.ai-eval-findings {
  display: grid;
  gap: 8px;
}

.ai-eval-finding {
  display: grid;
  grid-template-columns: minmax(220px, 2fr) minmax(128px, 0.88fr) minmax(58px, 0.38fr) minmax(180px, 1.25fr);
  column-gap: 12px;
  row-gap: 6px;
  align-items: start;
  padding: 9px 10px;
  border: 1px solid #243346;
  border-radius: 6px;
  background: #0a1119;
  font-size: 0.82rem;
}

.ai-eval-finding > * {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-eval-finding > :nth-child(3) {
  white-space: nowrap;
}

.ai-eval-finding-header {
  background: #0d1722;
  color: #9fb3c8;
  font-size: 0.72rem;
  font-weight: 700;
}

.ai-eval-finding-header span {
  overflow-wrap: anywhere;
}

.ai-eval-finding strong {
  overflow-wrap: anywhere;
}

.ai-eval-raw-json {
  max-height: 360px;
  overflow: auto;
  margin: 0;
  padding: 12px;
  border: 1px solid #243346;
  border-radius: 6px;
  background: #081019;
  color: #dcecff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.78rem;
  line-height: 1.48;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.ai-eval-raw-details {
  display: grid;
  gap: 10px;
  padding: 0;
  border: 1px solid #26384c;
  border-radius: 8px;
  background: #0a131d;
}

.ai-eval-raw-details summary {
  display: grid;
  gap: 3px;
  padding: 12px 14px;
  color: #dcecff;
  cursor: pointer;
  list-style-position: inside;
}

.ai-eval-raw-details summary span {
  font-size: 0.86rem;
  font-weight: 800;
}

.ai-eval-raw-details summary small {
  color: #91a7bd;
  font-size: 0.74rem;
  line-height: 1.4;
}

.ai-eval-raw-details[open] {
  border-color: #35577a;
}

.ai-eval-raw-details[open] .ai-eval-raw-json {
  margin: 0 12px 12px;
}

.ai-eval-agreement-list {
  display: grid;
  gap: 8px;
}

.ai-eval-json-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.ai-eval-json-table-wrap {
  overflow-x: auto;
  border: 1px solid #3b3526;
  border-radius: 8px;
  background: #081019;
}

.ai-eval-json-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  color: #dcecff;
  font-size: 0.78rem;
}

.ai-eval-json-table th,
.ai-eval-json-table td {
  vertical-align: top;
  padding: 9px 10px;
  border-bottom: 1px solid #1f2d3d;
  text-align: left;
}

.ai-eval-json-table th {
  color: #b7c9dc;
  background: #0d1722;
  font-size: 0.74rem;
  font-weight: 700;
  white-space: nowrap;
}

.ai-eval-json-table th span {
  display: block;
  margin-top: 2px;
  color: #7f94a9;
  font-size: 0.68rem;
  font-weight: 600;
}

.ai-eval-json-table code {
  color: #a8d5ff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.74rem;
  overflow-wrap: anywhere;
}

.ai-eval-json-table pre {
  max-width: 360px;
  margin: 0;
  color: #e8f3ff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.74rem;
  line-height: 1.45;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.ai-eval-json-status {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 2px 7px;
  border-radius: 999px;
  background: #1f2937;
  color: #dbeafe;
  font-size: 0.7rem;
  font-weight: 700;
}

.ai-eval-json-table tr.is-match .ai-eval-json-status {
  background: #123321;
  color: #bbf7d0;
}

.ai-eval-json-table tr.is-similar .ai-eval-json-status {
  background: #16304a;
  color: #bfdbfe;
}

.ai-eval-json-table tr.is-diff .ai-eval-json-status {
  background: #35250b;
  color: #fde68a;
}

.ai-eval-json-table tr.is-missing .ai-eval-json-status {
  background: #3b1118;
  color: #fecdd3;
}

.ai-eval-json-empty {
  color: #6f8499;
  font-size: 0.74rem;
}

.ai-eval-finding-compare-cell {
  display: grid;
  gap: 2px;
}

.ai-eval-finding-compare-cell strong {
  color: #dff4ff;
  font-size: 0.76rem;
}

.ai-eval-finding-compare-cell span {
  color: #9eb2c6;
  font-size: 0.72rem;
  overflow-wrap: anywhere;
}

.ai-eval-agreement-item {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(120px, max-content);
  gap: 12px;
  align-items: start;
  padding: 9px 10px;
  border: 1px solid #2b3d50;
  border-radius: 6px;
  background: #0a1119;
}

.ai-eval-agreement-main {
  display: grid;
  gap: 3px;
}

.ai-eval-agreement-main small {
  color: #7f94a9;
  font-size: 0.72rem;
}

.ai-eval-agreement-item > * {
  min-width: 0;
  overflow-wrap: anywhere;
}

.ai-eval-agreement-item span {
  justify-self: end;
  text-align: right;
}

.ai-eval-agreement-item a {
  color: #d8edff;
  text-decoration: none;
}

.ai-eval-agreement-item a:hover,
.ai-eval-agreement-item a:focus-visible {
  color: #93c5fd;
  text-decoration: underline;
}

.coxsi-patent-notice {
  display: flex;
  justify-content: flex-end;
  margin: 18px 0 8px;
}

.coxsi-patent-notice span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 12px;
  border: 0;
  background: #201707;
  color: #fde68a;
  font-size: 0.78rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}

@media (max-width: 860px) {
  .ai-eval-model-row,
  .ai-eval-input-grid,
  .ai-eval-product-mode,
  .ai-eval-policy-save-form,
  .ai-eval-result-head,
  .ai-eval-finding,
  .ai-eval-context-head,
  .ai-eval-output-mode,
	  .ai-eval-document-viewer-head,
	  .ai-eval-coach-head,
	  .ai-eval-coach-columns,
	  .ai-eval-coach-debug-grid,
	  .ai-eval-coach-scoring-meta,
	  .ai-eval-profile-grid,
  .ai-eval-profile-grid.is-compact,
  .ai-eval-json-metrics,
  .ai-eval-coaching-metric-columns,
  .ai-eval-run-report-compare,
  .ai-eval-run-report-list li,
  .ai-eval-run-report-trend-row,
  .ai-eval-run-model-ranking-list li,
  .ai-eval-context-version-main,
  .ai-eval-my-context-header,
  .ai-eval-my-context-row,
  .ai-eval-context-diff-metrics,
  .ai-eval-context-diff-preview,
  .ai-eval-context-diff-change,
  .ai-eval-grid {
    grid-template-columns: 1fr;
  }

  .ai-eval-context-version-main {
    display: grid;
  }

  .ai-eval-context-head {
    display: grid;
  }

  .ai-eval-context-actions {
    justify-content: flex-start;
    width: max-content;
    max-width: 100%;
    flex-wrap: nowrap;
  }

  .ai-eval-context-version-actions {
    justify-content: flex-start;
  }

  .ai-eval-my-context-header {
    display: none;
  }

  .ai-eval-my-context-actions {
    justify-content: flex-start;
  }

	  .ai-eval-context-head,
	  .ai-eval-coach-head,
	  .ai-eval-coach-scoring-head,
	  .ai-eval-coach-intent-head,
  .ai-eval-profile-head {
    display: grid;
  }

	  .ai-eval-coach-intent-meta,
	  .ai-eval-coach-scoring-meta {
	    grid-template-columns: 1fr;
	  }

  .ai-eval-json-schema-head,
  .ai-eval-json-schema-row {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ai-eval-json-schema-required {
    min-height: auto;
  }
}

.ai-eval-context-actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

#aiEvalMyContexts,
#aiEvalContextScore,
#aiEvalContextCoach {
  flex: 0 0 auto;
  width: auto !important;
  white-space: nowrap;
}

@media (max-width: 760px) {
  .coxsi-score-hero,
  .coxsi-score-summary,
  .coxsi-score-overview,
  .coxsi-score-grid {
    grid-template-columns: 1fr;
  }

  .coxsi-score-hero > strong {
    justify-self: center;
    min-width: 88px;
    min-height: 88px;
    font-size: 1.8rem;
  }

  .ai-eval-context-score-inline {
    display: grid;
    justify-content: stretch;
  }
}