/* Cloud Engine dashboard UI v4.1 — Scanner-aligned presentation polish. */

.dashboard-v3[data-dashboard-ui-v4],
.dashboard-v4-dialog {
  --v4-border: rgba(55, 101, 137, .48);
  --v4-border-strong: rgba(73, 125, 159, .58);
  --v4-border-soft: rgba(55, 101, 137, .25);
  --v4-panel: rgba(2, 12, 25, .94);
  --v4-panel-raised: rgba(4, 18, 34, .98);
  --v4-panel-soft: rgba(7, 22, 39, .72);
  --v4-text: #f4f8fc;
  --v4-muted: #7f94a8;
  --v4-muted-2: #627a90;
  --v4-cyan: #68e6f5;
  --v4-green: #20dca7;
  --v4-red: #ff5367;
  --v4-amber: #f5b24a;
  --v4-radius: 15px;
  --v4-shadow: 0 16px 40px rgba(0, 0, 0, .14);
}

/* KPI row */
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpis {
  gap: 10px;
  margin-bottom: 14px;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi {
  min-width: 0;
  min-height: 96px;
  padding: 15px 14px;
  border-color: var(--v4-border);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(4, 17, 31, .99), rgba(2, 10, 22, .99));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi .kpi-icon {
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  border-radius: 10px;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi .kpi-icon svg {
  width: 22px;
  height: 22px;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi > div:last-child {
  min-width: 0;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi small,
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi span {
  font-family: Inter, system-ui, sans-serif;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi small {
  color: #8da1b6;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .005em;
  text-transform: none;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi strong {
  margin-top: 4px;
  overflow: hidden;
  color: var(--v4-text);
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(20px, 1.3vw, 24px);
  font-weight: 680;
  letter-spacing: -.03em;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi strong.positive,
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi strong.dashboard-v4-positive { color: var(--v4-green); }
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi strong.negative,
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi strong.dashboard-v4-negative { color: var(--v4-red); }
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi strong.warning { color: var(--v4-amber); }
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi span {
  display: block;
  max-width: 100%;
  margin-top: 6px;
  overflow: hidden;
  color: #71879b;
  font-size: 9.5px;
  font-weight: 500;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi[data-pnl-source] span::after { content: none !important; }

/* Workspace and column sizing. Left panel is balanced to total sidebar height by JS,
   rather than forcing every card or the viewport to stretch. */
.dashboard-v3[data-dashboard-ui-v4] .dashboard-workspace {
  align-items: start !important;
  gap: 13px;
}
.dashboard-v3[data-dashboard-ui-v4] .trades-panel {
  height: auto !important;
  min-height: 0;
  align-self: start;
  overflow: hidden;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-side {
  height: auto !important;
  align-self: start;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-side-sticky {
  height: auto !important;
  align-content: start;
  grid-auto-rows: max-content;
  gap: 10px;
}
.dashboard-v3[data-dashboard-ui-v4] .trades-panel,
.dashboard-v3[data-dashboard-ui-v4] .action-panel,
.dashboard-v3[data-dashboard-ui-v4] .profile-panel,
.dashboard-v3[data-dashboard-ui-v4] .runtime-panel,
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel {
  border-color: var(--v4-border);
  background: var(--v4-panel);
  box-shadow: var(--v4-shadow);
}

/* Journal header */
.dashboard-v3[data-dashboard-ui-v4] .workspace-head {
  min-height: 82px;
  padding: 15px 17px 14px;
  gap: 14px;
  border-bottom: 1px solid var(--v4-border-soft);
}
.dashboard-v3[data-dashboard-ui-v4] .workspace-head h2 {
  margin: 4px 0 0;
  color: var(--v4-text);
  font-family: Inter, system-ui, sans-serif;
  font-size: 18px;
  font-weight: 680;
  letter-spacing: -.025em;
}
.dashboard-v3[data-dashboard-ui-v4] .workspace-head p {
  margin: 4px 0 0;
  max-width: 620px;
  color: #758ca1;
  font-family: Inter, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
}
.dashboard-v3[data-dashboard-ui-v4] .section-kicker,
.dashboard-v4-dialog .dialog-kicker,
.dashboard-v4-dialog .strategy-section-head > span,
.dashboard-v4-dialog .strategy-two-v4 article > span {
  color: #5ae3c5;
  font-family: "Space Mono", monospace;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.dashboard-v3[data-dashboard-ui-v4] .section-kicker .dot {
  width: 5px;
  height: 5px;
}

/* Journal filters */
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-filters {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 5px;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-filters button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid #2d455d;
  border-radius: 7px;
  background: rgba(4, 14, 27, .78);
  color: #91a6bb;
  font: 600 9px/1 Inter, system-ui, sans-serif;
  cursor: pointer;
  transition: border-color .15s ease, color .15s ease, background .15s ease, transform .15s ease;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-filters button:hover {
  border-color: #4f708a;
  color: #e2ebf2;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-filters button:active { transform: translateY(1px); }
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-filters button.active {
  border-color: rgba(32, 220, 167, .66);
  background: rgba(32, 220, 167, .11);
  color: #67eac8;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-filters b {
  min-width: 13px;
  color: inherit;
  font-size: 8px;
  font-weight: 700;
  text-align: center;
}

/* Desktop journal grid */
.dashboard-v3[data-dashboard-ui-v4] .day-alert-head,
.dashboard-v3[data-dashboard-ui-v4] .day-alert-row {
  grid-template-columns: minmax(150px, 1.25fr) minmax(82px, .65fr) minmax(92px, .72fr) minmax(92px, .72fr) minmax(102px, .82fr) minmax(92px, .72fr) minmax(108px, .84fr) minmax(86px, .64fr);
  gap: 12px;
  align-items: center;
}
.dashboard-v3[data-dashboard-ui-v4] .day-alert-head {
  padding: 9px 17px;
  border-top: 0;
  border-bottom: 1px solid var(--v4-border-soft);
  background: rgba(7, 20, 36, .64);
}
.dashboard-v3[data-dashboard-ui-v4] .day-alert-head > span {
  color: #68859e;
  font-family: "Space Mono", monospace;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.dashboard-v3[data-dashboard-ui-v4] .day-alert-row {
  position: relative;
  min-height: 70px;
  padding: 11px 17px;
  border-bottom: 1px solid var(--v4-border-soft);
  background: transparent;
  transition: background .15s ease;
}
.dashboard-v3[data-dashboard-ui-v4] .day-alert-row:last-child { border-bottom: 0; }
.dashboard-v3[data-dashboard-ui-v4] .day-alert-row:hover { background: rgba(19, 45, 67, .17); }
.dashboard-v3[data-dashboard-ui-v4] .day-alert-row[hidden] { display: none !important; }
.dashboard-v3[data-dashboard-ui-v4] .day-alert-row > span { min-width: 0; }
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-trade {
  display: grid;
  min-width: 0;
  gap: 5px;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-trade strong {
  color: #f4f8fc;
  font-family: "Space Mono", monospace;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: -.01em;
  line-height: 1;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-trade small {
  overflow: hidden;
  color: #708aa1;
  font-family: "Space Mono", monospace;
  font-size: 8px;
  font-weight: 400;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-trade small i {
  padding: 0 3px;
  color: #3e5d76;
  font-style: normal;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-metric {
  display: grid;
  align-content: center;
  min-width: 0;
  gap: 3px;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-metric > small,
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-state-cell > small {
  display: none;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-metric strong {
  overflow: hidden;
  color: #eef5fa;
  font-family: Inter, system-ui, sans-serif;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-metric em {
  display: block;
  overflow: hidden;
  color: #7f94a8;
  font-family: "Space Mono", monospace;
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-metric.positive strong,
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-metric.positive em,
.dashboard-v4-dialog .positive { color: var(--v4-green) !important; }
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-metric.negative strong,
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-metric.negative em,
.dashboard-v4-dialog .negative { color: var(--v4-red) !important; }
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-metric.neutral em { color: #7f94a8; }
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-state-cell {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
}
.dashboard-v3[data-dashboard-ui-v4] .trade-state.dashboard-v4-status,
.dashboard-v3[data-dashboard-ui-v4] .trade-state.dashboard-v4-protection,
.dashboard-v4-dialog .trade-state.dashboard-v4-status,
.dashboard-v4-dialog .trade-state.dashboard-v4-protection {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  min-height: 23px;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  border: 1px solid;
  border-radius: 6px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none;
  white-space: nowrap;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-status.open,
.dashboard-v4-dialog .dashboard-v4-status.open {
  border-color: rgba(32, 220, 167, .48);
  background: rgba(32, 220, 167, .09);
  color: #60e6c3;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-status.closed,
.dashboard-v4-dialog .dashboard-v4-status.closed {
  border-color: rgba(63, 184, 229, .42);
  background: rgba(63, 184, 229, .08);
  color: #79d9fa;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-status.skipped,
.dashboard-v4-dialog .dashboard-v4-status.skipped {
  border-color: rgba(118, 139, 158, .34);
  background: rgba(118, 139, 158, .07);
  color: #9aabb9;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-protection.protected,
.dashboard-v4-dialog .dashboard-v4-protection.protected {
  border-color: rgba(32, 220, 167, .50);
  background: rgba(32, 220, 167, .09);
  color: #61e5c2;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-protection.not-required,
.dashboard-v4-dialog .dashboard-v4-protection.not-required {
  border-color: rgba(108, 130, 148, .30);
  background: rgba(108, 130, 148, .07);
  color: #8ea0ae;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-protection.not-protected,
.dashboard-v4-dialog .dashboard-v4-protection.not-protected {
  border-color: rgba(255, 83, 103, .52);
  background: rgba(255, 83, 103, .09);
  color: #ff7a89;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-why {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #7da6c2;
  font: 600 8.5px/1.2 Inter, system-ui, sans-serif;
  text-decoration: underline;
  text-decoration-color: rgba(125, 166, 194, .38);
  text-underline-offset: 2px;
  cursor: help;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-skip-reason { display: none; }
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-row-actions {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-row-actions .mini-action {
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 6px;
  color: #b8cbd8;
  font-family: Inter, system-ui, sans-serif;
  font-size: 9px;
  font-weight: 600;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-row-actions .dashboard-v4-view {
  border-color: rgba(67, 145, 184, .46);
  background: rgba(16, 54, 76, .25);
  color: #bde7f4;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-row-actions .dashboard-v4-close-trade {
  color: #ff98a3;
}

/* Sidebar */
.dashboard-v3[data-dashboard-ui-v4] .action-panel {
  padding: 14px;
  border-radius: var(--v4-radius);
}
.dashboard-v3[data-dashboard-ui-v4] .action-panel header {
  margin-bottom: 10px;
}
.dashboard-v3[data-dashboard-ui-v4] .action-panel .button {
  min-height: 38px;
  margin-top: 7px;
  border-radius: 8px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 650;
}
.dashboard-v3[data-dashboard-ui-v4] .action-panel p {
  margin: 11px 1px 0;
  color: #6e8498;
  font-family: Inter, system-ui, sans-serif;
  font-size: 9px;
  line-height: 1.45;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-side-panel {
  min-height: 0 !important;
  padding: 0;
  overflow: hidden;
  border-radius: var(--v4-radius);
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-panel-summary {
  display: flex;
  width: 100%;
  min-height: 62px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 13px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-panel-summary:hover { background: rgba(31, 66, 91, .11); }
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-panel-summary > span {
  display: grid;
  min-width: 0;
  gap: 4px;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-panel-summary small {
  color: #55dfc3;
  font-family: "Space Mono", monospace;
  font-size: 7.5px;
  font-weight: 700;
  letter-spacing: .12em;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-panel-summary strong {
  overflow: hidden;
  color: #f3f8fc;
  font-family: Inter, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 670;
  letter-spacing: -.02em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-v3[data-dashboard-ui-v4] .runtime-panel.healthy .dashboard-v4-panel-summary strong,
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel.healthy .dashboard-v4-panel-summary strong { color: var(--v4-green); }
.dashboard-v3[data-dashboard-ui-v4] .runtime-panel.attention .dashboard-v4-panel-summary strong,
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel.attention .dashboard-v4-panel-summary strong { color: var(--v4-amber); }
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel.standby .dashboard-v4-panel-summary strong { color: var(--v4-cyan); }

/* Performance History has its own reporting-only success language: a green
 * panel means the history worker is healthy/current, while the "Up To Date"
 * state uses cyan so it is visually distinct from live trading health. */
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel.healthy {
  border-color: rgba(52, 211, 153, .46);
  background:
    linear-gradient(145deg, rgba(6, 78, 59, .16), rgba(2, 12, 25, .96) 48%),
    var(--v4-panel);
  box-shadow: 0 18px 46px rgba(16, 185, 129, .08);
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel.healthy .section-kicker {
  color: #6ee7b7;
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel.healthy .dashboard-v4-panel-summary strong {
  color: #6ee7b7;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-panel-summary > i {
  display: grid;
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  place-items: center;
  border: 1px solid #294057;
  border-radius: 8px;
  color: #8da4b6;
  font-family: Inter, system-ui, sans-serif;
  font-size: 16px;
  font-style: normal;
  transition: transform .18s ease, border-color .18s ease;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-side-panel.is-open .dashboard-v4-panel-summary > i {
  transform: rotate(180deg);
  border-color: #3d5c75;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-panel-content {
  display: none;
  padding: 0 13px 13px;
  border-top: 1px solid transparent;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-side-panel.is-open .dashboard-v4-panel-content {
  display: block;
  padding-top: 12px;
  border-top-color: var(--v4-border-soft);
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-model-summary {
  display: flex;
  width: 100%;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 9px;
  padding: 10px 11px;
  border: 1px solid rgba(32, 220, 167, .30);
  border-radius: 9px;
  background: rgba(32, 220, 167, .055);
  color: inherit;
  pointer-events: none;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-model-summary span { display: grid; gap: 3px; text-align: left; }
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-model-summary small {
  color: #5fd8bf;
  font: 700 7.5px/1.2 "Space Mono", monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-model-summary strong {
  color: #e7f4f7;
  font: 650 11px/1.2 Inter, system-ui, sans-serif;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-model-summary em {
  color: #7390a3;
  font: 500 8px/1.2 Inter, system-ui, sans-serif;
  font-style: normal;
  white-space: nowrap;
}
.dashboard-v3[data-dashboard-ui-v4] .profile-panel dl { margin: 0 0 9px; }
.dashboard-v3[data-dashboard-ui-v4] .profile-panel dl > div {
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 8px;
  padding: 8px 1px;
  border-top-color: rgba(55, 101, 137, .24);
}
.dashboard-v3[data-dashboard-ui-v4] .profile-panel dt {
  color: #71889c;
  font: 500 9px/1.3 Inter, system-ui, sans-serif;
}
.dashboard-v3[data-dashboard-ui-v4] .profile-panel dd {
  color: #d6e4ee;
  font: 650 9px/1.3 Inter, system-ui, sans-serif;
}
.dashboard-v3[data-dashboard-ui-v4] .profile-panel .profile-state.good { color: #59dfbd; }
.dashboard-v3[data-dashboard-ui-v4] .profile-help {
  margin: 7px 0 9px;
  color: #6e8498;
  font: 500 8.5px/1.45 Inter, system-ui, sans-serif;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-strategy-button,
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-refresh-button {
  width: 100%;
  min-height: 34px;
  margin: 6px 0 0;
  padding: 7px 10px;
  border-radius: 7px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 9px;
  font-weight: 650;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-strategy-button {
  border-color: rgba(46, 191, 211, .50);
  background: rgba(21, 77, 91, .19);
  color: #bfeef3;
}
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-refresh-button {
  background: transparent;
  color: #9db2c3;
}
.dashboard-v3[data-dashboard-ui-v4] .runtime-panel .dashboard-v4-panel-content > .runtime-authority {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 8px 1px;
  border-top: 1px solid rgba(55, 101, 137, .22);
}
.dashboard-v3[data-dashboard-ui-v4] .runtime-panel .dashboard-v4-panel-content > .runtime-authority:first-child { border-top: 0; }
.dashboard-v3[data-dashboard-ui-v4] .runtime-panel .runtime-authority span {
  min-width: 0;
  color: #758b9f;
  font: 500 8.5px/1.25 Inter, system-ui, sans-serif;
}
.dashboard-v3[data-dashboard-ui-v4] .runtime-panel .runtime-authority strong {
  max-width: 150px;
  color: #b8cbd7;
  font: 650 8.5px/1.25 Inter, system-ui, sans-serif;
  text-align: right;
}
.dashboard-v3[data-dashboard-ui-v4] .runtime-panel .runtime-authority.good strong { color: #59dfbd; }
.dashboard-v3[data-dashboard-ui-v4] .runtime-panel details {
  margin-top: 8px;
  padding-top: 8px;
  font: 500 8.5px/1.4 Inter, system-ui, sans-serif;
}

/* Dialogs */
.dashboard-v4-dialog {
  width: min(820px, calc(100vw - 36px));
  max-width: 820px;
  max-height: min(860px, calc(100dvh - 44px));
  margin: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(53, 102, 137, .62);
  border-radius: 17px;
  background: #020d1a;
  color: var(--v4-text);
  box-shadow: 0 26px 100px rgba(0, 0, 0, .66);
}
.dashboard-v4-dialog::backdrop {
  background: rgba(0, 7, 15, .82);
  backdrop-filter: blur(5px);
}
.dashboard-v4-dialog-shell {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  max-height: inherit;
}
.dashboard-v4-dialog header {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 21px 16px;
  border-bottom: 1px solid rgba(53, 102, 137, .32);
  background: linear-gradient(135deg, rgba(7, 31, 47, .96), rgba(2, 13, 26, .99));
}
.dashboard-v4-dialog header h2 {
  margin: 5px 0 3px;
  color: #f5f9fc;
  font-family: Inter, system-ui, sans-serif;
  font-size: 23px;
  font-weight: 690;
  letter-spacing: -.035em;
}
.dashboard-v4-dialog header p {
  margin: 0;
  color: #7e94a7;
  font: 500 9.5px/1.45 Inter, system-ui, sans-serif;
}
.dashboard-v4-dialog-close {
  display: grid;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  place-items: center;
  border: 1px solid rgba(83, 137, 169, .46);
  border-radius: 10px;
  background: rgba(5, 19, 33, .90);
  color: #adc6d6;
  font: 300 24px/1 Inter, system-ui, sans-serif;
  cursor: pointer;
}
.dashboard-v4-dialog-close:hover,
.dashboard-v4-dialog-close:focus-visible {
  border-color: #4fdced;
  color: #eefcff;
  outline: none;
  box-shadow: 0 0 0 3px rgba(79, 220, 237, .09);
}
.dashboard-v4-dialog-body {
  overflow: auto;
  overscroll-behavior: contain;
  padding: 18px 21px 22px;
}
.dashboard-v4-dialog footer {
  display: flex;
  justify-content: flex-end;
  padding: 11px 21px 13px;
  border-top: 1px solid rgba(53, 102, 137, .30);
  background: #020b16;
}
.dashboard-v4-dialog footer .button {
  min-width: 142px;
  min-height: 37px;
  border-radius: 8px;
  font-family: Inter, system-ui, sans-serif;
  font-size: 9.5px;
  font-weight: 650;
}
.strategy-summary-v4 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
  border: 1px solid rgba(53, 102, 137, .34);
  border-radius: 11px;
  background: rgba(7, 23, 39, .60);
}
.strategy-summary-v4 > div {
  display: grid;
  min-height: 72px;
  align-content: center;
  gap: 6px;
  padding: 12px 13px;
  border-right: 1px solid rgba(53, 102, 137, .22);
  border-bottom: 1px solid rgba(53, 102, 137, .22);
}
.strategy-summary-v4 > div:nth-child(3n) { border-right: 0; }
.strategy-summary-v4 > div:nth-last-child(-n+3) { border-bottom: 0; }
.strategy-summary-v4 small,
.detail-metrics-v4 small {
  color: #70879a;
  font: 500 8.5px/1.2 Inter, system-ui, sans-serif;
}
.strategy-summary-v4 strong,
.detail-metrics-v4 strong {
  color: #edf5fa;
  font: 650 12.5px/1.25 Inter, system-ui, sans-serif;
}
.strategy-section-v4 {
  margin-top: 15px;
  padding: 15px;
  border: 1px solid rgba(53, 102, 137, .30);
  border-radius: 11px;
  background: rgba(3, 15, 28, .72);
}
.strategy-section-head h3,
.strategy-two-v4 h3 {
  margin: 5px 0 4px;
  color: #f0f6fa;
  font: 660 15px/1.25 Inter, system-ui, sans-serif;
  letter-spacing: -.018em;
}
.strategy-section-head p,
.strategy-two-v4 p {
  margin: 0;
  color: #7b90a2;
  font: 500 9.5px/1.45 Inter, system-ui, sans-serif;
}
.strategy-rungs-v4 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
}
.strategy-rungs-v4 article {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) minmax(0, 1fr);
  min-height: 55px;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border: 1px solid rgba(55, 103, 136, .28);
  border-radius: 9px;
  background: rgba(7, 24, 39, .72);
}
.strategy-rungs-v4 article > i {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border: 1px solid rgba(32, 220, 167, .38);
  border-radius: 50%;
  color: #55dfbd;
  font: 700 8px/1 "Space Mono", monospace;
  font-style: normal;
}
.strategy-rungs-v4 article > div {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.strategy-rungs-v4 article small {
  color: #748a9d;
  font: 500 8px/1.2 Inter, system-ui, sans-serif;
}
.strategy-rungs-v4 article strong {
  color: #edf6fa;
  font: 670 10px/1.2 Inter, system-ui, sans-serif;
}
.strategy-rungs-v4 .strategy-lock-v4 strong { color: #5de2c0; }
.strategy-empty-v4 {
  grid-column: 1/-1;
  padding: 14px;
  border: 1px dashed rgba(68, 108, 137, .35);
  border-radius: 9px;
  color: #8094a5;
  font: 500 10px/1.5 Inter, system-ui, sans-serif;
}
.strategy-two-v4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 9px;
}
.strategy-two-v4 article {
  padding: 14px;
  border: 1px solid rgba(53, 102, 137, .29);
  border-radius: 10px;
  background: rgba(5, 19, 33, .62);
}
.strategy-technical-v4 {
  display: grid;
  gap: 7px;
  margin-top: 9px;
  padding: 12px 14px;
  border: 1px solid rgba(53, 102, 137, .24);
  border-radius: 9px;
  background: rgba(1, 9, 18, .70);
}
.strategy-technical-v4 > div {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
}
.strategy-technical-v4 span {
  color: #677d91;
  font: 500 8.5px/1.2 Inter, system-ui, sans-serif;
}
.strategy-technical-v4 code {
  overflow: hidden;
  color: #93aabc;
  font: 400 8.5px/1.35 "Space Mono", monospace;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.strategy-safety-v4 {
  display: flex;
  gap: 8px;
  margin-top: 9px;
  padding: 10px 12px;
  border: 1px solid rgba(32, 220, 167, .20);
  border-radius: 9px;
  background: rgba(32, 220, 167, .04);
  color: #8197a7;
  font: 500 9px/1.45 Inter, system-ui, sans-serif;
}
.strategy-safety-v4 strong {
  flex: 0 0 auto;
  color: #61ddc0;
  font-weight: 650;
}
.detail-status-line {
  display: flex;
  gap: 7px;
  margin-bottom: 13px;
}
.detail-reason {
  display: grid;
  gap: 5px;
  margin-bottom: 13px;
  padding: 11px 12px;
  border: 1px solid rgba(114, 136, 156, .28);
  border-radius: 9px;
  background: rgba(114, 136, 156, .05);
}
.detail-reason strong { color: #c8d5de; font: 650 10px/1.3 Inter, system-ui, sans-serif; }
.detail-reason span { color: #8397a7; font: 500 10px/1.5 Inter, system-ui, sans-serif; }
.detail-metrics-v4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  border: 1px solid rgba(53, 102, 137, .34);
  border-radius: 10px;
  background: rgba(6, 21, 36, .60);
}
.detail-metrics-v4 > div {
  display: grid;
  min-height: 72px;
  align-content: center;
  gap: 5px;
  padding: 12px;
  border-right: 1px solid rgba(53, 102, 137, .24);
}
.detail-metrics-v4 > div:last-child { border-right: 0; }
.detail-metrics-v4 span { color: #7f94a8; font: 700 8px/1.2 "Space Mono", monospace; }
.detail-facts-v4 {
  display: grid;
  gap: 0;
  margin-top: 10px;
  overflow: hidden;
  border: 1px solid rgba(53, 102, 137, .25);
  border-radius: 9px;
}
.detail-facts-v4 > div {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding: 9px 11px;
  border-bottom: 1px solid rgba(53, 102, 137, .18);
  font: 500 9px/1.4 Inter, system-ui, sans-serif;
}
.detail-facts-v4 > div:last-child { border-bottom: 0; }
.detail-facts-v4 span { color: #71869a; }
.detail-facts-v4 strong { color: #b7c9d6; font-weight: 600; text-align: right; }

/* Tablet */
@media (max-width: 1180px) and (min-width: 981px) {
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi strong { font-size: 19px; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi span { font-size: 8.8px; }
  .dashboard-v3[data-dashboard-ui-v4] .day-alert-head,
  .dashboard-v3[data-dashboard-ui-v4] .day-alert-row {
    grid-template-columns: minmax(130px, 1.15fr) minmax(72px, .62fr) minmax(78px, .68fr) minmax(78px, .68fr) minmax(90px, .76fr) minmax(82px, .7fr) minmax(98px, .82fr) minmax(76px, .62fr);
    gap: 9px;
  }
}

/* Mobile / single-column dashboard */
@media (max-width: 980px) {
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-workspace { grid-template-columns: 1fr; }
  .dashboard-v3[data-dashboard-ui-v4] .trades-panel { min-height: 0 !important; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-side,
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-side-sticky { height: auto !important; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-side-sticky {
    position: static;
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .dashboard-v3[data-dashboard-ui-v4] {
    padding-bottom: 18px;
  }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
  }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi {
    min-height: 88px;
    padding: 12px 11px;
    border-radius: 13px;
  }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi .kpi-icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
    border-radius: 9px;
  }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi .kpi-icon svg { width: 20px; height: 20px; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi small { font-size: 9px; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi strong {
    margin-top: 3px;
    font-size: clamp(17px, 4.8vw, 20px);
  }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi span {
    margin-top: 5px;
    font-size: 8px;
  }

  .dashboard-v3[data-dashboard-ui-v4] .workspace-head {
    display: grid;
    min-height: 0;
    align-items: start;
    padding: 14px 13px 12px;
    gap: 11px;
  }
  .dashboard-v3[data-dashboard-ui-v4] .workspace-head h2 {
    margin-top: 4px;
    font-size: 18px;
    white-space: nowrap;
  }
  .dashboard-v3[data-dashboard-ui-v4] .workspace-head p { font-size: 9px; }
  .dashboard-v3[data-dashboard-ui-v4] .workspace-head-actions { width: 100%; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-filters {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    gap: 5px;
  }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-filters button {
    min-width: 0;
    min-height: 32px;
    padding: 6px 5px;
    font-size: 8.5px;
  }

  .dashboard-v3[data-dashboard-ui-v4] .day-alert-head { display: none; }
  .dashboard-v3[data-dashboard-ui-v4] .day-alert-list {
    display: grid;
    gap: 9px;
    padding: 10px;
  }
  .dashboard-v3[data-dashboard-ui-v4] .day-alert-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
      "identity status"
      "entry current"
      "pnl stop"
      "protection actions"
      "reason reason";
    gap: 9px 10px;
    min-height: 0;
    padding: 12px;
    border: 1px solid rgba(55, 101, 137, .36);
    border-radius: 12px;
    background: rgba(5, 18, 32, .78);
  }
  .dashboard-v3[data-dashboard-ui-v4] .day-alert-row[hidden] { display: none !important; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-trade {
    grid-area: identity;
    align-self: center;
    gap: 4px;
    padding: 1px 0 8px;
    border-bottom: 1px solid rgba(55, 101, 137, .22);
  }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-trade strong { font-size: 14px; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-trade small { font-size: 7.7px; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-metric {
    min-height: 58px;
    align-content: center;
    gap: 4px;
    padding: 9px 10px;
    border: 1px solid rgba(55, 101, 137, .22);
    border-radius: 9px;
    background: rgba(1, 10, 20, .48);
  }
  .dashboard-v3[data-dashboard-ui-v4] .metric-entry { grid-area: entry; }
  .dashboard-v3[data-dashboard-ui-v4] .metric-current { grid-area: current; }
  .dashboard-v3[data-dashboard-ui-v4] .metric-pnl { grid-area: pnl; }
  .dashboard-v3[data-dashboard-ui-v4] .metric-stop { grid-area: stop; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-metric > small,
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-state-cell > small {
    display: block;
    color: #71889c;
    font: 500 8px/1.2 Inter, system-ui, sans-serif;
  }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-metric strong { font-size: 11.5px; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-metric em { font-size: 7.8px; }
  .dashboard-v3[data-dashboard-ui-v4] .alert-status-cell {
    grid-area: status;
    display: flex;
    align-self: stretch;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 5px;
    padding: 1px 0 8px;
    border-bottom: 1px solid rgba(55, 101, 137, .22);
  }
  .dashboard-v3[data-dashboard-ui-v4] .alert-status-cell > small { display: none; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-why {
    align-self: center;
    font-size: 8px;
  }
  .dashboard-v3[data-dashboard-ui-v4] .protection-cell {
    grid-area: protection;
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 5px;
    min-width: 0;
  }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-row-actions {
    grid-area: actions;
    justify-self: end;
    align-self: end;
  }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-row-actions .mini-action {
    min-height: 34px;
    min-width: 64px;
    padding: 7px 10px;
  }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-skip-reason {
    grid-area: reason;
    display: none;
    margin-top: 0;
    padding: 9px 10px;
    border: 1px solid rgba(112, 136, 155, .24);
    border-radius: 8px;
    background: rgba(112, 136, 155, .05);
    color: #8ea0ae;
    font: 500 9px/1.45 Inter, system-ui, sans-serif;
  }
  .dashboard-v3[data-dashboard-ui-v4] .day-alert-row.show-skip-reason .dashboard-v4-skip-reason { display: block; }

  .dashboard-v3[data-dashboard-ui-v4] .action-panel { padding: 13px; }
  .dashboard-v3[data-dashboard-ui-v4] .action-panel .button { min-height: 40px; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-panel-summary { min-height: 60px; padding: 11px 12px; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-panel-content { padding: 0 12px 12px; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-side-panel.is-open .dashboard-v4-panel-content { padding-top: 11px; }
  .dashboard-v3[data-dashboard-ui-v4] .profile-panel dl > div { grid-template-columns: 105px minmax(0,1fr); }
  .dashboard-v3[data-dashboard-ui-v4] .runtime-panel .runtime-authority strong { max-width: 170px; }

  .dashboard-v4-dialog {
    width: 100vw;
    max-width: none;
    max-height: calc(100dvh - 14px);
    margin: auto 0 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    border-radius: 18px 18px 0 0;
  }
  .dashboard-v4-dialog-shell { max-height: calc(100dvh - 14px); }
  .dashboard-v4-dialog header {
    position: sticky;
    top: 0;
    z-index: 3;
    min-height: 82px;
    padding: max(17px, env(safe-area-inset-top)) 15px 14px;
  }
  .dashboard-v4-dialog header h2 { font-size: 20px; }
  .dashboard-v4-dialog header p { max-width: 290px; font-size: 9px; }
  .dashboard-v4-dialog-close {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    border-radius: 11px;
    font-size: 26px;
    touch-action: manipulation;
  }
  .dashboard-v4-dialog-body { padding: 14px 13px 18px; }
  .dashboard-v4-dialog footer {
    position: sticky;
    bottom: 0;
    z-index: 3;
    padding: 9px 13px calc(9px + env(safe-area-inset-bottom));
  }
  .dashboard-v4-dialog footer .button { width: 100%; min-height: 43px; }
  .strategy-summary-v4 { grid-template-columns: repeat(2, 1fr); }
  .strategy-summary-v4 > div:nth-child(3n) { border-right: 1px solid rgba(53, 102, 137, .22); }
  .strategy-summary-v4 > div:nth-child(2n) { border-right: 0; }
  .strategy-summary-v4 > div:nth-last-child(-n+3) { border-bottom: 1px solid rgba(53, 102, 137, .22); }
  .strategy-summary-v4 > div:nth-last-child(-n+2) { border-bottom: 0; }
  .strategy-rungs-v4 { grid-template-columns: 1fr; }
  .strategy-rungs-v4 article { grid-template-columns: 28px 1fr 1fr; min-height: 58px; }
  .strategy-two-v4 { grid-template-columns: 1fr; }
  .strategy-technical-v4 > div { grid-template-columns: 1fr; gap: 4px; }
  .strategy-technical-v4 code { white-space: normal; overflow-wrap: anywhere; }
  .strategy-safety-v4 { display: grid; gap: 4px; }
  .detail-metrics-v4 { grid-template-columns: repeat(2, 1fr); }
  .detail-metrics-v4 > div { border-bottom: 1px solid rgba(53, 102, 137, .24); }
  .detail-metrics-v4 > div:nth-child(2n) { border-right: 0; }
  .detail-metrics-v4 > div:nth-last-child(-n+2) { border-bottom: 0; }
}

@media (max-width: 390px) {
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi {
    min-height: 86px;
    padding: 11px 9px;
  }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi .kpi-icon {
    width: 33px;
    height: 33px;
    flex-basis: 33px;
  }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi strong { font-size: 16px; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-kpi span { font-size: 7.5px; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-filters button { font-size: 8px; }
  .dashboard-v3[data-dashboard-ui-v4] .day-alert-list { padding: 8px; }
  .dashboard-v3[data-dashboard-ui-v4] .day-alert-row { padding: 10px; gap: 8px; }
  .dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-metric { padding: 8px; }
}


/* Customer-facing account performance history */
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel .dashboard-v4-panel-content {
  color: #c8d8e3;
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel .performance-intro {
  margin: 0 0 12px;
  color: #b5c9d7;
  font: 500 13px/1.5 Inter, system-ui, sans-serif;
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel .runtime-authority {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px 1px;
  border-top: 1px solid rgba(55, 101, 137, .25);
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel .runtime-authority span,
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel .runtime-authority strong {
  font: 600 12px/1.35 Inter, system-ui, sans-serif;
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel .runtime-authority span {
  min-width: 0;
  color: #8fa5b7;
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel .runtime-authority strong {
  color: #d9e7ef;
  text-align: right;
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel .runtime-authority.good strong {
  color: #59dfbd;
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel details {
  margin: 11px 0 0;
  padding: 11px 0 0;
  border-top: 1px solid rgba(55, 101, 137, .25);
  color: #aebfcb;
  font: 500 12px/1.5 Inter, system-ui, sans-serif;
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel details summary {
  color: #f0c95f;
  font-weight: 650;
  cursor: pointer;
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel details ul {
  margin: 8px 0 0;
  padding-left: 19px;
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel .performance-check-button {
  width: 100%;
  min-height: 42px;
  margin: 14px 0 0;
  border: 1px solid rgba(46, 191, 211, .55);
  border-radius: 8px;
  background: rgba(21, 77, 91, .24);
  color: #d7f8fb;
  font: 650 13px/1 Inter, system-ui, sans-serif;
  cursor: pointer;
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel .performance-check-button:hover,
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel .performance-check-button:focus-visible {
  border-color: #4fdced;
  background: rgba(21, 94, 109, .35);
  outline: none;
  box-shadow: 0 0 0 3px rgba(79, 220, 237, .09);
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel .performance-check-button:disabled {
  cursor: not-allowed;
  opacity: .55;
}
.dashboard-v3[data-dashboard-ui-v4] .performance-health-panel .performance-safety {
  margin: 10px 0 0;
  color: #7f96a8;
  font: 500 11.5px/1.5 Inter, system-ui, sans-serif;
}

/* Expiry/unknown broker outcomes must not look like confirmed open trades. */
.dashboard-v3[data-dashboard-ui-v4] .dashboard-v4-status.pending,
.dashboard-v4-dialog .dashboard-v4-status.pending {
  border-color: rgba(251, 191, 36, .44);
  background: rgba(251, 191, 36, .09);
  color: #eac178;
}