/* Reversible redesign layer: remove this file link to revert. */

/* ---------- Shared tech shell ---------- */
.input-page.metrics-page,
.results-page.metrics-page {
  background:
    radial-gradient(ellipse 120% 85% at 20% -20%, rgba(99, 140, 255, 0.18), transparent 52%),
    radial-gradient(ellipse 100% 60% at 100% 20%, rgba(56, 189, 248, 0.1), transparent 45%),
    linear-gradient(180deg, #f2f7ff 0%, #eef3fb 45%, #f4f8ff 100%);
}

.input-page .app-brand,
.results-page .app-brand {
  letter-spacing: -0.02em;
}

/* ---------- Input page redesign ---------- */
.input-page .input-main {
  max-width: 1480px;
  border-radius: 16px;
}

.input-page .input-header {
  padding: 8px 2px 4px;
}

.input-page .input-business-header {
  border: 1px solid #d8e5fb;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(10px);
  padding: 14px 16px;
}

.input-page .input-business-pic {
  border: 1px solid #cfe0ff;
  box-shadow: 0 6px 20px rgba(76, 117, 201, 0.18);
}

.input-page .boards-toc,
.input-page .metric-card {
  border: 1px solid #d7e3f7;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.86);
  backdrop-filter: blur(8px);
  box-shadow: 0 10px 34px rgba(30, 64, 175, 0.08);
}

.input-page .metric-card {
  padding: 22px 24px;
}

.input-page .metric-title-row {
  border-bottom: 1px solid #e7eefb;
  padding-bottom: 8px;
  margin-bottom: 12px;
}

.input-page .metric-block-title-field {
  font-size: 1.18rem;
  font-weight: 700;
}

.input-page .input-business-name,
.input-page .metric-block-title-field,
.input-page .metric-single-line-input,
.input-page .invite-email-input,
.input-page .invite-permission-select {
  border-color: #d6e4fb;
  border-radius: 10px;
  background: #fbfdff;
}

.input-page .input-business-name:focus,
.input-page .metric-block-title-field:focus,
.input-page .metric-single-line-input:focus,
.input-page .invite-email-input:focus,
.input-page .invite-permission-select:focus {
  border-color: #8ab2f0;
  box-shadow: 0 0 0 3px rgba(107, 155, 209, 0.16);
}

.input-page .show-main-label-text {
  font-weight: 600;
}

.input-page .input-carousel-btn {
  border-radius: 10px;
  border-color: #d2def4;
  box-shadow: 0 4px 12px rgba(30, 64, 175, 0.12);
}

.input-page .metric-actions .btn-save,
.input-page .metric-actions .btn-view-board,
.input-page .btn-send-metric-invite,
.input-page .btn-add-row {
  border-radius: 10px;
}

.input-page .btn-save,
.input-page .btn-send-metric-invite {
  box-shadow: none;
}

.input-page .metric-permission-badge {
  font-weight: 700;
}

.input-page .invited-users-toolbar {
  margin-top: 12px;
}

/* ---------- Results page redesign ---------- */
.results-page .results-main {
  background: transparent;
  padding-bottom: 52px;
  box-sizing: border-box;
}

.results-page .results-grid {
  padding: 8px;
  gap: 8px;
}

.results-page .result-column {
  border: 1px solid #d7e3f7;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 12px 36px rgba(30, 64, 175, 0.12);
}

.results-page .result-owner-meta {
  border-bottom: 1px solid #e7eefb;
  background: rgba(245, 249, 255, 0.85);
}

.results-page .result-column-metric-title {
  background: linear-gradient(180deg, #f3f8ff 0%, #eaf2ff 100%);
  border-bottom: 1px solid #d7e3f7;
}

.results-page .result-card,
.results-page .ranking-results {
  background: transparent;
}

.results-page .ranking-results {
  padding-top: 10px;
}

.results-page .ranking-list-item {
  border-bottom: 1px solid #edf3ff;
  padding-bottom: 6px;
}

.results-page .ranking-list-item:last-child {
  border-bottom: 0;
}

.results-page .results-bottom-actions {
  border: 1px solid #d7e3f7;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 999px;
  padding: 8px 14px;
  box-shadow: 0 10px 24px rgba(30, 64, 175, 0.18);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 16px;
}

/* Bottom dock: line at bottom; menu anchors flush above it so the pointer barely moves */
.results-bottom-dock {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100vw;
  z-index: 60;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  pointer-events: none;
  box-sizing: border-box;
}

.results-bottom-cluster {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  padding-bottom: max(10px, env(safe-area-inset-bottom, 0px));
  pointer-events: auto;
  box-sizing: border-box;
}

.results-bottom-dock .results-bottom-actions {
  position: absolute;
  left: 50%;
  right: auto;
  bottom: 100%;
  width: fit-content;
  max-width: calc(100vw - 24px);
  margin: 0;
  transform: translate(-50%, 8px);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.22s ease,
    transform 0.24s ease,
    visibility 0.24s;
  pointer-events: none;
  z-index: 1;
}

.results-bottom-dock:hover .results-bottom-actions,
.results-bottom-dock:focus-within .results-bottom-actions,
.results-bottom-dock.results-bottom-dock--open .results-bottom-actions {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
  pointer-events: auto;
}

.results-bottom-reveal-hit {
  pointer-events: auto;
  width: 100%;
  max-width: 280px;
  min-height: 44px;
  margin: 0 auto;
  padding: 0 16px;
  border: none;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px 8px 0 0;
  flex-shrink: 0;
  align-self: center;
  position: relative;
  z-index: 2;
}

.results-bottom-reveal-hit::after {
  content: '';
  display: block;
  width: min(200px, 55vw);
  height: 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.28);
  box-shadow:
    0 0 20px rgba(255, 255, 255, 0.12),
    0 -1px 0 rgba(0, 0, 0, 0.08);
}

.results-theme-dark .results-bottom-reveal-hit::after {
  background: rgba(255, 255, 255, 0.2);
  box-shadow:
    0 0 24px rgba(125, 211, 252, 0.15),
    0 -1px 0 rgba(0, 0, 0, 0.35);
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-bottom-reveal-hit::after {
  background: color-mix(in srgb, var(--mv-display-accent) 38%, rgba(255, 255, 255, 0.35));
  box-shadow:
    0 0 20px color-mix(in srgb, var(--mv-display-accent) 22%, transparent),
    0 -1px 0 rgba(0, 0, 0, 0.08);
}

.results-page.results-theme-dark.results-display-has-brand-color .results-bottom-reveal-hit::after {
  background: color-mix(in srgb, var(--mv-display-accent) 42%, rgba(255, 255, 255, 0.2));
  box-shadow:
    0 0 22px color-mix(in srgb, var(--mv-display-accent) 28%, transparent),
    0 -1px 0 rgba(0, 0, 0, 0.25);
}

@media (prefers-reduced-motion: reduce) {
  .results-bottom-dock .results-bottom-actions {
    transition: none;
  }
}

.results-bottom-dock .input-link {
  position: static;
  bottom: auto;
  left: auto;
  transform: none;
}

@media (max-width: 640px) {
  .results-bottom-dock .input-link {
    min-height: auto;
    padding: 4px 8px;
  }
}

.results-bottom-reveal-hit:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.45);
  outline-offset: 3px;
}

.results-theme-dark .results-bottom-reveal-hit:focus-visible {
  outline-color: rgba(125, 211, 252, 0.55);
}

.results-display-theme-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}

.results-display-theme-legend {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
}

.results-display-theme-segments {
  display: inline-flex;
  border-radius: 10px;
  border: 1px solid #d0ddee;
  overflow: hidden;
  background: rgba(248, 250, 252, 0.95);
}

.results-theme-seg {
  margin: 0;
  padding: 8px 12px;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  border: none;
  border-right: 1px solid #e2e8f0;
  background: transparent;
  color: #475569;
  cursor: pointer;
  line-height: 1.2;
}

.results-theme-seg:last-child {
  border-right: 0;
}

.results-theme-seg:hover {
  background: rgba(241, 245, 249, 0.95);
  color: #0f172a;
}

.results-theme-seg-active {
  background: linear-gradient(180deg, #e0f2fe 0%, #dbeafe 100%);
  color: #0c4a6e;
  box-shadow: inset 0 0 0 1px rgba(14, 165, 233, 0.25);
}


.results-page.results-theme-dark .results-display-theme-legend {
  color: #94a3b8;
}

.results-page.results-theme-dark .results-display-theme-segments {
  border-color: #27466d;
  background: rgba(8, 15, 28, 0.88);
}

.results-page.results-theme-dark .results-theme-seg {
  border-right-color: #1f3657;
  color: #cbd5e1;
}

.results-page.results-theme-dark .results-theme-seg:hover {
  background: rgba(16, 28, 48, 0.9);
  color: #f1f5f9;
}

.results-page.results-theme-dark .results-theme-seg-active {
  background: rgba(30, 58, 95, 0.95);
  color: #e0f2fe;
  box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.35);
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-theme-seg-active {
  background: color-mix(in srgb, var(--mv-display-accent) 22%, #ffffff);
  color: color-mix(in srgb, var(--mv-display-accent) 8%, #0f172a);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mv-display-accent) 45%, transparent);
}

.results-page.results-theme-dark.results-display-has-brand-color .results-theme-seg-active {
  background: color-mix(in srgb, var(--mv-display-accent) 28%, rgba(15, 23, 42, 0.92));
  color: #f8fafc;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mv-display-accent) 50%, transparent);
}

.results-page .results-empty-state {
  border-radius: 14px;
  border-color: #d7e3f7;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 10px 28px rgba(30, 64, 175, 0.12);
}

/* ---------- Dark mode refinements ---------- */
.input-page.input-theme-dark.metrics-page,
.results-page.results-theme-dark.metrics-page {
  background:
    radial-gradient(ellipse 120% 85% at 20% -20%, rgba(99, 140, 255, 0.35), transparent 55%),
    radial-gradient(ellipse 100% 60% at 100% 20%, rgba(56, 189, 248, 0.18), transparent 45%),
    linear-gradient(180deg, #070b10 0%, #0b1220 48%, #070b10 100%);
}

.input-page.input-theme-dark .input-business-header,
.input-page.input-theme-dark .boards-toc,
.input-page.input-theme-dark .metric-card {
  border-color: #1f3657;
  background: rgba(11, 18, 32, 0.84);
  box-shadow: 0 12px 34px rgba(6, 14, 28, 0.52);
}

.input-page.input-theme-dark .metric-title-row {
  border-bottom-color: #1f3657;
}

.input-page.input-theme-dark .input-business-name,
.input-page.input-theme-dark .metric-block-title-field,
.input-page.input-theme-dark .metric-single-line-input,
.input-page.input-theme-dark .invite-email-input,
.input-page.input-theme-dark .invite-permission-select {
  border-color: #27466d;
  background: rgba(8, 15, 28, 0.94);
}

.input-page.input-theme-dark .input-business-pic {
  border-color: #1f3657;
  box-shadow: 0 8px 22px rgba(2, 8, 23, 0.6);
}

.input-page.input-theme-dark .boards-toc-hint,
.input-page.input-theme-dark .input-hint-inline,
.input-page.input-theme-dark .invited-add-hint {
  color: #b5c2d7;
}

.input-page.input-theme-dark .boards-toc-btn {
  border-color: #2a4d73;
  background: rgba(10, 16, 28, 0.92);
  color: #c7dcff;
}

.input-page.input-theme-dark .boards-toc-btn:hover {
  border-color: #3b6aa0;
  background: rgba(16, 28, 48, 0.95);
}

.input-page.input-theme-dark .boards-toc-btn-active,
.input-page.input-theme-dark .boards-toc-btn-active:hover {
  border-color: #60a5fa;
  background: #1d4f87;
  color: #ffffff;
}

.input-page.input-theme-dark .btn-add-metric-board {
  border-color: #2a4d73;
  background: rgba(10, 16, 28, 0.92);
  color: #7dd3fc;
}

.input-page.input-theme-dark .btn-add-metric-board:hover:not(:disabled) {
  background: rgba(16, 28, 48, 0.95);
  border-color: #3b6aa0;
  color: #bae6fd;
}

.input-page.input-theme-dark .btn-remove-metric {
  border-color: #f87171;
  color: #fecaca;
  background: rgba(35, 10, 18, 0.7);
}

.input-page.input-theme-dark .btn-remove-metric:hover:not(:disabled) {
  background: rgba(60, 17, 28, 0.85);
}

.input-page.input-theme-dark .input-table th {
  background: rgba(12, 22, 40, 0.96);
  color: #cbd5e1;
  border-bottom-color: #27466d;
}

.input-page.input-theme-dark .input-table td {
  border-bottom-color: #1f3657;
  color: #e8eaef;
}

.input-page.input-theme-dark .ranking-table .metric-single-line-input,
.input-page.input-theme-dark .input-table input[type="text"],
.input-page.input-theme-dark .input-table input[type="number"],
.input-page.input-theme-dark .input-table textarea {
  background: rgba(8, 15, 28, 0.94);
  color: #e8eaef;
  border: 1px solid #27466d;
}

.input-page.input-theme-dark .ranking-table .metric-single-line-input::placeholder,
.input-page.input-theme-dark .input-table input[type="text"]::placeholder,
.input-page.input-theme-dark .input-table input[type="number"]::placeholder,
.input-page.input-theme-dark .input-table textarea::placeholder {
  color: #94a3b8;
}

.input-page.input-theme-dark .invited-users-title,
.input-page.input-theme-dark .invited-add-title {
  color: #cbd5e1;
}

.input-page.input-theme-dark .invited-users-empty {
  color: #94a3b8;
}

.input-page.input-theme-dark .btn-remove-selected-invites {
  border-color: #f87171;
  color: #fecaca;
  background: rgba(35, 10, 18, 0.7);
}

.input-page.input-theme-dark .btn-remove-selected-invites:hover:not(:disabled) {
  background: rgba(60, 17, 28, 0.85);
}

.input-page.input-theme-dark .btn-add-individual-data {
  border-color: #2a4d73;
  color: #7dd3fc;
  background: rgba(10, 16, 28, 0.92);
}

.input-page.input-theme-dark .btn-add-individual-data:hover:not(:disabled) {
  background: rgba(16, 28, 48, 0.95);
}

.input-page.input-theme-dark .metric-actions .btn-view-board {
  border-color: #2a4d73;
  color: #7dd3fc;
  background: rgba(10, 16, 28, 0.92);
}

.input-page.input-theme-dark .metric-actions .btn-view-board:hover:not(:disabled) {
  background: rgba(16, 28, 48, 0.95);
}

.results-page.results-theme-dark .result-column {
  border-color: #1f3657;
  background: rgba(10, 16, 28, 0.85);
  box-shadow: 0 14px 36px rgba(2, 8, 23, 0.6);
}

.results-page.results-theme-dark .result-owner-meta {
  border-bottom-color: #1f3657;
  background: rgba(8, 15, 28, 0.9);
}

.results-page.results-theme-dark .result-column-metric-title {
  border-bottom-color: #1f3657;
  background: linear-gradient(180deg, rgba(10, 22, 42, 0.98) 0%, rgba(9, 18, 34, 0.98) 100%);
}

.results-page.results-theme-dark .results-bottom-actions {
  border-color: #1f3657;
  background: rgba(10, 16, 28, 0.92);
  box-shadow: 0 10px 24px rgba(2, 8, 23, 0.55);
}

/* ---------- Mobile polish ---------- */
@media (max-width: 640px) {
  .input-page .input-main {
    border-radius: 0;
  }

  .input-page .input-business-header,
  .input-page .metric-card {
    border-radius: 12px;
  }

  .results-page .result-column {
    border-radius: 12px;
  }
}

/* ---------- Corporate colour: light display mode ---------- */
.results-page.results-display-theme-light.results-display-has-brand-color.metrics-page {
  background:
    radial-gradient(ellipse 125% 95% at 12% -18%, color-mix(in srgb, var(--mv-display-accent) 48%, transparent), transparent 56%),
    radial-gradient(ellipse 95% 75% at 100% 8%, color-mix(in srgb, var(--mv-display-accent) 34%, transparent), transparent 50%),
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--mv-display-accent) 14%, #ffffff) 0%,
      color-mix(in srgb, var(--mv-display-accent) 7%, #f8fafc) 50%,
      color-mix(in srgb, var(--mv-display-accent) 20%, #f1f5f9) 100%
    );
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-main .results-grid {
  background: color-mix(in srgb, var(--mv-display-accent) 5%, transparent);
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-main .result-column {
  border: 1px solid color-mix(in srgb, var(--mv-display-accent) 38%, #ffffff);
  background: color-mix(in srgb, var(--mv-display-accent) 4%, rgba(255, 255, 255, 0.94));
  box-shadow: 0 16px 42px color-mix(in srgb, var(--mv-display-accent) 24%, rgba(30, 64, 175, 0.1));
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-main .result-column-metric-title {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: var(--mv-display-accent);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--mv-display-accent) 24%, #ffffff) 0%,
    color-mix(in srgb, var(--mv-display-accent) 12%, #ffffff) 100%
  );
  color: color-mix(in srgb, var(--mv-display-accent) 20%, #0f172a);
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-main .result-owner-meta {
  border-bottom-color: color-mix(in srgb, var(--mv-display-accent) 30%, #ffffff);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--mv-display-accent) 8%, rgba(255, 255, 255, 0.96)) 0%,
    color-mix(in srgb, var(--mv-display-accent) 4%, rgba(255, 255, 255, 0.92)) 100%
  );
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-main .result-owner-name {
  color: color-mix(in srgb, var(--mv-display-accent) 22%, #334155);
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-main .result-card,
.results-page.results-display-theme-light.results-display-has-brand-color .results-main .ranking-results {
  color: color-mix(in srgb, var(--mv-display-accent) 12%, #1e293b);
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-main .result-card-inner .result-heading,
.results-page.results-display-theme-light.results-display-has-brand-color .results-main .ranking-results-title {
  color: color-mix(in srgb, var(--mv-display-accent) 14%, #0f172a);
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-main .result-values .current {
  color: var(--mv-display-accent);
  font-weight: 800;
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-main .result-values .goal,
.results-page.results-display-theme-light.results-display-has-brand-color .results-main .ranking-individual-goal {
  color: color-mix(in srgb, var(--mv-display-accent) 36%, #64748b);
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-main .ranking-list-item {
  border-bottom-color: color-mix(in srgb, var(--mv-display-accent) 20%, #ffffff);
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-main .ranking-list,
.results-page.results-display-theme-light.results-display-has-brand-color .results-main .ranking-value,
.results-page.results-display-theme-light.results-display-has-brand-color .results-main .ranking-list-item .ranking-name {
  color: color-mix(in srgb, var(--mv-display-accent) 12%, #1e293b);
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-main .result-card.achieved {
  background: color-mix(in srgb, var(--mv-display-accent) 10%, rgba(255, 255, 255, 0.97));
  border: 1px solid color-mix(in srgb, var(--mv-display-accent) 40%, transparent);
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-main .results-grid.count-2 .result-card,
.results-page.results-display-theme-light.results-display-has-brand-color .results-main .results-grid.count-3 .result-card,
.results-page.results-display-theme-light.results-display-has-brand-color .results-main .results-grid.count-4 .result-card {
  border-color: color-mix(in srgb, var(--mv-display-accent) 30%, #ffffff);
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-watermark {
  color: color-mix(in srgb, var(--mv-display-accent) 16%, rgba(15, 23, 42, 0.08));
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-bottom-dock .results-bottom-actions {
  border-color: color-mix(in srgb, var(--mv-display-accent) 32%, #ffffff);
  background: color-mix(in srgb, var(--mv-display-accent) 5%, rgba(255, 255, 255, 0.96));
  box-shadow: 0 12px 28px color-mix(in srgb, var(--mv-display-accent) 18%, rgba(0, 0, 0, 0.1));
}

.results-page.results-display-theme-light.results-display-has-brand-color .results-display-theme-segments {
  border-color: color-mix(in srgb, var(--mv-display-accent) 28%, #e2e8f0);
}

.results-page.results-display-theme-light.results-display-has-brand-color .input-link {
  color: color-mix(in srgb, var(--mv-display-accent) 18%, #0b1220);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: color-mix(in srgb, var(--mv-display-accent) 55%, #0b1220);
}

/* ---------- Corporate colour: dark display (Dark + Custom modes; accent replaces blues) ---------- */
.results-page.results-theme-dark.results-display-has-brand-color.metrics-page {
  background:
    radial-gradient(ellipse 120% 85% at 20% -20%, color-mix(in srgb, var(--mv-display-accent) 38%, transparent), transparent 55%),
    radial-gradient(ellipse 100% 60% at 100% 20%, color-mix(in srgb, var(--mv-display-accent) 26%, transparent), transparent 45%),
    linear-gradient(180deg, #070b10 0%, #0b1220 48%, #070b10 100%);
}

.results-page.results-theme-dark.results-display-has-brand-color .results-main .results-grid {
  background: color-mix(in srgb, var(--mv-display-accent) 12%, #020617);
  gap: 8px;
  padding: 8px;
}

.results-page.results-theme-dark.results-display-has-brand-color .results-main .result-column {
  border: 1px solid color-mix(in srgb, var(--mv-display-accent) 48%, #000000);
  background: color-mix(in srgb, var(--mv-display-accent) 10%, rgba(10, 16, 28, 0.92));
  box-shadow: 0 16px 44px color-mix(in srgb, var(--mv-display-accent) 32%, rgba(0, 0, 0, 0.65));
}

.results-page.results-theme-dark.results-display-has-brand-color .results-main .result-column-metric-title {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: var(--mv-display-accent);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--mv-display-accent) 18%, rgba(10, 22, 42, 0.98)) 0%,
    color-mix(in srgb, var(--mv-display-accent) 10%, rgba(9, 18, 34, 0.98)) 100%
  );
  color: color-mix(in srgb, var(--mv-display-accent) 8%, #f1f5f9);
}

.results-page.results-theme-dark.results-display-has-brand-color .results-main .result-owner-meta {
  border-bottom-color: color-mix(in srgb, var(--mv-display-accent) 42%, #000000);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--mv-display-accent) 12%, rgba(8, 15, 28, 0.94)) 0%,
    color-mix(in srgb, var(--mv-display-accent) 6%, rgba(6, 12, 24, 0.92)) 100%
  );
}

.results-page.results-theme-dark.results-display-has-brand-color .results-main .result-owner-name {
  color: color-mix(in srgb, var(--mv-display-accent) 6%, #e2e8f0);
}

.results-page.results-theme-dark.results-display-has-brand-color .results-main .result-card,
.results-page.results-theme-dark.results-display-has-brand-color .results-main .ranking-results {
  background: transparent;
  color: color-mix(in srgb, var(--mv-display-accent) 5%, #f1f5f9);
}

.results-page.results-theme-dark.results-display-has-brand-color .results-main .result-card-inner .result-heading,
.results-page.results-theme-dark.results-display-has-brand-color .results-main .ranking-results-title {
  color: color-mix(in srgb, var(--mv-display-accent) 4%, #f8fafc);
}

.results-page.results-theme-dark.results-display-has-brand-color .results-main .result-values .current {
  color: var(--mv-display-accent);
  font-weight: 800;
}

.results-page.results-theme-dark.results-display-has-brand-color .results-main .result-values .goal,
.results-page.results-theme-dark.results-display-has-brand-color .results-main .ranking-individual-goal {
  color: color-mix(in srgb, var(--mv-display-accent) 28%, #94a3b8);
}

.results-page.results-theme-dark.results-display-has-brand-color .results-main .ranking-list-item {
  border-bottom-color: color-mix(in srgb, var(--mv-display-accent) 30%, #000000);
}

.results-page.results-theme-dark.results-display-has-brand-color .results-main .ranking-list,
.results-page.results-theme-dark.results-display-has-brand-color .results-main .ranking-value,
.results-page.results-theme-dark.results-display-has-brand-color .results-main .ranking-list-item .ranking-name {
  color: color-mix(in srgb, var(--mv-display-accent) 4%, #f1f5f9);
}

.results-page.results-theme-dark.results-display-has-brand-color .results-main .result-card.achieved {
  background: color-mix(in srgb, var(--mv-display-accent) 14%, #020617);
  border: 1px solid color-mix(in srgb, var(--mv-display-accent) 48%, #000000);
}

.results-page.results-theme-dark.results-display-has-brand-color .results-main .results-grid.count-2 .result-card,
.results-page.results-theme-dark.results-display-has-brand-color .results-main .results-grid.count-3 .result-card,
.results-page.results-theme-dark.results-display-has-brand-color .results-main .results-grid.count-4 .result-card {
  border-color: color-mix(in srgb, var(--mv-display-accent) 45%, #000000);
  background: color-mix(in srgb, var(--mv-display-accent) 8%, #020617);
}

.results-page.results-theme-dark.results-display-has-brand-color .results-watermark {
  color: color-mix(in srgb, var(--mv-display-accent) 12%, rgba(255, 255, 255, 0.06));
}

.results-page.results-theme-dark.results-display-has-brand-color .results-bottom-dock .results-bottom-actions {
  border: 1px solid color-mix(in srgb, var(--mv-display-accent) 42%, #000000);
  background: color-mix(in srgb, var(--mv-display-accent) 10%, rgba(10, 16, 28, 0.94));
  box-shadow: 0 12px 28px color-mix(in srgb, var(--mv-display-accent) 28%, rgba(0, 0, 0, 0.55));
}

.results-page.results-theme-dark.results-display-has-brand-color .results-display-theme-segments {
  border-color: color-mix(in srgb, var(--mv-display-accent) 38%, #000000);
}

.results-page.results-theme-dark.results-display-has-brand-color .input-link {
  color: color-mix(in srgb, var(--mv-display-accent) 10%, #7dd3fc);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}