.automated-goal-status {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.automated-goal-status article {
  padding: 16px;
  border: 1px solid #d8ddd9;
  border-radius: 14px;
  background: #fff;
}

.automated-goal-status span,
.automated-goal-status strong,
.automated-goal-status small {
  display: block;
}

.automated-goal-status span {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.automated-goal-status strong { margin-top: 7px; font-size: 24px; }
.automated-goal-status small { margin-top: 5px; color: #65706b; }
.automated-goal-status .is-over-goal { border-color: #e5a29c; background: #fff2f0; }

.stats-trajectory {
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid #dce5df;
  border-radius: 14px;
  background: #fff;
}

.stats-trajectory-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px 4px;
}

.stats-trajectory-heading span { color: #68756f; font-size: 13px; }
.stats-trajectory-chart-wrap { overflow-x: auto; padding: 4px 10px 10px; }
.stats-trajectory svg { display: block; width: 100%; min-width: 560px; height: 250px; }
.stats-trajectory .grid { stroke: #e0e7e3; stroke-dasharray: 4 5; }
.stats-trajectory .line { fill: none; stroke: #164737; stroke-width: 3; }
.stats-trajectory .point { fill: #ffcc00; stroke: #164737; stroke-width: 2.5; }
.stats-trajectory text { fill: #65716c; font: 12px inherit; }

.executive-comparison-table {
  margin: 4px 18px 20px;
  overflow: hidden;
  border: 1px solid #d9d6c9;
  border-radius: 16px;
  background: #101010;
  color: #fff;
}

.executive-comparison-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  padding: 17px 18px;
  border-bottom: 1px solid #444;
}

.executive-comparison-title h3 { margin: 3px 0 0; font-size: 20px; }
.executive-comparison-title p { margin: 0; color: #ffcf18; }
.executive-comparison-title > span { color: #aaa; }
.executive-comparison-scroll { overflow-x: auto; }
.executive-comparison-grid { min-width: 920px; }
.executive-comparison-row {
  display: grid;
  grid-template-columns: minmax(170px, 1.3fr) repeat(5, minmax(120px, 1fr));
  border-bottom: 1px solid #414141;
}
.executive-comparison-row:last-child { border-bottom: 0; }
.executive-comparison-row > * { padding: 12px 14px; }
.executive-comparison-row.is-header { color: #999; font-size: 11px; letter-spacing: .05em; text-transform: uppercase; }
.executive-comparison-row .is-positive { color: #22ef6f; font-weight: 800; }
.executive-comparison-row .is-negative { color: #ff435b; font-weight: 800; }

@media (max-width: 700px) {
  .automated-goal-status { grid-template-columns: 1fr; }
  .executive-comparison-title { display: block; }
  .executive-comparison-title > span { display: block; margin-top: 8px; }
}

.executive-current-breakdown {
  margin: 4px 18px 20px;
  padding: 18px;
  border: 1px solid #d9d6c9;
  border-radius: 16px;
  background: #fff;
  color: #111;
}

.executive-current-breakdown-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.executive-current-breakdown-title p,
.executive-current-breakdown-title h3 { margin: 0; }
.executive-current-breakdown-title h3 { margin-top: 4px; font-size: 21px; }
.executive-current-breakdown-title > span { color: #656961; font-weight: 800; }

.executive-current-breakdown-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}

.executive-current-breakdown-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d8ddd7;
  border-radius: 14px;
  background: #f5f7f4;
}

.executive-current-breakdown-card.is-attention { border-color: #e6b3ad; background: #fff8f6; }
.executive-current-breakdown-card > header { padding: 13px 14px 11px; border-bottom: 1px solid #d8ddd7; }
.executive-current-breakdown-card > header strong,
.executive-current-breakdown-card > header small { display: block; }
.executive-current-breakdown-card > header strong { font-size: 16px; }
.executive-current-breakdown-card > header small { margin-top: 4px; color: #656961; }

.executive-current-breakdown-values {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.executive-current-breakdown-values > div { min-width: 0; padding: 13px 14px; }
.executive-current-breakdown-values > div + div { border-left: 1px solid #d8ddd7; }
.executive-current-breakdown-values span,
.executive-current-breakdown-values strong,
.executive-current-breakdown-values small { display: block; overflow-wrap: anywhere; }
.executive-current-breakdown-values span { font-size: 10px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.executive-current-breakdown-values strong { margin-top: 6px; font-size: 22px; line-height: 1.05; }
.executive-current-breakdown-values strong.is-attention { color: #b52b25; }
.executive-current-breakdown-values small { margin-top: 6px; color: #656961; line-height: 1.35; }

@media (max-width: 700px) {
  .executive-current-breakdown { margin-inline: 10px; padding: 14px; }
  .executive-current-breakdown-title { display: block; }
  .executive-current-breakdown-title > span { display: block; margin-top: 7px; }
  .executive-current-breakdown-grid { grid-template-columns: 1fr; }
}