/* Message Center: theme alignment overrides (shared theme system).
   Keep this file small so it is easy to roll back. */

:root {
  --mc-accent-rgb: var(--accent-primary-rgb, 11, 106, 50);
}

.action-button.secondary {
  background: rgba(var(--mc-accent-rgb), 0.08);
}

.action-button.secondary:hover {
  background: rgba(var(--mc-accent-rgb), 0.14);
}

.renewal-notice {
  background: rgba(var(--mc-accent-rgb), 0.08);
}

.metric-table th,
.metric-table td {
  border-bottom-color: rgba(var(--mc-accent-rgb), 0.08);
}

.metric-table th {
  background: var(--surface-subtle);
}

.message-table tbody tr:hover {
  background: rgba(var(--mc-accent-rgb), 0.05);
}

.message-table tbody tr.is-active {
  background: rgba(var(--mc-accent-rgb), 0.08);
  box-shadow: inset 0 0 0 1px rgba(var(--mc-accent-rgb), 0.15);
}

.milestone-table th,
.milestone-table td {
  border-bottom-color: rgba(var(--mc-accent-rgb), 0.06);
}

.milestone-table thead th {
  background: var(--surface-subtle);
}

.milestone-table input[type="number"] {
  border-color: rgba(var(--mc-accent-rgb), 0.18);
  background: var(--surface-panel);
  color: var(--grey-800);
}

.message-detail__actions {
  border-top-color: var(--panel-border-color);
}

.message-roadmap {
  border-color: var(--panel-border-color);
  background: rgba(var(--mc-accent-rgb), 0.04);
}

.message-detail__body code {
  background: rgba(var(--mc-accent-rgb), 0.06);
}

.message-detail__body a,
.message-roadmap-link {
  color: var(--teal-500);
}

.message-detail__body a:hover,
.message-detail__body a:focus-visible,
.message-roadmap-link:hover,
.message-roadmap-link:focus-visible {
  color: var(--teal-700);
  border-bottom-color: rgba(var(--mc-accent-rgb), 0.65);
}

[data-theme="dark"] .message-detail__body a:hover,
[data-theme="dark"] .message-detail__body a:focus-visible,
[data-theme="dark"] .message-roadmap-link:hover,
[data-theme="dark"] .message-roadmap-link:focus-visible {
  color: var(--teal-400);
}

.message-detail__body th,
.message-detail__body td {
  border-color: var(--panel-border-color);
}

.message-detail__body th {
  background: var(--surface-subtle);
}

.message-detail__body tr:nth-child(even) td {
  background: rgba(var(--mc-accent-rgb), 0.04);
}

.message-detail__body img {
  border-color: var(--panel-border-color);
  background: var(--surface-panel);
}

.message-body-image-link:hover,
.message-body-image-link:focus-visible,
.message-image-card__link:hover,
.message-image-card__link:focus-visible,
.detail-back-button:hover,
.detail-back-button:focus-visible {
  color: var(--green-800, var(--green-700));
}

.message-images {
  border-top-color: var(--panel-border-color);
}

.message-image-card {
  background: rgba(var(--mc-accent-rgb), 0.04);
  box-shadow: inset 0 0 0 1px rgba(var(--mc-accent-rgb), 0.08);
}

.date-badge--today {
  background: rgba(var(--mc-accent-rgb), 0.18);
}

[data-theme="dark"] .preview-tooltip {
  background: var(--surface-panel);
  border-color: var(--panel-border-color);
}

[data-theme="dark"] .preview-tooltip__title {
  color: var(--grey-800);
}

[data-theme="dark"] .preview-tooltip__body {
  color: var(--grey-600);
}

/* Carbon Black: keep it monochrome (avoid bright orange accents). */
html[data-tools-theme="dark-carbon"] .past-rollouts {
  background: rgba(var(--mc-accent-rgb), 0.03);
  border-color: rgba(var(--mc-accent-rgb), 0.08);
}

html[data-tools-theme="dark-carbon"] .past-rollouts .upcoming-rollouts__body {
  border-top-color: rgba(var(--mc-accent-rgb), 0.08);
}

html[data-tools-theme="dark-carbon"] .past-rollouts .upcoming-pill {
  border-color: rgba(var(--mc-accent-rgb), 0.14);
}

html[data-tools-theme="dark-carbon"] .past-rollouts .upcoming-pill:hover {
  background: rgba(var(--mc-accent-rgb), 0.06);
}

html[data-tools-theme="dark-carbon"] .past-rollouts .upcoming-pill.is-active {
  background: rgba(var(--mc-accent-rgb), 0.10);
  color: var(--text-body, rgba(247, 247, 242, 0.92));
  border-color: rgba(var(--mc-accent-rgb), 0.18);
}

html[data-tools-theme="dark-carbon"] .date-badge--yesterday {
  background: rgba(var(--mc-accent-rgb), 0.10);
  color: rgba(var(--mc-accent-rgb), 0.78);
}

html[data-tools-theme="dark-carbon"] .classification-badge--planForChange {
  background: rgba(var(--mc-accent-rgb), 0.10);
  color: var(--text-body, rgba(247, 247, 242, 0.92));
}

html[data-tools-theme="dark-carbon"] .classification-badge--planForChange .classification-badge__dot {
  background: rgba(var(--mc-accent-rgb), 0.78);
}