body[data-ui-variant="v2"] {
  --v2-shell-width: 1680px;
  --paper: #0b1220;
  --card: #111a2c;
  --ink: #edf3ff;
  --muted: #99a8c2;
  --line: #22314e;
  --accent: #22c3a6;
  --accent-soft: rgba(34, 195, 166, 0.12);
  --priority-high: #ff6b6b;
  --priority-high-soft: rgba(255, 107, 107, 0.14);
  --priority-medium: #f2b94b;
  --priority-medium-soft: rgba(242, 185, 75, 0.14);
  --priority-low: #8ab4ff;
  --priority-low-soft: rgba(138, 180, 255, 0.12);
  --aiden-blue: #4f8cff;
  --aiden-blue-dark: #3e75d3;
  background:
    radial-gradient(circle at top left, rgba(79, 140, 255, 0.12), transparent 28%),
    radial-gradient(circle at top right, rgba(34, 195, 166, 0.12), transparent 26%),
    linear-gradient(180deg, #0a101c 0%, #0d1626 100%);
  color: var(--ink);
  padding: 22px;
  min-height: 100vh;
  overflow-x: clip;
}

body[data-ui-variant="v2"] .shell-v2 {
  width: min(100%, var(--v2-shell-width));
}

body[data-ui-variant="v2"] .container img {
  width: min(200px, 32vw);
  height: auto;
  margin-right: 0;
  margin-bottom: 12px;
}

body[data-ui-variant="v2"] .hero p {
  max-width: 72ch;
  line-height: 1.55;
}

body[data-ui-variant="v2"] .card {
  background: linear-gradient(180deg, rgba(17, 26, 44, 0.98) 0%, rgba(15, 24, 39, 0.98) 100%);
  border: 1px solid rgba(99, 124, 173, 0.24);
  box-shadow: 0 24px 46px rgba(0, 0, 0, 0.28);
  padding: 22px;
}

body[data-ui-variant="v2"] h1,
body[data-ui-variant="v2"] h2,
body[data-ui-variant="v2"] h3,
body[data-ui-variant="v2"] strong,
body[data-ui-variant="v2"] label,
body[data-ui-variant="v2"] summary {
  color: #f6f9ff;
}

body[data-ui-variant="v2"] .v2-topbar {
  display: grid;
  grid-template-rows: minmax(158px, auto) auto;
  gap: 18px;
  align-items: start;
  margin-bottom: 24px;
  padding: 26px 28px;
}

body[data-ui-variant="v2"] .v2-topbar .container img {
  width: min(180px, 30vw);
  margin-bottom: 8px;
}

body[data-ui-variant="v2"] .v2-topbar .brand-lockup {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  margin-bottom: 8px;
  min-width: 0;
}

body[data-ui-variant="v2"] .v2-topbar .brand-lockup .brand-logo {
  display: block;
  width: auto;
  max-width: none;
  height: clamp(48px, 7vw, 72px);
  margin: 0;
  object-fit: contain;
}

body[data-ui-variant="v2"] .v2-topbar .brand-lockup .brand-logo-pr {
  aspect-ratio: 1;
}

body[data-ui-variant="v2"] .v2-topbar-copy {
  min-width: 0;
}

body[data-ui-variant="v2"] .v2-topbar-copy h1 {
  margin: 0 0 8px;
  font-size: 34px;
  line-height: 1.08;
}

body[data-ui-variant="v2"] .v2-topbar-copy p {
  display: -webkit-box;
  margin: 0;
  min-height: calc(2 * 1.55em);
  max-width: 76ch;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body[data-ui-variant="v2"] .v2-topbar-actions {
  display: grid;
  gap: 10px;
  justify-content: start;
  align-items: stretch;
}

body[data-ui-variant="v2"] .theme-toggle {
  display: inline-grid;
  grid-template-columns: auto auto auto;
  gap: 8px;
  align-items: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(99, 124, 173, 0.34);
  background: rgba(255, 255, 255, 0.06);
  color: #f4f8ff;
  font-weight: 900;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

body[data-ui-variant="v2"] .theme-toggle:hover {
  border-color: rgba(102, 217, 202, 0.48);
  background: rgba(102, 217, 202, 0.1);
}

body[data-ui-variant="v2"] .theme-toggle-icon {
  display: inline-grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1;
}

body[data-ui-variant="v2"] .theme-toggle-sun {
  background: rgba(255, 199, 92, 0.18);
  color: #ffd782;
}

body[data-ui-variant="v2"] .theme-toggle-moon {
  background: rgba(138, 180, 255, 0.16);
  color: #c9dcff;
}

body[data-ui-variant="v2"] .theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 14px;
  border-radius: 999px;
  border: 1px solid rgba(122, 171, 255, 0.4);
  background: linear-gradient(180deg, rgba(24, 38, 63, 0.94), rgba(13, 24, 43, 0.96));
  color: #edf4ff;
  font-weight: 800;
  box-shadow: 0 12px 24px rgba(4, 11, 23, 0.24);
}

body[data-ui-variant="v2"] .theme-toggle:hover {
  border-color: rgba(34, 195, 166, 0.62);
  transform: translateY(-1px);
}

body[data-ui-variant="v2"] .v2-primary-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 6px;
  padding: 10px;
  border-radius: 18px;
  background: rgba(8, 14, 26, 0.58);
  border: 1px solid rgba(99, 124, 173, 0.18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

body[data-ui-variant="v2"] .v2-primary-link {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(99, 124, 173, 0.3);
  background: rgba(255, 255, 255, 0.04);
  color: #d6e3ff;
  text-decoration: none;
  font-weight: 700;
  transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

body[data-ui-variant="v2"] .v2-primary-link:hover {
  background: rgba(79, 140, 255, 0.1);
  border-color: rgba(79, 140, 255, 0.32);
  box-shadow: 0 10px 20px rgba(10, 19, 34, 0.26);
  transform: translateY(-1px);
}

body[data-ui-variant="v2"] .v2-primary-link.active {
  background: linear-gradient(180deg, rgba(79, 140, 255, 0.96) 0%, rgba(62, 117, 211, 0.96) 100%);
  border-color: rgba(122, 171, 255, 0.6);
  color: #f7fbff;
  box-shadow: 0 0 0 1px rgba(79, 140, 255, 0.24), 0 12px 24px rgba(15, 29, 58, 0.32);
}

body[data-ui-variant="v2"] .v2-primary-link-disabled {
  cursor: not-allowed;
  opacity: 0.52;
  filter: saturate(0.55);
}

body[data-ui-variant="v2"] .v2-primary-link-disabled:hover {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(99, 124, 173, 0.3);
  box-shadow: none;
  transform: none;
}

body[data-ui-variant="v2"] .uptime-pr-intro {
  display: grid;
  gap: 18px;
}

body[data-ui-variant="v2"] .uptime-pr-intro h2 {
  margin: 0;
  font-size: clamp(24px, 3vw, 38px);
}

body[data-ui-variant="v2"] .uptime-pr-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
}

body[data-ui-variant="v2"] .uptime-pr-card-grid article {
  min-width: 0;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(99, 124, 173, 0.24);
  background: rgba(255, 255, 255, 0.04);
}

body[data-ui-variant="v2"] .uptime-pr-card-grid h3 {
  margin: 0 0 8px;
}

body[data-ui-variant="v2"] .uptime-pr-card-grid p {
  margin: 0;
}

body[data-ui-variant="v2"] .uptime-pr-dashboard {
  display: grid;
  gap: 20px;
}

body[data-ui-variant="v2"] .uptime-pr-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

body[data-ui-variant="v2"] .uptime-pr-heading h2 {
  margin: 0 0 8px;
  font-size: clamp(24px, 3vw, 38px);
}

body[data-ui-variant="v2"] .uptime-pr-heading p {
  margin: 0;
  max-width: 760px;
}

body[data-ui-variant="v2"] .uptime-pr-summary-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr));
  gap: 12px;
}

body[data-ui-variant="v2"] .uptime-pr-summary-card {
  min-width: 0;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(99, 124, 173, 0.24);
  background: rgba(255, 255, 255, 0.04);
}

body[data-ui-variant="v2"] .uptime-pr-summary-card span,
body[data-ui-variant="v2"] .uptime-pr-detail-grid span {
  display: block;
  margin-bottom: 6px;
  color: var(--v2-muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-ui-variant="v2"] .uptime-pr-summary-card strong {
  color: var(--v2-text);
  font-size: 28px;
  line-height: 1;
}

body[data-ui-variant="v2"] .uptime-pr-summary-card-down {
  border-color: rgba(255, 95, 109, 0.46);
}

body[data-ui-variant="v2"] .uptime-pr-summary-card-degraded {
  border-color: rgba(255, 193, 92, 0.5);
}

body[data-ui-variant="v2"] .uptime-pr-status-note {
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(99, 124, 173, 0.24);
  background: rgba(77, 130, 255, 0.08);
  color: var(--v2-text-soft);
}

body[data-ui-variant="v2"] .uptime-pr-manual-card {
  border-radius: 18px;
  border: 1px solid rgba(99, 124, 173, 0.24);
  background: rgba(255, 255, 255, 0.045);
}

body[data-ui-variant="v2"] .uptime-pr-manual-card summary {
  padding: 14px 16px;
  color: var(--v2-text);
  cursor: pointer;
  font-weight: 900;
}

body[data-ui-variant="v2"] .uptime-pr-manual-form {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 0 16px 16px;
}

body[data-ui-variant="v2"] .uptime-pr-manual-form label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

body[data-ui-variant="v2"] .uptime-pr-manual-form span {
  color: var(--v2-muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-ui-variant="v2"] .uptime-pr-manual-form input,
body[data-ui-variant="v2"] .uptime-pr-manual-form select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  border-radius: 13px;
  border: 1px solid rgba(99, 124, 173, 0.3);
  background: var(--v2-panel);
  color: var(--v2-text);
  font: inherit;
  font-weight: 800;
  padding: 0 12px;
}

body[data-ui-variant="v2"] .uptime-pr-form-wide,
body[data-ui-variant="v2"] .uptime-pr-form-actions {
  grid-column: span 2;
}

body[data-ui-variant="v2"] .uptime-pr-form-check {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 10px !important;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(99, 124, 173, 0.2);
  background: rgba(77, 130, 255, 0.07);
}

body[data-ui-variant="v2"] .uptime-pr-form-check input {
  width: 18px;
  min-height: 18px;
}

body[data-ui-variant="v2"] .uptime-pr-form-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

body[data-ui-variant="v2"] .uptime-pr-form-actions span {
  color: var(--v2-text-soft);
  letter-spacing: normal;
  text-transform: none;
}

body[data-ui-variant="v2"] .uptime-pr-filter-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(99, 124, 173, 0.22);
  background: rgba(255, 255, 255, 0.045);
}

body[data-ui-variant="v2"] .uptime-pr-filter-bar label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

body[data-ui-variant="v2"] .uptime-pr-filter-bar span {
  color: var(--v2-muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-ui-variant="v2"] .uptime-pr-filter-bar select {
  width: 100%;
  min-width: 0;
  min-height: 42px;
  border-radius: 13px;
  border: 1px solid rgba(99, 124, 173, 0.3);
  background: var(--v2-panel);
  color: var(--v2-text);
  font: inherit;
  font-weight: 800;
  padding: 0 12px;
}

body[data-ui-variant="v2"] .uptime-pr-workspace {
  display: grid;
  grid-template-columns: minmax(340px, 0.95fr) minmax(420px, 1.25fr);
  gap: 18px;
  align-items: start;
}

body[data-ui-variant="v2"] .uptime-pr-list-panel,
body[data-ui-variant="v2"] .uptime-pr-detail-panel {
  min-width: 0;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(99, 124, 173, 0.24);
  background: rgba(255, 255, 255, 0.04);
}

body[data-ui-variant="v2"] .uptime-pr-list-panel {
  display: flex;
  flex-direction: column;
  max-height: clamp(630px, 88vh, 1230px);
}

body[data-ui-variant="v2"] .uptime-pr-panel-head {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

body[data-ui-variant="v2"] .uptime-pr-panel-head h3,
body[data-ui-variant="v2"] .uptime-pr-detail-panel h3,
body[data-ui-variant="v2"] .uptime-pr-history h4 {
  margin: 0;
}

body[data-ui-variant="v2"] .uptime-pr-panel-head span {
  color: var(--v2-muted);
  font-weight: 800;
}

body[data-ui-variant="v2"] .uptime-pr-check-list {
  display: grid;
  flex: 1 1 auto;
  gap: 10px;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 6px;
  scrollbar-color: rgba(79, 140, 255, 0.45) transparent;
  scrollbar-width: thin;
}

body[data-ui-variant="v2"] .uptime-pr-check-list::-webkit-scrollbar {
  width: 10px;
}

body[data-ui-variant="v2"] .uptime-pr-check-list::-webkit-scrollbar-thumb {
  background: rgba(79, 140, 255, 0.34);
  border: 3px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}

body[data-ui-variant="v2"] .uptime-pr-check-list::-webkit-scrollbar-thumb:hover {
  background: rgba(79, 140, 255, 0.54);
  background-clip: padding-box;
}

body[data-ui-variant="v2"] .uptime-pr-check {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) minmax(112px, auto);
  gap: 12px 14px;
  align-items: start;
  width: 100%;
  min-width: 0;
  min-height: 76px;
  padding: 15px 14px;
  border-radius: 16px;
  border: 1px solid rgba(99, 124, 173, 0.24);
  background: rgba(255, 255, 255, 0.04);
  color: var(--v2-text);
  text-align: left;
  cursor: pointer;
}

body[data-ui-variant="v2"] .uptime-pr-check:hover,
body[data-ui-variant="v2"] .uptime-pr-check.is-active {
  border-color: rgba(79, 140, 255, 0.64);
  box-shadow: 0 10px 24px rgba(17, 41, 87, 0.22);
}

body[data-ui-variant="v2"] .uptime-pr-check-main,
body[data-ui-variant="v2"] .uptime-pr-check-side {
  display: grid;
  gap: 6px;
  min-width: 0;
}

body[data-ui-variant="v2"] .uptime-pr-check-main strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body[data-ui-variant="v2"] .uptime-pr-check-main small {
  color: var(--v2-muted);
  font-weight: 800;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] .uptime-pr-check-side {
  align-self: stretch;
  align-content: space-between;
  justify-items: end;
  min-width: 112px;
  padding-top: 1px;
}

body[data-ui-variant="v2"] .uptime-pr-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #9aa9c1;
}

body[data-ui-variant="v2"] .uptime-pr-dot-healthy {
  background: #32d583;
}

body[data-ui-variant="v2"] .uptime-pr-dot-degraded {
  background: #fdb022;
}

body[data-ui-variant="v2"] .uptime-pr-dot-down {
  background: #ff5f6d;
}

body[data-ui-variant="v2"] .uptime-pr-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 5px 9px;
  border-radius: 999px;
  border: 1px solid rgba(99, 124, 173, 0.28);
  background: rgba(255, 255, 255, 0.08);
  color: var(--v2-text);
  font-size: 12px;
  font-weight: 900;
}

body[data-ui-variant="v2"] .uptime-pr-pill-healthy {
  border-color: rgba(50, 213, 131, 0.42);
  color: #39d98a;
}

body[data-ui-variant="v2"] .uptime-pr-pill-degraded {
  border-color: rgba(253, 176, 34, 0.46);
  color: #fdb022;
}

body[data-ui-variant="v2"] .uptime-pr-pill-down {
  border-color: rgba(255, 95, 109, 0.46);
  color: #ff6978;
}

body[data-ui-variant="v2"] .uptime-pr-detail-head {
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
}

body[data-ui-variant="v2"] .uptime-pr-detail-head p {
  margin: 0;
  color: var(--v2-text-soft);
}

body[data-ui-variant="v2"] .uptime-pr-detail-head .uptime-pr-reachable-note {
  width: fit-content;
  padding: 9px 11px;
  border-radius: 14px;
  border: 1px solid rgba(34, 195, 166, 0.32);
  background: rgba(34, 195, 166, 0.1);
  color: var(--v2-text);
  font-weight: 800;
}

body[data-ui-variant="v2"] .uptime-pr-detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 4px;
}

body[data-ui-variant="v2"] .uptime-pr-managed-note {
  width: fit-content;
  padding: 8px 10px;
  border-radius: 999px;
  border: 1px solid rgba(99, 124, 173, 0.22);
  background: rgba(255, 255, 255, 0.05);
  color: var(--v2-text-soft);
  font-size: 12px;
  font-weight: 800;
}

body[data-ui-variant="v2"] .uptime-pr-policy-control {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 7px 9px;
  border: 1px solid rgba(99, 124, 173, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
}

body[data-ui-variant="v2"] .uptime-pr-policy-control span {
  color: var(--v2-text-soft);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body[data-ui-variant="v2"] .uptime-pr-policy-control select {
  min-width: 150px;
  border: 0;
  border-radius: 999px;
  background: var(--v2-panel);
  color: var(--v2-text);
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  outline: none;
  padding: 7px 28px 7px 10px;
}

body[data-ui-variant="v2"] .uptime-pr-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body[data-ui-variant="v2"] .uptime-pr-detail-grid div,
body[data-ui-variant="v2"] .uptime-pr-error,
body[data-ui-variant="v2"] .uptime-pr-history-row,
body[data-ui-variant="v2"] .uptime-pr-empty {
  min-width: 0;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(99, 124, 173, 0.22);
  background: rgba(255, 255, 255, 0.05);
}

body[data-ui-variant="v2"] .uptime-pr-detail-grid strong {
  display: block;
  overflow-wrap: anywhere;
  color: var(--v2-text);
}

body[data-ui-variant="v2"] .uptime-pr-error {
  display: grid;
  gap: 6px;
  margin-top: 12px;
  border-color: rgba(255, 95, 109, 0.36);
}

body[data-ui-variant="v2"] .uptime-pr-history {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}

body[data-ui-variant="v2"] .uptime-pr-history-row {
  display: grid;
  grid-template-columns: auto 1fr auto auto auto;
  gap: 10px;
  align-items: center;
}

body[data-ui-variant="v2"] .uptime-pr-empty {
  color: var(--v2-muted);
}

@media (max-width: 900px) {
  body[data-ui-variant="v2"] .uptime-pr-filter-bar {
    grid-template-columns: 1fr;
  }

  body[data-ui-variant="v2"] .uptime-pr-manual-form {
    grid-template-columns: 1fr;
  }

  body[data-ui-variant="v2"] .uptime-pr-form-wide,
  body[data-ui-variant="v2"] .uptime-pr-form-actions {
    grid-column: auto;
  }
}

@media (max-width: 1100px) {
  body[data-ui-variant="v2"] .uptime-pr-summary-grid {
    grid-template-columns: repeat(3, minmax(120px, 1fr));
  }

  body[data-ui-variant="v2"] .uptime-pr-workspace {
    grid-template-columns: 1fr;
  }

  body[data-ui-variant="v2"] .uptime-pr-list-panel {
    max-height: min(1020px, 88vh);
  }
}

@media (max-width: 720px) {
  body[data-ui-variant="v2"] .uptime-pr-heading {
    display: grid;
  }

  body[data-ui-variant="v2"] .uptime-pr-summary-grid,
  body[data-ui-variant="v2"] .uptime-pr-detail-grid {
    grid-template-columns: 1fr;
  }

  body[data-ui-variant="v2"] .uptime-pr-check {
    grid-template-columns: auto minmax(0, 1fr);
  }

  body[data-ui-variant="v2"] .uptime-pr-check-side {
    grid-column: 2;
    justify-items: start;
  }

  body[data-ui-variant="v2"] .uptime-pr-history-row {
    grid-template-columns: auto 1fr;
  }

  body[data-ui-variant="v2"] .uptime-pr-list-panel {
    max-height: none;
  }

  body[data-ui-variant="v2"] .uptime-pr-check-list {
    overflow-y: visible;
    padding-right: 0;
  }
}

body[data-ui-variant="v2"] .button-link-subtle {
  background: linear-gradient(180deg, rgba(40, 56, 87, 0.96) 0%, rgba(28, 42, 70, 0.96) 100%);
  border-color: rgba(111, 138, 194, 0.46);
  color: #eef4ff;
}

body[data-ui-variant="v2"] .button-link-subtle:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(119, 146, 201, 0.4);
  box-shadow: 0 12px 20px rgba(14, 20, 33, 0.28);
}

body[data-ui-variant="v2"] .v2-layout {
  display: grid;
  gap: 24px;
}

body[data-ui-variant="v2"] .v2-scope-bar {
  display: grid;
  gap: 18px;
  margin-bottom: 24px;
}

body[data-ui-variant="v2"] .v2-scope-intro {
  display: grid;
  gap: 6px;
  align-content: start;
  min-width: 0;
}

body[data-ui-variant="v2"] .v2-eyebrow {
  margin: 0;
  color: #66d9ca;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-ui-variant="v2"] .v2-scope-intro h2 {
  margin: 0;
  font-size: clamp(20px, 2vw, 28px);
}

body[data-ui-variant="v2"] .v2-scope-intro .muted {
  max-width: 720px;
}

body[data-ui-variant="v2"] .stack,
body[data-ui-variant="v2"] .list,
body[data-ui-variant="v2"] .highlights,
body[data-ui-variant="v2"] .statusbar {
  gap: 24px;
}

body[data-ui-variant="v2"] .v2-scope-fields {
  display: grid;
  gap: 14px;
  align-items: end;
  min-width: 0;
}

body[data-ui-variant="v2"] .v2-scope-actions {
  display: grid;
  gap: 16px;
  align-content: end;
  justify-items: stretch;
  min-width: 0;
}

body[data-ui-variant="v2"] .v2-filter-inline {
  display: grid;
  gap: 10px;
  align-items: end;
}

body[data-ui-variant="v2"] #investigate {
  min-width: 220px;
  white-space: nowrap;
  align-self: end;
}

body[data-ui-variant="v2"] .v2-scope-bar input,
body[data-ui-variant="v2"] .v2-scope-bar select,
body[data-ui-variant="v2"] .v2-scope-bar textarea {
  margin-bottom: 0;
}

body[data-ui-variant="v2"] .v2-scope-bar label {
  margin-bottom: 8px;
}

body[data-ui-variant="v2"] .v2-board-column,
body[data-ui-variant="v2"] .v2-detail-column,
body[data-ui-variant="v2"] .v2-prompt-row {
  min-width: 0;
}

body[data-ui-variant="v2"] .v2-resizer {
  display: none;
}

body[data-ui-variant="v2"] .v2-board-header {
  display: grid;
  gap: 14px;
  align-items: start;
}

body[data-ui-variant="v2"] .v2-board-header h2 {
  margin-bottom: 8px;
}

body[data-ui-variant="v2"] .incident-answer-panel {
  display: block;
  margin: 18px 0 18px;
}

body[data-ui-variant="v2"] .incident-answer-shell {
  display: grid;
  gap: 18px;
  padding: 20px;
  border-radius: 24px;
  background: linear-gradient(180deg, #f3f7fc 0%, #dfeaf5 100%);
  border: 1px solid rgba(132, 156, 190, 0.32);
  box-shadow: 0 24px 38px rgba(4, 11, 23, 0.24);
}

body[data-ui-variant="v2"] .incident-answer-heading {
  display: grid;
  gap: 4px;
}

body[data-ui-variant="v2"] .incident-answer-heading .decision-kicker {
  margin-bottom: 0;
  color: #37517a;
}

body[data-ui-variant="v2"] .incident-answer-intro {
  margin: 0;
  color: #556d93;
  font-size: 14px;
  line-height: 1.45;
}

body[data-ui-variant="v2"] .incident-answer-hero {
  border-radius: 22px;
  padding: 22px 24px;
  background: linear-gradient(180deg, #bfd0e3 0%, #91aac5 100%);
  border: 1px solid rgba(72, 107, 148, 0.34);
  box-shadow: 0 18px 30px rgba(26, 55, 88, 0.18);
  color: #193553;
}

body[data-ui-variant="v2"] .incident-answer-grid {
  display: grid;
  gap: 14px;
}

body[data-ui-variant="v2"] .incident-answer-grid.hidden {
  display: none;
}

body[data-ui-variant="v2"] .decision-card {
  border-radius: 18px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

body[data-ui-variant="v2"] .decision-card-problem {
  background: linear-gradient(180deg, #fff9f6 0%, #f4ddd5 100%);
  border-color: rgba(208, 95, 70, 0.16);
  color: #5e2b20;
}

body[data-ui-variant="v2"] .decision-card-why {
  background: linear-gradient(180deg, #f8fbff 0%, #dce9f8 100%);
  border-color: rgba(79, 140, 255, 0.16);
  color: #23487b;
}

body[data-ui-variant="v2"] .incident-answer-hero h3,
body[data-ui-variant="v2"] .incident-answer-hero strong,
body[data-ui-variant="v2"] .incident-answer-hero .decision-text,
body[data-ui-variant="v2"] .incident-answer-hero .decision-item,
body[data-ui-variant="v2"] .incident-answer-hero .decision-kicker,
body[data-ui-variant="v2"] .decision-card h3,
body[data-ui-variant="v2"] .decision-card strong,
body[data-ui-variant="v2"] .decision-card .decision-text,
body[data-ui-variant="v2"] .decision-card .decision-item,
body[data-ui-variant="v2"] .decision-card .decision-kicker {
  color: inherit;
}

body[data-ui-variant="v2"] .decision-kicker {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-ui-variant="v2"] .incident-answer-hero h3 {
  margin: 0 0 12px;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.02;
  max-width: 14ch;
}

body[data-ui-variant="v2"] .decision-card h3 {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.08;
}

body[data-ui-variant="v2"] .decision-text {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  font-weight: 600;
}

body[data-ui-variant="v2"] .decision-list {
  display: grid;
  gap: 10px;
}

body[data-ui-variant="v2"] .decision-item {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(23, 52, 94, 0.08);
  line-height: 1.5;
  font-weight: 600;
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] .incident-answer-hero .decision-item {
  background: rgba(247, 250, 255, 0.86);
  border-color: rgba(24, 55, 88, 0.13);
}

body[data-ui-variant="v2"] .decision-card.hidden {
  display: none;
}

body[data-ui-variant="v2"] .response-details {
  margin: 16px 0 18px;
}

body[data-ui-variant="v2"] .response-details summary {
  font-weight: 700;
  color: #d8e4ff;
}

body[data-ui-variant="v2"] .incident {
  border-radius: 14px;
  padding: 14px;
  border: 1px solid rgba(124, 152, 210, 0.26);
  background: linear-gradient(180deg, rgba(15, 24, 39, 0.95) 0%, rgba(10, 17, 29, 0.98) 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

body[data-ui-variant="v2"] .incident:hover {
  border-color: rgba(79, 140, 255, 0.46);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.18);
}

body[data-ui-variant="v2"] .root-cause-groups {
  display: grid;
  gap: 16px;
  margin: 22px 0 24px;
}

body[data-ui-variant="v2"] .root-cause-card {
  border-radius: 18px;
  padding: 18px;
  border: 1px solid rgba(255, 199, 92, 0.5);
  background: linear-gradient(135deg, rgba(58, 34, 7, 0.96) 0%, rgba(20, 30, 48, 0.98) 58%, rgba(12, 19, 31, 0.98) 100%);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

body[data-ui-variant="v2"] .root-cause-card-clickable {
  cursor: pointer;
  transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

body[data-ui-variant="v2"] .root-cause-card-clickable:hover,
body[data-ui-variant="v2"] .root-cause-card-clickable:focus-visible {
  border-color: rgba(255, 220, 132, 0.78);
  box-shadow: 0 22px 46px rgba(0, 0, 0, 0.24), 0 0 0 3px rgba(255, 199, 92, 0.14);
  outline: none;
  transform: translateY(-1px);
}

body[data-ui-variant="v2"] .root-cause-card-clickable::after {
  content: "Open root cause details";
  display: inline-flex;
  margin-top: 12px;
  color: #ffe8ae;
  font-size: 0.8rem;
  font-weight: 800;
}

body[data-ui-variant="v2"] .root-cause-kicker {
  display: inline-flex;
  margin-bottom: 6px;
  color: #ffe2a8;
  font-size: 0.74rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-ui-variant="v2"] .root-cause-card h3 {
  margin: 0 0 6px;
  color: #fff7df;
}

body[data-ui-variant="v2"] .root-cause-card p {
  margin: 0 0 12px;
  color: #ffe9bb;
  font-weight: 800;
}

body[data-ui-variant="v2"] .root-cause-impact {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

body[data-ui-variant="v2"] .root-cause-card ul {
  margin: 10px 0 0;
  padding-left: 18px;
  color: #dce8ff;
}

body[data-ui-variant="v2"] .notification-card,
body[data-ui-variant="v2"] .prompt-editor {
  background: linear-gradient(180deg, rgba(14, 23, 38, 0.98) 0%, rgba(10, 17, 29, 0.98) 100%);
  border-color: rgba(99, 124, 173, 0.22);
  color: var(--ink);
}

@media (min-width: 900px) {
  body[data-ui-variant="v2"] .incident-answer-grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  }
}

@media (max-width: 640px) {
  body[data-ui-variant="v2"] .incident-answer-shell {
    padding: 14px;
    border-radius: 20px;
  }

  body[data-ui-variant="v2"] .incident-answer-hero {
    padding: 18px;
  }

  body[data-ui-variant="v2"] .decision-card {
    padding: 16px;
  }

  body[data-ui-variant="v2"] .incident-answer-hero h3 {
    max-width: none;
  }
}

body[data-ui-variant="v2"] .doc-section-card {
  background: linear-gradient(180deg, rgba(24, 42, 74, 0.98) 0%, rgba(15, 28, 52, 0.98) 100%);
  border-color: rgba(95, 155, 255, 0.34);
}

body[data-ui-variant="v2"] .doc-subsection-card {
  background: linear-gradient(180deg, rgba(14, 43, 42, 0.98) 0%, rgba(10, 31, 32, 0.98) 100%);
  border-color: rgba(63, 174, 149, 0.26);
}

body[data-ui-variant="v2"] .doc-toc-card {
  background: linear-gradient(180deg, rgba(16, 29, 49, 0.98) 0%, rgba(12, 22, 39, 0.98) 100%);
}

body[data-ui-variant="v2"] .doc-toc-list a {
  color: #a9d9ff;
}

body[data-ui-variant="v2"] .doc-toc-list a:hover {
  color: #d3ebff;
}

body[data-ui-variant="v2"] .utility-column-docs {
  border-top-color: rgba(99, 124, 173, 0.22);
}

body[data-ui-variant="v2"] .utility-panel {
  grid-template-columns: 1fr;
}

body[data-ui-variant="v2"] .utility-column-docs {
  border-left: 0;
  padding-left: 0;
  border-top: 1px solid rgba(99, 124, 173, 0.22);
  padding-top: 16px;
}

body[data-ui-variant="v2"] .prompt-editor summary {
  color: #dce8ff;
}

body[data-ui-variant="v2"] #prompt-content {
  min-height: 320px;
}

body[data-ui-variant="v2"] .prompt-editor-warning {
  border-left: 4px solid #ff8b7b;
  background: rgba(116, 35, 34, 0.32);
  color: #ffe4de;
  border-radius: 12px;
  padding: 12px 14px;
}

body[data-ui-variant="v2"] .highlight,
body[data-ui-variant="v2"] .statusbar,
body[data-ui-variant="v2"] .usage-card {
  background: linear-gradient(180deg, rgba(20, 33, 56, 0.94) 0%, rgba(15, 25, 43, 0.98) 100%);
  border: 1px solid rgba(99, 124, 173, 0.24);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

body[data-ui-variant="v2"] .highlight,
body[data-ui-variant="v2"] .workflow-highlight {
  border-left: 4px solid var(--accent);
}

body[data-ui-variant="v2"] .usage-card {
  border-left: 4px solid rgba(242, 185, 75, 0.95);
}

body[data-ui-variant="v2"] .statusbar {
  border-left: 4px solid rgba(79, 140, 255, 0.92);
}

body[data-ui-variant="v2"] .summary-analysis-status-warning,
body[data-ui-variant="v2"] #extended-analysis-panel {
  border-left: 4px solid #f2b94b;
  background: linear-gradient(180deg, rgba(68, 48, 12, 0.68) 0%, rgba(42, 30, 8, 0.82) 100%);
  border-color: rgba(242, 185, 75, 0.3);
}

body[data-ui-variant="v2"] .summary-analysis-status-info {
  border-left: 4px solid #4f8cff;
  background: linear-gradient(180deg, rgba(23, 44, 86, 0.72) 0%, rgba(16, 31, 61, 0.88) 100%);
  border-color: rgba(79, 140, 255, 0.26);
}

body[data-ui-variant="v2"] textarea,
body[data-ui-variant="v2"] input,
body[data-ui-variant="v2"] select {
  background: rgba(10, 17, 29, 0.9);
  color: var(--ink);
  border-color: rgba(99, 124, 173, 0.3);
}

body[data-ui-variant="v2"] textarea:focus,
body[data-ui-variant="v2"] input:focus,
body[data-ui-variant="v2"] select:focus {
  border-color: var(--aiden-blue);
  box-shadow: 0 0 0 3px rgba(79, 140, 255, 0.2);
  outline: none;
}

body[data-ui-variant="v2"] textarea::placeholder,
body[data-ui-variant="v2"] input::placeholder {
  color: #7f90ac;
}

body[data-ui-variant="v2"] .badge {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(173, 192, 228, 0.18);
  color: #f1f6ff;
  font-weight: 600;
}

body[data-page-kind="app-incidents"] .app-incident-layout {
  display: grid;
  gap: 18px;
}

body[data-page-kind="app-incidents"] .app-incident-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.75fr);
  gap: 20px;
  align-items: end;
}

body[data-page-kind="app-incidents"] .app-incident-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto auto;
  gap: 12px;
  align-items: end;
}

body[data-page-kind="app-incidents"] .app-incident-controls label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

body[data-page-kind="app-incidents"] .app-incident-controls .app-toggle-control {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 44px;
  padding: 0 2px;
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
  text-transform: none;
  letter-spacing: 0;
  white-space: nowrap;
}

body[data-page-kind="app-incidents"] .app-toggle-control input {
  width: 16px;
  height: 16px;
  accent-color: #2563eb;
}

body[data-page-kind="app-incidents"] .app-board-list {
  display: grid;
  gap: 16px;
}

body[data-page-kind="app-incidents"] .app-watch-card {
  display: grid;
  gap: 14px;
}

body[data-page-kind="app-incidents"] .app-empty-state {
  display: grid;
  gap: 8px;
  padding: 22px;
  border-style: dashed;
  text-align: left;
}

body[data-page-kind="app-incidents"] .app-empty-state h3 {
  margin: 0;
  color: var(--text);
  font-size: 18px;
}

body[data-page-kind="app-incidents"] .app-empty-state p {
  margin: 0;
  max-width: 720px;
}

body[data-page-kind="app-incidents"] .app-watch-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: start;
}

body[data-page-kind="app-incidents"] .app-watch-count {
  display: grid;
  place-items: center;
  min-width: 78px;
  min-height: 52px;
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(56, 189, 248, 0.12);
  border: 1px solid rgba(56, 189, 248, 0.28);
  color: var(--text);
  text-align: center;
  line-height: 1.05;
}

body[data-page-kind="app-incidents"] .app-watch-count strong {
  font-size: 24px;
  font-weight: 900;
}

body[data-page-kind="app-incidents"] .app-watch-count span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

body[data-page-kind="app-incidents"] .app-incident-rows {
  display: grid;
  gap: 10px;
}

body[data-page-kind="app-incidents"] .app-incident-row {
  display: grid;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.35);
  color: var(--text);
  text-decoration: none;
  transition: border-color 0.15s ease, background 0.15s ease, transform 0.15s ease;
}

body[data-page-kind="app-incidents"] .app-incident-row:hover,
body[data-page-kind="app-incidents"] .app-incident-row:focus-visible {
  border-color: rgba(56, 189, 248, 0.45);
  background: rgba(15, 23, 42, 0.52);
  transform: translateY(-1px);
  outline: none;
}

body[data-page-kind="app-incidents"] .app-incident-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-top: 2px;
}

body[data-page-kind="app-incidents"] .app-incident-actions a {
  color: #bae6fd;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

body[data-page-kind="app-incidents"] .app-incident-actions a:hover,
body[data-page-kind="app-incidents"] .app-incident-actions a:focus-visible {
  color: #e0f2fe;
  text-decoration: underline;
}

body[data-page-kind="app-incidents"] .app-incident-row h4 {
  margin: 0;
  color: var(--text);
  font-size: 16px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

body[data-page-kind="app-incidents"] .app-incident-row p {
  margin: 4px 0 0;
  color: var(--muted);
  line-height: 1.5;
  overflow-wrap: anywhere;
}

body[data-page-kind="app-incidents"] .app-evidence {
  display: grid;
  gap: 8px;
  padding-top: 4px;
}

body[data-page-kind="app-incidents"] .app-failure-block,
body[data-page-kind="app-incidents"] .app-platform-context {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid rgba(56, 189, 248, 0.22);
  border-radius: 8px;
  background: rgba(14, 116, 144, 0.1);
}

body[data-page-kind="app-incidents"] .app-failure-block {
  border-color: rgba(56, 189, 248, 0.38);
  background: rgba(8, 47, 73, 0.48);
}

body[data-page-kind="app-incidents"] .app-platform-context {
  border-color: rgba(148, 163, 184, 0.2);
  background: rgba(15, 23, 42, 0.18);
}

body[data-page-kind="app-incidents"] .app-failure-block-empty {
  border-color: rgba(148, 163, 184, 0.24);
  background: rgba(15, 23, 42, 0.24);
}

body[data-page-kind="app-incidents"] .app-failure-head {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
  align-items: center;
}

body[data-page-kind="app-incidents"] .app-failure-head > span:first-child,
body[data-page-kind="app-incidents"] .app-platform-context summary {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

body[data-page-kind="app-incidents"] .app-platform-context summary {
  cursor: pointer;
}

body[data-page-kind="app-incidents"] .app-log-evidence {
  display: grid;
  gap: 8px;
}

body[data-page-kind="app-incidents"] .app-evidence-group > span,
body[data-page-kind="app-incidents"] .app-signal-label {
  color: var(--text);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

body[data-page-kind="app-incidents"] .app-log-sample {
  display: grid;
  gap: 5px;
  padding: 8px;
  border: 1px solid rgba(125, 211, 252, 0.16);
  border-radius: 8px;
  background: rgba(2, 6, 23, 0.28);
}

body[data-page-kind="app-incidents"] .app-log-sample > span {
  color: #bae6fd;
  font-size: 12px;
  font-weight: 800;
}

body[data-page-kind="app-incidents"] .app-log-sample ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 18px;
}

body[data-page-kind="app-incidents"] .app-log-sample code {
  color: #e0f2fe;
  font-size: 12px;
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
}

body[data-page-kind="app-incidents"] .app-platform-context .app-evidence {
  padding-top: 8px;
}

body[data-page-kind="app-incidents"] .app-signal-evidence {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

body[data-page-kind="app-incidents"] .badge-signal-observed {
  background: rgba(34, 197, 94, 0.14);
  border-color: rgba(34, 197, 94, 0.34);
  color: #d6ffe4;
}

body[data-page-kind="app-incidents"] .app-evidence div {
  display: grid;
  gap: 4px;
}

body[data-page-kind="app-incidents"] .app-evidence span {
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
}

body[data-page-kind="app-incidents"] .app-evidence ul {
  display: grid;
  gap: 4px;
  margin: 0;
  padding-left: 18px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width: 860px) {
  body[data-page-kind="app-incidents"] .app-incident-toolbar,
  body[data-page-kind="app-incidents"] .app-incident-controls {
    grid-template-columns: 1fr;
  }

  body[data-page-kind="app-incidents"] .app-watch-head {
    display: grid;
  }

  body[data-page-kind="app-incidents"] .app-watch-count {
    justify-self: start;
  }
}

body[data-ui-variant="v2"] .muted,
body[data-ui-variant="v2"] .hero p,
body[data-ui-variant="v2"] .statusbar p,
body[data-ui-variant="v2"] .usage-card p,
body[data-ui-variant="v2"] .response-output p,
body[data-ui-variant="v2"] .response-output li,
body[data-ui-variant="v2"] .notification-card p {
  color: #b7c6dd;
}

body[data-ui-variant="v2"] .incident p {
  color: #8fa2c2;
}

body[data-ui-variant="v2"] .badge-k8s,
body[data-ui-variant="v2"] .badge-cluster {
  background: rgba(79, 140, 255, 0.18);
  color: #dceaff;
  border-color: rgba(97, 159, 255, 0.38);
}

body[data-ui-variant="v2"] .badge-root-cause {
  background: rgba(255, 199, 92, 0.24);
  color: #ffe6a6;
  border-color: rgba(255, 199, 92, 0.54);
}

body[data-ui-variant="v2"] .badge-impacted {
  background: rgba(242, 128, 74, 0.22);
  color: #ffd6c2;
  border-color: rgba(242, 128, 74, 0.48);
}

body[data-ui-variant="v2"] .badge-priority-high {
  background: rgba(255, 107, 107, 0.32);
  color: #fff1f1;
  border-color: rgba(255, 107, 107, 0.56);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

body[data-ui-variant="v2"] .badge-priority-medium {
  background: rgba(242, 185, 75, 0.16);
  color: #ffd27a;
  border-color: rgba(242, 185, 75, 0.32);
}

body[data-ui-variant="v2"] .badge-priority-low {
  background: rgba(138, 180, 255, 0.16);
  color: #abc9ff;
  border-color: rgba(138, 180, 255, 0.32);
}

body[data-ui-variant="v2"] .badge-llm-low {
  background: rgba(48, 181, 107, 0.12);
  color: #69d696;
  border-color: rgba(105, 214, 150, 0.25);
}

body[data-ui-variant="v2"] .badge-llm-medium {
  background: rgba(242, 185, 75, 0.12);
  color: #ffd27a;
  border-color: rgba(242, 185, 75, 0.25);
}

body[data-ui-variant="v2"] .badge-llm-high {
  background: rgba(255, 145, 92, 0.14);
  color: #ffb188;
  border-color: rgba(255, 145, 92, 0.28);
}

body[data-ui-variant="v2"] .badge-llm-very-high {
  background: rgba(255, 107, 107, 0.18);
  color: #ff8f8f;
  border-color: rgba(255, 107, 107, 0.36);
}

body[data-ui-variant="v2"] .badge-llm-extremely-high {
  background: rgba(219, 40, 40, 0.22);
  color: #ff6b6b;
  border-color: rgba(219, 40, 40, 0.48);
  box-shadow: none;
}

body[data-ui-variant="v2"] button,
body[data-ui-variant="v2"] .button-link {
  font-weight: 700;
  width: auto;
  max-width: 100%;
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body[data-ui-variant="v2"] button,
body[data-ui-variant="v2"] .button-link:not(.button-link-secondary) {
  color: #08111f;
}

body[data-ui-variant="v2"] .button-link-secondary,
body[data-ui-variant="v2"] #back,
body[data-ui-variant="v2"] #claim-incident,
body[data-ui-variant="v2"] #resolve-incident,
body[data-ui-variant="v2"] .button-link-subtle,
body[data-ui-variant="v2"] .button-link-ghost,
body[data-ui-variant="v2"] .workflow-toggle-resolved,
body[data-ui-variant="v2"] .workflow-toggle-active,
body[data-ui-variant="v2"] .tab.active {
  color: #f8fbff;
}

body[data-ui-variant="v2"] #claim-incident {
  background: #1b7f6b;
  border-color: #1b7f6b;
}

body[data-ui-variant="v2"] #resolve-incident,
body[data-ui-variant="v2"] .workflow-toggle-resolved,
body[data-ui-variant="v2"] .button-link-secondary,
body[data-ui-variant="v2"] #back {
  background: #3e75d3;
  border-color: #3e75d3;
}

body[data-ui-variant="v2"] .workflow-toggle-active {
  background: #b63a2f;
  border-color: #b63a2f;
}

body[data-ui-variant="v2"] .button-link-danger {
  background: #b63a2f;
  border-color: #b63a2f;
  color: #fff7f5;
}

body[data-ui-variant="v2"] #claim-incident:disabled,
body[data-ui-variant="v2"] #resolve-incident:disabled,
body[data-ui-variant="v2"] button:disabled,
body[data-ui-variant="v2"] .button-link[aria-disabled="true"] {
  background: #314057;
  color: #d3dceb;
  border-color: #41526f;
  box-shadow: none;
}

body[data-ui-variant="v2"] .tab {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08);
  color: #dce7ff;
}

body[data-ui-variant="v2"] .workflow-nav {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 12px;
}

body[data-ui-variant="v2"] .workflow-toggle {
  min-width: 170px;
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(99, 124, 173, 0.32);
  color: #dbe7ff;
}

body[data-ui-variant="v2"] .workflow-toggle.active {
  background: rgba(79, 140, 255, 0.22);
  border-color: rgba(79, 140, 255, 0.48);
  color: #f8fbff;
  box-shadow: 0 0 0 1px rgba(79, 140, 255, 0.2), 0 10px 20px rgba(15, 29, 58, 0.24);
}

body[data-ui-variant="v2"] .workflow-toggle-secondary.active {
  background: rgba(62, 117, 211, 0.28);
}

body[data-ui-variant="v2"] #active-workflow-panel,
body[data-ui-variant="v2"] #resolved-workflow-panel {
  margin-top: 14px;
}

body[data-ui-variant="v2"] #active-workflow-panel .statusbar:first-child,
body[data-ui-variant="v2"] #resolved-workflow-panel .highlights:first-child {
  margin-top: 4px;
}

body[data-ui-variant="v2"] .v2-cluster-filter {
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(99, 124, 173, 0.22);
  border-radius: 18px;
  background: rgba(7, 13, 25, 0.24);
}

body[data-ui-variant="v2"] .v2-product-filter {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(102, 217, 202, 0.24);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(60, 214, 190, 0.08), rgba(79, 140, 255, 0.05));
}

body[data-ui-variant="v2"] .v2-product-filter .muted {
  margin: 4px 0 0;
}

body[data-ui-variant="v2"] .product-filter-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body[data-ui-variant="v2"] .product-filter-pill {
  min-height: 42px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(99, 124, 173, 0.32);
  background: rgba(255, 255, 255, 0.04);
  color: #dce7ff;
  font-weight: 800;
}

body[data-ui-variant="v2"] .product-filter-pill.active {
  background: linear-gradient(135deg, rgba(60, 214, 190, 0.2), rgba(79, 140, 255, 0.18));
  border-color: rgba(102, 217, 202, 0.5);
  color: #f7fbff;
  box-shadow: 0 14px 26px rgba(18, 34, 58, 0.24);
}

body[data-ui-variant="v2"] .badge-product-saas {
  background: rgba(60, 214, 190, 0.14);
  border-color: rgba(60, 214, 190, 0.38);
  color: #d9fff9;
}

body[data-ui-variant="v2"] .badge-product-connect {
  background: rgba(255, 196, 87, 0.14);
  border-color: rgba(255, 196, 87, 0.4);
  color: #fff0c8;
}

body[data-ui-variant="v2"] .badge-product-shared {
  background: rgba(157, 178, 214, 0.12);
  border-color: rgba(157, 178, 214, 0.28);
  color: #e2ebfb;
}

body[data-ui-variant="v2"] .badge-product-unassigned {
  background: rgba(157, 178, 214, 0.12);
  border-color: rgba(157, 178, 214, 0.28);
  color: #e2ebfb;
}

body[data-ui-variant="v2"] .tab-count {
  display: inline-grid;
  min-width: 24px;
  min-height: 22px;
  place-items: center;
  margin-left: 8px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #f8fbff;
  font-size: 12px;
  font-weight: 900;
}

body[data-ui-variant="v2"] .low-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(99, 124, 173, 0.22);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.035);
}

body[data-ui-variant="v2"] .v2-cluster-filter-header {
  display: grid;
  gap: 12px;
}

body[data-ui-variant="v2"] .v2-cluster-filter-header .muted {
  margin: 4px 0 0;
}

body[data-ui-variant="v2"] .v2-cluster-filter-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

body[data-ui-variant="v2"] .button-link-ghost {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(99, 124, 173, 0.32);
  color: #e6efff;
}

body[data-ui-variant="v2"] .button-link-ghost:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(117, 145, 197, 0.42);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.18);
}

body[data-ui-variant="v2"] #select-all-clusters,
body[data-ui-variant="v2"] #clear-clusters,
body[data-ui-variant="v2"] #select-all-cost-clusters,
body[data-ui-variant="v2"] #clear-cost-clusters {
  background: linear-gradient(180deg, rgba(44, 60, 92, 0.96) 0%, rgba(32, 45, 71, 0.96) 100%);
  border-color: rgba(126, 154, 209, 0.42);
  color: #f3f7ff;
}

body[data-ui-variant="v2"] #select-all-clusters:hover,
body[data-ui-variant="v2"] #clear-clusters:hover,
body[data-ui-variant="v2"] #select-all-cost-clusters:hover,
body[data-ui-variant="v2"] #clear-cost-clusters:hover {
  background: linear-gradient(180deg, rgba(58, 78, 117, 0.98) 0%, rgba(40, 57, 90, 0.98) 100%);
  border-color: rgba(150, 178, 231, 0.58);
  color: #ffffff;
}

body[data-ui-variant="v2"][data-page-kind="cost-insight"] .button-link-subtle {
  background: linear-gradient(180deg, rgba(47, 65, 101, 0.98) 0%, rgba(35, 50, 82, 0.98) 100%);
  border-color: rgba(133, 162, 220, 0.5);
  color: #f4f8ff;
  box-shadow: 0 10px 20px rgba(10, 17, 30, 0.22);
}

body[data-ui-variant="v2"][data-page-kind="cost-insight"] .button-link-subtle:hover {
  background: linear-gradient(180deg, rgba(63, 86, 130, 0.98) 0%, rgba(44, 64, 104, 0.98) 100%);
  border-color: rgba(159, 188, 242, 0.62);
  color: #ffffff;
}

body[data-ui-variant="v2"] .cluster-filter-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body[data-ui-variant="v2"] .cluster-filter-pill {
  min-width: 0;
  display: grid;
  gap: 2px;
  justify-items: start;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(99, 124, 173, 0.28);
  background: rgba(255, 255, 255, 0.04);
  color: #dce7ff;
}

body[data-ui-variant="v2"] .cluster-filter-pill.active {
  background: rgba(79, 140, 255, 0.18);
  border-color: rgba(79, 140, 255, 0.46);
  color: #f7fbff;
}

body[data-ui-variant="v2"] .cluster-filter-pill-name {
  font-weight: 700;
}

body[data-ui-variant="v2"] .cluster-filter-pill-meta {
  color: #9db2d6;
  font-size: 12px;
}

body[data-ui-variant="v2"] .cost-filter-card {
  margin: 14px 0 20px;
  padding: 0;
  background: transparent;
  border: 0;
}

body[data-ui-variant="v2"] .cost-cache-period-card {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(340px, 2fr);
  gap: 16px;
  align-items: stretch;
  margin: 0 0 14px;
}

body[data-ui-variant="v2"] .cost-cache-period-card .cost-cache-status,
body[data-ui-variant="v2"] .cost-cache-period-card .cost-period-filter {
  min-height: 100%;
}

body[data-ui-variant="v2"] .cost-period-filter {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  margin: 0;
  padding: 16px;
  border: 1px solid rgba(99, 124, 173, 0.24);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(33, 54, 91, 0.72), rgba(12, 20, 34, 0.82));
}

body[data-ui-variant="v2"] .cost-period-filter label {
  font-weight: 800;
}

body[data-ui-variant="v2"] .cost-period-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 12px;
  margin-bottom: 6px;
}

body[data-ui-variant="v2"] .cost-period-field {
  display: grid;
  gap: 6px;
  color: #d8e4f8;
}

body[data-ui-variant="v2"] .cost-period-field span {
  color: #9db2d6;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body[data-ui-variant="v2"] .cost-period-field input {
  min-height: 42px;
  min-width: 160px;
  color: #edf5ff;
  color-scheme: dark;
  border: 1px solid rgba(122, 171, 255, 0.26);
  border-radius: 12px;
  background: rgba(7, 13, 25, 0.68);
  padding: 0 12px;
}

body[data-ui-variant="v2"] #apply-cost-period {
  min-height: 42px;
  color: #f7fbff;
  background: linear-gradient(180deg, rgba(69, 130, 241, 0.98) 0%, rgba(47, 95, 173, 0.98) 100%);
  border-color: rgba(129, 176, 255, 0.52);
  box-shadow: 0 10px 20px rgba(23, 64, 139, 0.28);
}

body[data-ui-variant="v2"] #apply-cost-period:hover {
  background: linear-gradient(180deg, rgba(85, 148, 255, 0.98) 0%, rgba(54, 109, 199, 0.98) 100%);
}

body[data-ui-variant="v2"] .cost-toolbar {
  align-items: center;
}

body[data-ui-variant="v2"] .cost-toolbar-right {
  display: flex;
  justify-content: flex-end;
}

body[data-ui-variant="v2"] .cost-mode-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 10px;
}

body[data-ui-variant="v2"] .cost-mode-tab {
  min-width: 150px;
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(99, 124, 173, 0.32);
  color: #dbe7ff;
}

body[data-ui-variant="v2"] .cost-mode-tab.active {
  background: rgba(79, 140, 255, 0.22);
  border-color: rgba(79, 140, 255, 0.48);
  color: #f8fbff;
}

body[data-ui-variant="v2"] #refresh-costs {
  background: #a24b55;
  border-color: #a24b55;
  color: #fff8f8;
}

body[data-ui-variant="v2"] #refresh-costs:hover {
  background: #8c4049;
  border-color: #8c4049;
}

body[data-ui-variant="v2"] .cost-center-card {
  text-align: left;
}

body[data-ui-variant="v2"] .cost-center-card.active {
  border-color: rgba(79, 140, 255, 0.5);
  box-shadow: 0 0 0 1px rgba(79, 140, 255, 0.32);
}

body[data-ui-variant="v2"] .v2-layout-costs {
  grid-template-columns: minmax(0, 1fr);
}

body[data-ui-variant="v2"] .v2-layout-page {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

body[data-ui-variant="v2"][data-page-kind="cost-insight"] .shell-v2 {
  width: min(100%, var(--v2-shell-width));
}

body[data-ui-variant="v2"][data-page-kind="cost-insight"] .cost-dashboard {
  width: 100%;
  max-width: none;
}

body[data-ui-variant="v2"][data-page-kind="platform-health"] .shell-v2 {
  width: min(100%, var(--v2-shell-width));
}

body[data-ui-variant="v2"][data-page-kind="platform-health"] .health-page {
  width: 100%;
  max-width: 100%;
}

body[data-ui-variant="v2"] .health-hero-card,
body[data-ui-variant="v2"] .health-grid,
body[data-ui-variant="v2"] .health-needs-grid,
body[data-ui-variant="v2"] .health-cluster-grid {
  display: grid;
  gap: 18px;
}

body[data-ui-variant="v2"] .health-hero-card {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
  align-items: stretch;
  background:
    radial-gradient(circle at top left, rgba(34, 195, 166, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(18, 31, 54, 0.98) 0%, rgba(13, 23, 41, 0.98) 100%);
}

body[data-ui-variant="v2"] .health-hero-copy h2 {
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1;
  margin-bottom: 16px;
}

body[data-ui-variant="v2"] .health-hero-copy p,
body[data-ui-variant="v2"] .health-card p,
body[data-ui-variant="v2"] .health-section p,
body[data-ui-variant="v2"] .health-status-card p {
  color: #c5d4eb;
  line-height: 1.6;
}

body[data-ui-variant="v2"] .health-status-card,
body[data-ui-variant="v2"] .health-cluster-card,
body[data-ui-variant="v2"] .health-needs-grid article {
  min-width: 0;
  border: 1px solid rgba(99, 124, 173, 0.24);
  border-radius: 18px;
  padding: 16px;
  background: linear-gradient(180deg, rgba(12, 21, 37, 0.82) 0%, rgba(9, 16, 29, 0.92) 100%);
}

body[data-ui-variant="v2"] .health-status-card {
  align-content: start;
}

body[data-ui-variant="v2"] .health-status-card .badge {
  margin: 0 6px 8px 0;
}

body[data-ui-variant="v2"] .health-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

body[data-ui-variant="v2"] .health-grid-wide {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

body[data-ui-variant="v2"] .health-card,
body[data-ui-variant="v2"] .health-section {
  min-width: 0;
}

body[data-ui-variant="v2"] .health-list {
  margin: 0;
  padding-left: 20px;
  color: #c5d4eb;
  line-height: 1.58;
}

body[data-ui-variant="v2"] .health-list li + li {
  margin-top: 8px;
}

body[data-ui-variant="v2"] .health-cluster-grid,
body[data-ui-variant="v2"] .health-needs-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

body[data-ui-variant="v2"] .health-cluster-card h3,
body[data-ui-variant="v2"] .health-needs-grid h3 {
  margin-bottom: 10px;
}

body[data-ui-variant="v2"] .health-cluster-card p {
  margin: 0;
  color: #c5d4eb;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] .platform-health-dashboard {
  display: grid;
  gap: 18px;
  background:
    radial-gradient(circle at top left, rgba(79, 140, 255, 0.14), transparent 32%),
    linear-gradient(180deg, rgba(16, 27, 48, 0.98) 0%, rgba(10, 18, 32, 0.98) 100%);
}

body[data-ui-variant="v2"] .platform-health-dashboard-head,
body[data-ui-variant="v2"] .platform-health-panel-head {
  display: flex;
  gap: 16px;
  align-items: start;
  justify-content: space-between;
  min-width: 0;
}

body[data-ui-variant="v2"] .platform-health-dashboard-head h2 {
  margin: 0 0 8px;
  font-size: clamp(28px, 4vw, 46px);
}

body[data-ui-variant="v2"] .platform-health-dashboard-head p,
body[data-ui-variant="v2"] .platform-health-panel-head p {
  margin: 0;
  color: #c5d4eb;
}

body[data-ui-variant="v2"] .platform-health-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

body[data-ui-variant="v2"] #platform-health-operational-workspace.hidden,
body[data-ui-variant="v2"] #platform-health-docs-workspace.hidden,
body[data-ui-variant="v2"] #platform-health-operational-workspace[hidden],
body[data-ui-variant="v2"] #platform-health-docs-workspace[hidden] {
  display: none !important;
}

body[data-ui-variant="v2"] #platform-health-docs-toggle.active {
  border-color: rgba(34, 195, 166, 0.6);
  background: linear-gradient(135deg, rgba(34, 195, 166, 0.88), rgba(20, 154, 132, 0.84));
  color: #06131f;
}

body[data-ui-variant="v2"] .platform-health-docs-workspace {
  display: grid;
  gap: 18px;
}

body[data-ui-variant="v2"] .health-state-pill {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(99, 124, 173, 0.32);
  background: rgba(255, 255, 255, 0.06);
  color: #e8f0ff;
  font-weight: 800;
  text-transform: capitalize;
}

body[data-ui-variant="v2"] .health-state-pill[data-state="completed"] {
  border-color: rgba(34, 195, 166, 0.54);
  background: rgba(34, 195, 166, 0.16);
}

body[data-ui-variant="v2"] .health-state-pill[data-state="completed_with_errors"],
body[data-ui-variant="v2"] .health-state-pill[data-state="failed"] {
  border-color: rgba(242, 185, 75, 0.58);
  background: rgba(242, 185, 75, 0.16);
}

body[data-ui-variant="v2"] .health-scan-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px;
  border-radius: 16px;
  border: 1px solid rgba(99, 124, 173, 0.22);
  background: rgba(8, 14, 26, 0.5);
  color: #c5d4eb;
}

body[data-ui-variant="v2"] .health-scan-meta span {
  min-width: 0;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.05);
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] .platform-health-summary-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px;
}

body[data-ui-variant="v2"] .platform-health-summary-card {
  min-width: 0;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid rgba(99, 124, 173, 0.24);
  background: rgba(9, 17, 31, 0.72);
}

body[data-ui-variant="v2"] .platform-health-summary-card[data-tone="critical"] {
  border-color: rgba(255, 107, 107, 0.56);
}

body[data-ui-variant="v2"] .platform-health-summary-card[data-tone="warning"] {
  border-color: rgba(242, 185, 75, 0.56);
}

body[data-ui-variant="v2"] .platform-health-summary-card span {
  display: block;
  color: #b8c7df;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

body[data-ui-variant="v2"] .platform-health-summary-card strong {
  display: block;
  margin: 8px 0 4px;
  font-size: 30px;
}

body[data-ui-variant="v2"] .platform-health-summary-card p {
  margin: 0;
  color: #c5d4eb;
}

body[data-ui-variant="v2"] .platform-health-workspace {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr) minmax(320px, 0.86fr);
  gap: 16px;
  align-items: start;
}

body[data-ui-variant="v2"] .platform-health-workspace.hidden,
body[data-ui-variant="v2"] .platform-health-workspace[hidden] {
  display: none !important;
}

body[data-ui-variant="v2"] .platform-health-view-tabs {
  display: inline-flex;
  gap: 8px;
  margin: 0 0 16px;
  padding: 6px;
  border: 1px solid rgba(99, 124, 173, 0.22);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.04);
}

body[data-ui-variant="v2"] .platform-health-view-tabs button {
  border: 1px solid rgba(99, 124, 173, 0.28);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
  color: #dce7fb;
}

body[data-ui-variant="v2"] .platform-health-view-tabs button.active {
  border-color: rgba(79, 140, 255, 0.72);
  background: linear-gradient(135deg, rgba(79, 140, 255, 0.88), rgba(48, 91, 181, 0.86));
  color: #fff;
}

body[data-ui-variant="v2"] .platform-health-filter-card,
body[data-ui-variant="v2"] .platform-health-list-panel,
body[data-ui-variant="v2"] .platform-health-detail-panel {
  min-width: 0;
  border: 1px solid rgba(99, 124, 173, 0.24);
  border-radius: 20px;
  background: rgba(9, 17, 31, 0.72);
  padding: 16px;
}

body[data-ui-variant="v2"] .platform-health-filter-card {
  display: grid;
  gap: 12px;
}

body[data-ui-variant="v2"] .platform-health-filter-card label {
  display: grid;
  gap: 6px;
  color: #dce7fb;
}

body[data-ui-variant="v2"] .platform-health-filter-card input,
body[data-ui-variant="v2"] .platform-health-filter-card select {
  width: 100%;
  min-width: 0;
  margin: 0;
}

body[data-ui-variant="v2"] .platform-health-filter-actions,
body[data-ui-variant="v2"] .platform-health-pager {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

body[data-ui-variant="v2"] .platform-health-findings {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

body[data-ui-variant="v2"] .cronjob-bucket-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

body[data-ui-variant="v2"] .cronjob-bucket-summary span {
  border: 1px solid rgba(99, 124, 173, 0.28);
  border-radius: 999px;
  padding: 6px 10px;
  color: #c5d4eb;
  background: rgba(255, 255, 255, 0.05);
  font-size: 12px;
}

body[data-ui-variant="v2"] .cronjob-run-list {
  display: grid;
  gap: 10px;
}

body[data-ui-variant="v2"] .cronjob-run-list article {
  border: 1px solid rgba(99, 124, 173, 0.24);
  border-radius: 14px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.04);
}

body[data-ui-variant="v2"] .cronjob-run-list strong,
body[data-ui-variant="v2"] .cronjob-run-list span,
body[data-ui-variant="v2"] .cronjob-run-list p {
  display: block;
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] .cronjob-run-list span {
  color: #b8c7df;
  font-size: 13px;
  margin-top: 4px;
}

body[data-ui-variant="v2"] .platform-health-finding {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  width: 100%;
  text-align: left;
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(99, 124, 173, 0.24);
  background: rgba(255, 255, 255, 0.04);
  color: #edf3ff;
  cursor: pointer;
}

body[data-ui-variant="v2"] .platform-health-finding:hover,
body[data-ui-variant="v2"] .platform-health-finding.active {
  border-color: rgba(79, 140, 255, 0.58);
  background: rgba(79, 140, 255, 0.12);
}

body[data-ui-variant="v2"] .platform-health-finding-main,
body[data-ui-variant="v2"] .platform-health-finding-meta {
  min-width: 0;
  display: grid;
  gap: 4px;
}

body[data-ui-variant="v2"] .platform-health-finding-main strong {
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] .platform-health-finding-main span,
body[data-ui-variant="v2"] .platform-health-finding-meta span {
  color: #b8c7df;
  font-size: 13px;
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] .platform-health-finding-meta {
  text-align: right;
}

body[data-ui-variant="v2"] .health-severity-dot {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #8ab4ff;
  box-shadow: 0 0 0 4px rgba(138, 180, 255, 0.12);
}

body[data-ui-variant="v2"] .health-severity-dot[data-severity="critical"],
body[data-ui-variant="v2"] .health-severity-label[data-severity="critical"] {
  background: #ff6b6b;
}

body[data-ui-variant="v2"] .health-severity-dot[data-severity="warning"],
body[data-ui-variant="v2"] .health-severity-label[data-severity="warning"] {
  background: #f2b94b;
  color: #1d2433;
}

body[data-ui-variant="v2"] .platform-health-detail-panel {
  position: sticky;
  top: 18px;
}

body[data-ui-variant="v2"] .platform-health-detail-head h3 {
  margin: 10px 0;
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] .platform-health-detail-head p,
body[data-ui-variant="v2"] .platform-health-detail-block p,
body[data-ui-variant="v2"] #platform-health-detail-empty p {
  color: #c5d4eb;
  line-height: 1.55;
}

body[data-ui-variant="v2"] .health-severity-label {
  display: inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  color: #fff;
  font-weight: 800;
  text-transform: capitalize;
}

body[data-ui-variant="v2"] .platform-health-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin: 16px 0;
}

body[data-ui-variant="v2"] .platform-health-detail-grid div,
body[data-ui-variant="v2"] .platform-health-detail-block,
body[data-ui-variant="v2"] .platform-health-json {
  min-width: 0;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(99, 124, 173, 0.2);
  background: rgba(255, 255, 255, 0.04);
}

body[data-ui-variant="v2"] .platform-health-detail-grid dt {
  color: #99a8c2;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

body[data-ui-variant="v2"] .platform-health-detail-grid dd {
  margin: 4px 0 0;
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] .platform-health-detail-block {
  margin-top: 12px;
}

body[data-ui-variant="v2"] .platform-health-detail-block ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body[data-ui-variant="v2"] .platform-health-evidence-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 10px;
}

body[data-ui-variant="v2"] .platform-health-sizing-advice {
  border-color: rgba(45, 205, 180, 0.34);
  background: linear-gradient(135deg, rgba(45, 205, 180, 0.12), rgba(255, 255, 255, 0.04));
}

body[data-ui-variant="v2"] .platform-health-historical-sizing {
  border-color: rgba(125, 170, 255, 0.28);
}

body[data-ui-variant="v2"] .platform-health-block-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

body[data-ui-variant="v2"] .platform-health-block-title-row h4 {
  margin: 0;
}

body[data-ui-variant="v2"] .platform-health-block-title-row .secondary {
  border: 1px solid rgba(125, 170, 255, 0.38);
  background: rgba(125, 170, 255, 0.14);
  color: #f4f8ff;
  border-radius: 999px;
  padding: 8px 12px;
  font-weight: 800;
  cursor: pointer;
}

body[data-ui-variant="v2"] .platform-health-block-title-row .secondary:disabled {
  cursor: wait;
  opacity: 0.72;
}

body[data-ui-variant="v2"] .platform-health-sizing-source {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}

body[data-ui-variant="v2"] .platform-health-sizing-source .pill {
  width: fit-content;
  border: 1px solid rgba(229, 241, 255, 0.22);
  background: rgba(229, 241, 255, 0.12);
  color: #dce8ff;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 900;
}

body[data-ui-variant="v2"] .platform-health-sizing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 10px;
  margin: 10px 0 12px;
}

body[data-ui-variant="v2"] .platform-health-sizing-grid div {
  min-width: 0;
  padding: 10px;
  border-radius: 12px;
  border: 1px solid rgba(99, 124, 173, 0.2);
  background: rgba(255, 255, 255, 0.05);
}

body[data-ui-variant="v2"] .platform-health-sizing-grid span {
  display: block;
  color: #99a8c2;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

body[data-ui-variant="v2"] .platform-health-sizing-grid strong {
  display: block;
  margin-top: 3px;
  color: #f4f8ff;
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] .platform-health-evidence-card {
  display: grid;
  gap: 8px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(99, 124, 173, 0.2);
  background: rgba(255, 255, 255, 0.04);
}

body[data-ui-variant="v2"] .platform-health-evidence-card div {
  min-width: 0;
}

body[data-ui-variant="v2"] .platform-health-evidence-card span {
  display: block;
  color: #99a8c2;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

body[data-ui-variant="v2"] .platform-health-evidence-card strong {
  display: block;
  margin-top: 3px;
  color: #f4f8ff;
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] .platform-health-detail-block pre,
body[data-ui-variant="v2"] .platform-health-json pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  margin: 0;
  color: #dce7fb;
}

body[data-ui-variant="v2"] .platform-health-empty {
  padding: 18px;
  border-radius: 16px;
  border: 1px dashed rgba(99, 124, 173, 0.34);
  color: #c5d4eb;
}

body[data-ui-variant="v2"] .tab:hover {
  background: rgba(255, 255, 255, 0.08);
}

body[data-ui-variant="v2"] #detail-view.hidden + #detail-empty {
  display: block;
}

body[data-ui-variant="v2"] #detail-view:not(.hidden) + #detail-empty {
  display: none;
}

body[data-ui-variant="v2"] #detail-view.hidden {
  display: none;
}

body[data-ui-variant="v2"] #detail-view .card,
body[data-ui-variant="v2"] #detail-empty {
  height: fit-content;
}

body[data-ui-variant="v2"] #back {
  width: auto;
  margin-bottom: 22px;
}

body[data-ui-variant="v2"] .button-row {
  gap: 12px;
}

body[data-ui-variant="v2"] #detail-title {
  margin-top: 0;
  margin-bottom: 16px;
}

body[data-ui-variant="v2"] details {
  background: linear-gradient(180deg, rgba(14, 22, 36, 0.98) 0%, rgba(9, 15, 26, 0.98) 100%);
  border-color: rgba(99, 124, 173, 0.22);
  color: #dce8ff;
}

body[data-ui-variant="v2"] details summary {
  color: #dce8ff;
  margin-bottom: 0;
}

body[data-ui-variant="v2"] details[open] summary {
  margin-bottom: 12px;
}

body[data-ui-variant="v2"] #highlights .highlight {
  border-left-color: #22c3a6;
}

body[data-ui-variant="v2"] #technical-context .highlight {
  border-left-color: #4f8cff;
}

body[data-ui-variant="v2"] #fix-certainty .highlight {
  border-left-color: #5ad16f;
}

body[data-ui-variant="v2"] #likely-fixes .highlight {
  border-left-color: #7cc4ff;
  background: linear-gradient(180deg, rgba(24, 45, 79, 0.96) 0%, rgba(16, 31, 54, 0.98) 100%);
  border-color: rgba(108, 170, 255, 0.28);
}

body[data-ui-variant="v2"] .highlights-primary {
  margin-bottom: 18px;
}

body[data-ui-variant="v2"] .incident-likely-fix {
  margin-top: 12px;
  padding: 11px 12px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(23, 43, 75, 0.9) 0%, rgba(16, 30, 53, 0.96) 100%);
  border: 1px solid rgba(108, 170, 255, 0.28);
  color: #dceaff;
  line-height: 1.45;
}

body[data-ui-variant="v2"] .incident-likely-fix strong {
  color: #ffffff;
}

body[data-ui-variant="v2"] #actions .highlight {
  border-left-color: #f2b94b;
}

body[data-ui-variant="v2"] #delivery-context .highlight {
  border-left-color: #c388ff;
}

body[data-ui-variant="v2"] #commands .highlight {
  border-left-color: #7aa2ff;
}

body[data-ui-variant="v2"] #sources-trust .highlight {
  border-left-color: #9fb0cc;
}

body[data-ui-variant="v2"] pre,
body[data-ui-variant="v2"] .response-output {
  background: linear-gradient(180deg, rgba(14, 22, 36, 0.98) 0%, rgba(9, 15, 26, 0.98) 100%);
  border-color: rgba(99, 124, 173, 0.22);
  color: #dce8ff;
}

body[data-ui-variant="v2"] .response-output strong {
  color: #f7fbff;
}

body[data-ui-variant="v2"] .llm-callout {
  margin: 0 0 16px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(242, 185, 75, 0.34);
  background: linear-gradient(180deg, rgba(68, 48, 12, 0.62) 0%, rgba(42, 30, 8, 0.84) 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

body[data-ui-variant="v2"] .llm-callout-label {
  display: inline-block;
  margin-bottom: 8px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(242, 185, 75, 0.16);
  color: #ffd98a;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body[data-ui-variant="v2"] .llm-callout-title {
  margin: 0 0 10px;
  color: #fff3cd;
  font-weight: 700;
}

body[data-ui-variant="v2"] .llm-callout p:last-child,
body[data-ui-variant="v2"] .llm-callout ul:last-child {
  margin-bottom: 0;
}

body[data-ui-variant="v2"] .response-output code,
body[data-ui-variant="v2"] pre code {
  background: rgba(79, 140, 255, 0.18);
  color: #eef5ff;
}

body[data-ui-variant="v2"] .workflow-stats-grid {
  gap: 12px;
}

body[data-ui-variant="v2"] .workflow-stat-card,
body[data-ui-variant="v2"] .resolved-incident,
body[data-ui-variant="v2"] .resolved-incident-past {
  background: linear-gradient(180deg, rgba(17, 26, 44, 0.98) 0%, rgba(14, 22, 36, 0.98) 100%);
  border: 1px solid rgba(99, 124, 173, 0.2);
}

body[data-ui-variant="v2"] .resolved-history summary {
  cursor: pointer;
  color: #dce7ff;
}

body[data-ui-variant="v2"] .v2-footer {
  margin-top: 18px;
}

body[data-ui-variant="v2"] .v2-footer p {
  margin: 0;
  color: #b7c6dd;
}

body[data-ui-variant="v2"] .v2-footer a {
  color: #7cc4ff;
}

@media (max-width: 959px) {
  body[data-ui-variant="v2"] {
    padding: 14px;
  }

  body[data-ui-variant="v2"] .platform-health-dashboard-head,
  body[data-ui-variant="v2"] .platform-health-panel-head {
    display: grid;
  }

  body[data-ui-variant="v2"] .platform-health-actions,
  body[data-ui-variant="v2"] .platform-health-pager {
    justify-content: start;
  }

  body[data-ui-variant="v2"] .platform-health-workspace {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-ui-variant="v2"] .platform-health-detail-panel {
    position: static;
  }

  body[data-ui-variant="v2"] .platform-health-finding {
    grid-template-columns: auto minmax(0, 1fr);
  }

  body[data-ui-variant="v2"] .platform-health-finding-meta {
    grid-column: 2;
    text-align: left;
  }

  body[data-ui-variant="v2"] .v2-scope-bar {
    order: 1;
  }

  body[data-ui-variant="v2"] .v2-board-column {
    order: 2;
  }

  body[data-ui-variant="v2"] .v2-detail-column {
    order: 3;
  }

  body[data-ui-variant="v2"] .v2-prompt-row {
    order: 4;
  }

  body[data-ui-variant="v2"] .v2-topbar-actions {
    grid-template-columns: repeat(2, max-content);
    justify-content: start;
  }

  body[data-ui-variant="v2"] .v2-scope-fields {
    grid-template-columns: 1fr;
  }

  body[data-ui-variant="v2"] .v2-filter-inline {
    grid-template-columns: 1fr;
  }

  body[data-ui-variant="v2"] #investigate {
    min-width: 0;
    width: 100%;
    white-space: normal;
  }

  body[data-ui-variant="v2"]:has(#detail-view:not(.hidden)) .v2-scope-bar,
  body[data-ui-variant="v2"]:has(#detail-view:not(.hidden)) .v2-board-column,
  body[data-ui-variant="v2"]:has(#detail-view:not(.hidden)) .v2-prompt-row {
    display: none;
  }

  body[data-ui-variant="v2"]:has(#detail-view:not(.hidden)) .v2-detail-column {
    order: 1;
  }

  body[data-ui-variant="v2"] #detail-view,
  body[data-ui-variant="v2"] #detail-empty {
    position: static;
    top: auto;
  }

  body[data-ui-variant="v2"] #back {
    width: auto;
    margin-bottom: 24px;
    padding: 12px 16px;
  }

  body[data-ui-variant="v2"] .v2-topbar {
    padding: 18px 16px;
  }

  body[data-ui-variant="v2"] .v2-topbar-copy h1 {
    font-size: 26px;
  }

  body[data-ui-variant="v2"] .v2-topbar-actions .button-link,
  body[data-ui-variant="v2"] #detail-update-banner button,
  body[data-ui-variant="v2"] #workflow-status + .button-row button {
    padding: 10px 14px;
    font-size: 13px;
  }

  body[data-ui-variant="v2"] #workflow-status + .button-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
}

@media (min-width: 960px) {
  body[data-ui-variant="v2"] .v2-topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: minmax(158px, auto) auto;
    min-height: 288px;
  }

  body[data-ui-variant="v2"] .v2-primary-nav {
    grid-column: 1 / -1;
    align-self: end;
  }

  body[data-ui-variant="v2"] .v2-topbar-actions {
    min-width: 220px;
  }

  body[data-ui-variant="v2"] .v2-scope-bar {
    grid-column: 1 / -1;
    grid-template-columns: minmax(260px, 0.75fr) minmax(420px, 1.15fr);
    align-items: start;
  }

  body[data-ui-variant="v2"] .v2-scope-fields {
    grid-column: 1 / 2;
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-ui-variant="v2"] .v2-filter-inline {
    grid-template-columns: minmax(0, 1fr);
    align-items: end;
  }

  body[data-ui-variant="v2"] .v2-scope-actions {
    grid-column: 2 / 3;
    grid-row: 1 / span 2;
  }

  body[data-ui-variant="v2"] #board-view,
  body[data-ui-variant="v2"] #detail-view,
  body[data-ui-variant="v2"] #detail-empty {
    position: sticky;
    top: 18px;
  }

  body[data-ui-variant="v2"] .v2-layout {
    grid-template-columns: minmax(420px, var(--v2-board-width, 56%)) 12px minmax(520px, 1fr);
    align-items: start;
  }

  body[data-ui-variant="v2"] .v2-layout.v2-layout-page {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-ui-variant="v2"] .incident-decision-panel {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  body[data-ui-variant="v2"] .incident-answer-grid {
    grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.1fr);
  }

  body[data-ui-variant="v2"][data-page-kind="cost-insight"] .v2-layout.v2-layout-costs {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-ui-variant="v2"] .v2-resizer {
    display: block;
    align-self: stretch;
    min-height: 100%;
    cursor: col-resize;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(79, 140, 255, 0.16) 0%, rgba(79, 140, 255, 0.34) 50%, rgba(79, 140, 255, 0.16) 100%);
    box-shadow: inset 0 0 0 1px rgba(99, 124, 173, 0.24);
  }

  body[data-ui-variant="v2"] .v2-prompt-row {
    grid-column: 1 / -1;
  }
}

@media (min-width: 1180px) {
  body[data-ui-variant="v2"] .v2-topbar {
    height: 288px;
  }
}

@media (min-width: 960px) and (max-width: 1279px) {
  body[data-ui-variant="v2"] .platform-health-workspace {
    grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  }

  body[data-ui-variant="v2"] .platform-health-detail-panel {
    grid-column: 1 / -1;
    position: static;
  }
}


body[data-ui-variant="v2"] .v2-view-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 18px;
}

body[data-ui-variant="v2"] .view-tab {
  border: 1px solid rgba(99, 124, 173, 0.28);
  background: rgba(12, 20, 34, 0.82);
  color: #d8e4f8;
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 700;
}

body[data-ui-variant="v2"] .view-tab.active {
  background: linear-gradient(180deg, rgba(79, 140, 255, 0.96) 0%, rgba(62, 117, 211, 0.96) 100%);
  border-color: rgba(122, 171, 255, 0.6);
  color: #ffffff;
}

body[data-ui-variant="v2"][data-workspace-view="costs"] .v2-detail-column,
body[data-ui-variant="v2"][data-workspace-view="costs"] .v2-resizer {
  display: none;
}

body[data-ui-variant="v2"][data-workspace-view="costs"] .v2-board-column {
  grid-column: 1 / -1;
}

body[data-ui-variant="v2"] .cost-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 14px 0 18px;
}

body[data-ui-variant="v2"] .cost-toolbar-left {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

body[data-ui-variant="v2"] .cost-mode-tabs {
  margin: 0;
  justify-content: flex-end;
}

body[data-ui-variant="v2"] .cost-mode-panel.hidden {
  display: none;
}

body[data-ui-variant="v2"] .cost-mode-tab {
  border: 1px solid rgba(99, 124, 173, 0.28);
  background: rgba(12, 20, 34, 0.82);
  color: #d8e4f8;
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 700;
}

body[data-ui-variant="v2"] .cost-mode-tab.active {
  background: linear-gradient(180deg, rgba(79, 140, 255, 0.96) 0%, rgba(62, 117, 211, 0.96) 100%);
  border-color: rgba(122, 171, 255, 0.6);
  color: #ffffff;
  box-shadow: 0 0 0 1px rgba(79, 140, 255, 0.24), 0 10px 20px rgba(15, 29, 58, 0.32);
}

body[data-ui-variant="v2"] .cost-summary-grid,
body[data-ui-variant="v2"] .cost-grid {
  display: grid;
  gap: 14px;
}

body[data-ui-variant="v2"] .cost-summary-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin-bottom: 18px;
}

body[data-ui-variant="v2"] .cost-grid {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

body[data-ui-variant="v2"] .cost-section + .cost-section {
  margin-top: 22px;
}

body[data-ui-variant="v2"] .cost-metric-card,
body[data-ui-variant="v2"] .cost-detail-card {
  background: linear-gradient(180deg, rgba(15, 24, 39, 0.96) 0%, rgba(11, 19, 33, 0.98) 100%);
  border: 1px solid rgba(99, 124, 173, 0.22);
  border-radius: 14px;
  padding: 16px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

body[data-ui-variant="v2"] .cost-metric-card-primary {
  border-left: 4px solid #4f8cff;
}

body[data-ui-variant="v2"] .cost-metric-card-warning {
  border-left: 4px solid #f2b94b;
}

body[data-ui-variant="v2"] .cost-metric-card-success {
  border-left: 4px solid #22c3a6;
}

body[data-ui-variant="v2"] .cost-metric-card-neutral {
  border-left: 4px solid rgba(173, 192, 228, 0.42);
}

body[data-ui-variant="v2"] .cost-metric-label {
  margin: 0 0 8px;
  color: #c1d0e8;
  font-weight: 700;
}

body[data-ui-variant="v2"] .cost-metric-value {
  display: block;
  font-size: 30px;
  line-height: 1.1;
  margin-bottom: 8px;
  color: #f7fbff;
}

body[data-ui-variant="v2"] .cost-detail-card h4 {
  margin: 10px 0 8px;
}

body[data-ui-variant="v2"] .cost-provisioning-risk-panel {
  grid-column: 1 / -1;
  border-color: rgba(242, 185, 75, 0.42);
  background:
    radial-gradient(circle at top left, rgba(242, 185, 75, 0.16), transparent 32%),
    linear-gradient(180deg, rgba(18, 29, 48, 0.98) 0%, rgba(11, 19, 33, 0.98) 100%);
}

body[data-ui-variant="v2"] .cost-provisioning-risk-panel-quiet {
  border-color: rgba(99, 124, 173, 0.22);
}

body[data-ui-variant="v2"] .cost-provisioning-risk-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

body[data-ui-variant="v2"] .cost-provisioning-risk-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

body[data-ui-variant="v2"] .cost-provisioning-risk-item,
body[data-ui-variant="v2"] .cost-workload-findings {
  border: 1px solid rgba(99, 124, 173, 0.2);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  padding: 12px;
}

body[data-ui-variant="v2"] .cost-provisioning-risk-item h5 {
  margin: 8px 0 6px;
  color: #f4f8ff;
  font-size: 15px;
}

body[data-ui-variant="v2"] .cost-risk-next-step {
  margin-top: 8px;
  color: #ffd27a;
  font-weight: 700;
}

body[data-ui-variant="v2"] .cost-workload-findings {
  display: grid;
  gap: 5px;
  margin: 12px 0;
  border-color: rgba(255, 104, 115, 0.35);
}

body[data-ui-variant="v2"] .cost-workload-findings span {
  color: #ffb0b7;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

body[data-ui-variant="v2"] .cost-workload-findings strong {
  color: #f7fbff;
}

body[data-ui-variant="v2"] .cost-provisioning-section {
  grid-column: 1 / -1;
  display: grid;
  gap: 12px;
  margin-top: 10px;
}

body[data-ui-variant="v2"] .cost-provisioning-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding: 4px 2px;
}

body[data-ui-variant="v2"] .cost-provisioning-section-head h4 {
  margin: 0;
}

body[data-ui-variant="v2"] .cost-provisioning-section-head p {
  max-width: 760px;
  margin: 0;
  color: #b8c7df;
  line-height: 1.45;
}

body[data-ui-variant="v2"] .cost-provisioning-section-managed .cost-detail-card {
  border-style: dashed;
}

body[data-ui-variant="v2"] .cost-managed-service-card {
  background:
    radial-gradient(circle at top left, rgba(79, 140, 255, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(15, 24, 39, 0.96) 0%, rgba(11, 19, 33, 0.98) 100%);
}

body[data-ui-variant="v2"] .cost-managed-service-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

body[data-ui-variant="v2"] .cost-managed-service-meta span {
  min-width: 0;
  padding: 8px;
  border-radius: 10px;
  border: 1px solid rgba(99, 124, 173, 0.18);
  background: rgba(255, 255, 255, 0.04);
  color: #c5d4eb;
  font-weight: 700;
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] .cost-cache-status ul {
  margin: 10px 0 0;
  padding-left: 20px;
}


body[data-ui-variant="v2"] .cost-section-copy {
  margin-bottom: 14px;
}

body[data-ui-variant="v2"] .cost-section-copy h3 {
  margin-bottom: 8px;
}

body[data-ui-variant="v2"] .cost-inline-list {
  margin: 12px 0 0;
  padding-left: 20px;
  color: #d3deef;
}

body[data-ui-variant="v2"] .cost-inline-list li + li {
  margin-top: 6px;
}


body[data-ui-variant="v2"] .cost-center-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
}

body[data-ui-variant="v2"] .cost-center-card {
  appearance: none;
  display: block;
  text-align: left;
  width: 100%;
  background: linear-gradient(180deg, rgba(15, 24, 39, 0.96) 0%, rgba(11, 19, 33, 0.98) 100%);
  border: 1px solid rgba(99, 124, 173, 0.22);
  border-radius: 14px;
  padding: 16px;
  color: var(--ink);
  cursor: pointer;
  transition: border-color 120ms ease, transform 120ms ease, box-shadow 120ms ease;
}

body[data-ui-variant="v2"] .cost-center-card:hover {
  border-color: rgba(79, 140, 255, 0.42);
  transform: translateY(-1px);
}

body[data-ui-variant="v2"] .cost-center-card.active {
  border-color: rgba(79, 140, 255, 0.72);
  box-shadow: 0 0 0 1px rgba(79, 140, 255, 0.28), 0 14px 28px rgba(0, 0, 0, 0.18);
  background: linear-gradient(180deg, rgba(20, 34, 58, 0.98) 0%, rgba(12, 22, 39, 0.98) 100%);
}

body[data-ui-variant="v2"] .cost-center-card-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 10px;
}

body[data-ui-variant="v2"] .cost-center-card-top h4 {
  margin: 0;
}

body[data-ui-variant="v2"] .cost-center-card-heading {
  min-width: 0;
}

body[data-ui-variant="v2"] .cost-center-card-subtitle {
  margin: 0 0 14px;
  color: #9fb1cf;
  line-height: 1.35;
  max-width: 36ch;
}

body[data-ui-variant="v2"] .cost-center-card-value {
  font-size: 22px;
  font-weight: 800;
  color: #f7fbff;
  white-space: nowrap;
}

body[data-ui-variant="v2"] .cost-center-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

body[data-ui-variant="v2"] .cost-center-metric {
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(99, 124, 173, 0.18);
}

body[data-ui-variant="v2"] .cost-center-metric-label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #8ea1c1;
  margin-bottom: 4px;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] .cost-center-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body[data-ui-variant="v2"] .cost-center-meta-item {
  display: grid;
  gap: 6px;
  min-width: 0;
}

body[data-ui-variant="v2"] .cost-center-meta-label {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #8ea1c1;
}

body[data-ui-variant="v2"] .cost-center-chip {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 6px 10px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(173, 192, 228, 0.16);
  color: #e8f0ff;
  font-weight: 600;
  line-height: 1.2;
  width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] #refresh-costs {
  background: #b35a63;
  border-color: #b35a63;
  color: #fff7f8;
}

body[data-ui-variant="v2"] #refresh-costs:hover {
  background: #9f4d56;
  border-color: #9f4d56;
  box-shadow: 0 12px 20px rgba(179, 90, 99, 0.22);
}

body[data-ui-variant="v2"] .cost-toolbar .button-link-secondary {
  background: #2f5fad;
  border-color: #2f5fad;
}

body[data-ui-variant="v2"] .cost-toolbar .button-link-secondary:hover {
  background: #284f90;
  border-color: #284f90;
  box-shadow: 0 12px 20px rgba(47, 95, 173, 0.22);
}

@media (max-width: 1100px) {
  body[data-ui-variant="v2"] .health-hero-card,
  body[data-ui-variant="v2"] .health-grid,
  body[data-ui-variant="v2"] .health-grid-wide,
  body[data-ui-variant="v2"] .health-cluster-grid,
  body[data-ui-variant="v2"] .health-needs-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-ui-variant="v2"] .cost-center-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-ui-variant="v2"] .cost-center-meta {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 780px) {
  body[data-ui-variant="v2"] .cost-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-ui-variant="v2"] .cost-toolbar-left {
    justify-content: stretch;
  }

  body[data-ui-variant="v2"] .cost-cache-period-card {
    grid-template-columns: 1fr;
  }

  body[data-ui-variant="v2"] .cost-period-filter {
    align-items: stretch;
    flex-direction: column;
  }

  body[data-ui-variant="v2"] .cost-period-controls {
    justify-content: stretch;
  }

  body[data-ui-variant="v2"] .cost-period-field,
  body[data-ui-variant="v2"] .cost-period-field input,
  body[data-ui-variant="v2"] .cost-period-controls button {
    width: 100%;
  }

  body[data-ui-variant="v2"] .cost-mode-tabs {
    justify-content: flex-start;
  }

  body[data-ui-variant="v2"] .cost-center-card-top {
    grid-template-columns: 1fr;
  }

  body[data-ui-variant="v2"] .cost-center-card-value {
    white-space: normal;
  }

  body[data-ui-variant="v2"] .cost-provisioning-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  body[data-ui-variant="v2"] .cost-managed-service-meta {
    grid-template-columns: 1fr;
  }
}

body[data-ui-variant="v2"] .cost-focus-card {
  background: linear-gradient(180deg, rgba(17, 27, 47, 0.98) 0%, rgba(11, 19, 33, 0.98) 100%);
  border: 1px solid rgba(99, 124, 173, 0.24);
  border-radius: 16px;
  padding: 18px;
}

body[data-ui-variant="v2"] .cost-focus-header {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}

body[data-ui-variant="v2"] .cost-focus-kicker {
  margin: 0 0 6px;
  color: #9eb1cf;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 12px;
}

body[data-ui-variant="v2"] .cost-focus-header h3 {
  margin: 0;
}

body[data-ui-variant="v2"] .cost-focus-amount {
  font-size: 30px;
  line-height: 1;
  font-weight: 800;
  color: #f7fbff;
  white-space: nowrap;
}

body[data-ui-variant="v2"] .cost-focus-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px;
  margin-top: 16px;
}

body[data-ui-variant="v2"] .cost-focus-columns h4 {
  margin: 0 0 8px;
}

html[data-theme="light"] body[data-ui-variant="v2"] {
  --paper: #f3f6fb;
  --card: #ffffff;
  --ink: #14233a;
  --muted: #58708f;
  --line: #d7e0ee;
  --accent: #0f9f8c;
  --accent-soft: rgba(15, 159, 140, 0.12);
  --priority-high: #cf3f4c;
  --priority-high-soft: rgba(207, 63, 76, 0.12);
  --priority-medium: #aa6d00;
  --priority-medium-soft: rgba(170, 109, 0, 0.12);
  --priority-low: #315fa9;
  --priority-low-soft: rgba(49, 95, 169, 0.11);
  --aiden-blue: #255fba;
  --aiden-blue-dark: #184b99;
  background:
    radial-gradient(circle at top left, rgba(37, 95, 186, 0.12), transparent 30%),
    radial-gradient(circle at top right, rgba(15, 159, 140, 0.12), transparent 28%),
    linear-gradient(180deg, #f7faff 0%, #edf3fa 100%);
  color: var(--ink);
}

html[data-theme="light"] body[data-ui-variant="v2"] .card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 250, 255, 0.98) 100%);
  border-color: rgba(36, 66, 110, 0.16);
  box-shadow: 0 22px 44px rgba(47, 75, 116, 0.12);
}

body[data-ui-variant="v2"] .cost-provisioning-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

body[data-ui-variant="v2"] .cost-provisioning-grid div,
body[data-ui-variant="v2"] .cost-provisioning-strip {
  min-width: 0;
  padding: 9px 10px;
  border-radius: 12px;
  border: 1px solid rgba(99, 124, 173, 0.18);
  background: rgba(255, 255, 255, 0.04);
}

body[data-ui-variant="v2"] .cost-provisioning-grid div {
  display: grid;
  align-content: start;
  gap: 4px;
  min-height: 68px;
}

body[data-ui-variant="v2"] .cost-provisioning-grid span,
body[data-ui-variant="v2"] .cost-provisioning-strip span {
  display: block;
  color: #8ea1c1;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.2;
}

body[data-ui-variant="v2"] .cost-provisioning-grid strong,
body[data-ui-variant="v2"] .cost-provisioning-strip strong {
  display: block;
  color: #e8f0ff;
  overflow-wrap: anywhere;
  line-height: 1.22;
}

body[data-ui-variant="v2"] .cost-nodepool-footnote {
  margin: 10px 0 6px;
  color: #9fb0cc;
  font-size: 13px;
  font-weight: 750;
  overflow-wrap: anywhere;
}

body[data-ui-variant="v2"] .cost-nodepool-verdict {
  display: grid;
  gap: 4px;
  margin: 10px 0 12px;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(99, 124, 173, 0.2);
  background: rgba(255, 255, 255, 0.05);
}

body[data-ui-variant="v2"] .cost-nodepool-verdict strong {
  color: #f2f6ff;
  font-size: 14px;
  line-height: 1.2;
}

body[data-ui-variant="v2"] .cost-nodepool-verdict span {
  color: #aebdd5;
  font-size: 13px;
  line-height: 1.35;
}

body[data-ui-variant="v2"] .cost-nodepool-verdict-danger,
body[data-ui-variant="v2"] .badge-danger {
  border-color: rgba(255, 92, 112, 0.38);
  background: rgba(255, 92, 112, 0.12);
}

body[data-ui-variant="v2"] .cost-nodepool-verdict-warning,
body[data-ui-variant="v2"] .badge-warning {
  border-color: rgba(242, 185, 75, 0.42);
  background: rgba(242, 185, 75, 0.14);
}

body[data-ui-variant="v2"] .cost-nodepool-verdict-opportunity,
body[data-ui-variant="v2"] .badge-opportunity {
  border-color: rgba(37, 196, 164, 0.38);
  background: rgba(37, 196, 164, 0.13);
}

body[data-ui-variant="v2"] .cost-nodepool-verdict-success,
body[data-ui-variant="v2"] .badge-success {
  border-color: rgba(99, 210, 137, 0.36);
  background: rgba(99, 210, 137, 0.12);
}

body[data-ui-variant="v2"] .cost-provisioning-strip {
  display: grid;
  gap: 4px;
  margin: 12px 0;
}

body[data-ui-variant="v2"] .cost-provisioning-strip-muted strong {
  color: #ffd27a;
}

html[data-theme="light"] body[data-ui-variant="v2"] {
  --paper: #f6f8fc;
  --card: #ffffff;
  --ink: #10203a;
  --muted: #546782;
  --line: #d7e0ee;
  background:
    radial-gradient(circle at top left, rgba(79, 140, 255, 0.12), transparent 30%),
    radial-gradient(circle at top right, rgba(34, 195, 166, 0.1), transparent 28%),
    linear-gradient(180deg, #f7faff 0%, #eef3fb 100%);
  color: var(--ink);
}

html[data-theme="light"] body[data-ui-variant="v2"] .card,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-dashboard {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 255, 0.98) 100%);
  border-color: rgba(58, 78, 112, 0.18);
  box-shadow: 0 18px 36px rgba(49, 70, 104, 0.12);
}

html[data-theme="light"] body[data-ui-variant="v2"] h1,
html[data-theme="light"] body[data-ui-variant="v2"] h2,
html[data-theme="light"] body[data-ui-variant="v2"] h3,
html[data-theme="light"] body[data-ui-variant="v2"] strong,
html[data-theme="light"] body[data-ui-variant="v2"] label,
html[data-theme="light"] body[data-ui-variant="v2"] summary {
  color: #10213a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .muted,
html[data-theme="light"] body[data-ui-variant="v2"] .hero p,
html[data-theme="light"] body[data-ui-variant="v2"] .statusbar p,
html[data-theme="light"] body[data-ui-variant="v2"] .usage-card p,
html[data-theme="light"] body[data-ui-variant="v2"] .response-output p,
html[data-theme="light"] body[data-ui-variant="v2"] .response-output li,
html[data-theme="light"] body[data-ui-variant="v2"] .notification-card p {
  color: #506987;
}

html[data-theme="light"] body[data-ui-variant="v2"] .v2-primary-nav,
html[data-theme="light"] body[data-ui-variant="v2"] .v2-cluster-filter,
html[data-theme="light"] body[data-ui-variant="v2"] .v2-product-filter,
html[data-theme="light"] body[data-ui-variant="v2"] .highlight,
html[data-theme="light"] body[data-ui-variant="v2"] .statusbar,
html[data-theme="light"] body[data-ui-variant="v2"] .usage-card,
html[data-theme="light"] body[data-ui-variant="v2"] .notification-card,
html[data-theme="light"] body[data-ui-variant="v2"] .prompt-editor,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-filter-card,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-focus-card {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(36, 66, 110, 0.16);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.66);
}

html[data-theme="light"] body[data-ui-variant="v2"] .v2-product-filter {
  background: linear-gradient(135deg, rgba(15, 159, 140, 0.08), rgba(37, 95, 186, 0.06));
}

html[data-theme="light"] body[data-ui-variant="v2"] .v2-primary-link,
html[data-theme="light"] body[data-ui-variant="v2"] .button-link-ghost,
html[data-theme="light"] body[data-ui-variant="v2"] .cluster-filter-item,
html[data-theme="light"] body[data-ui-variant="v2"] .product-filter-pill,
html[data-theme="light"] body[data-ui-variant="v2"] .workflow-toggle,
html[data-theme="light"] body[data-ui-variant="v2"] .tab {
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(36, 66, 110, 0.18);
  color: #1b3354;
}

html[data-theme="light"] body[data-ui-variant="v2"] .v2-primary-link:hover,
html[data-theme="light"] body[data-ui-variant="v2"] .product-filter-pill:hover,
html[data-theme="light"] body[data-ui-variant="v2"] .cluster-filter-item:hover {
  background: rgba(37, 95, 186, 0.08);
  border-color: rgba(37, 95, 186, 0.28);
  box-shadow: 0 10px 20px rgba(47, 75, 116, 0.12);
}

html[data-theme="light"] body[data-ui-variant="v2"] .v2-primary-link.active,
html[data-theme="light"] body[data-ui-variant="v2"] .cluster-filter-item.active,
html[data-theme="light"] body[data-ui-variant="v2"] .workflow-toggle-active-state.active,
html[data-theme="light"] body[data-ui-variant="v2"] .tab.active {
  background: linear-gradient(180deg, #3879dc 0%, #255fba 100%);
  border-color: rgba(37, 95, 186, 0.46);
  color: #ffffff;
  box-shadow: 0 12px 22px rgba(37, 95, 186, 0.2);
}

html[data-theme="light"] body[data-ui-variant="v2"] .product-filter-pill.active {
  background: linear-gradient(135deg, rgba(15, 159, 140, 0.18), rgba(37, 95, 186, 0.12));
  border-color: rgba(15, 159, 140, 0.42);
  color: #0c3e45;
}

html[data-theme="light"] body[data-ui-variant="v2"] .theme-toggle {
  background: rgba(255, 255, 255, 0.82);
  border-color: rgba(36, 66, 110, 0.2);
  color: #163155;
  box-shadow: 0 12px 22px rgba(47, 75, 116, 0.12);
}

html[data-theme="light"] body[data-ui-variant="v2"] textarea,
html[data-theme="light"] body[data-ui-variant="v2"] input,
html[data-theme="light"] body[data-ui-variant="v2"] select {
  background: rgba(255, 255, 255, 0.88);
  color: #14233a;
  border-color: rgba(36, 66, 110, 0.22);
}

html[data-theme="light"] body[data-ui-variant="v2"] textarea::placeholder,
html[data-theme="light"] body[data-ui-variant="v2"] input::placeholder {
  color: #7a8da8;
}

html[data-theme="light"] body[data-ui-variant="v2"] .incident,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-center-card,
html[data-theme="light"] body[data-ui-variant="v2"] .health-card,
html[data-theme="light"] body[data-ui-variant="v2"] .health-status-card,
html[data-theme="light"] body[data-ui-variant="v2"] .doc-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 251, 255, 0.96) 100%);
  border-color: rgba(36, 66, 110, 0.16);
  box-shadow: 0 12px 26px rgba(47, 75, 116, 0.09);
}

html[data-theme="light"] body[data-ui-variant="v2"] .incident:hover {
  border-color: rgba(37, 95, 186, 0.34);
  box-shadow: 0 14px 28px rgba(47, 75, 116, 0.14);
}

html[data-theme="light"] body[data-ui-variant="v2"] .incident p,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-focus-kicker {
  color: #607894;
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge {
  background: rgba(38, 63, 103, 0.08);
  border-color: rgba(38, 63, 103, 0.14);
  color: #1b3354;
}

html[data-theme="light"] body[data-ui-variant="v2"] h1,
html[data-theme="light"] body[data-ui-variant="v2"] h2,
html[data-theme="light"] body[data-ui-variant="v2"] h3,
html[data-theme="light"] body[data-ui-variant="v2"] h4,
html[data-theme="light"] body[data-ui-variant="v2"] strong,
html[data-theme="light"] body[data-ui-variant="v2"] label,
html[data-theme="light"] body[data-ui-variant="v2"] summary {
  color: #10203a;
}

html[data-theme="light"] body[data-ui-variant="v2"] p,
html[data-theme="light"] body[data-ui-variant="v2"] li,
html[data-theme="light"] body[data-ui-variant="v2"] .muted {
  color: #4f637f;
}

html[data-theme="light"] body[data-ui-variant="v2"] .v2-primary-nav {
  background: rgba(232, 239, 250, 0.72);
  border-color: rgba(73, 97, 137, 0.18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] body[data-ui-variant="v2"] .v2-primary-link,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-mode-tab,
html[data-theme="light"] body[data-ui-variant="v2"] .button-link-subtle,
html[data-theme="light"] body[data-ui-variant="v2"] .button-link-ghost {
  background: rgba(255, 255, 255, 0.84);
  border-color: rgba(78, 102, 143, 0.22);
  color: #1d3151;
}

html[data-theme="light"] body[data-ui-variant="v2"] .v2-primary-link-disabled {
  background: rgba(232, 239, 250, 0.6);
  border-color: rgba(78, 102, 143, 0.16);
  color: #6f819a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .v2-primary-link-disabled:hover {
  background: rgba(232, 239, 250, 0.6);
  border-color: rgba(78, 102, 143, 0.16);
  box-shadow: none;
}

html[data-theme="light"] body[data-ui-variant="v2"] .v2-primary-link.active,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-mode-tab.active {
  background: linear-gradient(180deg, #4f8cff 0%, #336ec8 100%);
  border-color: rgba(45, 102, 195, 0.38);
  color: #ffffff;
  box-shadow: 0 14px 26px rgba(55, 105, 190, 0.24);
}

html[data-theme="light"] body[data-ui-variant="v2"] .theme-toggle {
  background: linear-gradient(180deg, #ffffff 0%, #e8eef8 100%);
  border-color: rgba(51, 89, 151, 0.24);
  color: #162a48;
  box-shadow: 0 12px 22px rgba(65, 89, 127, 0.16);
}

html[data-theme="light"] body[data-ui-variant="v2"] input,
html[data-theme="light"] body[data-ui-variant="v2"] select,
html[data-theme="light"] body[data-ui-variant="v2"] textarea {
  background: #ffffff;
  border-color: rgba(65, 89, 127, 0.24);
  color: #10203a;
}

html[data-theme="light"] body[data-ui-variant="v2"] input::placeholder,
html[data-theme="light"] body[data-ui-variant="v2"] textarea::placeholder {
  color: #7d8da5;
}

html[data-theme="light"] body[data-ui-variant="v2"] .statusbar,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-filter-card,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-period-filter,
html[data-theme="light"] body[data-ui-variant="v2"] .v2-scope-bar,
html[data-theme="light"] body[data-ui-variant="v2"] .highlights {
  background: linear-gradient(180deg, rgba(247, 250, 255, 0.96), rgba(238, 244, 252, 0.96));
  border-color: rgba(68, 92, 132, 0.18);
  color: #1b2d4a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-metric-card,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-detail-card,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-center-card,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-focus-card {
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  border-color: rgba(74, 98, 138, 0.18);
  color: #10203a;
  box-shadow: 0 16px 28px rgba(54, 76, 113, 0.1);
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-center-card.active {
  background: linear-gradient(180deg, #f4f8ff 0%, #edf4ff 100%);
  border-color: rgba(79, 140, 255, 0.58);
  box-shadow: 0 0 0 1px rgba(79, 140, 255, 0.18), 0 18px 30px rgba(67, 103, 160, 0.16);
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-metric-label,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-center-card-subtitle,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-center-metric-label,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-center-meta-label,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-inline-list,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-section-copy,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-focus-kicker {
  color: #5d7190;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-metric-value,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-center-card-value,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-focus-amount {
  color: #0f1f37;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-center-metric,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-center-chip,
html[data-theme="light"] body[data-ui-variant="v2"] .badge,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-provisioning-grid div,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-provisioning-strip,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-provisioning-risk-item,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-workload-findings {
  background: #f2f6fc;
  border-color: rgba(67, 91, 129, 0.16);
  color: #1d3151;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-provisioning-risk-panel {
  background:
    radial-gradient(circle at top left, rgba(242, 185, 75, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 255, 0.98) 100%);
  border-color: rgba(215, 150, 32, 0.38);
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-provisioning-risk-item h5,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-workload-findings strong {
  color: #10203a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-risk-next-step {
  color: #8a5d00;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-workload-findings span {
  color: #9b3442;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-provisioning-section-head p {
  color: #405676;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-managed-service-card {
  background:
    radial-gradient(circle at top left, rgba(79, 140, 255, 0.1), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 250, 255, 0.98) 100%);
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-managed-service-meta span {
  background: #f2f6fc;
  border-color: rgba(67, 91, 129, 0.16);
  color: #1d3151;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-provisioning-grid span,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-provisioning-strip span,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-nodepool-footnote {
  color: #5d7190;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-provisioning-grid strong,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-provisioning-strip strong {
  color: #10203a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-nodepool-verdict {
  background: #f5f8fe;
  border-color: rgba(67, 91, 129, 0.16);
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-nodepool-verdict strong {
  color: #10203a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-nodepool-verdict span {
  color: #405676;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-nodepool-verdict-danger,
html[data-theme="light"] body[data-ui-variant="v2"] .badge-danger {
  border-color: rgba(220, 65, 88, 0.32);
  background: #fff1f3;
  color: #7e2634;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-nodepool-verdict-warning,
html[data-theme="light"] body[data-ui-variant="v2"] .badge-warning {
  border-color: rgba(205, 142, 29, 0.34);
  background: #fff7e5;
  color: #73510b;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-nodepool-verdict-opportunity,
html[data-theme="light"] body[data-ui-variant="v2"] .badge-opportunity {
  border-color: rgba(20, 151, 127, 0.3);
  background: #eafaf6;
  color: #0f6959;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-nodepool-verdict-success,
html[data-theme="light"] body[data-ui-variant="v2"] .badge-success {
  border-color: rgba(56, 149, 91, 0.3);
  background: #eef9f1;
  color: #27643d;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cluster-filter-list button {
  background: #f5f8fe;
  border-color: rgba(77, 103, 145, 0.18);
  color: #203554;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cluster-filter-list button.active {
  background: linear-gradient(180deg, #dce9ff 0%, #c7dcff 100%);
  border-color: rgba(79, 140, 255, 0.42);
  color: #12325f;
}

html[data-theme="light"] body[data-ui-variant="v2"] .v2-footer a,
html[data-theme="light"] body[data-ui-variant="v2"] .doc-card a {
  color: #245eb8;
}

html[data-theme="light"] body[data-ui-variant="v2"][data-page-kind="cost-insight"] .cost-period-field input {
  color-scheme: light;
}

html[data-theme="light"] body[data-ui-variant="v2"] .incident,
html[data-theme="light"] body[data-ui-variant="v2"] .resolved-incident,
html[data-theme="light"] body[data-ui-variant="v2"] .resolved-incident-past,
html[data-theme="light"] body[data-ui-variant="v2"] .workflow-stat-card,
html[data-theme="light"] body[data-ui-variant="v2"] .notification-card,
html[data-theme="light"] body[data-ui-variant="v2"] .prompt-editor {
  background: linear-gradient(180deg, #ffffff 0%, #f5f8fe 100%);
  border-color: rgba(63, 88, 130, 0.18);
  color: #10203a;
  box-shadow: 0 14px 26px rgba(45, 69, 108, 0.1);
}

html[data-theme="light"] body[data-ui-variant="v2"] .incident:hover,
html[data-theme="light"] body[data-ui-variant="v2"] .resolved-incident:hover {
  border-color: rgba(79, 140, 255, 0.42);
  box-shadow: 0 18px 30px rgba(57, 87, 139, 0.16);
}

html[data-theme="light"] body[data-ui-variant="v2"] .incident h3,
html[data-theme="light"] body[data-ui-variant="v2"] .incident h4,
html[data-theme="light"] body[data-ui-variant="v2"] .resolved-incident h3,
html[data-theme="light"] body[data-ui-variant="v2"] .resolved-incident h4 {
  color: #10203a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .incident p,
html[data-theme="light"] body[data-ui-variant="v2"] .notification-card p,
html[data-theme="light"] body[data-ui-variant="v2"] .usage-card p,
html[data-theme="light"] body[data-ui-variant="v2"] .response-output p,
html[data-theme="light"] body[data-ui-variant="v2"] .response-output li {
  color: #506783;
}

html[data-theme="light"] body[data-ui-variant="v2"] .root-cause-card {
  background:
    radial-gradient(circle at top left, rgba(242, 185, 75, 0.18), transparent 36%),
    linear-gradient(135deg, #fff8e8 0%, #ffffff 54%, #f4f8ff 100%);
  border-color: rgba(189, 128, 29, 0.34);
  color: #422d08;
  box-shadow: 0 18px 36px rgba(124, 88, 24, 0.16);
}

html[data-theme="light"] body[data-ui-variant="v2"] .root-cause-card-clickable:hover,
html[data-theme="light"] body[data-ui-variant="v2"] .root-cause-card-clickable:focus-visible {
  border-color: rgba(190, 130, 35, 0.58);
  box-shadow: 0 20px 38px rgba(124, 88, 24, 0.2), 0 0 0 3px rgba(242, 185, 75, 0.18);
}

html[data-theme="light"] body[data-ui-variant="v2"] .root-cause-card-clickable::after,
html[data-theme="light"] body[data-ui-variant="v2"] .root-cause-kicker {
  color: #8a5a09;
}

html[data-theme="light"] body[data-ui-variant="v2"] .root-cause-card h3 {
  color: #17335b;
}

html[data-theme="light"] body[data-ui-variant="v2"] .root-cause-card p {
  color: #61420e;
}

html[data-theme="light"] body[data-ui-variant="v2"] .root-cause-card ul {
  color: #425a78;
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge {
  background: #eef4fc;
  border-color: rgba(67, 91, 129, 0.18);
  color: #1c3150;
  box-shadow: none;
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-k8s,
html[data-theme="light"] body[data-ui-variant="v2"] .badge-cluster {
  background: rgba(37, 95, 186, 0.1);
  border-color: rgba(37, 95, 186, 0.24);
  color: #174b93;
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-product-saas {
  background: rgba(15, 159, 140, 0.1);
  border-color: rgba(15, 159, 140, 0.26);
  color: #087565;
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-product-connect,
html[data-theme="light"] body[data-ui-variant="v2"] .badge-root-cause {
  background: rgba(170, 109, 0, 0.1);
  border-color: rgba(170, 109, 0, 0.24);
  color: #765000;
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-product-unassigned,
html[data-theme="light"] body[data-ui-variant="v2"] .badge-product-shared {
  background: rgba(88, 112, 143, 0.1);
  border-color: rgba(88, 112, 143, 0.22);
  color: #405672;
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-priority-high {
  background: rgba(207, 63, 76, 0.14);
  border-color: rgba(207, 63, 76, 0.32);
  color: #9f2530;
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-priority-medium {
  background: rgba(170, 109, 0, 0.14);
  border-color: rgba(170, 109, 0, 0.3);
  color: #765000;
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-priority-low {
  background: rgba(49, 95, 169, 0.12);
  border-color: rgba(49, 95, 169, 0.28);
  color: #234e92;
}

html[data-theme="light"] body[data-ui-variant="v2"] .root-cause-card {
  background: linear-gradient(135deg, rgba(255, 246, 222, 0.98) 0%, rgba(255, 255, 255, 0.98) 62%, rgba(243, 248, 255, 0.98) 100%);
  border-color: rgba(170, 109, 0, 0.3);
  box-shadow: 0 18px 36px rgba(96, 75, 35, 0.12);
}

html[data-theme="light"] body[data-ui-variant="v2"] .root-cause-kicker,
html[data-theme="light"] body[data-ui-variant="v2"] .root-cause-card-clickable::after {
  color: #946000;
}

html[data-theme="light"] body[data-ui-variant="v2"] .root-cause-card h3,
html[data-theme="light"] body[data-ui-variant="v2"] .root-cause-card p,
html[data-theme="light"] body[data-ui-variant="v2"] .root-cause-card ul {
  color: #46351a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .summary-analysis-status-warning,
html[data-theme="light"] body[data-ui-variant="v2"] #extended-analysis-panel {
  background: rgba(255, 246, 222, 0.86);
  border-color: rgba(170, 109, 0, 0.24);
}

html[data-theme="light"] body[data-ui-variant="v2"] .summary-analysis-status-info {
  background: rgba(230, 239, 255, 0.86);
  border-color: rgba(37, 95, 186, 0.22);
}

html[data-theme="light"] body[data-ui-variant="v2"] .doc-section-card,
html[data-theme="light"] body[data-ui-variant="v2"] .doc-subsection-card,
html[data-theme="light"] body[data-ui-variant="v2"] .doc-toc-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 249, 255, 0.98) 100%);
}

html[data-theme="light"] body[data-ui-variant="v2"] .doc-toc-list a {
  color: #255fba;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cost-focus-amount,
html[data-theme="light"] body[data-ui-variant="v2"] .cost-center-card-value,
html[data-theme="light"] body[data-ui-variant="v2"] .metric-value {
  color: #10213a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-k8s,
html[data-theme="light"] body[data-ui-variant="v2"] .badge-cluster {
  background: #e7f0ff;
  color: #174981;
  border-color: rgba(45, 102, 195, 0.22);
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-root-cause {
  background: #fff1c7;
  color: #6d4708;
  border-color: rgba(190, 130, 35, 0.34);
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-impacted {
  background: #fff0e8;
  color: #89411b;
  border-color: rgba(202, 96, 45, 0.28);
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-priority-high {
  background: #ff6b6b;
  color: #ffffff;
  border-color: rgba(186, 45, 45, 0.28);
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-priority-medium {
  background: #fff3d2;
  color: #73500c;
  border-color: rgba(195, 134, 30, 0.26);
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-priority-low {
  background: #e8f1ff;
  color: #285b9f;
  border-color: rgba(82, 135, 210, 0.22);
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-llm-low {
  background: #e8f8ef;
  color: #1f7749;
  border-color: rgba(40, 151, 91, 0.22);
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-llm-medium {
  background: #fff4d8;
  color: #7b5408;
  border-color: rgba(202, 142, 33, 0.22);
}

html[data-theme="light"] body[data-ui-variant="v2"] .badge-llm-high,
html[data-theme="light"] body[data-ui-variant="v2"] .badge-llm-very-high,
html[data-theme="light"] body[data-ui-variant="v2"] .badge-llm-extremely-high {
  background: #fff0ed;
  color: #9a3827;
  border-color: rgba(207, 83, 61, 0.25);
}

html[data-theme="light"] body[data-ui-variant="v2"] details,
html[data-theme="light"] body[data-ui-variant="v2"] .response-details {
  background: linear-gradient(180deg, #ffffff 0%, #f3f7fd 100%);
  border-color: rgba(65, 89, 127, 0.18);
  color: #10203a;
}

html[data-theme="light"] body[data-ui-variant="v2"] details summary,
html[data-theme="light"] body[data-ui-variant="v2"] .response-details summary,
html[data-theme="light"] body[data-ui-variant="v2"] .resolved-history summary {
  color: #10203a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .highlight,
html[data-theme="light"] body[data-ui-variant="v2"] .workflow-highlight,
html[data-theme="light"] body[data-ui-variant="v2"] #likely-fixes .highlight,
html[data-theme="light"] body[data-ui-variant="v2"] .incident-likely-fix {
  background: linear-gradient(180deg, #ffffff 0%, #f3f7fd 100%);
  border-color: rgba(65, 89, 127, 0.18);
  color: #10203a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .incident-likely-fix strong {
  color: #0f1f37;
}

html[data-theme="light"] body[data-ui-variant="v2"] .tab {
  background: #f1f5fb;
  border-color: rgba(65, 89, 127, 0.2);
  color: #28405f;
}

html[data-theme="light"] body[data-ui-variant="v2"] .tab.active {
  background: #ff6b6b;
  color: #ffffff;
  border-color: rgba(186, 45, 45, 0.28);
  box-shadow: 0 12px 22px rgba(186, 45, 45, 0.16);
}

html[data-theme="light"] body[data-ui-variant="v2"] .workflow-toggle {
  background: #f1f5fb;
  color: #28405f;
  border-color: rgba(65, 89, 127, 0.2);
}

html[data-theme="light"] body[data-ui-variant="v2"] .workflow-toggle.active,
html[data-theme="light"] body[data-ui-variant="v2"] .workflow-toggle-active,
html[data-theme="light"] body[data-ui-variant="v2"] .workflow-toggle-resolved {
  background: linear-gradient(180deg, #4f8cff 0%, #336ec8 100%);
  color: #ffffff;
  border-color: rgba(45, 102, 195, 0.38);
}

html[data-theme="light"] body[data-ui-variant="v2"] #detail-empty,
html[data-theme="light"] body[data-ui-variant="v2"] #detail-view {
  background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-dashboard {
  background:
    radial-gradient(circle at top left, rgba(79, 140, 255, 0.09), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-dashboard-head p,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-panel-head p,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-detail-head p,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-detail-block p,
html[data-theme="light"] body[data-ui-variant="v2"] #platform-health-detail-empty p {
  color: #506783;
}

html[data-theme="light"] body[data-ui-variant="v2"] .health-scan-meta {
  background: #eef4fc;
  border-color: rgba(67, 91, 129, 0.16);
  color: #28405f;
}

html[data-theme="light"] body[data-ui-variant="v2"] .health-scan-meta span {
  background: #ffffff;
  color: #1c3150;
  border: 1px solid rgba(67, 91, 129, 0.12);
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-summary-card,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-filter-card,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-list-panel,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-detail-panel,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-docs-workspace .health-hero-card,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-docs-workspace .health-section,
html[data-theme="light"] body[data-ui-variant="v2"] .health-status-card,
html[data-theme="light"] body[data-ui-variant="v2"] .health-card,
html[data-theme="light"] body[data-ui-variant="v2"] .health-cluster-card {
  background: linear-gradient(180deg, #ffffff 0%, #f5f8fe 100%);
  border-color: rgba(63, 88, 130, 0.18);
  color: #10203a;
  box-shadow: 0 14px 26px rgba(45, 69, 108, 0.1);
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-summary-card span,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-summary-card p,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-finding-main span,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-finding-meta span {
  color: #5d7190;
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-summary-card strong,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-filter-card label,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-detail-grid dd {
  color: #10203a;
}

html[data-theme="light"] body[data-page-kind="app-incidents"] .app-incident-row {
  background: #ffffff;
  border-color: rgba(45, 69, 108, 0.2);
  color: #10203a;
  box-shadow: 0 10px 22px rgba(45, 69, 108, 0.08);
}

html[data-theme="light"] body[data-page-kind="app-incidents"] .app-incident-row:hover,
html[data-theme="light"] body[data-page-kind="app-incidents"] .app-incident-row:focus-visible {
  background: #f8fbff;
  border-color: rgba(37, 99, 235, 0.36);
}

html[data-theme="light"] body[data-page-kind="app-incidents"] .app-incident-row p,
html[data-theme="light"] body[data-page-kind="app-incidents"] .app-failure-block p,
html[data-theme="light"] body[data-page-kind="app-incidents"] .app-evidence li {
  color: #203a59;
}

html[data-theme="light"] body[data-page-kind="app-incidents"] .app-failure-block {
  background: #eaf4ff;
  border-color: rgba(14, 116, 144, 0.34);
  color: #10203a;
}

html[data-theme="light"] body[data-page-kind="app-incidents"] .app-platform-context {
  background: #f7f9fc;
  border-color: rgba(45, 69, 108, 0.18);
  color: #10203a;
}

html[data-theme="light"] body[data-page-kind="app-incidents"] .app-failure-block-empty {
  background: #eef4fc;
  border-color: rgba(67, 91, 129, 0.2);
}

html[data-theme="light"] body[data-page-kind="app-incidents"] .app-failure-head > span:first-child,
html[data-theme="light"] body[data-page-kind="app-incidents"] .app-platform-context summary,
html[data-theme="light"] body[data-page-kind="app-incidents"] .app-evidence span,
html[data-theme="light"] body[data-page-kind="app-incidents"] .app-evidence-group > span,
html[data-theme="light"] body[data-page-kind="app-incidents"] .app-signal-label {
  color: #10203a;
}

html[data-theme="light"] body[data-page-kind="app-incidents"] .app-incident-actions a {
  color: #075985;
}

html[data-theme="light"] body[data-page-kind="app-incidents"] .app-incident-actions a:hover,
html[data-theme="light"] body[data-page-kind="app-incidents"] .app-incident-actions a:focus-visible {
  color: #0c4a6e;
}

html[data-theme="light"] body[data-page-kind="app-incidents"] .badge-signal-observed {
  background: rgba(21, 128, 61, 0.12);
  border-color: rgba(21, 128, 61, 0.24);
  color: #14532d;
}

html[data-theme="light"] body[data-page-kind="app-incidents"] .app-log-sample > span {
  color: #075985;
}

html[data-theme="light"] body[data-page-kind="app-incidents"] .app-log-sample {
  background: #ffffff;
  border-color: rgba(14, 116, 144, 0.18);
}

html[data-theme="light"] body[data-page-kind="app-incidents"] .app-log-sample code {
  color: #123252;
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-view-tabs,
html[data-theme="light"] body[data-ui-variant="v2"] .cronjob-run-list article,
html[data-theme="light"] body[data-ui-variant="v2"] .cronjob-bucket-summary span {
  background: #f1f6fd;
  border-color: rgba(67, 91, 129, 0.16);
  color: #24405f;
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-view-tabs button {
  background: #ffffff;
  color: #24405f;
  border-color: rgba(67, 91, 129, 0.18);
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-view-tabs button.active {
  background: linear-gradient(180deg, #4f8cff 0%, #336ec8 100%);
  color: #ffffff;
  border-color: rgba(45, 102, 195, 0.38);
}

html[data-theme="light"] body[data-ui-variant="v2"] #platform-health-docs-toggle.active {
  background: linear-gradient(180deg, #25c9ad 0%, #12a38c 100%);
  border-color: rgba(18, 135, 118, 0.38);
  color: #06231d;
}

html[data-theme="light"] body[data-ui-variant="v2"] .cronjob-run-list span {
  color: #5d7190;
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-evidence-card {
  background: #ffffff;
  border-color: rgba(67, 91, 129, 0.16);
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-evidence-card span {
  color: #5d7190;
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-evidence-card strong {
  color: #10203a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-sizing-advice {
  background: linear-gradient(135deg, rgba(26, 188, 156, 0.12), #f5f8fe);
  border-color: rgba(26, 188, 156, 0.28);
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-historical-sizing {
  border-color: rgba(79, 140, 255, 0.28);
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-block-title-row .secondary {
  background: #eaf2ff;
  border-color: rgba(79, 140, 255, 0.32);
  color: #16325f;
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-sizing-source .pill {
  background: #eef4fc;
  border-color: rgba(67, 91, 129, 0.16);
  color: #28405f;
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-sizing-grid div {
  background: #ffffff;
  border-color: rgba(67, 91, 129, 0.16);
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-sizing-grid span {
  color: #5d7190;
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-sizing-grid strong {
  color: #10203a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-summary-card[data-tone="critical"] {
  border-color: rgba(210, 76, 76, 0.38);
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-summary-card[data-tone="warning"] {
  border-color: rgba(190, 130, 35, 0.4);
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-finding {
  background: #f5f8fe;
  border-color: rgba(63, 88, 130, 0.18);
  color: #10203a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-finding:hover,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-finding.active {
  background: #eaf2ff;
  border-color: rgba(79, 140, 255, 0.42);
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-detail-grid div,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-detail-block,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-json {
  background: #f5f8fe;
  border-color: rgba(63, 88, 130, 0.16);
  color: #10203a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-detail-grid dt {
  color: #5d7190;
}

html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-detail-block pre,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-json pre {
  color: #10203a;
}

html[data-theme="light"] body[data-ui-variant="v2"] .health-state-pill {
  background: #eef4fc;
  border-color: rgba(67, 91, 129, 0.18);
  color: #28405f;
}

html[data-theme="light"] body[data-ui-variant="v2"] .health-state-pill[data-state="completed"] {
  background: #e6f7f1;
  border-color: rgba(34, 151, 116, 0.24);
  color: #12624d;
}

html[data-theme="light"] body[data-ui-variant="v2"] .health-status-card .badge {
  background: #eef4fc;
  color: #1c3150;
}

html[data-theme="light"] body[data-ui-variant="v2"] pre,
html[data-theme="light"] body[data-ui-variant="v2"] code,
html[data-theme="light"] body[data-ui-variant="v2"] pre code,
html[data-theme="light"] body[data-ui-variant="v2"] .response-output code,
html[data-theme="light"] body[data-ui-variant="v2"] #snapshot,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-detail-block pre,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-json pre {
  background: #f8fbff;
  border-color: rgba(63, 88, 130, 0.18);
  color: #13243d;
  text-shadow: none;
}

html[data-theme="light"] body[data-ui-variant="v2"] pre,
html[data-theme="light"] body[data-ui-variant="v2"] #snapshot,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-detail-block pre,
html[data-theme="light"] body[data-ui-variant="v2"] .platform-health-json pre {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.78);
  overflow-wrap: anywhere;
}

@media (max-width: 1280px) {
  body[data-ui-variant="v2"] .cost-summary-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }
}

body[data-page-kind="ro-kubectl"] .ro-kubectl-shell,
body[data-page-kind="ro-kubectl"] .ro-kubectl-output-card {
  display: grid;
  gap: 18px;
}

body[data-page-kind="ro-kubectl"] .ro-kubectl-header,
body[data-page-kind="ro-kubectl"] .ro-kubectl-output-header {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  justify-content: space-between;
}

body[data-page-kind="ro-kubectl"] .ro-kubectl-status {
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 8px 12px;
  background: var(--surface-subtle);
  color: var(--text-strong);
  font-weight: 800;
  white-space: nowrap;
}

body[data-page-kind="ro-kubectl"] .ro-kubectl-status[data-state="running"] {
  border-color: rgba(59, 130, 246, 0.55);
  color: var(--accent);
}

body[data-page-kind="ro-kubectl"] .ro-kubectl-status[data-state="ok"] {
  border-color: rgba(20, 184, 166, 0.55);
  color: var(--teal);
}

body[data-page-kind="ro-kubectl"] .ro-kubectl-status[data-state="error"] {
  border-color: rgba(248, 113, 113, 0.7);
  color: var(--danger);
}

body[data-page-kind="ro-kubectl"] .ro-kubectl-contexts,
body[data-page-kind="ro-kubectl"] .ro-kubectl-examples,
body[data-page-kind="ro-kubectl"] .ro-kubectl-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body[data-page-kind="ro-kubectl"] .source-pill,
body[data-page-kind="ro-kubectl"] .ro-kubectl-examples button {
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 10px 14px;
  background: var(--surface-subtle);
  color: var(--text-strong);
  font-weight: 800;
  cursor: pointer;
}

body[data-page-kind="ro-kubectl"] .source-pill.active {
  border-color: rgba(20, 184, 166, 0.7);
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.22), rgba(59, 130, 246, 0.16));
  box-shadow: 0 12px 30px rgba(20, 184, 166, 0.16);
}

body[data-page-kind="ro-kubectl"] .ro-kubectl-form {
  display: grid;
  gap: 10px;
}

body[data-page-kind="ro-kubectl"] .ro-kubectl-form label {
  color: var(--text-strong);
  font-weight: 900;
}

body[data-page-kind="ro-kubectl"] .terminal-input-wrap {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--code-bg, #0b1220);
  color: #dbeafe;
  padding: 16px;
}

body[data-page-kind="ro-kubectl"] .terminal-input-wrap span {
  color: #5eead4;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-weight: 900;
  padding-top: 2px;
}

body[data-page-kind="ro-kubectl"] .terminal-input-wrap textarea {
  width: 100%;
  resize: vertical;
  border: 0;
  outline: none;
  background: transparent;
  color: #eff6ff;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.95rem;
  line-height: 1.6;
}

body[data-page-kind="ro-kubectl"] .terminal-output {
  min-height: 520px;
  max-height: 1280px;
  overflow: auto;
  border: 1px solid var(--border);
  border-radius: 18px;
  background: var(--code-bg, #0b1220);
  color: #e5eefb;
  padding: 18px;
  font-family: "SFMono-Regular", Consolas, monospace;
  font-size: 0.9rem;
  line-height: 1.55;
  white-space: pre;
}

html[data-theme="light"] body[data-page-kind="ro-kubectl"] .terminal-input-wrap,
html[data-theme="light"] body[data-page-kind="ro-kubectl"] .terminal-output {
  background: #111827;
  color: #eef6ff;
}

body[data-page-kind="mobile-pwa"] {
  --mobile-bg: #07111f;
  --mobile-bg-soft: #0e1a2d;
  --mobile-surface: rgba(15, 25, 43, 0.96);
  --mobile-surface-soft: rgba(23, 36, 60, 0.9);
  --mobile-border: rgba(126, 156, 209, 0.28);
  --mobile-text: #f5f8ff;
  --mobile-muted: #b9c7de;
  --mobile-shadow: 0 22px 46px rgba(2, 8, 23, 0.34);
  min-height: 100vh;
  background:
    radial-gradient(circle at top left, rgba(20, 184, 166, 0.18), transparent 34rem),
    radial-gradient(circle at top right, rgba(79, 140, 255, 0.16), transparent 30rem),
    linear-gradient(180deg, var(--mobile-bg), var(--mobile-bg-soft));
  color: var(--mobile-text);
}

html[data-theme="light"] body[data-page-kind="mobile-pwa"] {
  --mobile-bg: #eef5ff;
  --mobile-bg-soft: #f8fbff;
  --mobile-surface: rgba(255, 255, 255, 0.96);
  --mobile-surface-soft: rgba(238, 245, 255, 0.92);
  --mobile-border: rgba(96, 123, 166, 0.26);
  --mobile-text: #0f1d34;
  --mobile-muted: #405777;
  --mobile-shadow: 0 18px 38px rgba(57, 78, 120, 0.16);
}

body[data-page-kind="mobile-pwa"] .mobile-shell {
  width: min(760px, calc(100% - 24px));
  margin: 0 auto;
  padding: max(14px, env(safe-area-inset-top)) 0 max(24px, env(safe-area-inset-bottom));
  display: grid;
  gap: 14px;
}

body[data-page-kind="mobile-pwa"] .mobile-hero,
body[data-page-kind="mobile-pwa"] .mobile-card,
body[data-page-kind="mobile-pwa"] .mobile-counter-grid article {
  border: 1px solid var(--mobile-border);
  border-radius: 24px;
  background: var(--mobile-surface);
  box-shadow: var(--mobile-shadow);
}

body[data-page-kind="mobile-pwa"] .mobile-hero {
  padding: 18px;
}

body[data-page-kind="mobile-pwa"] .mobile-brand-row,
body[data-page-kind="mobile-pwa"] .mobile-section-header,
body[data-page-kind="mobile-pwa"] .mobile-incident-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

body[data-page-kind="mobile-pwa"] .brand-lockup {
  gap: 8px;
}

body[data-page-kind="mobile-pwa"] .brand-logo-aiden,
body[data-page-kind="mobile-pwa"] .brand-logo-pr {
  height: 44px;
}

body[data-page-kind="mobile-pwa"] h1,
body[data-page-kind="mobile-pwa"] h2,
body[data-page-kind="mobile-pwa"] h3,
body[data-page-kind="mobile-pwa"] p {
  margin-top: 0;
  color: var(--mobile-text);
}

body[data-page-kind="mobile-pwa"] h1 {
  margin-bottom: 8px;
  font-size: clamp(2rem, 10vw, 3.2rem);
  line-height: 0.95;
  letter-spacing: -0.06em;
}

body[data-page-kind="mobile-pwa"] h2 {
  margin-bottom: 6px;
  font-size: 1.25rem;
}

body[data-page-kind="mobile-pwa"] p {
  color: var(--mobile-muted);
  line-height: 1.45;
}

body[data-page-kind="mobile-pwa"] .decision-kicker {
  color: color-mix(in srgb, var(--mobile-muted) 78%, #8ab4ff 22%);
}

body[data-page-kind="mobile-pwa"] .mobile-full-link {
  width: 100%;
  justify-content: center;
  margin-top: 14px;
  color: var(--mobile-text);
}

body[data-page-kind="mobile-pwa"] .mobile-card {
  padding: 16px;
}

body[data-page-kind="mobile-pwa"] .mobile-scope-card,
body[data-page-kind="mobile-pwa"] .mobile-alert-card {
  display: grid;
  gap: 12px;
}

body[data-page-kind="mobile-pwa"] .mobile-alert-controls {
  display: grid;
  gap: 12px;
}

body[data-page-kind="mobile-pwa"] .mobile-alert-summary {
  border: 1px solid rgba(59, 130, 246, 0.28);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(148, 163, 184, 0.08));
  color: var(--mobile-text);
  font-weight: 900;
  line-height: 1.35;
  margin: 10px 0;
  padding: 12px;
}

body[data-page-kind="mobile-pwa"] .mobile-alert-summary.is-enabled {
  border-color: rgba(20, 184, 166, 0.52);
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.18), rgba(59, 130, 246, 0.1));
}

body[data-page-kind="mobile-pwa"] [data-mobile-alert-status] {
  border-radius: 14px;
  margin-bottom: 0;
  padding: 10px 12px;
}

body[data-page-kind="mobile-pwa"] [data-mobile-alert-status].is-enabled {
  background: rgba(20, 184, 166, 0.12);
  color: var(--mobile-text);
}

body[data-page-kind="mobile-pwa"] [data-mobile-alert-status].is-disabled {
  background: rgba(148, 163, 184, 0.1);
  color: var(--mobile-muted);
}

body[data-page-kind="mobile-pwa"] .mobile-alert-controls label {
  display: grid;
  gap: 6px;
  color: var(--mobile-text);
  font-weight: 900;
}

body[data-page-kind="mobile-pwa"] .mobile-alert-controls select {
  min-height: 44px;
  border: 1px solid var(--mobile-border);
  border-radius: 16px;
  background: var(--mobile-surface-soft);
  color: var(--mobile-text);
  padding: 0 12px;
  font-weight: 800;
}

body[data-page-kind="mobile-pwa"] .mobile-alert-controls .button-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}

body[data-page-kind="mobile-pwa"] .mobile-alert-controls button {
  min-height: 46px;
}

body[data-page-kind="mobile-pwa"] .mobile-footer {
  display: grid;
  gap: 10px;
}

body[data-page-kind="mobile-pwa"] .mobile-install-hint {
  border: 1px solid var(--mobile-border);
  border-radius: 16px;
  background: var(--mobile-surface-soft);
  padding: 12px;
}

body[data-page-kind="mobile-pwa"] .mobile-install-hint summary {
  color: var(--mobile-text);
  cursor: pointer;
  font-weight: 900;
}

body[data-page-kind="mobile-pwa"] .mobile-install-hint p {
  margin: 10px 0 0;
}

body[data-page-kind="mobile-pwa"] .mobile-scope-pills {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body[data-page-kind="mobile-pwa"] .mobile-scope-pills button,
body[data-page-kind="mobile-pwa"] [data-mobile-refresh] {
  min-height: 46px;
  border-radius: 999px;
  border: 1px solid var(--mobile-border);
  background: var(--mobile-surface-soft);
  color: var(--mobile-text);
  font-weight: 900;
}

body[data-page-kind="mobile-pwa"] .mobile-scope-pills button.active {
  border-color: rgba(20, 184, 166, 0.72);
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.24), rgba(59, 130, 246, 0.18));
  box-shadow: 0 12px 28px rgba(20, 184, 166, 0.16);
}

body[data-page-kind="mobile-pwa"] .mobile-counter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body[data-page-kind="mobile-pwa"] .mobile-counter-grid article {
  padding: 14px;
}

body[data-page-kind="mobile-pwa"] .mobile-counter-grid span,
body[data-page-kind="mobile-pwa"] .mobile-detail-grid span {
  display: block;
  color: var(--mobile-muted);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body[data-page-kind="mobile-pwa"] .mobile-counter-grid strong {
  display: block;
  margin-top: 4px;
  font-size: 1.8rem;
  line-height: 1;
}

body[data-page-kind="mobile-pwa"] .mobile-status {
  border: 1px solid var(--mobile-border);
  border-radius: 16px;
  background: var(--mobile-surface-soft);
  color: var(--mobile-muted);
  padding: 12px;
}

body[data-page-kind="mobile-pwa"] .mobile-incident-list {
  display: grid;
  gap: 10px;
}

body[data-page-kind="mobile-pwa"] .mobile-incident-card {
  border: 1px solid var(--mobile-border);
  border-radius: 18px;
  background: var(--mobile-surface-soft);
  padding: 14px;
  cursor: pointer;
}

body[data-page-kind="mobile-pwa"] .mobile-incident-card h3 {
  margin: 10px 0 8px;
  font-size: 1.15rem;
}

body[data-page-kind="mobile-pwa"] .mobile-empty {
  border: 1px dashed var(--mobile-border);
  border-radius: 16px;
  padding: 18px;
  color: var(--mobile-muted);
}

body[data-page-kind="mobile-pwa"] .mobile-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

body[data-page-kind="mobile-pwa"] .mobile-detail-grid div {
  border: 1px solid var(--mobile-border);
  border-radius: 14px;
  background: var(--mobile-surface-soft);
  padding: 12px;
}

body[data-page-kind="mobile-pwa"] .mobile-detail-card ul {
  padding-left: 20px;
  color: var(--mobile-muted);
}

@media (max-width: 760px) {
  body[data-page-kind="ro-kubectl"] .ro-kubectl-header,
  body[data-page-kind="ro-kubectl"] .ro-kubectl-output-header {
    display: grid;
  }
}

body[data-page-kind="pr-status"] .pr-status-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 22px;
  width: 100%;
  min-width: 0;
}

body[data-page-kind="pr-status"] .pr-status-hero,
body[data-page-kind="pr-status"] .pr-status-section-head,
body[data-page-kind="pr-status"] .pr-status-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}

body[data-page-kind="pr-status"] .pr-status-hero > div,
body[data-page-kind="pr-status"] .pr-status-card-top > div,
body[data-page-kind="pr-status"] .pr-status-section-head > div {
  min-width: 0;
}

body[data-page-kind="pr-status"] .pr-status-hero h2,
body[data-page-kind="pr-status"] .pr-status-section h3,
body[data-page-kind="pr-status"] .pr-status-source-card h4,
body[data-page-kind="pr-status"] .pr-status-watch-card h4 {
  margin: 0;
}

body[data-page-kind="pr-status"] .pr-status-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

body[data-page-kind="pr-status"] #pr-status-refresh {
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  background: #0f9f8f;
  color: #ffffff;
  font-weight: 900;
  padding: 0 18px;
}

body[data-page-kind="pr-status"] #pr-status-jira-test {
  min-height: 44px;
  border: 1px solid rgba(79, 140, 255, 0.38);
  border-radius: 8px;
  background: var(--aiden-blue);
  color: #ffffff;
  font-weight: 900;
  padding: 0 18px;
}

body[data-page-kind="pr-status"] #pr-status-jira-test:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

body[data-page-kind="pr-status"] #pr-status-jira-test-result a {
  color: var(--aiden-blue);
  font-weight: 900;
  text-decoration: none;
}

body[data-page-kind="pr-status"] .pr-status-summary-grid,
body[data-page-kind="pr-status"] .pr-status-card-grid,
body[data-page-kind="pr-status"] .pr-status-detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
}

body[data-page-kind="pr-status"] .pr-status-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

body[data-page-kind="pr-status"] .pr-status-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

body[data-page-kind="pr-status"] .pr-status-detail-grid {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}

body[data-page-kind="pr-status"] .pr-status-watch-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  gap: 12px;
}

body[data-page-kind="pr-status"] .pr-status-summary-card,
body[data-page-kind="pr-status"] .pr-status-source-card,
body[data-page-kind="pr-status"] .pr-status-watch-card,
body[data-page-kind="pr-status"] .pr-status-detail-item,
body[data-page-kind="pr-status"] .pr-status-empty {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.34);
  padding: 14px;
  overflow: hidden;
}

body[data-page-kind="pr-status"] .pr-status-summary-card span,
body[data-page-kind="pr-status"] .pr-status-detail-item span,
body[data-page-kind="pr-status"] .pr-status-source-card dt,
body[data-page-kind="pr-status"] .pr-status-watch-card dt {
  display: block;
  color: var(--muted);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body[data-page-kind="pr-status"] .pr-status-summary-card strong,
body[data-page-kind="pr-status"] .pr-status-detail-item strong {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
  font-size: 1.15rem;
  line-height: 1.25;
}

body[data-page-kind="pr-status"] .pr-status-summary-card p,
body[data-page-kind="pr-status"] .pr-status-source-card p,
body[data-page-kind="pr-status"] .pr-status-watch-card p {
  margin: 6px 0 0;
  color: var(--muted);
  overflow-wrap: anywhere;
  line-height: 1.35;
}

body[data-page-kind="pr-status"] .pr-status-source-card a,
body[data-page-kind="pr-status"] .pr-status-watch-card a {
  color: var(--aiden-blue);
  font-weight: 900;
  text-decoration: none;
}

body[data-page-kind="pr-status"] .pr-status-value {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body[data-page-kind="pr-status"] .pr-status-source-card dl,
body[data-page-kind="pr-status"] .pr-status-watch-card dl {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin: 14px 0 0;
}

body[data-page-kind="pr-status"] .pr-status-source-card dd,
body[data-page-kind="pr-status"] .pr-status-watch-card dd {
  margin: 3px 0 0;
  overflow-wrap: anywhere;
  min-width: 0;
}

body[data-page-kind="pr-status"] .pr-status-pill {
  flex: 0 0 auto;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 0.76rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

body[data-page-kind="pr-status"] .pr-status-pill-online {
  border-color: rgba(34, 197, 94, 0.45);
  background: rgba(34, 197, 94, 0.14);
  color: #8be6a5;
}

body[data-page-kind="pr-status"] .pr-status-pill-offline {
  border-color: rgba(248, 113, 113, 0.45);
  background: rgba(248, 113, 113, 0.14);
  color: #fca5a5;
}

body[data-page-kind="pr-status"] .pr-status-pill-muted {
  background: rgba(148, 163, 184, 0.12);
  color: var(--muted);
}

html[data-theme="light"] body[data-page-kind="pr-status"] .pr-status-summary-card,
html[data-theme="light"] body[data-page-kind="pr-status"] .pr-status-source-card,
html[data-theme="light"] body[data-page-kind="pr-status"] .pr-status-watch-card,
html[data-theme="light"] body[data-page-kind="pr-status"] .pr-status-detail-item,
html[data-theme="light"] body[data-page-kind="pr-status"] .pr-status-empty {
  border-color: #cbd5e1;
  background: #ffffff;
}

html[data-theme="light"] body[data-page-kind="pr-status"] .pr-status-pill-online {
  color: #166534;
}

html[data-theme="light"] body[data-page-kind="pr-status"] .pr-status-pill-offline {
  color: #991b1b;
}

@media (max-width: 760px) {
  body[data-page-kind="pr-status"] .pr-status-hero,
  body[data-page-kind="pr-status"] .pr-status-section-head,
  body[data-page-kind="pr-status"] .pr-status-card-top {
    display: grid;
  }

  body[data-page-kind="pr-status"] .pr-status-summary-grid,
  body[data-page-kind="pr-status"] .pr-status-card-grid,
  body[data-page-kind="pr-status"] .pr-status-detail-grid,
  body[data-page-kind="pr-status"] .pr-status-watch-list,
  body[data-page-kind="pr-status"] .pr-status-source-card dl,
  body[data-page-kind="pr-status"] .pr-status-watch-card dl {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page-kind="pr-status"] #pr-status-refresh {
    width: 100%;
  }

  body[data-page-kind="pr-status"] #pr-status-jira-test {
    width: 100%;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  body[data-page-kind="pr-status"] .pr-status-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

body[data-page-kind="latency"] .latency-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 22px;
  width: 100%;
  min-width: 0;
}

body[data-page-kind="latency"] .latency-hero,
body[data-page-kind="latency"] .latency-section-head,
body[data-page-kind="latency"] .latency-finding-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}

body[data-page-kind="latency"] .latency-hero > div,
body[data-page-kind="latency"] .latency-section-head > div,
body[data-page-kind="latency"] .latency-finding-main > div {
  min-width: 0;
}

body[data-page-kind="latency"] .latency-hero h2,
body[data-page-kind="latency"] .latency-section h3,
body[data-page-kind="latency"] .latency-finding-card h4 {
  margin: 0;
}

body[data-page-kind="latency"] .latency-controls {
  display: grid;
  grid-template-columns: repeat(5, minmax(120px, auto));
  align-items: end;
  gap: 10px;
  min-width: min(100%, 760px);
}

body[data-page-kind="latency"] .latency-controls label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

body[data-page-kind="latency"] .latency-controls span {
  color: var(--muted);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body[data-page-kind="latency"] .latency-controls select,
body[data-page-kind="latency"] .latency-controls input {
  min-height: 44px;
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.35);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.34);
  color: var(--text);
  font-weight: 800;
  padding: 0 12px;
}

body[data-page-kind="latency"] #latency-refresh {
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  background: #0f9f8f;
  color: #ffffff;
  font-weight: 900;
  padding: 0 18px;
}

body[data-page-kind="latency"] #latency-refresh:disabled {
  cursor: wait;
  opacity: 0.65;
}

body[data-page-kind="latency"] .latency-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body[data-page-kind="latency"] .latency-finding-list,
body[data-page-kind="latency"] .latency-diagnostics {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}

body[data-page-kind="latency"] .latency-summary-card,
body[data-page-kind="latency"] .latency-finding-card,
body[data-page-kind="latency"] .latency-diagnostic-row,
body[data-page-kind="latency"] .latency-empty {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.34);
  padding: 14px;
  overflow: hidden;
}

body[data-page-kind="latency"] .latency-summary-card span,
body[data-page-kind="latency"] .latency-diagnostic-row span {
  display: block;
  color: var(--muted);
  font-size: 0.75rem;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body[data-page-kind="latency"] .latency-summary-card strong,
body[data-page-kind="latency"] .latency-score strong {
  display: block;
  margin-top: 6px;
  overflow-wrap: anywhere;
  font-size: 1.15rem;
  line-height: 1.25;
}

body[data-page-kind="latency"] .latency-summary-card p,
body[data-page-kind="latency"] .latency-finding-card p,
body[data-page-kind="latency"] .latency-empty p,
body[data-page-kind="latency"] .latency-diagnostic-row p {
  margin: 6px 0 0;
  color: var(--muted);
  overflow-wrap: anywhere;
  line-height: 1.35;
}

body[data-page-kind="latency"] .latency-score {
  flex: 0 0 auto;
  min-width: 150px;
  text-align: right;
}

body[data-page-kind="latency"] .latency-score span {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 0.84rem;
  font-weight: 800;
}

body[data-page-kind="latency"] .latency-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

body[data-page-kind="latency"] .latency-tags span {
  border: 1px solid rgba(79, 140, 255, 0.35);
  border-radius: 999px;
  background: rgba(79, 140, 255, 0.12);
  color: var(--text);
  font-size: 0.78rem;
  font-weight: 900;
  padding: 5px 9px;
  max-width: 100%;
  overflow-wrap: anywhere;
}

body[data-page-kind="latency"] .latency-why {
  margin-top: 12px !important;
}

body[data-page-kind="latency"] .latency-traceql,
body[data-page-kind="latency"] .latency-diagnostic-row details {
  margin-top: 12px;
}

body[data-page-kind="latency"] .latency-traceql summary,
body[data-page-kind="latency"] .latency-diagnostic-row summary {
  cursor: pointer;
  color: var(--muted);
  font-weight: 900;
}

body[data-page-kind="latency"] code {
  display: block;
  margin-top: 8px;
  max-width: 100%;
  border-radius: 8px;
  background: rgba(2, 6, 23, 0.42);
  color: var(--text);
  font-size: 0.84rem;
  line-height: 1.45;
  overflow-x: auto;
  padding: 10px;
  white-space: pre-wrap;
  word-break: break-word;
}

html[data-theme="light"] body[data-page-kind="latency"] .latency-summary-card,
html[data-theme="light"] body[data-page-kind="latency"] .latency-finding-card,
html[data-theme="light"] body[data-page-kind="latency"] .latency-diagnostic-row,
html[data-theme="light"] body[data-page-kind="latency"] .latency-empty {
  border-color: #cbd5e1;
  background: #ffffff;
}

html[data-theme="light"] body[data-page-kind="latency"] .latency-controls select,
html[data-theme="light"] body[data-page-kind="latency"] .latency-controls input {
  border-color: #cbd5e1;
  background: #ffffff;
}

html[data-theme="light"] body[data-page-kind="latency"] code {
  background: #eef4fb;
}

@media (max-width: 860px) {
  body[data-page-kind="latency"] .latency-hero,
  body[data-page-kind="latency"] .latency-section-head,
  body[data-page-kind="latency"] .latency-finding-main {
    display: grid;
  }

  body[data-page-kind="latency"] .latency-controls,
  body[data-page-kind="latency"] .latency-summary-grid {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
    width: 100%;
  }

  body[data-page-kind="latency"] #latency-refresh {
    width: 100%;
  }

  body[data-page-kind="latency"] .latency-score {
    min-width: 0;
    text-align: left;
  }
}

@media (min-width: 861px) and (max-width: 1180px) {
  body[data-page-kind="latency"] .latency-controls,
  body[data-page-kind="latency"] .latency-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}