:root {
  --navy-950: #06172b;
  --navy-900: #08192f;
  --navy-800: #102a47;
  --blue-600: #1f6feb;
  --blue-500: #2d7ff9;
  --blue-100: #dcebff;
  --background: #ffffff;
  --surface: #f7f9fc;
  --surface-alt: #eef3f9;
  --text-primary: #101828;
  --text-secondary: #475467;
  --border: #e4e7ec;
  --success: #22c55e;
  --warning: #f59e0b;
  --danger: #e11d48;
  --shadow-sm: 0 12px 30px rgba(16, 42, 71, .08);
  --shadow-lg: 0 26px 70px rgba(6, 23, 43, .14);
  --border-radius-sm: 8px;
  --border-radius-md: 8px;
  --transition-fast: .16s ease;
  --transition-slow: .22s ease;
  --bg-dark: var(--surface);
  --bg-darker: var(--navy-950);
  --text-light: var(--text-primary);
  --text-dark: var(--text-primary);
  --primary-color: var(--blue-600);
  --secondary-color: var(--blue-500);
}

* {
  box-sizing: border-box;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

body.abc-page,
body.forecast-page,
body.kraljic-page,
body.gantt-page {
  min-height: 100vh;
  margin: 0;
  color: var(--text-primary) !important;
  background:
    radial-gradient(circle at 88% 4%, rgba(45, 127, 249, .12), transparent 30rem),
    linear-gradient(180deg, #fff 0%, var(--surface) 44%, #fff 100%) !important;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  line-height: 1.6;
}

body.abc-page::before,
body.forecast-page::before,
body.kraljic-page::before,
body.gantt-page::before {
  content: "ATH";
  position: fixed;
  right: -2rem;
  top: 6rem;
  z-index: -1;
  color: rgba(16, 42, 71, .035);
  font-size: clamp(8rem, 18vw, 17rem);
  font-weight: 900;
  line-height: 1;
}

a {
  color: inherit;
}

body.abc-page :focus-visible,
body.forecast-page :focus-visible,
body.kraljic-page :focus-visible,
body.gantt-page :focus-visible {
  outline: 3px solid rgba(45, 127, 249, .72) !important;
  outline-offset: 3px;
}

.tool-topnav,
.abc-topnav {
  position: sticky;
  top: 0;
  z-index: 50;
  padding: 0 !important;
  color: var(--text-primary) !important;
  background: rgba(255, 255, 255, .92) !important;
  border-bottom: 1px solid rgba(228, 231, 236, .88);
  box-shadow: 0 10px 28px rgba(16, 42, 71, .07) !important;
  backdrop-filter: blur(16px);
}

.tool-topnav-inner,
.abc-topnav > div {
  width: min(100% - 40px, 1180px) !important;
  min-height: 78px;
  margin-inline: auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.25rem !important;
}

.tool-brand {
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  text-decoration: none;
}

.tool-brand img {
  width: 170px;
  height: auto;
  flex: 0 0 auto;
}

.tool-brand-text {
  display: grid;
  min-width: 0;
  line-height: 1.18;
}

.tool-brand-text strong {
  color: var(--navy-950);
  font-size: .98rem;
  font-weight: 800;
}

.tool-brand-text span {
  color: var(--text-secondary);
  font-size: .78rem;
  font-weight: 650;
}

.tool-topnav h1,
.abc-topnav h1,
.tool-topnav .tool-title,
.abc-topnav .tool-title {
  margin: 0 !important;
  color: var(--navy-950) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: inherit !important;
  font-size: clamp(1rem, 2vw, 1.18rem) !important;
  font-weight: 800 !important;
  line-height: 1.2;
}

.tool-nav-actions {
  display: flex;
  align-items: center;
  gap: .65rem;
  flex: 0 0 auto;
}

.tool-home-link,
.tool-topnav .project-button,
.abc-topnav .project-button,
.project-button,
button:not(.manual-delete-btn),
.export-btn,
.export,
.small-button {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .45rem;
  border: 1px solid transparent !important;
  border-radius: 8px !important;
  padding: .68rem 1rem !important;
  background: var(--blue-600) !important;
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(31, 111, 235, .18) !important;
  font-family: inherit !important;
  font-size: .9rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  cursor: pointer;
  transition:
    transform var(--transition-fast),
    background var(--transition-fast),
    border-color var(--transition-fast),
    box-shadow var(--transition-fast) !important;
}

.tool-home-link,
.tool-topnav .project-button,
.abc-topnav .project-button {
  background: #fff !important;
  color: var(--navy-950) !important;
  border-color: var(--border) !important;
  box-shadow: none !important;
}

button:hover,
.project-button:hover,
.tool-home-link:hover,
.export-btn:hover,
.export:hover,
.small-button:hover {
  transform: translateY(-1px) !important;
  background: #185ec8 !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(31, 111, 235, .22) !important;
}

.tool-home-link:hover,
.tool-topnav .project-button:hover,
.abc-topnav .project-button:hover {
  background: var(--surface) !important;
  color: var(--navy-950) !important;
  box-shadow: none !important;
}

button.reset,
.reset {
  background: #fff !important;
  color: #b42318 !important;
  border-color: #fecdca !important;
  box-shadow: none !important;
}

button.reset:hover,
.reset:hover {
  background: #fff5f4 !important;
  color: #912018 !important;
}

body.abc-page main,
body.forecast-page main.container,
body.kraljic-page main.container {
  width: min(100% - 40px, 1180px) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 2rem 0 4rem !important;
}

.tool-hero {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.25rem;
  padding: clamp(1.4rem, 3vw, 2rem);
  border: 1px solid rgba(16, 42, 71, .1);
  border-radius: 12px;
  background:
    radial-gradient(circle at 92% 16%, rgba(31, 111, 235, .12), transparent 18rem),
    #fff;
  box-shadow: var(--shadow-sm);
}

.tool-hero::after {
  content: "";
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  width: 5.4rem;
  aspect-ratio: 1;
  background: url("assets/ath-symbol.png") center / contain no-repeat;
  opacity: .06;
  pointer-events: none;
}

.tool-badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: .8rem;
  padding: .42rem .68rem;
  border: 1px solid rgba(31, 111, 235, .16);
  border-radius: 999px;
  color: var(--blue-600);
  background: var(--blue-100);
  font-size: .78rem;
  font-weight: 850;
}

.tool-hero h1,
.tool-hero h2 {
  max-width: 52rem;
  margin: 0 0 .7rem !important;
  color: var(--navy-950) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: inherit !important;
  font-size: clamp(2rem, 4.5vw, 3.5rem) !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: 0;
}

.tool-hero p {
  max-width: 48rem;
  margin: 0;
  color: var(--text-secondary);
  font-size: 1.05rem;
}

.tool-reassurance {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin-top: 1rem;
}

.tool-reassurance span {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 2rem;
  padding: .35rem .62rem;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  color: var(--text-secondary);
  font-size: .82rem;
  font-weight: 750;
}

.tool-reassurance span::before {
  content: "";
  width: .45rem;
  height: .45rem;
  border-radius: 50%;
  background: var(--success);
}

.forecast-layout,
.kraljic-layout,
.abc-page main > .grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 260px !important;
  gap: 1.25rem !important;
  align-items: start !important;
}

.forecast-content,
.kraljic-content,
#abc-tool {
  min-width: 0;
  grid-column: 1;
}

.panel,
.themed-card,
#data-import,
#manual-entry,
#parameters-settings,
#about-abc,
#abc-guidance,
#faq,
#output-dashboard .themed-card {
  color: var(--text-primary) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: var(--shadow-sm) !important;
}

.panel,
.themed-card {
  padding: 1.25rem !important;
}

.panel h2,
.panel h3,
.themed-card h2,
.themed-card h3,
.abc-page h2,
.abc-page h3,
.content-section h2,
.content-section h3,
.faq-section h2,
.abc-faq h2,
#about-abc h2,
#abc-guidance h2,
#about-method h2,
#parameter-guidance h2,
#about-kraljic h2,
#category-guidance h2 {
  color: var(--navy-950) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: inherit !important;
  letter-spacing: 0;
}

.panel h2,
.themed-card h2,
.abc-page h2 {
  font-size: 1.25rem !important;
  font-weight: 820 !important;
}

.panel h3,
.themed-card h3,
.abc-page h3 {
  font-size: 1rem !important;
  font-weight: 800 !important;
}

.content-section p,
.method-list li,
.guidance-card p,
.faq-section details p,
.abc-action-card p,
.abc-use-card p,
.abc-content-card p,
.abc-content-card li,
.abc-info-block p,
.abc-calculation-note li,
.abc-page .themed-card .text-gray-600,
.abc-page .themed-card .text-gray-700,
.abc-page .themed-card .text-gray-500,
.abc-page .text-gray-700,
.abc-page .text-gray-600,
.abc-page .text-gray-500,
.abc-page .text-gray-400,
.abc-page .text-gray-200 {
  color: var(--text-secondary) !important;
}

.content-section > p,
.content-section .method-list li,
.guidance-card p,
.abc-action-card p,
.abc-use-card p,
.abc-content-card p,
.abc-content-card li,
.abc-info-block p,
.abc-calculation-note li,
.faq-section details p,
.abc-faq details p {
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: currentColor !important;
}

.forecast-side-nav,
.kraljic-side-nav,
.abc-side-nav {
  position: sticky !important;
  top: 6rem !important;
  padding: 1rem !important;
  max-height: calc(100vh - 7rem);
  overflow: auto;
  scrollbar-width: thin;
}

.forecast-side-nav nav,
.kraljic-side-nav nav,
.abc-side-nav nav {
  display: grid;
  gap: .45rem;
}

.forecast-side-nav a,
.kraljic-side-nav a,
.abc-side-nav a {
  min-height: 2.35rem !important;
  display: flex !important;
  align-items: center;
  padding: .48rem .7rem !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border) !important;
  border-radius: 7px !important;
  background: var(--surface) !important;
  font-size: .88rem !important;
  font-weight: 720 !important;
  text-decoration: none !important;
}

.forecast-side-nav a:hover,
.kraljic-side-nav a:hover,
.abc-side-nav a:hover,
.forecast-side-nav a:focus,
.kraljic-side-nav a:focus,
.abc-side-nav a:focus {
  color: var(--blue-600) !important;
  border-color: rgba(31, 111, 235, .28) !important;
  background: #fff !important;
}

.drop-zone,
#drop-zone {
  min-height: 11rem;
  border: 2px dashed rgba(31, 111, 235, .32) !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #fff, #f7faff) !important;
  color: var(--text-secondary) !important;
}

.drop-zone:hover,
.drop-zone:focus,
.drop-zone.drag-over,
#drop-zone:hover,
#drop-zone:focus {
  border-color: var(--blue-600) !important;
  background: var(--blue-100) !important;
}

.drop-zone p,
#drop-zone p,
#drop-zone p span {
  color: var(--text-secondary) !important;
}

.drop-zone strong,
#drop-zone strong,
#drop-zone p span,
.guidance-card span,
.abc-info-block span,
.abc-action-card span,
.abc-use-card span,
.abc-content-card span,
.mapping-section h3,
.risk-entry h3 {
  color: var(--blue-600) !important;
}

.upload-icon,
#drop-zone svg {
  color: var(--blue-600) !important;
}

.privacy-note,
.abc-privacy-note {
  color: #047857 !important;
  border: 1px solid rgba(34, 197, 94, .28) !important;
  border-radius: 8px !important;
  background: rgba(34, 197, 94, .08) !important;
}

.mapping-section,
.risk-entry,
.abc-calculation-note,
.abc-info-block,
.abc-action-card,
.abc-use-card,
.abc-content-card,
.guidance-card,
.faq-section details,
.abc-faq details {
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  background: var(--surface) !important;
}

.faq-section details,
.abc-faq details {
  background: #fff !important;
  border-color: #d0d5dd !important;
}

.faq-section summary,
.abc-faq summary {
  color: var(--navy-950) !important;
  -webkit-text-fill-color: currentColor !important;
  background: #fff !important;
  font-weight: 800 !important;
}

.faq-section summary::marker,
.abc-faq summary::marker {
  color: var(--blue-600) !important;
}

.faq-section details[open],
.abc-faq details[open] {
  background: var(--surface) !important;
}

.guidance-card span,
.abc-info-block span,
.abc-action-card span,
.abc-use-card span,
.abc-content-card span {
  color: var(--blue-600) !important;
  -webkit-text-fill-color: currentColor !important;
}

label,
.mapping-grid label,
.risk-entry-grid label {
  color: var(--text-primary) !important;
  font-weight: 760 !important;
}

textarea,
input,
select,
.themed-input,
#manual-search,
.search {
  width: 100%;
  min-height: 42px;
  color: var(--text-primary) !important;
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  background: #fff !important;
}

input::placeholder,
textarea::placeholder,
.search::placeholder,
#manual-search::placeholder {
  color: #98a2b3 !important;
}

textarea:focus,
input:focus,
select:focus,
.themed-input:focus {
  border-color: var(--blue-600) !important;
  outline: 3px solid rgba(45, 127, 249, .18) !important;
  outline-offset: 1px !important;
  box-shadow: none !important;
}

select option,
.themed-input option {
  color: var(--text-primary) !important;
  background: #fff !important;
}

.table-wrap,
.manual-table-wrap,
.max-h-60,
#item-list {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  border-color: var(--border) !important;
}

.table-wrap,
.manual-table-wrap,
.max-h-60 {
  position: relative;
}

.table-wrap table,
.manual-table-wrap table,
.max-h-60 table {
  min-width: 680px;
}

table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

th,
td,
.abc-page .abc-manual-table th,
.abc-page .abc-manual-table td {
  border: 1px solid var(--border) !important;
  color: var(--text-primary) !important;
  background: #fff !important;
}

th,
.abc-page .abc-manual-table th,
.manual-table thead {
  color: var(--text-secondary) !important;
  background: var(--surface) !important;
  font-weight: 820 !important;
}

td {
  color: var(--text-primary) !important;
}

tbody tr:hover td,
.abc-page .abc-manual-table tbody tr:hover,
#output-dashboard table tbody tr:hover td {
  background: #f8fbff !important;
}

.manual-delete-btn {
  min-width: 2.1rem;
  min-height: 2rem;
  border: 1px solid #fecdca !important;
  border-radius: 7px !important;
  background: #fff5f4 !important;
  color: #b42318 !important;
  box-shadow: none !important;
}

.manual-delete-btn:hover {
  background: #fee4e2 !important;
  color: #912018 !important;
}

.highlight,
.value-label,
.summary {
  color: var(--blue-600) !important;
}

.error,
.abc-threshold-warning {
  color: #b42318 !important;
  border-color: #fecdca !important;
  background: #fff5f4 !important;
}

.chart-card canvas,
#paretoChart,
#chart {
  max-width: 100%;
}

#output-dashboard .grid > .themed-card,
#output-dashboard .themed-card {
  border-color: var(--border) !important;
}

#stat-total-value,
#stat-class-a,
#stat-class-b,
#stat-class-c,
.abc-page .text-light,
.abc-page .text-emerald-200,
.abc-page .text-amber-200,
.abc-page .text-rose-200 {
  color: var(--navy-950) !important;
}

.abc-page .text-muted,
.abc-page .text-xs.font-semibold {
  color: var(--text-secondary) !important;
}

.matrix {
  border-color: rgba(16, 42, 71, .18) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35);
}

.quadrant {
  color: var(--navy-950) !important;
  border-color: rgba(16, 42, 71, .16) !important;
}

.non-critical { background: #dcebff !important; }
.leverage { background: #dcfce7 !important; }
.bottleneck { background: #fef3c7 !important; }
.strategic { background: #ffe4e6 !important; }

.point {
  border-radius: 7px !important;
  box-shadow: 0 8px 18px rgba(6, 23, 43, .18) !important;
}

.hidden,
[hidden] {
  display: none !important;
}

@media (max-width: 1080px) {
  .forecast-layout,
  .kraljic-layout,
  .abc-page main > .grid {
    grid-template-columns: 1fr !important;
  }

  .forecast-side-nav,
  .kraljic-side-nav,
  .abc-side-nav {
    display: none !important;
  }
}

@media (max-width: 760px) {
  .table-wrap::before,
  .manual-table-wrap::before,
  .max-h-60::before {
    content: "Scroll table horizontally";
    position: sticky;
    left: 0;
    display: inline-flex;
    margin: 0 0 .45rem;
    padding: .28rem .5rem;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--text-secondary);
    background: var(--surface);
    font-size: .75rem;
    font-weight: 800;
  }

  .tool-topnav-inner,
  .abc-topnav > div,
  body.abc-page main,
  body.forecast-page main.container,
  body.kraljic-page main.container {
    width: min(100% - 28px, 1180px) !important;
  }

  .tool-topnav-inner,
  .abc-topnav > div {
    min-height: auto;
    padding-block: .75rem !important;
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .tool-brand img {
    width: 155px;
  }

  .tool-nav-actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .tool-home-link,
  .tool-topnav .project-button,
  .abc-topnav .project-button,
  .project-button {
    width: auto !important;
  }

  .tool-hero {
    margin-top: .5rem;
  }

  .tool-hero::after {
    width: 4rem;
    opacity: .045;
  }

  .guidance-grid,
  .mapping-grid,
  .risk-entry-grid,
  .abc-page .grid.grid-cols-1.md\:grid-cols-3,
  .abc-page .grid.grid-cols-1.md\:grid-cols-2,
  .abc-page .grid.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-4,
  .abc-page .grid.grid-cols-1.md\:grid-cols-2.xl\:grid-cols-3 {
    grid-template-columns: 1fr !important;
  }
}

/* Final ABC contrast overrides for legacy dark-theme utility rules. */
body.abc-page #manual-entry .abc-manual-table input,
body.abc-page #manual-entry .abc-manual-table .manual-item,
body.abc-page #manual-entry .abc-manual-table .manual-val1,
body.abc-page #manual-entry .abc-manual-table .manual-val2,
body.abc-page #manual-entry #manual-search,
body.abc-page #parameters-settings #threshold-a,
body.abc-page #parameters-settings #threshold-b {
  color: var(--navy-950) !important;
  -webkit-text-fill-color: var(--navy-950) !important;
  background: #fff !important;
  border-color: #d0d5dd !important;
  opacity: 1 !important;
}

body.abc-page #manual-entry .abc-manual-table input::placeholder,
body.abc-page #manual-entry #manual-search::placeholder {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  opacity: 1 !important;
}

body.abc-page #manual-entry .abc-manual-table td,
body.abc-page #manual-entry .abc-manual-table th {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: currentColor !important;
}

body.abc-page #faq.abc-faq h2,
body.abc-page #about-abc.themed-card h2,
body.abc-page #abc-guidance.themed-card h2,
body.abc-page #abc-guidance.themed-card h3,
body.abc-page #about-abc.themed-card h3,
body.abc-page #parameters-settings.themed-card h2,
body.abc-page #manual-entry.themed-card h2,
body.abc-page #data-import.themed-card h2 {
  color: var(--navy-950) !important;
  -webkit-text-fill-color: var(--navy-950) !important;
  background: none !important;
  opacity: 1 !important;
}

body.abc-page #faq.abc-faq summary {
  color: var(--navy-950) !important;
  -webkit-text-fill-color: var(--navy-950) !important;
  opacity: 1 !important;
}

body.abc-page #faq.abc-faq p {
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
  opacity: 1 !important;
}

body.abc-page #output-dashboard,
body.abc-page #output-dashboard .themed-card {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

body.abc-page #output-dashboard .themed-card h2,
body.abc-page #output-dashboard h2,
body.abc-page #output-dashboard .text-lg,
body.abc-page #output-dashboard .font-semibold {
  color: var(--navy-950) !important;
  -webkit-text-fill-color: var(--navy-950) !important;
  background: none !important;
  opacity: 1 !important;
}

body.abc-page #output-dashboard table,
body.abc-page #output-dashboard table thead,
body.abc-page #output-dashboard table tbody,
body.abc-page #output-dashboard table tr,
body.abc-page #output-dashboard table th,
body.abc-page #output-dashboard table td {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  background-color: #fff !important;
  opacity: 1 !important;
}

body.abc-page #output-dashboard table th,
body.abc-page #output-dashboard table th.font-semibold,
body.abc-page #output-dashboard table .text-muted {
  color: var(--text-secondary) !important;
  -webkit-text-fill-color: var(--text-secondary) !important;
  background-color: var(--surface) !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}

body.abc-page #output-dashboard table td,
body.abc-page #output-dashboard table td.font-mono,
body.abc-page #output-dashboard table td.text-gray-500,
body.abc-page #output-dashboard table td.text-gray-600,
body.abc-page #output-dashboard #results-tbody td {
  color: var(--text-primary) !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  opacity: 1 !important;
}

body.abc-page #output-dashboard #results-tbody span {
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

body.abc-page #output-dashboard #results-tbody .bg-emerald-100,
body.abc-page #output-dashboard #results-tbody .text-emerald-800 {
  color: #047857 !important;
  -webkit-text-fill-color: #047857 !important;
  background-color: #d1fae5 !important;
}

body.abc-page #output-dashboard #results-tbody .bg-amber-100,
body.abc-page #output-dashboard #results-tbody .text-amber-800 {
  color: #92400e !important;
  -webkit-text-fill-color: #92400e !important;
  background-color: #fef3c7 !important;
}

body.abc-page #output-dashboard #results-tbody .bg-rose-100,
body.abc-page #output-dashboard #results-tbody .text-rose-800 {
  color: #9f1239 !important;
  -webkit-text-fill-color: #9f1239 !important;
  background-color: #ffe4e6 !important;
}