/* Signed-in look. Blue is the standard. Green only swaps the accent. */

@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/inter-400.woff2') format('woff2');
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/inter-600.woff2') format('woff2');
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/inter-700.woff2') format('woff2');
}

.sb-short { display: none; }

body:not(.bento) .bento-only { display: none !important; }

body.bento.in-platform {
  --bento-bg: #f4f6f9;
  --bento-bg-2: #ffffff;
  --bento-card: #ffffff;
  --bento-card-2: #f4f6f9;
  --bento-line: #d7dee8;
  --bento-cream: #1a2233;
  --bento-dim: #3a4458;
  --bento-bar: #8b97ad;
  --bento-track: #e6ebf2;
  --bento-navy: #152033;
  --bento-mono: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --bento-sans: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --bento-gap: 8px;
  --bg: #f4f6f9;
  --bg1: #ffffff;
  --bg2: #f4f6f9;
  --bg3: #eef2f7;
  --bg4: #e6ebf2;
  --card: #ffffff;
  --card2: #f4f6f9;
  --pill: #ffffff;
  --txt: #1a2233;
  --txt2: #3a4458;
  --txt3: #3a4458;
  --brd: #d7dee8;
  --brd2: #c5cedb;
  --ink: #1a2233;
  --sans: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --radius: 0px;
  --radius-lg: 0px;
  --sidebar: 104px;
  background: #f4f6f9 !important;
  color: #1a2233 !important;
  font-family: var(--bento-sans) !important;
  font-size: 16px;
  color-scheme: light;
}

body.bento-green.in-platform {
  --bento-accent: #2f6b45;
  --bento-accent-bar: #2f6b45;
  --bento-on: #ffffff;
  --bento-accent-ink: #2f6b45;
  --green: #2f6b45;
  --green-b: #2f6b45;
  --green-l: #3d7a52;
}
body.bento-blue.in-platform {
  --bento-accent: #4f6690;
  --bento-accent-bar: #4f6690;
  --bento-on: #ffffff;
  --bento-accent-ink: #4f6690;
  --green: #4f6690;
  --green-b: #4f6690;
  --green-l: #3d5278;
}

body.bento.in-platform::before,
body.bento.in-platform::after,
body.bento.in-platform #app::before,
body.bento.in-platform #app::after,
body.bento.in-platform .main-area::before,
body.bento.in-platform .sidebar::after {
  display: none !important;
}

body.bento.in-platform #app.visible {
  background: var(--bento-bg);
}

/* Sidebar: thin icon rail */
body.bento.in-platform .sidebar {
  width: var(--sidebar) !important;
  background: var(--bento-bg-2) !important;
  border-right: 1px solid var(--bento-line) !important;
  backdrop-filter: none !important;
}
body.bento.in-platform .sb-logo {
  justify-content: center;
  padding: 14px 6px 8px;
}
body.bento.in-platform .sb-logo img { height: 18px !important; }
body.bento.in-platform .sb-logo-text,
body.bento.in-platform .sb-logo-sub,
body.bento.in-platform .sb-group-title,
body.bento.in-platform .module-switch { display: none !important; }
body.bento.in-platform .sb-group { padding: 2px 0; }
body.bento.in-platform .sb-item {
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  margin: 0 !important;
  padding: 8px 4px !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  text-align: center;
  color: var(--bento-dim) !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.bento.in-platform .sb-full {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
body.bento.in-platform .sb-short {
  display: block;
  font-family: var(--bento-mono);
  font-size: 8px;
  letter-spacing: .08em;
  text-transform: uppercase;
  line-height: 1.2;
}
body.bento.in-platform .sb-item svg {
  width: 18px;
  height: 18px;
  opacity: 1;
}
body.bento.in-platform .sb-item:hover { color: var(--bento-cream) !important; }
body.bento.in-platform .sb-item.active {
  color: var(--bento-accent-ink) !important;
  background: transparent !important;
}
body.bento.in-platform .sb-item.active svg { color: var(--bento-accent-ink); stroke: currentColor; }
body.bento.in-platform .sb-footer {
  flex-direction: column;
  gap: 4px;
  padding: 8px 4px;
  border-top: 1px solid var(--bento-line) !important;
  justify-content: center;
}
body.bento.in-platform .sb-user-name,
body.bento.in-platform .sb-user-role { display: none; }
body.bento.in-platform .sb-avatar { width: 28px; height: 28px; border-radius: 50%; }

#terraLookDock { padding: 4px 10px 12px; }
#terraLookBtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  background: transparent;
  border: 0;
  color: var(--txt3, #5c5c5c);
  font: 600 12px/1.2 var(--sans, system-ui);
  cursor: pointer;
  padding: 6px 4px;
  text-align: left;
}
#terraLookBtn svg { width: 16px; height: 16px; flex: 0 0 auto; }
#terraLookBtn:hover { color: var(--txt, #141414); }
#terraLookBtn:focus-visible,
body.bento button:focus-visible,
body.bento .bento-pill:focus-visible {
  outline: 2px solid var(--bento-cream, #141414);
  outline-offset: 2px;
}
body.bento.in-platform #terraLookDock { padding: 4px 2px 12px; }
body.bento.in-platform #terraLookBtn {
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  color: var(--bento-dim);
  font-family: var(--bento-mono);
  font-size: 8px;
  font-weight: 400;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-align: center;
}
body.bento.in-platform #terraLookBtn:hover,
body.bento.in-platform #terraLookBtn[aria-expanded="true"] { color: var(--bento-accent-ink); }

#terraLookPanel {
  position: fixed;
  z-index: 90;
  width: 232px;
  padding: 14px;
  background: #fff;
  color: #141414;
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(0, 0, 0, .16);
}
#terraLookPanel[hidden] { display: none !important; }
#terraLookPanel p { margin: 0 0 10px; font-size: 13px; font-weight: 700; }
#terraLookPanel .terra-look-note {
  margin: 10px 0 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  color: #4b4b4b;
}
.terra-look-opt {
  display: block;
  width: 100%;
  text-align: left;
  margin-top: 6px;
  padding: 8px 10px;
  border: 1px solid rgba(0, 0, 0, .12);
  background: #fff;
  color: #141414;
  border-radius: 8px;
  font: 600 13px/1.2 var(--sans, system-ui);
  cursor: pointer;
}
.terra-look-opt[aria-pressed="true"] { background: #4f6690; color: #fff; border-color: #4f6690; }
body.bento.in-platform #terraLookPanel {
  background: #ffffff;
  color: #1a2233;
  border-radius: 0;
  box-shadow: 0 12px 32px rgba(21, 32, 51, .12);
  border: 1px solid #d7dee8;
}
body.bento.in-platform #terraLookPanel .terra-look-note { color: #3a4458; }
body.bento.in-platform .terra-look-opt {
  background: #ffffff;
  color: #1a2233;
  border: 1px solid #d7dee8;
  border-radius: 0;
  font-family: var(--bento-sans);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 11px;
}
body.bento.in-platform .terra-look-opt[aria-pressed="true"] {
  background: var(--bento-accent);
  color: var(--bento-on);
}

/* Top bar, ticker, type */
body.bento.in-platform .main-area { background: var(--bento-bg); }
body.bento.in-platform .topbar {
  height: auto;
  min-height: 52px;
  padding: 12px 12px 6px;
  background: transparent !important;
  border-bottom: 0 !important;
  backdrop-filter: none !important;
  gap: 12px;
}
body.bento.in-platform .topbar-title {
  font-family: var(--bento-mono) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--bento-cream) !important;
}
body.bento.in-platform .topbar-right {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
  gap: 10px !important;
}
body.bento.in-platform .topbar-search {
  background: var(--bento-card) !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--bento-cream) !important;
  font-family: var(--bento-mono);
  font-size: 12px;
  min-width: 180px;
}
body.bento.in-platform .topbar-search::placeholder { color: var(--bento-dim) !important; }
body.bento.in-platform .topbar-user,
body.bento.in-platform .topbar-logout,
body.bento.in-platform .live-status,
body.bento.in-platform #liveText,
body.bento.in-platform .enterprise-badge {
  color: var(--bento-dim) !important;
  font-family: var(--bento-mono);
  background: transparent !important;
  border-radius: 0 !important;
}
body.bento.in-platform .enterprise-badge { border: 1px solid var(--bento-line) !important; letter-spacing: .08em; text-transform: uppercase; }
body.bento.in-platform #platformSearchResults {
  background: #232325 !important;
  color: var(--bento-cream) !important;
  border: 1px solid var(--bento-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.bento.in-platform .content-area {
  background: transparent !important;
  padding: 8px 10px 16px;
}
body.bento.in-platform .data-loader { background: var(--bento-bg) !important; }

.bento-top-extra {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.bento-fullscreen {
  background: transparent;
  border: 0;
  color: var(--bento-dim);
  font-family: var(--bento-mono);
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  cursor: pointer;
  padding: 6px 2px;
}
.bento-fullscreen:hover { color: var(--bento-cream); }
.bento-pills { display: flex; gap: 4px; align-items: center; }
.bento-pill {
  background: transparent;
  border: 0;
  color: #1a2233;
  font-family: var(--bento-sans, system-ui);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  padding: 6px 8px;
  cursor: pointer;
}
.bento-pill[aria-pressed="true"] { color: #ffffff; background: #4f6690; }
.bento-pill:disabled { opacity: .45; cursor: default; }

.terra-ticker {
  display: none;
  align-items: stretch;
  gap: 0;
  overflow-x: auto;
  padding: 10px 12px 8px;
  background: #152033;
  border-bottom: 0;
  color: #ffffff;
}
body.bento.in-platform .terra-ticker { display: flex; }
.terra-tick {
  padding: 0 16px;
  border-left: 1px solid rgba(255, 255, 255, .28);
  min-width: max-content;
}
.terra-tick:first-child { border-left: 0; padding-left: 4px; }
.terra-tick span {
  display: block;
  font-family: var(--bento-sans, system-ui);
  font-size: 13px;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #e8eef8;
}
.terra-tick b {
  display: block;
  margin-top: 2px;
  font-family: var(--bento-mono, 'Space Mono', monospace);
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
}
.terra-tick small { display: block; margin-top: 2px; font-size: 14px; color: #e8eef8; }
.terra-tick small { color: #e8eef8; }
.terra-tick small.up { color: #ffffff; }
.terra-tick small.down { color: #ffd4cc; }

/* Cards */
body.bento.in-platform .section-card,
body.bento.in-platform .dash-viz-card,
body.bento.in-platform .stat-card,
body.bento.in-platform .v4-hero,
body.bento.in-platform .hero-banner,
body.bento.in-platform .signal-card,
body.bento.in-platform .mp-wrap {
  background: var(--bento-card) !important;
  border: 1px solid #d7dee8 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body.bento.in-platform .section-card { margin: 0 !important; padding: 14px 14px 16px !important; min-width: 0; }
body.bento.in-platform .co-name,
body.bento.in-platform .cvr-feed-item { overflow-wrap: break-word; word-break: normal; }
body.bento.in-platform .score-val,
body.bento.in-platform .cvr-pill { white-space: nowrap; }
body.bento.in-platform .data-table th:nth-child(n+2),
body.bento.in-platform .data-table td:nth-child(n+2) { white-space: nowrap; }
body.bento.in-platform .stat-card { border-radius: 0 !important; }
body.bento.in-platform .section-title,
body.bento.in-platform .dash-viz-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
  font-family: var(--bento-mono) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: var(--bento-cream) !important;
}
body.bento.in-platform .section-title:not(:has(.section-title-right))::after,
body.bento.in-platform .dash-viz-title::after,
.bento-kebab {
  content: '';
  width: 16px;
  height: 4px;
  flex: 0 0 auto;
  background: radial-gradient(circle, currentColor 1.25px, transparent 1.45px) 0 50% / 6px 4px;
  opacity: .8;
}
body.bento.in-platform .section-title-right {
  float: none;
  width: 28px;
  height: 28px;
  margin-left: auto;
  border: 1px solid rgba(244, 241, 228, .45);
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: transparent !important;
  font-size: 0 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  position: relative;
  flex: 0 0 auto;
}
body.bento.in-platform .section-title-right::after {
  content: '\2197';
  color: var(--bento-cream);
  font-size: 14px;
  font-family: var(--bento-mono);
  line-height: 1;
}
body.bento.in-platform .hero-banner {
  aspect-ratio: auto !important;
  min-height: 0 !important;
  padding: 16px 16px 14px !important;
  margin-bottom: 8px !important;
  justify-content: flex-start;
}
body.bento.in-platform .hero-title {
  font-family: var(--bento-mono) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-shadow: none !important;
  color: var(--bento-cream) !important;
}
body.bento.in-platform .hero-tagline,
body.bento.in-platform .hero-sub {
  color: var(--bento-dim) !important;
  font-size: 12px !important;
  max-width: 70ch;
}
body.bento.in-platform #page-dashboard > .hero-banner,
body.bento.in-platform #page-dashboard > .sync-bar { display: none !important; }

body.bento.in-platform .stat-card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-content: end;
  gap: 2px 10px;
  min-height: 112px;
  padding: 16px !important;
  background: var(--bento-card) !important;
}
body.bento.in-platform .stat-card::after {
  content: '';
  position: absolute;
  top: 14px;
  right: 14px;
  width: 16px;
  height: 4px;
  background: radial-gradient(circle, currentColor 1.25px, transparent 1.45px) 0 50% / 6px 4px;
  opacity: .75;
}
body.bento.in-platform .stat-card-val {
  grid-column: 1 / -1;
  font-family: var(--bento-mono) !important;
  font-size: clamp(2.4rem, 4vw, 3.5rem) !important;
  font-weight: 700 !important;
  letter-spacing: -.04em !important;
  line-height: .95;
  color: var(--bento-cream) !important;
  text-shadow: none !important;
}
body.bento.in-platform .stat-card-label {
  grid-column: 1;
  font-family: var(--bento-mono) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  color: var(--bento-dim) !important;
}
body.bento.in-platform .stat-card-sub {
  grid-column: 1 / -1;
  font-family: var(--bento-mono);
  font-size: 11px;
  color: var(--bento-dim);
}
body.bento.in-platform .bento-delta {
  grid-column: 2;
  align-self: end;
  font-family: var(--bento-mono);
  font-size: 12px;
  color: var(--bento-dim);
}
body.bento.in-platform .bento-delta.up { color: #c5e0c2; }
body.bento.in-platform .bento-delta.down { color: #f0c2ba; }

/* Green: one accent overview card */
body.bento-green.in-platform #page-dashboard > .stat-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 16px 16px 8px;
  background: var(--bento-accent);
  color: var(--bento-on);
  position: relative;
  align-self: start;
}
body.bento-green.in-platform #page-dashboard > .stat-row::before {
  content: 'Overview';
  font-family: var(--bento-mono);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
body.bento-green.in-platform #page-dashboard > .stat-row::after {
  content: '';
  position: absolute;
  top: 18px;
  right: 14px;
  width: 16px;
  height: 4px;
  background: radial-gradient(circle, currentColor 1.25px, transparent 1.45px) 0 50% / 6px 4px;
}
body.bento-green.in-platform #page-dashboard > .stat-row .stat-card {
  background: transparent !important;
  min-height: 0;
  padding: 8px 0 10px !important;
  color: var(--bento-on);
}
body.bento-green.in-platform #page-dashboard > .stat-row .stat-card::after { display: none; }
body.bento-green.in-platform #page-dashboard > .stat-row .stat-card-val {
  font-size: 2.35rem !important;
}
body.bento-green.in-platform #page-dashboard > .stat-row .stat-card-val,
body.bento-green.in-platform #page-dashboard > .stat-row .stat-card-label,
body.bento-green.in-platform #page-dashboard > .stat-row .stat-card-sub,
body.bento-green.in-platform #page-dashboard > .stat-row .bento-delta,
body.bento-green.in-platform #page-dashboard > .stat-row .bento-delta.up,
body.bento-green.in-platform #page-dashboard > .stat-row .bento-delta.down {
  color: var(--bento-on) !important;
}

/* Blue: separate cards, first one accent */
body.bento-blue.in-platform #page-dashboard > .stat-row { margin: 0; }
body.bento-blue.in-platform .stat-card:nth-child(1) {
  background: var(--bento-accent) !important;
  color: var(--bento-on);
}
body.bento-blue.in-platform .stat-card:nth-child(1) .stat-card-val,
body.bento-blue.in-platform .stat-card:nth-child(1) .stat-card-label,
body.bento-blue.in-platform .stat-card:nth-child(1) .stat-card-sub,
body.bento-blue.in-platform .stat-card:nth-child(1) .bento-delta {
  color: var(--bento-on) !important;
}

/* One dense 12-column board from laptop widths up. Every card has a column
   span that adds up to 12, so nothing floats in a hole. */
@media (min-width: 1000px) {
  body.bento.in-platform #page-dashboard.active {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
  }
  body.bento.in-platform #page-dashboard.active > #liveFeed { grid-column: 1 / -1; order: 0; }
  body.bento.in-platform #page-dashboard.active > .stat-row,
  body.bento-green.in-platform #page-dashboard.active > .stat-row,
  body.bento-blue.in-platform #page-dashboard.active > .stat-row {
    display: contents;
    background: transparent;
    padding: 0;
  }
  body.bento-green.in-platform #page-dashboard.active > .stat-row::before,
  body.bento-green.in-platform #page-dashboard.active > .stat-row::after { content: none; }
  body.bento.in-platform #page-dashboard.active > div[style*="grid-template-columns:1fr 1fr 1fr"],
  body.bento.in-platform #page-dashboard.active > .dash-sector-viz { display: contents !important; }
  body.bento.in-platform #page-dashboard.active .stat-card {
    min-height: 148px;
    height: 100%;
    background: var(--bento-card) !important;
    padding: 16px 16px 14px !important;
  }
  body.bento.in-platform #page-dashboard.active .stat-card-val {
    font-size: clamp(2.6rem, 3.1vw, 3.7rem) !important;
    white-space: nowrap;
  }
  body.bento-green.in-platform #page-dashboard.active .stat-card .stat-card-val { color: var(--bento-cream) !important; }
  body.bento-green.in-platform #page-dashboard.active .stat-card .stat-card-label,
  body.bento-green.in-platform #page-dashboard.active .stat-card .stat-card-sub,
  body.bento-green.in-platform #page-dashboard.active .stat-card .bento-delta { color: var(--bento-dim) !important; }
  body.bento.in-platform #page-dashboard.active .stat-card:nth-child(1) {
    grid-column: 1 / span 3;
    order: 1;
    background: var(--bento-accent) !important;
  }
  body.bento.in-platform #page-dashboard.active .stat-card:nth-child(1) .stat-card-val,
  body.bento.in-platform #page-dashboard.active .stat-card:nth-child(1) .stat-card-label,
  body.bento.in-platform #page-dashboard.active .stat-card:nth-child(1) .stat-card-sub,
  body.bento.in-platform #page-dashboard.active .stat-card:nth-child(1) .bento-delta { color: var(--bento-on) !important; }
  body.bento.in-platform #page-dashboard.active .stat-card:nth-child(2) { grid-column: 4 / span 3; order: 1; }
  body.bento.in-platform #page-dashboard.active .stat-card:nth-child(3) { grid-column: 7 / span 3; order: 1; }
  body.bento.in-platform #page-dashboard.active .stat-card:nth-child(4) { grid-column: 10 / span 3; order: 1; }
  body.bento.in-platform #page-dashboard.active > .section-card:has(#dashCurveSVG) { grid-column: 1 / span 8; order: 2; height: 100%; }
  body.bento.in-platform #page-dashboard.active #bentoRingCard { grid-column: 9 / span 4; order: 2; height: 100%; display: flex !important; flex-direction: column; }
  body.bento.in-platform #page-dashboard.active .dash-viz-card:has(#bentoMix),
  body.bento.in-platform #page-dashboard.active .dash-viz-card:has(#dashSectorRadial) { grid-column: 1 / span 6; order: 3; height: 100%; }
  body.bento.in-platform #page-dashboard.active .dash-viz-card:has(#dashBandBars) { grid-column: 7 / span 6; order: 3; height: 100%; }
  body.bento.in-platform #page-dashboard.active .section-card:has(#dTop) { grid-column: 1 / span 7; order: 4; height: 100%; overflow: auto; }
  body.bento.in-platform #page-dashboard.active .section-card:has(#dFeed) { grid-column: 8 / span 5; order: 4; height: 100%; overflow: auto; }
  body.bento.in-platform #page-dashboard.active .section-card:has(#dSignal) { grid-column: 1 / span 8; order: 5; height: 100%; }
  body.bento.in-platform #page-dashboard.active #bentoWide { grid-column: 9 / span 4; order: 5; height: 100%; min-height: 120px; }
  body.bento.in-platform .bento-rail { display: none !important; }
}

body.bento.in-platform .section-card:has(#dashCurveSVG) > div:not(.section-title):not(.bento-activity) { display: none !important; }

/* Activity, mix, rail, ring */
body.bento.in-platform #dashCurveSVG,
body.bento.in-platform #dashSectorRadial { display: none !important; }
.bento-activity-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  margin-bottom: 12px;
}
.bento-activity-num {
  font-size: clamp(2.6rem, 5vw, 4rem);
  font-weight: 700;
  letter-spacing: -.04em;
  line-height: .9;
  color: var(--bento-cream);
}
.bento-activity-sub {
  margin-top: 6px;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--bento-dim);
}
.bento-bars {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 128px;
}
.bento-bars i {
  display: block;
  flex: 1 1 0;
  min-height: 2px;
  background: var(--bento-bar);
}
.bento-bars i.on { background: var(--bento-accent-bar); }
.bento-axis {
  display: flex;
  justify-content: space-between;
  margin-top: 6px;
  font-size: 10px;
  color: var(--bento-dim);
  letter-spacing: .08em;
}
body.bento.in-platform .section-card:has(#dashCurveSVG) { overflow: hidden; }
body.bento.in-platform .section-card:has(#dashCurveSVG) .section-title {
  flex-wrap: wrap;
  align-items: center;
  row-gap: 8px;
}
body.bento.in-platform #bentoPills { margin-left: auto; flex-wrap: wrap; max-width: 100%; }
body.bento.in-platform .bento-activity { display: block; width: 100%; }
body.bento.in-platform .bento-bars { width: 100%; height: 168px; }
body.bento.in-platform .bento-axis {
  font-family: var(--bento-sans);
  font-size: 13px;
  color: #3a4458;
  letter-spacing: 0;
}

.bento-seg { margin-bottom: 12px; }
.bento-seg-top {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--bento-dim);
}
.bento-seg-top b { color: var(--bento-cream); font-weight: 700; }
.bento-seg-bar { display: flex; height: 28px; background: var(--bento-track); }
.bento-seg-bar span {
  display: flex;
  align-items: center;
  padding: 0 8px;
  font-family: var(--bento-sans);
  font-size: 13px;
  font-weight: 600;
  color: #1a2233;
  overflow: hidden;
  white-space: nowrap;
}
.bento-seg-track {
  height: 14px;
  background: #e6ebf2;
}
.bento-seg-fill {
  display: block;
  height: 100%;
  background: var(--bento-accent);
}

.bento-rail {
  background: var(--bento-card);
  padding: 16px 14px 14px;
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.bento-rail-ava {
  width: 84px;
  height: 84px;
  margin: 8px auto 10px;
  border-radius: 50%;
  border: 3px solid var(--bento-accent-bar);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 700;
}
.bento-rail-name { text-align: center; font-size: 14px; font-weight: 700; letter-spacing: .04em; }
.bento-rail-plan {
  text-align: center;
  margin-top: 4px;
  font-size: 10px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--bento-dim);
}
.bento-rail-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin: 16px 0;
  text-align: center;
}
.bento-rail-stats b { display: block; font-size: 16px; }
.bento-rail-stats span {
  display: block;
  margin-top: 2px;
  font-size: 9px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--bento-dim);
}
.bento-mosaic {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 4px;
}
.bento-tile {
  height: 64px;
  border: 0;
  background: #2a2a2c;
  color: var(--bento-cream);
  font-family: var(--bento-mono);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  padding: 0;
}
.bento-tile:hover { background: #34343a; }

.bento-ring-card {
  background: var(--bento-card);
  padding: 14px;
  min-height: 220px;
}
.bento-card-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 700;
}
.bento-ring { position: relative; width: 168px; height: 168px; margin: 12px auto 0; }
.bento-ring svg { width: 100%; height: 100%; transform: rotate(-90deg); }
.bento-ring circle { fill: none; stroke-width: 8; }
.bento-ring .track { stroke: #d5dce8; }
.bento-ring .val {
  stroke-linecap: round;
  stroke-dasharray: calc(var(--p) * 2.890265) 289.0265;
}
.bento-ring-copy {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.bento-ring-num { font-size: 32px; font-weight: 700; letter-spacing: -.04em; line-height: 1; }
.bento-ring-lbl {
  margin-top: 4px;
  font-size: 9px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--bento-dim);
}
.bento-ring.sm { width: 112px; height: 112px; margin: 0; }
.bento-ring.sm .bento-ring-num { font-size: 22px; }

.bento-wide {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 92px;
  padding: 18px 18px;
  border: 0;
  cursor: pointer;
  text-align: left;
  font-family: var(--bento-mono);
}
body.bento.in-platform .bento-wide { background: #4f6690; color: #ffffff; }
body.bento-green.in-platform .bento-wide { background: #2f6b45; color: #ffffff; }
.bento-wide strong {
  display: block;
  font-size: 20px;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.bento-wide em {
  display: block;
  margin-top: 4px;
  font-style: normal;
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .8;
}
.bento-arrow {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid currentColor;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-size: 16px;
}

/* Tables and lists */
body.bento.in-platform .data-table th {
  background: transparent !important;
  color: var(--bento-dim) !important;
  font-family: var(--bento-mono);
  font-size: 10px;
  letter-spacing: .1em;
  border-color: var(--bento-line) !important;
}
body.bento.in-platform .data-table td {
  border-color: var(--bento-line) !important;
  color: var(--bento-cream);
  font-size: 12px;
}
body.bento.in-platform .data-table tr:hover td { background: rgba(255, 255, 255, .03) !important; }
body.bento.in-platform .co-name { color: var(--bento-cream) !important; }
body.bento.in-platform .co-symbol,
body.bento.in-platform .sector-text,
body.bento.in-platform .dim-val { color: var(--bento-dim) !important; font-family: var(--bento-mono); }
body.bento.in-platform .score-val,
body.bento.in-platform .cvr-pill { border-radius: 0; font-family: var(--bento-mono); }
body.bento.in-platform .cvr-feed-item { color: var(--bento-cream); }
body.bento.in-platform .filter-input,
body.bento.in-platform .filter-select {
  background: var(--bento-bg) !important;
  color: var(--bento-cream) !important;
  border: 1px solid var(--bento-line) !important;
  border-radius: 0 !important;
  font-family: var(--bento-mono);
}
body.bento.in-platform .filter-bar-label {
  font-family: var(--bento-mono);
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--bento-dim) !important;
}
body.bento.in-platform #dashBandBars > div {
  display: grid !important;
  grid-template-columns: minmax(168px, max-content) minmax(0, 1fr) 36px !important;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px !important;
}
body.bento.in-platform #dashBandBars > div > div:first-child {
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  text-align: left !important;
  font-family: var(--bento-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #1a2233 !important;
  background: transparent !important;
  white-space: nowrap;
  padding: 0 !important;
}
body.bento.in-platform #dashBandBars > div > div:last-child {
  width: auto !important;
  text-align: right !important;
  font-family: var(--bento-sans) !important;
  font-size: 13px !important;
  color: #1a2233 !important;
}
body.bento.in-platform #dashBandBars > div > div:nth-child(2) {
  background: #e6ebf2 !important;
  border-radius: 0 !important;
  height: 14px !important;
  width: auto !important;
  min-width: 0;
}
body.bento.in-platform #dashBandBars > div > div:nth-child(2) > div {
  background: var(--bento-bar) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
body.bento.in-platform #dashBandBars > div:nth-child(-n+2) > div:nth-child(2) > div {
  background: var(--bento-accent-bar) !important;
}

/* Company profile */
body.bento.in-platform .v4-hero { padding: 18px !important; margin: 0 0 8px !important; }
body.bento.in-platform .v4-hero-name {
  font-family: var(--bento-mono) !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
  color: var(--bento-cream) !important;
  font-size: clamp(1.6rem, 3vw, 2.4rem) !important;
}
body.bento.in-platform .v4-hero-eyebrow,
body.bento.in-platform .v4-hero-subline,
body.bento.in-platform .v4-hero-meta,
body.bento.in-platform .v4-hero-score-context,
body.bento.in-platform .v4-hero-score-of {
  color: var(--bento-dim) !important;
  font-family: var(--bento-mono);
}
body.bento.in-platform .v4-hero-score { display: flex; align-items: center; gap: 16px; text-align: left; }
body.bento.in-platform .v4-hero-score-num {
  font-family: var(--bento-mono) !important;
  font-weight: 700 !important;
  font-size: clamp(3rem, 6vw, 4.6rem) !important;
  color: var(--bento-cream) !important;
  text-shadow: none !important;
  letter-spacing: -.05em !important;
}
body.bento.in-platform .v4-hero-score-band { border-radius: 0 !important; font-family: var(--bento-mono); }
body.bento.in-platform .v4-score-explainer,
body.bento.in-platform .sc-claim,
body.bento.in-platform .sc-risk,
body.bento.in-platform .evi-caveat {
  border-radius: 0 !important;
  border-left: 0 !important;
  background: var(--bento-card-2) !important;
  color: var(--bento-cream);
}
body.bento.in-platform .sc-ind-card-v4 {
  background: var(--bento-card-2) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.bento.in-platform .sc-ind-card-v4 .v4-name { color: var(--bento-cream); font-family: var(--bento-mono); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
body.bento.in-platform .sc-ind-card-v4 .v4-score {
  font-family: var(--bento-mono) !important;
  font-size: 1.8rem !important;
  color: var(--bento-cream) !important;
}
body.bento.in-platform .sc-ind-card-v4 .v4-def,
body.bento.in-platform .sc-ind-card-v4 .v4-score-meaning,
body.bento.in-platform .v4-driver { color: var(--bento-dim) !important; }
body.bento.in-platform .ind-grid-v4,
body.bento.in-platform .dim-header-v4,
body.bento.in-platform .dim-explainer-v4 {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body.bento.in-platform .dim-header-v4 { padding-left: 0 !important; padding-right: 0 !important; }
body.bento.in-platform .dim-name-v4,
body.bento.in-platform .dim-score-v4 { color: var(--bento-cream) !important; font-family: var(--bento-mono); }
body.bento.in-platform .sc-dim-track {
  background: var(--bento-track) !important;
  border-radius: 0 !important;
  height: 10px !important;
}
body.bento.in-platform .sc-dim-fill {
  background: var(--bento-accent-bar) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body.bento.in-platform .sc-dim-name,
body.bento.in-platform .sc-dim-val { color: var(--bento-cream) !important; font-family: var(--bento-mono); }
body.bento.in-platform .sc-dim-weight { color: var(--bento-dim) !important; }
body.bento.in-platform .sc-cvr-bar,
body.bento.in-platform .sc-cvr-scale { width: 100% !important; max-width: 420px; border-radius: 0 !important; }
body.bento.in-platform .sc-cvr-scale { display: flex; justify-content: space-between; gap: 8px; }
body.bento.in-platform .sc-cvr-scale span { flex: 1; text-align: center; font-size: 10px; letter-spacing: .02em; }
body.bento.in-platform .v4-action-row { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 8px; }
body.bento.in-platform .v4-action-row button,
body.bento.in-platform .sc-back {
  background: transparent !important;
  color: var(--bento-cream) !important;
  border: 1px solid var(--bento-line) !important;
  border-radius: 0 !important;
  font-family: var(--bento-mono) !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 11px !important;
}
body.bento.in-platform .sc-metrics { gap: 8px; }
body.bento.in-platform .sc-meta-pill { border-radius: 0 !important; }

body.bento.in-platform .lf-item,
body.bento.in-platform .lf-h,
body.bento.in-platform .lf-title { color: var(--bento-cream); }
body.bento.in-platform .lf-chip { border-radius: 0; font-family: var(--bento-mono); }
body.bento.in-platform .curve-toggle { border-radius: 0; font-family: var(--bento-mono); }

/* Mobile: stack, keep the icon rail as a horizontal strip */
@media (max-width: 999px) {
  body.bento.in-platform { --sidebar: 100%; }
  body.bento.in-platform #app.visible { flex-direction: column; height: 100vh; }
  body.bento.in-platform .sidebar {
    display: flex !important;
    flex-direction: row;
    width: 100% !important;
    height: auto;
    max-height: none;
    overflow-x: auto;
    overflow-y: hidden;
    border-right: 0 !important;
    border-bottom: 1px solid var(--bento-line);
  }
  body.bento.in-platform .sb-logo,
  body.bento.in-platform .sb-footer { display: none; }
  body.bento.in-platform #nav-intel { display: flex !important; flex: 1; }
  body.bento.in-platform .sb-group { display: flex; padding: 0; }
  body.bento.in-platform .sb-item { min-width: 68px; }
  body.bento.in-platform #terraLookDock { padding: 0; display: flex; align-items: center; }
  body.bento.in-platform .main-area { min-height: 0; }
  body.bento.in-platform .topbar { flex-wrap: wrap; }
  body.bento.in-platform .topbar-search { width: 100%; min-width: 0; }
  body.bento.in-platform .bento-top-extra { margin-left: 0; width: 100%; justify-content: space-between; }
  body.bento.in-platform #page-dashboard.active {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
  }
  body.bento.in-platform #page-dashboard > .stat-row,
  body.bento-blue.in-platform #page-dashboard > .stat-row {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
  }
  body.bento.in-platform #page-dashboard > div[style*="grid-template-columns"] {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
  }
  body.bento.in-platform #page-dashboard .stat-card,
  body.bento.in-platform #page-dashboard .section-card,
  body.bento.in-platform #page-dashboard .dash-viz-card,
  body.bento.in-platform .bento-rail,
  body.bento.in-platform #bentoRingCard,
  body.bento.in-platform #bentoWide {
    grid-column: auto !important;
    grid-row: auto !important;
  }
  body.bento.in-platform .bento-activity { grid-template-columns: 1fr; }
  body.bento.in-platform .bento-activity-top,
  body.bento.in-platform .bento-bars,
  body.bento.in-platform .bento-axis { grid-column: 1; grid-row: auto; }
  body.bento.in-platform .dash-sector-viz { display: flex !important; flex-direction: column; gap: 8px; }
  body.bento.in-platform .v4-hero-top,
  body.bento.in-platform .v4-hero-score { display: flex; flex-direction: column; align-items: flex-start; }
  body.bento.in-platform #scC [style*="grid-template-columns:1fr 1fr"],
  body.bento.in-platform .sc-metrics { grid-template-columns: 1fr !important; }
  body.bento.in-platform .hero-tagline { max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  body.bento.in-platform * { animation: none !important; transition: none !important; }
}

/* Light board, dark accent tiles, readable type. */
body.bento.in-platform .main-area,
body.bento.in-platform .content-area,
body.bento.in-platform .topbar { background: #f4f6f9 !important; color: #1a2233 !important; }
body.bento.in-platform .topbar-title { color: #1a2233 !important; font-size: 16px !important; }
body.bento.in-platform .topbar-search,
body.bento.in-platform .filter-input,
body.bento.in-platform .filter-select {
  background: #ffffff !important;
  color: #1a2233 !important;
  border: 1px solid #d7dee8 !important;
  font-family: var(--bento-sans) !important;
  font-size: 15px !important;
}
body.bento.in-platform .topbar-search::placeholder { color: #3a4458 !important; }
body.bento.in-platform .enterprise-badge {
  background: #ffffff !important;
  color: #1a2233 !important;
  border: 1px solid #d7dee8 !important;
  box-shadow: none !important;
}
body.bento.in-platform .topbar-user,
body.bento.in-platform .topbar-logout,
body.bento.in-platform .live-status,
body.bento.in-platform #liveText { color: #1a2233 !important; }
body.bento.in-platform .lf-foot button,
body.bento.in-platform .lf-src a { color: #1d4e89 !important; }
body.bento.in-platform .lf-chip.on {
  background: #4f6690 !important;
  color: #ffffff !important;
  border-color: #4f6690 !important;
}
body.bento.in-platform .sb-short,
body.bento.in-platform #terraLookBtn,
body.bento.in-platform .section-title,
body.bento.in-platform .dash-viz-title,
body.bento.in-platform .stat-card-label,
body.bento.in-platform .stat-card-sub,
body.bento.in-platform .bento-activity-sub,
body.bento.in-platform .bento-card-title,
body.bento.in-platform .bento-seg-top,
body.bento.in-platform .filter-bar-label { font-size: 13px !important; }
body.bento.in-platform .content-area,
body.bento.in-platform .cvr-feed-item,
body.bento.in-platform .v4-hero-subline,
body.bento.in-platform .v4-def,
body.bento.in-platform .v4-driver,
body.bento.in-platform .hero-tagline,
body.bento.in-platform .lf-intro,
body.bento.in-platform .lf-p,
body.bento.in-platform .co-name { font-family: var(--bento-sans) !important; font-size: 16px; color: #1a2233; }
body.bento.in-platform .data-table td,
body.bento.in-platform .data-table th {
  font-family: var(--bento-sans) !important;
  border-color: #d7dee8 !important;
}
body.bento.in-platform .data-table td { font-size: 15px !important; color: #1a2233 !important; }
body.bento.in-platform .data-table th { font-size: 13px !important; color: #3a4458 !important; background: #f4f6f9 !important; }
body.bento.in-platform .data-table tr:hover td { background: rgba(79, 102, 144, .08) !important; }
body.bento.in-platform .stat-card-val,
body.bento.in-platform .bento-activity-num,
body.bento.in-platform .v4-hero-score-num,
body.bento.in-platform .bento-ring-num { font-family: var(--bento-mono) !important; color: #1a2233; }
body.bento.in-platform #page-dashboard .stat-card:nth-child(1),
body.bento.in-platform #page-dashboard .stat-card:nth-child(2) { border-color: transparent !important; }
body.bento.in-platform #page-dashboard .stat-card:nth-child(2) {
  background: #1c2a44 !important;
}
body.bento.in-platform #page-dashboard .stat-card:nth-child(1) .stat-card-val,
body.bento.in-platform #page-dashboard .stat-card:nth-child(1) .stat-card-label,
body.bento.in-platform #page-dashboard .stat-card:nth-child(1) .stat-card-sub,
body.bento.in-platform #page-dashboard .stat-card:nth-child(1) .bento-delta,
body.bento.in-platform #page-dashboard .stat-card:nth-child(2) .stat-card-val,
body.bento.in-platform #page-dashboard .stat-card:nth-child(2) .stat-card-label,
body.bento.in-platform #page-dashboard .stat-card:nth-child(2) .stat-card-sub,
body.bento.in-platform #page-dashboard .stat-card:nth-child(2) .bento-delta { color: #ffffff !important; }
body.bento.in-platform .section-card:has(#dFeed) .section-title {
  background: #152033;
  color: #ffffff !important;
  margin: -14px -14px 14px;
  padding: 12px 14px;
}
body.bento.in-platform .section-card:has(#dFeed) .section-title-right { border-color: #ffffff; }
body.bento.in-platform .section-card:has(#dFeed) .section-title-right::after { color: #ffffff; }
body.bento.in-platform .score-val.leader { color: #146c36 !important; background: #e5f6ec !important; }
body.bento.in-platform .score-val.above_average { color: #1d4e89 !important; background: #e7eef8 !important; }
body.bento.in-platform .score-val.average { color: #8a5a12 !important; background: #fff4df !important; }
body.bento.in-platform .score-val.below_average { color: #9a3412 !important; background: #ffedd5 !important; }
body.bento.in-platform .score-val.insufficient { color: #9f1239 !important; background: #ffe4e6 !important; }
body.bento.in-platform .cvr-aligned { color: #146c36 !important; background: #e5f6ec !important; }
body.bento.in-platform .cvr-moderate { color: #8a5a12 !important; background: #fff4df !important; }
body.bento.in-platform .cvr-significant { color: #9a3412 !important; background: #ffedd5 !important; }
body.bento.in-platform .cvr-high { color: #9f1239 !important; background: #ffe4e6 !important; }
body.bento-green.in-platform #page-dashboard > .stat-row { background: #2f6b45; }
body.bento-green.in-platform #page-dashboard > .stat-row,
body.bento-green.in-platform #page-dashboard > .stat-row .stat-card-val,
body.bento-green.in-platform #page-dashboard > .stat-row .stat-card-label,
body.bento-green.in-platform #page-dashboard > .stat-row .stat-card-sub,
body.bento-green.in-platform #page-dashboard > .stat-row .bento-delta { color: #ffffff !important; }

/* Fresh palette: teal, amber, navy on a soft grey canvas. */
body.bento.in-platform {
  --bento-bg: #e4e8ef;
  --bg: #e4e8ef;
  --sidebar: 328px;
  background: #e4e8ef !important;
}
body.bento.in-platform #app.visible { background: #e4e8ef; gap: 14px; padding: 14px; }
body.bento.in-platform .main-area,
body.bento.in-platform .content-area,
body.bento.in-platform .topbar { background: transparent !important; }
body.bento.in-platform .sidebar {
  width: 328px !important;
  margin: 0;
  border: 0 !important;
  border-radius: 18px;
  background: #262b45 !important;
  color: #f7f8fb;
  box-shadow: 0 12px 32px rgba(21, 32, 51, .16);
  overflow: visible !important;
}
body.bento.in-platform .sb-logo,
body.bento.in-platform .sb-footer,
body.bento.in-platform #terraLookDock {
  background: #0f4c5c;
  color: #ffffff;
}
body.bento.in-platform .sb-logo {
  border-radius: 18px 18px 0 0;
  padding: 20px 16px 18px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 8px;
  background: #0f4c5c !important;
  min-height: 112px;
}
body.bento.in-platform .sb-logo img { height: 22px !important; }
body.bento.in-platform .sb-logo-text,
body.bento.in-platform .sb-logo-sub { display: block !important; color: #ffffff !important; }
body.bento.in-platform .sb-logo-text,
body.bento.in-platform .sb-logo-text span {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
  color: #ffffff !important;
  line-height: 1.1;
}
body.bento.in-platform .sb-logo-sub { font-size: 0 !important; line-height: 0; }
body.bento.in-platform .sb-logo-sub::after {
  content: 'by Earth5R';
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
  color: #e8eef8;
}
body.bento.in-platform .sb-footer { border-radius: 0 0 18px 18px; border-top: 0 !important; }
body.bento.in-platform .sb-item {
  flex-direction: row !important;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  margin: 4px 10px 4px 12px !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  color: #f4f7fb !important;
  font-size: 16px;
  min-height: 44px;
}
body.bento.in-platform .sb-full {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal !important;
  line-height: 1.25;
  overflow: visible;
  font-family: Inter, system-ui, sans-serif;
  font-size: 14px;
}
body.bento.in-platform .sb-short { display: none !important; }
body.bento.in-platform .sb-item svg { color: #f0b44c; stroke: #f0b44c; width: 18px; height: 18px; }
body.bento.in-platform .sb-item:hover { background: rgba(255, 255, 255, .06) !important; }
body.bento.in-platform .sb-item.active,
body.bento.in-platform .sb-item.active:hover {
  position: relative;
  z-index: 2;
  background: #e4e8ef !important;
  color: #0f4c5c !important;
  border-radius: 16px 0 0 16px !important;
  margin-right: -28px !important;
  box-shadow: none !important;
}
body.bento.in-platform .sb-item.active svg,
body.bento.in-platform .sb-item.active:hover svg { color: #0f4c5c; stroke: #0f4c5c; }
@media (min-width: 1000px) {
  body.bento.in-platform .sidebar { z-index: 4; }
  body.bento.in-platform #nav-intel { padding-top: 18px; }
  body.bento.in-platform .sb-item.active::before,
  body.bento.in-platform .sb-item.active::after {
    content: '';
    position: absolute;
    right: 28px;
    width: 22px;
    height: 22px;
    pointer-events: none;
  }
  body.bento.in-platform .sb-item.active::before {
    top: -22px;
    background: radial-gradient(circle at 0 0, transparent 21px, #e4e8ef 22px);
  }
  body.bento.in-platform .sb-item.active::after {
    bottom: -22px;
    background: radial-gradient(circle at 0 100%, transparent 21px, #e4e8ef 22px);
  }
}
body.bento.in-platform #terraLookBtn { color: #ffffff !important; flex-direction: row; font-size: 14px !important; text-transform: none !important; letter-spacing: 0 !important; }
body.bento.in-platform .section-card,
body.bento.in-platform .dash-viz-card,
body.bento.in-platform .stat-card,
body.bento.in-platform .v4-hero,
body.bento.in-platform .hero-banner,
body.bento.in-platform .bento-ring-card,
body.bento.in-platform .signal-card {
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(21, 32, 51, .04), 0 10px 28px rgba(21, 32, 51, .06) !important;
  padding: 20px !important;
  transition: transform .18s ease, box-shadow .18s ease;
}
body.bento.in-platform .section-card:hover,
body.bento.in-platform .dash-viz-card:hover,
body.bento.in-platform .stat-card:hover { transform: translateY(-2px); }
@media (min-width: 1000px) {
  body.bento.in-platform #page-dashboard.active { gap: 20px; }
}
body.bento.in-platform .section-title,
body.bento.in-platform .dash-viz-title,
body.bento.in-platform .stat-card-label,
body.bento.in-platform .bento-card-title,
body.bento.in-platform .terra-tick span,
body.bento.in-platform .sb-short,
body.bento.in-platform .filter-bar-label {
  text-transform: none !important;
  letter-spacing: -0.011em !important;
  font-family: Inter, system-ui, sans-serif !important;
}
body.bento.in-platform .stat-card-val,
body.bento.in-platform .v4-hero-score-num,
body.bento.in-platform .bento-ring-num,
body.bento.in-platform .terra-tick b {
  font-family: Inter, system-ui, sans-serif !important;
  font-weight: 700 !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
}
body.bento.in-platform .terra-ticker {
  background: linear-gradient(100deg, #0a3f4c 0%, #0f4c5c 42%, #1a7a86 100%) !important;
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(15, 76, 92, .22);
}
body.bento.in-platform .terra-tick span { font-size: 14px !important; color: #e8eef8 !important; }
body.bento.in-platform .terra-tick b { font-size: 18px !important; color: #ffffff !important; }
body.bento.in-platform #page-dashboard .stat-card:nth-child(1) { background: #0f4c5c !important; }
body.bento.in-platform #page-dashboard .stat-card:nth-child(2) { background: #f3b54f !important; }
body.bento.in-platform #page-dashboard .stat-card:nth-child(3) { background: #11505f !important; }
body.bento.in-platform #page-dashboard .stat-card:nth-child(4) { background: #262b45 !important; }
body.bento.in-platform #page-dashboard .stat-card:nth-child(1) .stat-card-val,
body.bento.in-platform #page-dashboard .stat-card:nth-child(1) .stat-card-label,
body.bento.in-platform #page-dashboard .stat-card:nth-child(1) .stat-card-sub,
body.bento.in-platform #page-dashboard .stat-card:nth-child(3) .stat-card-val,
body.bento.in-platform #page-dashboard .stat-card:nth-child(3) .stat-card-label,
body.bento.in-platform #page-dashboard .stat-card:nth-child(3) .stat-card-sub,
body.bento.in-platform #page-dashboard .stat-card:nth-child(4) .stat-card-val,
body.bento.in-platform #page-dashboard .stat-card:nth-child(4) .stat-card-label,
body.bento.in-platform #page-dashboard .stat-card:nth-child(4) .stat-card-sub { color: #ffffff !important; }
body.bento.in-platform #page-dashboard .stat-card:nth-child(2) .stat-card-val,
body.bento.in-platform #page-dashboard .stat-card:nth-child(2) .stat-card-label,
body.bento.in-platform #page-dashboard .stat-card:nth-child(2) .stat-card-sub { color: #1a2233 !important; }
body.bento.in-platform .stat-card::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 16px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, .16);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
}
body.bento.in-platform #page-dashboard .stat-card:nth-child(1)::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 16V3h7v13'/><path d='M10 7h5v9'/><path d='M6 6h2M6 9h2M6 12h2'/></svg>");
}
body.bento.in-platform #page-dashboard .stat-card:nth-child(2)::before {
  background-color: #1a2233;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'><circle cx='9' cy='9' r='6'/><path d='M9 9l3-2'/><path d='M9 5v1'/></svg>");
}
body.bento.in-platform #page-dashboard .stat-card:nth-child(3)::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M9 2.5l6.2 11H2.8L9 2.5z'/><path d='M9 7.2v2.6'/><path d='M9 12h.01'/></svg>");
}
body.bento.in-platform #page-dashboard .stat-card:nth-child(4)::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='white' stroke-width='1.8'><circle cx='9' cy='9' r='6'/><circle cx='9' cy='9' r='3'/><circle cx='9' cy='9' r='.8' fill='white' stroke='none'/></svg>");
}
body.bento.in-platform .stat-card::after {
  content: '\2192';
  position: absolute;
  top: auto;
  right: 16px;
  bottom: 14px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid currentColor;
  display: grid;
  place-items: center;
  font-size: 14px;
  background: transparent;
  opacity: .9;
}
body.bento.in-platform .stat-card .bento-delta {
  position: absolute;
  left: 108px;
  bottom: 18px;
  right: auto;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 14px !important;
  font-weight: 700;
  background: #e5f6ec !important;
  color: #146c36 !important;
  white-space: nowrap;
  z-index: 1;
}
body.bento.in-platform .bento-spark {
  position: absolute;
  left: 18px;
  bottom: 16px;
  width: 80px;
  height: 30px;
  margin: 0;
}
body.bento.in-platform .stat-card .bento-delta.down { background: #fde8e8 !important; color: #9f1239 !important; }
body.bento.in-platform .section-card:has(#dFeed) .section-title {
  background: linear-gradient(90deg, #0f4c5c, #262b45) !important;
  color: #ffffff !important;
  border-radius: 12px 12px 0 0;
}
body.bento.in-platform .bento-trend { width: 100%; height: auto; display: block; }
body.bento.in-platform .bento-trend-wrap { position: relative; }
body.bento.in-platform .bento-tip {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #1a2233;
  color: #ffffff;
  border-radius: 10px;
  padding: 8px 10px;
  font-weight: 700;
  font-size: 16px;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
body.bento.in-platform .bento-tip span { display: block; font-size: 13px; font-weight: 500; color: #e8eef8; }
body.bento.in-platform .bento-legend { display: flex; gap: 16px; margin-top: 8px; font-size: 13px; color: #1a2233; }
body.bento.in-platform .bento-key { display: inline-flex; align-items: center; gap: 6px; }
body.bento.in-platform .bento-key::before { content: ''; width: 18px; height: 3px; border-radius: 99px; background: #1a2233; }
body.bento.in-platform .bento-key.amber::before { background: #f0b44c; }
body.bento.in-platform .bento-seg-top {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 16px !important;
  gap: 8px;
}
body.bento.in-platform .bento-seg-top span { flex: 1; text-align: left; text-transform: none !important; }
body.bento.in-platform .bento-seg-top span::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 8px;
  border-radius: 4px;
  background: #0f4c5c;
  vertical-align: -1px;
}
body.bento.in-platform .bento-seg.alt .bento-seg-top span::before { background: #f0b44c; }
body.bento.in-platform .bento-seg-top b { margin-left: auto; font-size: 16px; }
body.bento.in-platform .bento-chip { display: none !important; }
body.bento.in-platform .bento-seg-track, body.bento.in-platform .bento-seg-fill { border-radius: 999px; }
body.bento.in-platform .bento-seg .bento-seg-fill { background: #f0b44c; }
body.bento.in-platform .bento-seg.alt .bento-seg-fill { background: #262b45; }
body.bento.in-platform #dashBandBars > div > div:nth-child(2),
body.bento.in-platform #dashBandBars > div > div:nth-child(2) > div { border-radius: 999px !important; }
body.bento.in-platform #dashBandBars > div:nth-child(odd) > div:nth-child(2) > div { background: #f0b44c !important; }
body.bento.in-platform #dashBandBars > div:nth-child(even) > div:nth-child(2) > div { background: #262b45 !important; }
body.bento.in-platform .section-card:has(#dTop) table { display: none; }
body.bento.in-platform .bento-co-list { display: flex; flex-direction: column; gap: 10px; }
body.bento.in-platform .bento-co {
  display: flex; align-items: center; gap: 12px; width: 100%;
  background: #f7f8fb; border: 0; border-radius: 12px; padding: 10px 12px;
  text-align: left; cursor: pointer; color: #1a2233; font-family: Inter, system-ui, sans-serif;
  transition: background .18s ease;
}
body.bento.in-platform .bento-co:hover { background: #eef3f8; }
body.bento.in-platform .bento-mini-ring {
  width: 48px; height: 48px; border-radius: 50%; flex: 0 0 auto;
  background: conic-gradient(#0f4c5c calc(var(--p) * 1%), #e6ebf2 0);
  display: grid; place-items: center;
}
body.bento.in-platform .bento-mini-ring span {
  width: 36px; height: 36px; border-radius: 50%; background: #fff;
  display: grid; place-items: center; font-size: 13px; font-weight: 700; color: #1a2233;
}
body.bento.in-platform .bento-co-copy { display: flex; flex-direction: column; min-width: 0; flex: 1; }
body.bento.in-platform .bento-co-copy strong { font-size: 15px; }
body.bento.in-platform .bento-co-copy em { font-style: normal; font-size: 13px; color: #3a4458; }
body.bento.in-platform .bento-status {
  border-radius: 999px; padding: 4px 10px; font-size: 13px; font-weight: 650;
  background: #eef2f6; color: #1a2233;
}
body.bento.in-platform .bento-status.improving { background: #e5f6ec; color: #146c36; }
body.bento.in-platform .bento-status.declining { background: #fde8e8; color: #9f1239; }
body.bento.in-platform .data-table { border-collapse: separate; border-spacing: 0; }
body.bento.in-platform .data-table thead th { position: sticky; top: 0; background: #ffffff !important; z-index: 1; }
body.bento.in-platform .data-table tbody tr:nth-child(even) td { background: #f7f9fc; }
body.bento.in-platform .data-table tbody tr:hover td { background: #eef3f8 !important; }
body.bento.in-platform .score-val,
body.bento.in-platform .cvr-pill { border-radius: 999px !important; padding: 3px 8px !important; }
body.bento.in-platform .topbar-search {
  border-radius: 999px !important;
  padding-left: 36px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%233a4458' stroke-width='1.8' stroke-linecap='round'><circle cx='7' cy='7' r='4.5'/><path d='M10.5 10.5L14 14'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-position: 12px center !important;
}
body.bento.in-platform .bento-pill,
body.bento.in-platform .bento-fullscreen,
body.bento.in-platform .v4-action-row button {
  border-radius: 999px !important;
  transition: background .18s ease, color .18s ease;
}
body.bento.in-platform .sc-dim-track { border-radius: 999px !important; background: #e6ebf2 !important; height: 10px !important; }
body.bento.in-platform .sc-dim-fill { border-radius: 999px !important; background: #262b45 !important; }
body.bento.in-platform .sc-dim-row:nth-child(odd) .sc-dim-fill { background: #f0b44c !important; }
body.bento.in-platform .bento-wide { border-radius: 14px !important; background: linear-gradient(100deg, #0f4c5c, #262b45) !important; color: #ffffff !important; }
@media (max-width: 999px) {
  body.bento.in-platform { --sidebar: 100%; }
  body.bento.in-platform #app.visible { padding: 8px; gap: 8px; }
  body.bento.in-platform .sidebar {
    width: auto !important;
    border-radius: 14px;
    margin: 0;
  }
  body.bento.in-platform .sb-logo,
  body.bento.in-platform .sb-footer { display: none !important; }
  body.bento.in-platform .sb-item { flex-direction: column !important; margin: 4px !important; border-radius: 12px !important; min-width: 72px; }
  body.bento.in-platform .sb-item.active,
  body.bento.in-platform .sb-item.active:hover {
    margin: 4px !important;
    border-radius: 12px !important;
    background: #e4e8ef !important;
    color: #0f4c5c !important;
  }
  body.bento.in-platform .sb-item.active::before,
  body.bento.in-platform .sb-item.active::after { content: none; }
  body.bento.in-platform .sb-full { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  body.bento.in-platform .sb-short { display: block !important; font-size: 15px !important; text-transform: none !important; color: inherit; }
  body.bento.in-platform .topbar-search { flex: 1 1 180px; min-width: 160px !important; width: auto !important; }
  body.bento.in-platform .enterprise-badge { display: none !important; }
  body.bento.in-platform,
  body.bento.in-platform .content-area,
  body.bento.in-platform .cvr-feed-item,
  body.bento.in-platform .lf-intro,
  body.bento.in-platform .lf-p,
  body.bento.in-platform .v4-def,
  body.bento.in-platform .v4-hero-subline { font-size: 17px !important; }
  body.bento.in-platform .section-title,
  body.bento.in-platform .dash-viz-title,
  body.bento.in-platform .bento-card-title { font-size: 18px !important; }
  body.bento.in-platform .stat-card-val { font-size: 40px !important; }
  body.bento.in-platform .stat-card-label,
  body.bento.in-platform .stat-card-sub,
  body.bento.in-platform .data-table td,
  body.bento.in-platform .bento-co-copy strong,
  body.bento.in-platform .bento-co-copy em,
  body.bento.in-platform .bento-pill,
  body.bento.in-platform .bento-status,
  body.bento.in-platform .score-val,
  body.bento.in-platform .cvr-pill,
  body.bento.in-platform .terra-tick span,
  body.bento.in-platform .bento-legend,
  body.bento.in-platform #dashBandBars > div > div { font-size: 15px !important; }
  body.bento.in-platform .terra-tick b { font-size: 17px !important; }
}

/* Desktop type scale. Anything readable is at least 14px. */
@media (min-width: 1000px) {
  body.bento.in-platform,
  body.bento.in-platform .content-area,
  body.bento.in-platform .cvr-feed-item,
  body.bento.in-platform .lf-intro,
  body.bento.in-platform .lf-p,
  body.bento.in-platform .lf-h,
  body.bento.in-platform .v4-def,
  body.bento.in-platform .v4-driver,
  body.bento.in-platform .v4-hero-subline,
  body.bento.in-platform .hero-tagline { font-size: 18px !important; }
  body.bento.in-platform .section-title,
  body.bento.in-platform .dash-viz-title,
  body.bento.in-platform .bento-card-title { font-size: 20px !important; font-weight: 600 !important; }
  body.bento.in-platform .sb-item,
  body.bento.in-platform .sb-full { font-size: 16px !important; }
  body.bento.in-platform .stat-card-label,
  body.bento.in-platform .stat-card-sub { font-size: 15px !important; }
  body.bento.in-platform .stat-card-val { font-size: 46px !important; line-height: .95 !important; }
  body.bento.in-platform .data-table td,
  body.bento.in-platform .co-name,
  body.bento.in-platform .bento-co-copy strong { font-size: 18px !important; font-weight: 600 !important; }
  body.bento.in-platform .data-table th,
  body.bento.in-platform .co-symbol,
  body.bento.in-platform .sector-text,
  body.bento.in-platform .bento-co-copy em { font-size: 15px !important; font-weight: 500 !important; }
  body.bento.in-platform .bento-legend,
  body.bento.in-platform .bento-seg-top,
  body.bento.in-platform .bento-seg-top b,
  body.bento.in-platform #dashBandBars > div > div:first-child,
  body.bento.in-platform #dashBandBars > div > div:last-child { font-size: 15px !important; }
  body.bento.in-platform .bento-pill,
  body.bento.in-platform .bento-status,
  body.bento.in-platform .score-val,
  body.bento.in-platform .cvr-pill,
  body.bento.in-platform .enterprise-badge,
  body.bento.in-platform .bento-fullscreen,
  body.bento.in-platform .terra-tick span { font-size: 14px !important; }
  body.bento.in-platform .terra-tick b { font-size: 18px !important; }
  body.bento.in-platform .topbar-title { font-size: 18px !important; }
  body.bento.in-platform .topbar-search { font-size: 16px !important; }
}

/* Floor, then the sizes that must stay exact. Later rules win. */
@media (min-width: 1000px) {
  body.bento.in-platform .content-area div,
  body.bento.in-platform .content-area span,
  body.bento.in-platform .content-area p,
  body.bento.in-platform .content-area li,
  body.bento.in-platform .content-area td,
  body.bento.in-platform .content-area th,
  body.bento.in-platform .content-area button,
  body.bento.in-platform .content-area a,
  body.bento.in-platform .content-area label,
  body.bento.in-platform .content-area small,
  body.bento.in-platform .content-area em,
  body.bento.in-platform .content-area strong,
  body.bento.in-platform .content-area h1,
  body.bento.in-platform .content-area h2,
  body.bento.in-platform .content-area h3,
  body.bento.in-platform .topbar,
  body.bento.in-platform .topbar button,
  body.bento.in-platform .topbar span,
  body.bento.in-platform .terra-ticker span,
  body.bento.in-platform .terra-ticker small,
  body.bento.in-platform .sb-item,
  body.bento.in-platform .sb-full { font-size: 18px !important; }
  body.bento.in-platform .content-area .section-title,
  body.bento.in-platform .content-area .dash-viz-title,
  body.bento.in-platform .content-area .bento-card-title { font-size: 20px !important; font-weight: 600 !important; }
  body.bento.in-platform .sb-item,
  body.bento.in-platform .sb-full { font-size: 16px !important; white-space: nowrap !important; }
  body.bento.in-platform .content-area .stat-card-label,
  body.bento.in-platform .content-area .stat-card-sub,
  body.bento.in-platform .content-area .data-table th,
  body.bento.in-platform .content-area .co-symbol,
  body.bento.in-platform .content-area .sector-text,
  body.bento.in-platform .content-area .bento-co-copy em,
  body.bento.in-platform .content-area .bento-seg-top,
  body.bento.in-platform .content-area #dashBandBars > div > div:first-child,
  body.bento.in-platform .content-area #dashBandBars > div > div:last-child { font-size: 15px !important; }
  body.bento.in-platform .content-area .bento-seg-top span,
  body.bento.in-platform .content-area .bento-co-copy strong,
  body.bento.in-platform .content-area .co-name,
  body.bento.in-platform .content-area .data-table td { font-size: 18px !important; }
  body.bento.in-platform .content-area .data-table td,
  body.bento.in-platform .content-area .bento-co-copy strong,
  body.bento.in-platform .content-area .co-name { font-weight: 600 !important; }
  body.bento.in-platform #page-dashboard.active .stat-card-val { font-size: 46px !important; font-weight: 700 !important; }
  body.bento.in-platform .content-area .v4-hero-name { font-size: 36px !important; font-weight: 700 !important; line-height: 1.1 !important; }
  body.bento.in-platform .content-area .v4-score { font-size: 28px !important; font-weight: 700 !important; }
  body.bento.in-platform .content-area .bento-legend,
  body.bento.in-platform .content-area .bento-legend span,
  body.bento.in-platform .content-area .bento-pill,
  body.bento.in-platform .content-area .bento-status,
  body.bento.in-platform .content-area .score-val,
  body.bento.in-platform .content-area .cvr-pill,
  body.bento.in-platform .content-area .sc-meta-pill,
  body.bento.in-platform .content-area .bento-fullscreen,
  body.bento.in-platform .content-area .bento-tip span,
  body.bento.in-platform .content-area .bento-mini-ring span,
  body.bento.in-platform .enterprise-badge,
  body.bento.in-platform .terra-tick span,
  body.bento.in-platform .terra-tick small { font-size: 14px !important; }
  body.bento.in-platform .terra-tick b { font-size: 18px !important; }
  body.bento.in-platform .bento-trend text { font-size: 14px !important; }
  body.bento.in-platform #page-dashboard.active .stat-card {
    min-height: 196px;
    padding: 22px 18px 64px !important;
  }
  body.bento.in-platform .section-card,
  body.bento.in-platform .dash-viz-card { padding: 22px !important; }
  body.bento.in-platform .data-table th,
  body.bento.in-platform .data-table td { padding: 14px 12px !important; }
  body.bento.in-platform .bento-co { padding: 14px 16px; min-height: 72px; }
  body.bento.in-platform .bento-mini-ring { width: 56px; height: 56px; }
  body.bento.in-platform .bento-mini-ring span { width: 42px; height: 42px; }
  body.bento.in-platform .section-card:has(#dashCurveSVG) { overflow: visible; }
  body.bento.in-platform #dashBandBars > div > div:nth-child(2) { height: 16px !important; }
}

@media (max-width: 999px) {
  body.bento.in-platform .content-area div,
  body.bento.in-platform .content-area span,
  body.bento.in-platform .content-area p,
  body.bento.in-platform .content-area li,
  body.bento.in-platform .content-area td,
  body.bento.in-platform .content-area th,
  body.bento.in-platform .content-area button,
  body.bento.in-platform .content-area a,
  body.bento.in-platform .content-area label,
  body.bento.in-platform .content-area small,
  body.bento.in-platform .content-area em,
  body.bento.in-platform .content-area strong,
  body.bento.in-platform .content-area h1,
  body.bento.in-platform .content-area h2,
  body.bento.in-platform .content-area h3,
  body.bento.in-platform .topbar,
  body.bento.in-platform .topbar button,
  body.bento.in-platform .topbar span,
  body.bento.in-platform .terra-ticker span,
  body.bento.in-platform .terra-ticker b,
  body.bento.in-platform .terra-ticker small,
  body.bento.in-platform .sb-short,
  body.bento.in-platform .bento-pill,
  body.bento.in-platform .bento-status,
  body.bento.in-platform .score-val,
  body.bento.in-platform .cvr-pill,
  body.bento.in-platform .bento-legend,
  body.bento.in-platform .bento-legend span,
  body.bento.in-platform #dashBandBars > div > div,
  body.bento.in-platform .bento-mini-ring span { font-size: 15px !important; }
  body.bento.in-platform .content-area,
  body.bento.in-platform .content-area .cvr-feed-item,
  body.bento.in-platform .content-area .lf-intro,
  body.bento.in-platform .content-area .lf-p,
  body.bento.in-platform .content-area .v4-def,
  body.bento.in-platform .content-area .v4-hero-subline,
  body.bento.in-platform .content-area .bento-co-copy strong,
  body.bento.in-platform .content-area .data-table td,
  body.bento.in-platform .content-area .co-name,
  body.bento.in-platform .content-area .bento-seg-top span { font-size: 17px !important; }
  body.bento.in-platform .content-area .section-title,
  body.bento.in-platform .content-area .dash-viz-title,
  body.bento.in-platform .content-area .bento-card-title { font-size: 18px !important; }
  body.bento.in-platform #page-dashboard .stat-card-val { font-size: 40px !important; }
  body.bento.in-platform .content-area .v4-hero-name { font-size: 28px !important; }
  body.bento.in-platform .terra-tick b { font-size: 17px !important; }
  body.bento.in-platform .stat-card { min-height: 168px; padding: 18px 16px 58px !important; }
  body.bento.in-platform .bento-spark { width: 72px; }
  body.bento.in-platform .stat-card .bento-delta { left: 96px; font-size: 15px !important; }
  body.bento.in-platform #dashBandBars > div > div:first-child,
  body.bento.in-platform #dashBandBars > div > div:last-child { font-size: 15px !important; }
  body.bento.in-platform .topbar-user,
  body.bento.in-platform .topbar-logout,
  body.bento.in-platform .live-status,
  body.bento.in-platform #liveText,
  body.bento.in-platform #terraLookBtn,
  body.bento.in-platform #terraLookBtn span,
  body.bento.in-platform .sb-avatar { font-size: 15px !important; }
}

body.bento.in-platform #page-dashboard .stat-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 36px;
  grid-template-rows: auto auto auto auto auto;
  align-content: start;
  align-items: start;
  column-gap: 8px;
}
body.bento.in-platform #page-dashboard .stat-card-label { grid-column: 1 / -1; grid-row: 1; padding-right: 40px; }
body.bento.in-platform #page-dashboard .stat-card-val { grid-column: 1 / -1; grid-row: 2; }
body.bento.in-platform #page-dashboard .stat-card-sub { grid-column: 1 / -1; grid-row: 3; }
body.bento.in-platform #page-dashboard .stat-card .bento-delta,
body.bento.in-platform #page-dashboard .stat-card:nth-child(n) .bento-delta,
body.bento.in-platform #page-dashboard .stat-card:nth-child(n) .bento-delta.up {
  position: static !important;
  grid-column: 1;
  grid-row: 4;
  margin: 10px 0 0;
  justify-self: start;
  color: #146c36 !important;
  background: #e5f6ec !important;
}
body.bento.in-platform #page-dashboard .stat-card:nth-child(n) .bento-delta.down {
  color: #9f1239 !important;
  background: #fde8e8 !important;
}
body.bento.in-platform #page-dashboard .bento-spark {
  position: static !important;
  grid-column: 1;
  grid-row: 5;
  width: 84px;
  height: 30px;
  margin: 12px 0 0;
}
body.bento.in-platform #page-dashboard .stat-card::after {
  position: static;
  grid-column: 2;
  grid-row: 5;
  align-self: end;
  justify-self: end;
}
body.bento.in-platform .topbar {
  flex-wrap: wrap;
  align-items: center;
  row-gap: 8px;
}
body.bento.in-platform .topbar-title {
  flex: 1 1 100%;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap;
}
body.bento.in-platform .topbar-right {
  flex: 1 1 auto;
  flex-wrap: wrap;
  margin-left: 0 !important;
}
body.bento.in-platform .enterprise-badge,
body.bento.in-platform .topbar-user,
body.bento.in-platform .topbar-logout,
body.bento.in-platform .live-status,
body.bento.in-platform .bento-fullscreen { white-space: nowrap !important; }
body.bento.in-platform .topbar-user,
body.bento.in-platform .topbar-logout,
body.bento.in-platform .live-status,
body.bento.in-platform #liveText {
  font-size: 15px !important;
  color: #1a2233 !important;
}
body.bento.in-platform .dash-proc-text,
body.bento.in-platform .dash-proc-status { color: #1a2233 !important; }
body.bento.in-platform .trend-down { color: #9f1239 !important; }
body.bento.in-platform .trend-up { color: #146c36 !important; }
body.bento.in-platform .content-area .bento-ring-lbl {
  font-size: 14px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #1a2233 !important;
}
@media (min-width: 1000px) {
  body.bento.in-platform #terraLookBtn,
  body.bento.in-platform #terraLookBtn span,
  body.bento.in-platform #terraLookPanel p,
  body.bento.in-platform .terra-look-opt,
  body.bento.in-platform .terra-look-note,
  body.bento.in-platform .sb-avatar,
  body.bento.in-platform .content-area .bento-ring-lbl { font-size: 14px !important; }
}
body.bento.in-platform .sb-avatar { width: 32px; height: 32px; }
body.bento.in-platform #scC .v4-hero-score {
  display: flex !important;
  align-items: center;
  gap: 18px;
  text-align: left !important;
  min-width: 0;
}
body.bento.in-platform #scC .bento-ring.sm { width: 168px; height: 168px; }
body.bento.in-platform #scC .bento-ring.sm .bento-ring-num { font-size: 40px !important; }
body.bento.in-platform #scC .v4-hero-score-num,
body.bento.in-platform #scC .v4-hero-score-of { display: none !important; }
body.bento.in-platform #scC .v4-hero-score-band,
body.bento.in-platform .sc-meta-pill.gold {
  color: #8a5a12 !important;
  background: #fff4df !important;
}
body.bento.in-platform .sc-meta-pill.green {
  color: #146c36 !important;
  background: #e5f6ec !important;
}
body.bento.in-platform .sc-dim-icon { color: #1a2233 !important; }
body.bento.in-platform .curve-card-name,
body.bento.in-platform .curve-card-score { color: #1a2233 !important; }
@media (max-width: 999px) {
  body.bento.in-platform .topbar-right { width: 100%; }
  body.bento.in-platform .topbar-search { flex: 1 1 100% !important; min-width: 0 !important; }
  body.bento.in-platform #terraLookBtn,
  body.bento.in-platform #terraLookBtn span,
  body.bento.in-platform #terraLookPanel p,
  body.bento.in-platform .terra-look-opt,
  body.bento.in-platform .terra-look-note,
  body.bento.in-platform .sb-avatar,
  body.bento.in-platform .content-area .bento-ring-lbl { font-size: 15px !important; }
}


/* Reference copy: Poppins, sampled teal / amber / navy, modest type. */
@font-face { font-family: Poppins; font-style: normal; font-weight: 400; font-display: swap; src: url('/assets/fonts/poppins-400.woff2') format('woff2'); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 500; font-display: swap; src: url('/assets/fonts/poppins-500.woff2') format('woff2'); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 600; font-display: swap; src: url('/assets/fonts/poppins-600.woff2') format('woff2'); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 700; font-display: swap; src: url('/assets/fonts/poppins-700.woff2') format('woff2'); }

body.bento.in-platform {
  --bento-sans: Poppins, system-ui, sans-serif;
  --bento-mono: Poppins, system-ui, sans-serif;
  --sidebar: 232px;
  background: #d7dce2 !important;
  font-family: var(--bento-sans) !important;
}
body.bento.in-platform #app.visible { background: #d7dce2; gap: 12px; padding: 12px; overflow-x: hidden; }
body.bento.in-platform .sidebar {
  width: 232px !important;
  border-radius: 22px;
  background: #272b43 !important;
}
body.bento.in-platform .sb-logo {
  background: #20495d !important;
  min-height: 132px;
  padding: 22px 18px 18px;
  border-radius: 22px 22px 0 0;
}
body.bento.in-platform .sb-logo-text,
body.bento.in-platform .sb-logo-text span { font-family: var(--bento-sans) !important; font-size: 18px !important; font-weight: 500 !important; }
body.bento.in-platform .sb-logo-sub::after { font-family: var(--bento-sans); font-size: 11px; font-weight: 400; }
body.bento.in-platform .sb-item,
body.bento.in-platform .sb-full {
  font-family: var(--bento-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
}
body.bento.in-platform .sb-item svg { color: #e8b56a; stroke: #e8b56a; }
body.bento.in-platform .sb-item.active::before,
body.bento.in-platform .sb-item.active::after { content: none !important; display: none !important; }
body.bento.in-platform .sb-item.active,
body.bento.in-platform .sb-item.active:hover {
  margin: 4px 0 4px 12px !important;
  padding-right: 18px !important;
  border-radius: 14px 0 0 14px !important;
  background: #d7dce2 !important;
  color: #20495d !important;
  box-shadow: none !important;
}
body.bento.in-platform .sb-item.active svg,
body.bento.in-platform .sb-item.active:hover svg { color: #20495d !important; stroke: #20495d !important; }
@media (min-width: 1000px) {
  body.bento.in-platform .sb-item.active { margin-right: -16px !important; }
  body.bento.in-platform .sb-item.active::before,
  body.bento.in-platform .sb-item.active::after {
    content: '' !important;
    display: block !important;
    position: absolute;
    right: 16px;
    width: 14px;
    height: 14px;
    pointer-events: none;
    background: transparent;
  }
  body.bento.in-platform .sb-item.active::before {
    top: -14px;
    background: radial-gradient(circle at 0 0, transparent 13px, #d7dce2 14px);
  }
  body.bento.in-platform .sb-item.active::after {
    bottom: -14px;
    background: radial-gradient(circle at 0 100%, transparent 13px, #d7dce2 14px);
  }
}
body.bento.in-platform .sb-admin-link {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 8px 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: rgba(232, 181, 106, .14);
  text-decoration: none;
}
body.bento.in-platform .sb-admin-link span { font-size: 11px; font-weight: 500; color: #d7dce2; }
body.bento.in-platform .sb-admin-link strong { font-size: 13px; font-weight: 500; color: #e8b56a; }
body.bento.in-platform .admin-marker { display: none !important; }

body.bento.in-platform .topbar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 8px 4px 12px !important;
  background: transparent !important;
}
body.bento.in-platform .topbar-title {
  flex: 0 1 200px;
  min-width: 0;
  order: 1;
  font-family: var(--bento-sans) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  color: #1a2233 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.bento.in-platform .topbar-right {
  display: flex !important;
  flex: 1 1 auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  order: 2;
  flex-wrap: nowrap !important;
  margin-left: 0 !important;
}
body.bento.in-platform .topbar-search {
  flex: 1 1 auto;
  max-width: 420px;
  min-width: 0 !important;
  width: auto !important;
  height: 36px;
  font-family: var(--bento-sans) !important;
  font-size: 13px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}
body.bento.in-platform .enterprise-badge { margin-left: auto; flex: 0 0 auto; font-size: 11px !important; letter-spacing: 0 !important; text-transform: none !important; border-radius: 999px !important; }
body.bento.in-platform .live-status { margin-left: 8px; flex: 0 0 auto; font-size: 12px !important; }
body.bento.in-platform #authArea,
body.bento.in-platform .bento-top-extra { flex: 0 0 auto; }
body.bento.in-platform .bento-top-extra { order: 3; margin-left: 8px !important; }
body.bento.in-platform .topbar-user,
body.bento.in-platform .topbar-logout,
body.bento.in-platform .bento-fullscreen {
  font-family: var(--bento-sans) !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.bento.in-platform .terra-ticker {
  display: none !important;
}
body.bento.in-platform #page-dashboard .stat-card {
  min-height: 104px !important;
  height: auto !important;
  padding: 14px 14px 34px !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 18px rgba(32, 40, 68, .08) !important;
}
body.bento.in-platform #page-dashboard .stat-card:nth-child(1),
body.bento.in-platform #page-dashboard .stat-card:nth-child(3) { background: #20495d !important; }
body.bento.in-platform #page-dashboard .stat-card:nth-child(2) { background: #e8b56a !important; }
body.bento.in-platform #page-dashboard .stat-card:nth-child(4) { background: #272b43 !important; }
body.bento.in-platform #page-dashboard .stat-card-label {
  font-family: var(--bento-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.bento.in-platform #page-dashboard .stat-card-val {
  font-family: var(--bento-sans) !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.2 !important;
}
body.bento.in-platform #page-dashboard .stat-card-sub {
  position: absolute;
  left: 14px;
  bottom: 12px;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  opacity: .9;
}
body.bento.in-platform #page-dashboard .bento-spark,
body.bento.in-platform #page-dashboard .bento-delta { display: none !important; }
body.bento.in-platform .stat-card::before { width: 28px; height: 28px; top: 12px; right: 12px; background-size: 14px 14px; }
body.bento.in-platform .stat-card::after { width: 22px; height: 22px; right: 12px; bottom: 10px; font-size: 12px; }

body.bento.in-platform .section-card,
body.bento.in-platform .dash-viz-card,
body.bento.in-platform .v4-hero,
body.bento.in-platform .bento-ring-card {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 16px !important;
  box-shadow: 0 8px 22px rgba(32, 40, 68, .06) !important;
}
body.bento.in-platform .content-area,
body.bento.in-platform .content-area div,
body.bento.in-platform .content-area span,
body.bento.in-platform .content-area p,
body.bento.in-platform .content-area li,
body.bento.in-platform .content-area a,
body.bento.in-platform .content-area button,
body.bento.in-platform .content-area td,
body.bento.in-platform .content-area th,
body.bento.in-platform .content-area label {
  font-family: var(--bento-sans) !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body.bento.in-platform .content-area,
body.bento.in-platform .content-area div,
body.bento.in-platform .content-area span,
body.bento.in-platform .content-area p,
body.bento.in-platform .content-area li,
body.bento.in-platform .content-area td {
  font-size: 13px !important;
  font-weight: 400;
}
body.bento.in-platform .content-area .section-title,
body.bento.in-platform .content-area .dash-viz-title,
body.bento.in-platform .content-area .bento-card-title {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1c2434 !important;
}
body.bento.in-platform .content-area .stat-card-label,
body.bento.in-platform .content-area .v4-hero-eyebrow,
body.bento.in-platform .content-area .v4-hero-meta,
body.bento.in-platform .content-area .v4-hero-score-context,
body.bento.in-platform .content-area .bento-co-copy em,
body.bento.in-platform .content-area .co-symbol,
body.bento.in-platform .content-area .data-table th,
body.bento.in-platform .content-area .bento-legend,
body.bento.in-platform .content-area .bento-legend span,
body.bento.in-platform .content-area .sc-back {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #7b8798 !important;
}
body.bento.in-platform .content-area .bento-co-copy strong,
body.bento.in-platform .content-area .co-name,
body.bento.in-platform .content-area .data-table td { font-size: 13px !important; font-weight: 500 !important; color: #1c2434 !important; }
body.bento.in-platform #page-dashboard .stat-card-val { font-size: 20px !important; font-weight: 500 !important; }
body.bento.in-platform .content-area .v4-hero-name { font-size: 22px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; }
body.bento.in-platform .bento-co {
  background: #ffffff;
  border: 1px solid #e6ebf1;
  border-radius: 12px;
  padding: 8px 10px;
  min-height: 0;
  box-shadow: none;
}
body.bento.in-platform .bento-mini-ring { width: 36px; height: 36px; }
body.bento.in-platform .bento-mini-ring span { width: 28px; height: 28px; font-size: 11px !important; }
body.bento.in-platform .bento-status {
  background: #eef1f5;
  color: #5c6b80 !important;
  font-size: 11px !important;
  font-weight: 500;
  padding: 3px 8px;
}
body.bento.in-platform .cvr-feed-item {
  border: 0 !important;
  border-bottom: 1px solid #e6ebf1 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 10px 2px !important;
  margin: 0 !important;
}
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(1) { grid-column: 1 / span 3; }
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(2) { grid-column: 4 / span 3; }
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(3) { grid-column: 7 / span 3; }
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(4) { grid-column: 10 / span 3; }
body.bento.in-platform #page-dashboard.active .section-card:has(#dTop) { grid-column: 1 / span 8; order: 2; }
body.bento.in-platform #page-dashboard.active .dash-viz-card:has(#bentoMix),
body.bento.in-platform #page-dashboard.active .dash-viz-card:has(#dashSectorRadial) { grid-column: 9 / span 4; order: 2; }
body.bento.in-platform #page-dashboard.active > .section-card:has(#dashCurveSVG) { grid-column: 1 / span 8; order: 3; }
body.bento.in-platform #page-dashboard.active .section-card:has(#dFeed) { grid-column: 9 / span 4; order: 3; }
body.bento.in-platform #page-dashboard.active .dash-viz-card:has(#dashBandBars) { grid-column: 1 / span 6; order: 4; }
body.bento.in-platform #page-dashboard.active .section-card:has(#dSignal) { grid-column: 7 / span 6; order: 4; }
body.bento.in-platform #page-dashboard.active #bentoRingCard,
body.bento.in-platform #page-dashboard.active #bentoWide { display: none !important; }
body.bento.in-platform #scC .v4-hero-top { display: flex !important; align-items: center; justify-content: space-between; gap: 16px; }
body.bento.in-platform #scC .bento-ring.sm { width: 72px; height: 72px; }
body.bento.in-platform #scC .bento-ring.sm .bento-ring-num { font-size: 18px !important; font-weight: 500 !important; }
body.bento.in-platform .content-area .bento-ring-lbl { font-size: 11px !important; }

@media (max-width: 999px) {
  body.bento.in-platform .topbar { flex-wrap: wrap; }
  body.bento.in-platform .topbar-right { display: flex !important; width: 100%; flex-wrap: wrap; }
  body.bento.in-platform .topbar-search { flex: 1 1 100%; max-width: none; order: 0; }
  body.bento.in-platform .enterprise-badge { margin-left: 0; }
  body.bento.in-platform .sb-item.active { margin-right: 4px !important; border-radius: 10px !important; }
  body.bento.in-platform .sb-item.active::before,
  body.bento.in-platform .sb-item.active::after { content: none !important; display: none !important; }
  body.bento.in-platform #scC .v4-hero-top { flex-direction: column; align-items: flex-start; }
  body.bento.in-platform .sb-admin-link { display: none; }
  body.bento.in-platform #page-dashboard .stat-card-val { font-size: 18px !important; }
}

/* Final lock. Beats the older 46px and 18px rules on the active dashboard. */
body.bento.in-platform .sidebar { width: 200px !important; }
body.bento.in-platform { --sidebar: 200px; }
body.bento.in-platform .sb-item { min-width: 0; overflow: hidden; }
body.bento.in-platform .sb-full {
  display: block;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
}
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(1),
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(3) { background: #20495d !important; }
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(2) { background: #e8b56a !important; }
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(4) { background: #272b43 !important; }
body.bento.in-platform #page-dashboard.active .stat-card {
  min-height: 90px !important;
  height: auto !important;
  padding: 12px 14px !important;
}
body.bento.in-platform #page-dashboard.active .stat-card-val {
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}
body.bento.in-platform #page-dashboard.active .stat-card-label { font-size: 12px !important; font-weight: 500 !important; }
body.bento.in-platform #page-dashboard.active .stat-card-sub { font-size: 11px !important; font-weight: 500 !important; }
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(2) .stat-card-val,
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(2) .stat-card-label,
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(2) .stat-card-sub { color: #1a2233 !important; }
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(1) .stat-card-val,
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(1) .stat-card-label,
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(1) .stat-card-sub,
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(3) .stat-card-val,
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(3) .stat-card-label,
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(3) .stat-card-sub,
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(4) .stat-card-val,
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(4) .stat-card-label,
body.bento.in-platform #page-dashboard.active .stat-card:nth-child(4) .stat-card-sub { color: #ffffff !important; }

body.bento.in-platform #page-dashboard.active #liveFeed { order: 2; grid-column: 1 / -1; }
body.bento.in-platform #page-dashboard.active .section-card:has(#dTop) { order: 3; }
body.bento.in-platform #page-dashboard.active .dash-viz-card:has(#bentoMix),
body.bento.in-platform #page-dashboard.active .dash-viz-card:has(#dashSectorRadial) { order: 3; }
body.bento.in-platform #page-dashboard.active > .section-card:has(#dashCurveSVG) { order: 4; }
body.bento.in-platform #page-dashboard.active .section-card:has(#dFeed) { order: 4; }
body.bento.in-platform #liveFeed { padding: 12px 14px !important; }
body.bento.in-platform .lf-chip { font-size: 12px !important; padding: 3px 10px !important; font-weight: 500 !important; }
body.bento.in-platform .lf-intro,
body.bento.in-platform .lf-p,
body.bento.in-platform .lf-h { font-size: 13px !important; font-weight: 400 !important; }

body.bento.in-platform .topbar .topbar-title {
  flex: 0 0 auto;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  font-size: 16px !important;
}
body.bento.in-platform .topbar button,
body.bento.in-platform .topbar .topbar-user,
body.bento.in-platform .topbar .topbar-logout,
body.bento.in-platform .topbar .bento-fullscreen,
body.bento.in-platform .topbar .live-status,
body.bento.in-platform .topbar .enterprise-badge { font-size: 13px !important; font-weight: 500 !important; }
body.bento.in-platform .content-area .v4-action-row button,
body.bento.in-platform .content-area .sc-back { font-size: 13px !important; font-weight: 500 !important; }
body.bento.in-platform .content-area .v4-score-explainer { font-size: 13px !important; font-weight: 400 !important; }
body.bento.in-platform .content-area strong,
body.bento.in-platform .content-area b,
body.bento.in-platform .content-area em { font-size: inherit !important; }
body.bento.in-platform .content-area .v4-hero-meta,
body.bento.in-platform .content-area .v4-hero-meta strong { font-size: 12px !important; }
body.bento.in-platform .content-area .bento-seg-top,
body.bento.in-platform .content-area .bento-seg-top span,
body.bento.in-platform .content-area .bento-seg-top b { font-size: 13px !important; font-weight: 500 !important; }
body.bento.in-platform #page-dashboard.active .bento-co {
  border: 1px solid #e4e9f0;
  border-radius: 12px;
  background: #ffffff;
  padding: 8px 12px;
}
body.bento.in-platform #page-dashboard.active .bento-co-copy strong { font-size: 13px !important; font-weight: 500 !important; }
body.bento.in-platform #page-dashboard.active .bento-co-copy em { font-size: 11px !important; font-weight: 400 !important; color: #7b8798 !important; }
body.bento.in-platform #page-dashboard.active .bento-status { font-size: 11px !important; background: #eef1f5; color: #5c6b80 !important; }
body.bento.in-platform #scC .bento-ring.sm { width: 104px !important; height: 104px !important; }
body.bento.in-platform #scC .bento-ring.sm span { font-size: 11px !important; }
body.bento.in-platform #scC .bento-ring-copy { font-size: 11px !important; }
body.bento.in-platform #scC .bento-ring.sm .bento-ring-num { font-size: 20px !important; font-weight: 500 !important; }
body.bento.in-platform #scC .bento-ring-lbl { font-size: 10px !important; line-height: 1.15 !important; white-space: normal !important; max-width: 64px; text-align: center; }
body.bento.in-platform .terra-history-chart { width: 100%; min-height: 180px; }
body.bento.in-platform .terra-history-chart svg { width: 100%; height: auto; display: block; }

/* Four tight dashboard rows. Later rules win over the older spans. */
@media (min-width: 1000px) {
  body.bento.in-platform #page-dashboard.active {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
    grid-auto-flow: row dense !important;
  }
  body.bento.in-platform #page-dashboard.active > .stat-row,
  body.bento.in-platform #page-dashboard.active > div[style*="grid-template-columns"],
  body.bento.in-platform #page-dashboard.active > .dash-sector-viz {
    display: contents !important;
  }
  body.bento.in-platform #page-dashboard.active > .hero-banner,
  body.bento.in-platform #page-dashboard.active > .sync-bar,
  body.bento.in-platform #page-dashboard.active > .bento-rail,
  body.bento.in-platform #page-dashboard.active > #bentoRingCard,
  body.bento.in-platform #page-dashboard.active > #bentoWide {
    display: none !important;
  }
  body.bento.in-platform #page-dashboard.active .stat-card:nth-child(1) { grid-column: 1 / span 3 !important; grid-row: 1 !important; order: 1 !important; }
  body.bento.in-platform #page-dashboard.active .stat-card:nth-child(2) { grid-column: 4 / span 3 !important; grid-row: 1 !important; order: 1 !important; }
  body.bento.in-platform #page-dashboard.active .stat-card:nth-child(3) { grid-column: 7 / span 3 !important; grid-row: 1 !important; order: 1 !important; }
  body.bento.in-platform #page-dashboard.active .stat-card:nth-child(4) { grid-column: 10 / span 3 !important; grid-row: 1 !important; order: 1 !important; }
  body.bento.in-platform #page-dashboard.active > #liveFeed { grid-column: 1 / -1 !important; grid-row: 2 !important; order: 2 !important; }
  body.bento.in-platform #page-dashboard.active .section-card:has(#dTop) { grid-column: 1 / span 6 !important; grid-row: 3 !important; order: 3 !important; }
  body.bento.in-platform #page-dashboard.active .dash-viz-card:has(#bentoMix),
  body.bento.in-platform #page-dashboard.active .dash-viz-card:has(#dashSectorRadial) { grid-column: 7 / span 6 !important; grid-row: 3 !important; order: 3 !important; }
  body.bento.in-platform #page-dashboard.active > .section-card:has(#dashCurveSVG) { grid-column: 1 / span 8 !important; grid-row: 4 !important; order: 4 !important; }
  body.bento.in-platform #page-dashboard.active .section-card:has(#dFeed) { grid-column: 9 / span 4 !important; grid-row: 4 !important; order: 4 !important; }
  body.bento.in-platform #page-dashboard.active .dash-viz-card:has(#dashBandBars) { grid-column: 1 / span 6 !important; grid-row: 5 !important; order: 5 !important; }
  body.bento.in-platform #page-dashboard.active .section-card:has(#dSignal) { grid-column: 7 / span 6 !important; grid-row: 5 !important; order: 5 !important; }
  body.bento.in-platform #page-dashboard.active .stat-card,
  body.bento.in-platform #page-dashboard.active .section-card,
  body.bento.in-platform #page-dashboard.active .dash-viz-card {
    align-self: stretch !important;
    height: auto !important;
    min-width: 0;
  }
  body.bento.in-platform #page-dashboard.active .section-card,
  body.bento.in-platform #page-dashboard.active .dash-viz-card { height: 100% !important; }
}

body.bento.in-platform #page-dashboard #liveFeed {
  padding: 8px 14px !important;
  min-height: 0 !important;
  margin: 0 !important;
  align-items: center;
  gap: 14px;
  overflow: hidden;
}
body.bento.in-platform #page-dashboard.active > #liveFeed { display: flex; }
body.bento.in-platform #page-dashboard #liveFeed .lf-head { margin: 0; flex: 0 0 auto; align-items: center; }
body.bento.in-platform #page-dashboard #liveFeed .lf-title { font-size: 13px !important; font-weight: 500 !important; margin: 0; }
body.bento.in-platform #page-dashboard #liveFeed .lf-intro,
body.bento.in-platform #page-dashboard #liveFeed .lf-chips,
body.bento.in-platform #page-dashboard #liveFeed .lf-foot,
body.bento.in-platform #page-dashboard #liveFeed .lf-top,
body.bento.in-platform #page-dashboard #liveFeed .lf-q,
body.bento.in-platform #page-dashboard #liveFeed .lf-p,
body.bento.in-platform #page-dashboard #liveFeed .lf-meta,
body.bento.in-platform #page-dashboard #liveFeed .lf-src,
body.bento.in-platform #page-dashboard #liveFeed .lf-frost,
body.bento.in-platform #page-dashboard #liveFeed .lf-reply,
body.bento.in-platform #page-dashboard #liveFeed .lf-empty { display: none !important; }
body.bento.in-platform #page-dashboard #liveFeed .lf-item { display: none !important; }
body.bento.in-platform #page-dashboard #liveFeed .lf-item:first-of-type {
  display: flex !important;
  align-items: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0 !important;
  border: 0 !important;
}
body.bento.in-platform #page-dashboard #liveFeed .lf-h {
  margin: 0;
  font-size: 13px !important;
  font-weight: 500 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.bento.in-platform .section-card:has(#dFeed) .section-title-right {
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  background: transparent !important;
}
body.bento.in-platform .section-card:has(#dFeed) .section-title-right::after { content: none !important; }
body.bento.in-platform .bento-trend text { font-size: 12px !important; }
body.bento.in-platform .bento-tip { font-size: 13px !important; background: #1a2233 !important; color: #ffffff !important; }
body.bento.in-platform #page-dashboard.active .section-card:has(#dFeed) .cvr-feed-item:nth-child(n+6) { display: none !important; }

body.bento.in-platform #scC .section-card,
body.bento.in-platform #scC .v4-hero,
body.bento.in-platform #scC .sc-ind-card-v4,
body.bento.in-platform #scC .sc-metrics,
body.bento.in-platform #scC .sc-cvr-grid,
body.bento.in-platform #scC .sc-quick-stats,
body.bento.in-platform #scC .ind-grid-v4,
body.bento.in-platform #scC .sc-heatmap-grid-v4 {
  float: none !important;
  clear: both;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
body.bento.in-platform #scC .sc-metrics,
body.bento.in-platform #scC .sc-cvr-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  align-items: stretch !important;
}
body.bento.in-platform #scC .sc-metrics > *,
body.bento.in-platform #scC .sc-cvr-grid > * { min-width: 0; height: 100%; float: none !important; }
body.bento.in-platform #scC .v4-hero-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100%;
  gap: 16px;
}
body.bento.in-platform #scC .v4-hero-score {
  margin-left: auto !important;
  overflow: visible !important;
  flex: 0 0 auto;
}
body.bento.in-platform #scC .bento-ring.sm {
  width: 112px !important;
  height: 112px !important;
  overflow: visible !important;
  flex: 0 0 112px;
}
body.bento.in-platform #scC .bento-ring-lbl {
  font-size: 11px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  max-width: 80px !important;
  white-space: normal !important;
  overflow: visible !important;
}
@media (max-width: 999px) {
  body.bento.in-platform #page-dashboard.active { overflow-x: hidden; }
  body.bento.in-platform #page-dashboard .stat-card,
  body.bento.in-platform #page-dashboard .section-card,
  body.bento.in-platform #page-dashboard .dash-viz-card,
  body.bento.in-platform #page-dashboard #liveFeed { width: 100%; max-width: 100%; min-width: 0; }
  body.bento.in-platform #scC .sc-metrics,
  body.bento.in-platform #scC .sc-cvr-grid { grid-template-columns: 1fr !important; }
  body.bento.in-platform #scC .v4-hero-top { flex-direction: column !important; align-items: flex-start !important; }
}

/* Company profile matched to the reference. Scoped to #scC so the dashboard does not change. */
body.bento.in-platform #scC > .v4-hero,
body.bento.in-platform #scC > .section-card,
body.bento.in-platform #scC > .sc-metrics,
body.bento.in-platform #scC > div[style*="grid-template-columns"] { margin: 0 0 12px !important; }
body.bento.in-platform #scC > div[style*="grid-template-columns"] { gap: 12px !important; }
body.bento.in-platform #scC > div[style*="grid-template-columns"] > .section-card,
body.bento.in-platform #scC .sc-metrics > .section-card { margin: 0 !important; }
body.bento.in-platform #scC .section-card { padding: 20px !important; border-radius: 16px !important; }
body.bento.in-platform #scC strong,
body.bento.in-platform #scC b,
body.bento.in-platform #scC em { font-size: inherit !important; }

/* Card titles and their side text. The side text is plain quiet text, not a round icon. */
body.bento.in-platform #scC .section-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 0 0 14px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1c2434 !important;
  line-height: 1.3 !important;
}
body.bento.in-platform #scC .section-title-right {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  margin-left: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center;
  color: #7b8798 !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: normal;
  text-align: right;
}
body.bento.in-platform #scC .section-title-right::before,
body.bento.in-platform #scC .section-title-right::after { content: none !important; display: none !important; }
body.bento.in-platform #scC .section-card > div[style*="uppercase"]:first-child {
  margin: 0 0 14px !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #1c2434 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Back link and export button. */
body.bento.in-platform #scC .v4-action-row { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px !important; }
body.bento.in-platform #scC .sc-back { color: #20495d !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer; }
body.bento.in-platform #scC .v4-action-row button {
  background: #20495d !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 8px 16px !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* Hero: name and facts on the left, ring with band and sector on the right. */
body.bento.in-platform #scC .v4-hero-left { min-width: 0 !important; flex: 1 1 auto; }
body.bento.in-platform #scC .v4-hero-eyebrow { font-size: 12px !important; color: #7b8798 !important; margin: 0 0 6px !important; }
body.bento.in-platform #scC .v4-hero-name { font-size: 22px !important; font-weight: 500 !important; color: #1c2434 !important; margin: 0 0 8px !important; }
body.bento.in-platform #scC .v4-hero-subline { font-size: 13px !important; color: #3d4656 !important; line-height: 1.9 !important; }
body.bento.in-platform #scC .v4-hero-subline span { font-size: 12px !important; }
body.bento.in-platform #scC .sc-meta-pill { border-radius: 999px !important; padding: 3px 10px !important; font-weight: 500 !important; margin-left: 4px !important; }
body.bento.in-platform #scC .v4-hero-meta-row { display: flex !important; flex-wrap: wrap; gap: 4px 20px; margin-top: 10px !important; }
body.bento.in-platform #scC .v4-hero-meta,
body.bento.in-platform #scC .v4-hero-meta strong { font-size: 12px !important; }
body.bento.in-platform #scC .v4-hero-meta { color: #7b8798 !important; margin: 0 !important; }
body.bento.in-platform #scC .v4-hero-meta strong { color: #1c2434 !important; font-weight: 500 !important; }
body.bento.in-platform #scC .v4-hero-score {
  display: grid !important;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  column-gap: 16px;
  row-gap: 6px;
  align-items: center;
  justify-items: start;
  min-width: 0 !important;
}
body.bento.in-platform #scC .v4-hero-score > .bento-ring { grid-row: 1 / span 2; }
body.bento.in-platform #scC .v4-hero-score > div:not([class]) { display: none !important; }
body.bento.in-platform #scC .v4-hero-score-band {
  align-self: end;
  margin: 0 !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
body.bento.in-platform #scC .v4-hero-score-context { align-self: start; margin: 0 !important; font-size: 12px !important; color: #7b8798 !important; }
body.bento.in-platform #scC .v4-score-explainer {
  margin: 16px 0 0 !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f6f8fb !important;
  color: #3d4656 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}
body.bento.in-platform #scC .v4-score-explainer strong { color: #1c2434 !important; font-weight: 500 !important; }

/* Dimension Snapshot, laid out like the reference progress card: tile, bar over label, value. */
body.bento.in-platform #scC .sc-dim-bars { display: flex !important; flex-direction: column; gap: 14px !important; }
body.bento.in-platform #scC .sc-dim-row {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) 40px;
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 6px;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
body.bento.in-platform #scC .sc-dim-icon {
  grid-column: 1;
  grid-row: 1 / span 2;
  width: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #1c2434 !important;
}
body.bento.in-platform #scC .sc-dim-row:nth-child(4) .sc-dim-icon { background: #e9e7f5 !important; }
body.bento.in-platform #scC .sc-dim-track { grid-column: 2; grid-row: 1; width: 100% !important; height: 8px !important; margin: 0 !important; border-radius: 999px !important; background: #e6ebf1 !important; }
body.bento.in-platform #scC .sc-dim-fill { height: 100% !important; border-radius: 999px !important; }
body.bento.in-platform #scC .sc-dim-info { grid-column: 2; grid-row: 2; display: flex !important; align-items: baseline; gap: 8px; width: auto !important; min-width: 0; flex: none !important; }
body.bento.in-platform #scC .sc-dim-name { font-size: 12px !important; font-weight: 500 !important; color: #1c2434 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.bento.in-platform #scC .sc-dim-weight { font-size: 11px !important; color: #7b8798 !important; flex: none; }
body.bento.in-platform #scC .sc-dim-val { grid-column: 3; grid-row: 1 / span 2; text-align: right; font-size: 15px !important; font-weight: 500 !important; color: #1c2434 !important; }

/* CvR Gap card next to the snapshot: content centred in the card height. */
body.bento.in-platform #scC .section-card:has(> .sc-cvr-bar) { display: flex !important; flex-direction: column; }
body.bento.in-platform #scC .sc-cvr-bar { margin: auto 0 0 !important; height: 8px !important; border-radius: 999px !important; }
body.bento.in-platform #scC .sc-cvr-marker { width: 14px !important; height: 14px !important; border: 2px solid #ffffff !important; background: #272b43 !important; box-shadow: 0 1px 3px rgba(26, 34, 51, .25) !important; }
body.bento.in-platform #scC .sc-cvr-scale { margin: 10px 0 0 !important; display: flex !important; justify-content: space-between; }
body.bento.in-platform #scC .sc-cvr-scale span { font-size: 11px !important; color: #7b8798 !important; font-family: inherit !important; }
body.bento.in-platform #scC .sc-cvr-val { margin: 16px 0 auto !important; align-self: flex-start; font-size: 13px !important; font-weight: 500 !important; border-radius: 999px !important; padding: 4px 12px !important; }

/* Score history. */
body.bento.in-platform #scC .terra-history-chart { margin: 4px 0 8px !important; }
body.bento.in-platform #scC .terra-history-chart svg { max-height: 220px; }
body.bento.in-platform #scC .terra-history-chart + div { font-size: 12px !important; color: #7b8798 !important; margin: 0 0 14px !important; }
body.bento.in-platform #scC .section-card div[style*="grid-template-columns:1fr 1fr 1fr"] { gap: 12px !important; }
body.bento.in-platform #scC .trj-cell-v4 {
  background: #f6f8fb !important;
  border: 1px solid #e6ebf1 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  margin: 0 !important;
}
body.bento.in-platform #scC .trj-cell-label { font-size: 12px !important; font-weight: 500 !important; color: #7b8798 !important; text-transform: none !important; letter-spacing: 0 !important; font-family: inherit !important; }
body.bento.in-platform #scC .trj-cell-num { margin: 4px 0 6px !important; font-size: 20px !important; font-weight: 500 !important; color: #1c2434 !important; font-family: inherit !important; }
body.bento.in-platform #scC .trj-cell-note { font-size: 12px !important; color: #5b6676 !important; line-height: 1.5 !important; }

/* Sub-indicator heatmap. One neutral card style; the dimension shows in its header tile. */
body.bento.in-platform #scC .section-title + div[style*="line-height"] { font-size: 13px !important; color: #3d4656 !important; line-height: 1.6 !important; margin: 0 0 8px !important; }
body.bento.in-platform #scC .dim-section-v4 { margin: 20px 0 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.bento.in-platform #scC .dim-section-v4 + .dim-section-v4 { margin-top: 24px !important; padding-top: 20px !important; border-top: 1px solid #eef1f5 !important; }
body.bento.in-platform #scC .dim-header-v4,
body.bento.in-platform #scC .dim-explainer-v4,
body.bento.in-platform #scC .ind-grid-v4 { border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.bento.in-platform #scC .dim-header-v4 { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px; padding: 0 !important; margin: 0 !important; }
body.bento.in-platform #scC .dim-header-left { display: flex !important; align-items: center; gap: 12px; min-width: 0; }
body.bento.in-platform #scC .dim-code-tile {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px;
  border: 0 !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: #1c2434 !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
body.bento.in-platform #scC .dim-theme-Tv4 .dim-code-tile { background: #f6edde !important; }
body.bento.in-platform #scC .dim-theme-Ev4 .dim-code-tile { background: #dff0df !important; }
body.bento.in-platform #scC .dim-theme-R1v4 .dim-code-tile { background: #deecf4 !important; }
body.bento.in-platform #scC .dim-theme-R2v4 .dim-code-tile { background: #e9e7f5 !important; }
body.bento.in-platform #scC .dim-theme-Av4 .dim-code-tile { background: #dbeeec !important; }
body.bento.in-platform #scC .dim-name-v4 { font-family: inherit !important; font-size: 15px !important; font-weight: 500 !important; color: #1c2434 !important; letter-spacing: 0 !important; text-transform: none !important; }
body.bento.in-platform #scC .dim-weight-v4 { font-size: 12px !important; color: #7b8798 !important; margin-top: 2px; }
body.bento.in-platform #scC .dim-header-right { text-align: right; flex: none; }
body.bento.in-platform #scC .dim-score-v4 { font-family: inherit !important; font-size: 20px !important; font-weight: 500 !important; color: #1c2434 !important; line-height: 1.1 !important; }
body.bento.in-platform #scC .dim-band-label-v4 { font-size: 12px !important; color: #7b8798 !important; margin-top: 2px; }
body.bento.in-platform #scC .dim-explainer-v4 { padding: 0 !important; margin: 12px 0 14px !important; max-width: 860px; }
body.bento.in-platform #scC .dim-explainer-v4 p { margin: 0 !important; padding: 0 !important; }
body.bento.in-platform #scC .dim-def-line { font-size: 13px !important; color: #3d4656 !important; line-height: 1.6 !important; }
body.bento.in-platform #scC .dim-why { margin-top: 6px !important; font-size: 12px !important; color: #7b8798 !important; line-height: 1.55 !important; }
body.bento.in-platform #scC .ind-grid-v4 { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 12px !important; padding: 0 !important; margin: 0 !important; }
body.bento.in-platform #scC .sc-ind-card-v4 {
  display: flex !important;
  flex-direction: column;
  gap: 6px;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  background: #f6f8fb !important;
  border: 1px solid #e6ebf1 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
body.bento.in-platform #scC .sc-ind-card-v4 .v4-head { display: flex !important; align-items: center; justify-content: space-between; gap: 8px; margin: 0 !important; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-code { font-family: inherit !important; font-size: 12px !important; font-weight: 500 !important; color: #7b8798 !important; letter-spacing: 0 !important; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-band {
  padding: 3px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap;
}
body.bento.in-platform #scC .sc-ind-card-v4 .v4-band.b-lead,
body.bento.in-platform #scC .sc-ind-card-v4 .v4-band.b-above { background: #e5f6ec !important; color: #146c36 !important; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-band.b-avg { background: #fff4df !important; color: #8a5a12 !important; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-band.b-below { background: #fdecec !important; color: #a23b3b !important; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-band.b-insuf { background: #eceff3 !important; color: #5b6676 !important; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-name { margin: 2px 0 0 !important; font-family: inherit !important; font-size: 13px !important; font-weight: 500 !important; color: #1c2434 !important; letter-spacing: 0 !important; text-transform: none !important; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-score-row { display: flex !important; align-items: baseline; gap: 10px; margin: 0 !important; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-score { flex: none; font-family: inherit !important; font-size: 20px !important; font-weight: 500 !important; color: #1c2434 !important; line-height: 1.1 !important; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-score-meaning { font-size: 12px !important; color: #7b8798 !important; line-height: 1.4 !important; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-def { margin: 4px 0 0 !important; font-size: 12px !important; color: #5b6676 !important; line-height: 1.55 !important; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-driver {
  margin-top: auto !important;
  padding-top: 10px !important;
  border-top: 1px solid #e6ebf1 !important;
  color: #20495d !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}
body.bento.in-platform #scC .sc-ind-card-v4 .v4-driver::after { content: ' \203A' !important; font-size: 13px !important; opacity: 1 !important; }

/* Sector calibration: the company label sits above the bar, peer labels below it, numbers lower. */
body.bento.in-platform #scC .sc-calib-wrap { padding: 0 !important; }
body.bento.in-platform #scC .sc-calib-bar { height: 10px !important; margin: 46px 0 0 !important; box-shadow: none !important; opacity: .9; }
body.bento.in-platform #scC .sc-calib-mark { top: -6px !important; bottom: -6px !important; width: 2px !important; background: #7b8798 !important; box-shadow: none !important; }
body.bento.in-platform #scC .sc-calib-mark::after { bottom: auto !important; top: calc(100% + 6px) !important; font-family: inherit !important; font-size: 11px !important; color: #5b6676 !important; }
body.bento.in-platform #scC .sc-calib-mark.this { width: 3px !important; background: #272b43 !important; }
body.bento.in-platform #scC .sc-calib-mark.this::before { top: -20px !important; color: #272b43 !important; font-size: 11px !important; }
body.bento.in-platform #scC .sc-calib-mark.this::after { top: -40px !important; color: #1c2434 !important; font-size: 12px !important; font-weight: 500 !important; }
body.bento.in-platform #scC .sc-calib-scale { margin: 30px 0 0 !important; padding: 0 !important; }
body.bento.in-platform #scC .sc-calib-scale span { font-family: inherit !important; font-size: 11px !important; color: #7b8798 !important; }
body.bento.in-platform #scC .sc-calib-note { margin: 14px 0 0 !important; font-size: 13px !important; color: #3d4656 !important; line-height: 1.6 !important; }
body.bento.in-platform #scC .sc-calib-note strong { color: #1c2434 !important; font-weight: 500 !important; }

/* Carbon and workforce figures. */
body.bento.in-platform #scC .sc-metric-row { padding: 9px 0 !important; border-bottom: 1px solid #eef1f5 !important; }
body.bento.in-platform #scC .sc-metric-row:last-child { border-bottom: 0 !important; }
body.bento.in-platform #scC .sc-metric-label { font-size: 13px !important; color: #5b6676 !important; }
body.bento.in-platform #scC .sc-metric-val { font-size: 13px !important; font-weight: 500 !important; color: #1c2434 !important; font-family: inherit !important; }

/* CvR Gap intelligence, claims and risk flags. */
body.bento.in-platform #scC .sc-cvr-formula { display: block !important; margin: 0 0 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; font-family: inherit !important; font-size: 20px !important; font-weight: 500 !important; color: #1c2434 !important; }
body.bento.in-platform #scC .sc-cvr-box,
body.bento.in-platform #scC .sc-claim,
body.bento.in-platform #scC .sc-risk,
body.bento.in-platform #scC .sc-flag {
  background: #f6f8fb !important;
  border: 1px solid #e6ebf1 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
body.bento.in-platform #scC .sc-cvr-box { padding: 12px 16px !important; }
body.bento.in-platform #scC .sc-cvr-box-label { font-size: 12px !important; color: #7b8798 !important; text-transform: none !important; letter-spacing: 0 !important; font-family: inherit !important; margin: 0 0 4px !important; }
body.bento.in-platform #scC .sc-cvr-box-val { font-size: 13px !important; font-weight: 500 !important; color: #1c2434 !important; font-family: inherit !important; }
body.bento.in-platform #scC .sc-claim,
body.bento.in-platform #scC .sc-risk,
body.bento.in-platform #scC .sc-flag { margin: 10px 0 0 !important; padding: 12px 16px !important; font-size: 13px !important; color: #3d4656 !important; line-height: 1.55 !important; }
body.bento.in-platform #scC .sc-claim-title { margin: 0 0 4px !important; font-size: 12px !important; font-weight: 500 !important; font-family: inherit !important; text-transform: none !important; letter-spacing: 0 !important; }
body.bento.in-platform #scC .sc-claim-title.green { color: #146c36 !important; }
body.bento.in-platform #scC .sc-claim-title.orange { color: #8a5a12 !important; }
body.bento.in-platform #scC .cvr-pill { border-radius: 999px !important; padding: 3px 10px !important; font-size: 12px !important; font-weight: 500 !important; }

/* Source data card: the toggle is a small pill and the items share one neutral style. */
body.bento.in-platform #scC .brsr-toggle {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px 12px !important;
  border: 1px solid #d9dfe7 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #20495d !important;
  font-family: inherit !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  white-space: nowrap;
  cursor: pointer;
}
body.bento.in-platform #scC .brsr-toggle span { font-size: 12px !important; color: inherit !important; white-space: nowrap; }
body.bento.in-platform #scC .brsr-toggle .arrow { font-size: 9px !important; }
body.bento.in-platform #scC .brsr-dim-title { color: #1c2434 !important; font-size: 13px !important; font-weight: 500 !important; font-family: inherit !important; text-transform: none !important; letter-spacing: 0 !important; }
body.bento.in-platform #scC .brsr-dim-dot { background: #20495d !important; }
body.bento.in-platform #scC .brsr-source-ref { font-size: 11px !important; color: #7b8798 !important; font-family: inherit !important; }
body.bento.in-platform #scC .brsr-item { background: #f6f8fb !important; border: 1px solid #e6ebf1 !important; border-radius: 12px !important; }
body.bento.in-platform #scC .brsr-icon { background: #e9eef3 !important; border-radius: 8px !important; }
body.bento.in-platform #scC .brsr-icon svg { stroke: #20495d !important; }
body.bento.in-platform #scC .brsr-item-label { color: #7b8798 !important; font-size: 11px !important; font-family: inherit !important; text-transform: none !important; letter-spacing: 0 !important; }
body.bento.in-platform #scC .brsr-item-content div:not(.brsr-item-label) { font-size: 13px !important; color: #1c2434 !important; }

/* Executive brief: plain sections, no coloured side lines. */
body.bento.in-platform #scC .section-card > div[style*="border-left:3px solid"] {
  margin: 0 0 10px !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f6f8fb !important;
}
body.bento.in-platform #scC .section-card > div[style*="border-left:3px solid"] > div:first-child { margin: 0 0 6px !important; color: #20495d !important; font-size: 12px !important; font-weight: 500 !important; letter-spacing: .02em !important; }
body.bento.in-platform #scC .section-card > div[style*="border-left:3px solid"] > div:last-child { font-size: 13px !important; color: #3d4656 !important; line-height: 1.65 !important; }
body.bento.in-platform #scC .section-card > div[style*="border-top:1px solid"] { font-size: 12px !important; color: #7b8798 !important; }

@media (max-width: 999px) {
  body.bento.in-platform #scC div,
  body.bento.in-platform #scC span,
  body.bento.in-platform #scC p,
  body.bento.in-platform #scC li,
  body.bento.in-platform #scC a,
  body.bento.in-platform #scC button,
  body.bento.in-platform #scC label,
  body.bento.in-platform #scC small { font-size: 13px !important; }
  body.bento.in-platform #scC .section-card { padding: 16px !important; }
  body.bento.in-platform #scC .v4-hero-top { flex-direction: column !important; align-items: stretch !important; gap: 16px !important; }
  body.bento.in-platform #scC .v4-hero-left { width: 100% !important; max-width: 100% !important; }
  body.bento.in-platform #scC .v4-hero-name { font-size: 20px !important; }
  body.bento.in-platform #scC .v4-hero-score { margin-left: 0 !important; width: auto !important; }
  body.bento.in-platform #scC .bento-ring.sm { width: 96px !important; height: 96px !important; flex-basis: 96px !important; }
  body.bento.in-platform #scC > div[style*="grid-template-columns"],
  body.bento.in-platform #scC .section-card div[style*="grid-template-columns:1fr 1fr 1fr"] { grid-template-columns: 1fr !important; }
  body.bento.in-platform #scC .ind-grid-v4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  body.bento.in-platform #scC .section-card:has(> .sc-cvr-bar) { min-height: 0 !important; }
  body.bento.in-platform #scC .sc-calib-mark:not(.this)::after { content: none !important; }
  body.bento.in-platform #scC .sc-calib-scale { margin-top: 12px !important; }
}
@media (max-width: 640px) {
  body.bento.in-platform #scC .ind-grid-v4 { grid-template-columns: 1fr !important; }
}

/* Company profile contrast: teal, amber and navy sections like the dashboard tiles. */
/* Teal hero. */
body.bento.in-platform #scC .v4-hero.v4-hero { background: #20495d !important; color: #ffffff !important; }
body.bento.in-platform #scC .v4-hero.v4-hero :where(div, span, p, strong, em, b, h1):where(:not([class*="pill"])) { color: inherit !important; }
body.bento.in-platform #scC .v4-hero.v4-hero .v4-hero-eyebrow,
body.bento.in-platform #scC .v4-hero.v4-hero .v4-hero-meta,
body.bento.in-platform #scC .v4-hero.v4-hero .v4-hero-score-context,
body.bento.in-platform #scC .v4-hero.v4-hero .v4-hero-subline > span:not([class]) { color: rgba(255, 255, 255, .72) !important; }
body.bento.in-platform #scC .v4-hero.v4-hero .v4-hero-subline { color: rgba(255, 255, 255, .88) !important; }
body.bento.in-platform #scC .v4-hero.v4-hero .v4-hero-meta strong { color: #ffffff !important; }
body.bento.in-platform #scC .v4-hero.v4-hero .v4-hero-score-band { background: #e8b56a !important; color: #272b43 !important; }
body.bento.in-platform #scC .v4-hero.v4-hero .bento-ring .track { stroke: rgba(255, 255, 255, .18) !important; }
body.bento.in-platform #scC .v4-hero.v4-hero .bento-ring .val { stroke: #e8b56a !important; }
body.bento.in-platform #scC .v4-hero.v4-hero .bento-ring-num { color: #ffffff !important; }
body.bento.in-platform #scC .v4-hero.v4-hero .bento-ring-lbl { color: rgba(255, 255, 255, .72) !important; }
body.bento.in-platform #scC .v4-hero.v4-hero .v4-score-explainer { background: rgba(255, 255, 255, .08) !important; color: rgba(255, 255, 255, .85) !important; }
body.bento.in-platform #scC .v4-hero.v4-hero .v4-score-explainer strong { color: #ffffff !important; }

/* Amber CvR Gap card beside the snapshot. */
body.bento.in-platform #scC .section-card:has(> .sc-cvr-bar) { background: #e8b56a !important; color: #272b43 !important; }
body.bento.in-platform #scC .section-card:has(> .sc-cvr-bar) :where(div, span, p, strong, em, b) { color: inherit !important; }
body.bento.in-platform #scC .section-card:has(> .sc-cvr-bar) .sc-cvr-bar { background: linear-gradient(90deg, rgba(39, 43, 67, .14), rgba(39, 43, 67, .6)) !important; }
body.bento.in-platform #scC .section-card:has(> .sc-cvr-bar) .sc-cvr-scale span { color: rgba(39, 43, 67, .72) !important; }
body.bento.in-platform #scC .section-card:has(> .sc-cvr-bar) .sc-cvr-val { padding: 0 !important; background: transparent !important; color: #272b43 !important; font-size: 20px !important; font-weight: 500 !important; }

/* Score history figures as teal, amber and navy tiles. */
body.bento.in-platform #scC .trj-cell-v4.trj-cell-v4 { border: 0 !important; }
body.bento.in-platform #scC .trj-cell-v4:nth-child(1) { background: #20495d !important; }
body.bento.in-platform #scC .trj-cell-v4:nth-child(2) { background: #e8b56a !important; }
body.bento.in-platform #scC .trj-cell-v4:nth-child(3) { background: #272b43 !important; }
body.bento.in-platform #scC .trj-cell-v4:nth-child(odd) .trj-cell-num { color: #ffffff !important; }
body.bento.in-platform #scC .trj-cell-v4:nth-child(odd) .trj-cell-label,
body.bento.in-platform #scC .trj-cell-v4:nth-child(odd) .trj-cell-note { color: rgba(255, 255, 255, .75) !important; }
body.bento.in-platform #scC .trj-cell-v4:nth-child(2) .trj-cell-num { color: #272b43 !important; }
body.bento.in-platform #scC .trj-cell-v4:nth-child(2) .trj-cell-label,
body.bento.in-platform #scC .trj-cell-v4:nth-child(2) .trj-cell-note { color: rgba(39, 43, 67, .78) !important; }

/* Navy dimension bands in the heatmap. */
body.bento.in-platform #scC .dim-header-v4.dim-header-v4 { padding: 14px 16px !important; border-radius: 12px !important; background: #272b43 !important; }
body.bento.in-platform #scC .dim-header-v4 .dim-name-v4,
body.bento.in-platform #scC .dim-header-v4 .dim-score-v4 { color: #ffffff !important; }
body.bento.in-platform #scC .dim-header-v4 .dim-weight-v4,
body.bento.in-platform #scC .dim-header-v4 .dim-band-label-v4 { color: rgba(255, 255, 255, .7) !important; }

/* Navy CvR Gap intelligence card. */
body.bento.in-platform #scC .section-card:has(> .sc-cvr-formula) { background: #272b43 !important; color: #ffffff !important; }
body.bento.in-platform #scC .section-card:has(> .sc-cvr-formula) :where(div, span, p, strong, em, b):where(:not([class*="pill"])) { color: inherit !important; }
body.bento.in-platform #scC .section-card:has(> .sc-cvr-formula) .sc-cvr-box,
body.bento.in-platform #scC .section-card:has(> .sc-cvr-formula) .sc-claim,
body.bento.in-platform #scC .section-card:has(> .sc-cvr-formula) .sc-flag { background: rgba(255, 255, 255, .07) !important; border-color: rgba(255, 255, 255, .12) !important; }
body.bento.in-platform #scC .section-card:has(> .sc-cvr-formula) .sc-cvr-box-label { color: rgba(255, 255, 255, .65) !important; }
body.bento.in-platform #scC .section-card:has(> .sc-cvr-formula) .sc-claim { color: rgba(255, 255, 255, .85) !important; }
body.bento.in-platform #scC .section-card:has(> .sc-cvr-formula) .sc-claim-title.green { color: #9ad8b0 !important; }
body.bento.in-platform #scC .section-card:has(> .sc-cvr-formula) .sc-claim-title.orange { color: #e8b56a !important; }

/* Amber risk flags. */
body.bento.in-platform #scC .section-card:has(> .sc-risk) { background: #e8b56a !important; color: #272b43 !important; }
body.bento.in-platform #scC .section-card:has(> .sc-risk) :where(div, span, p, strong, em, b) { color: inherit !important; }
body.bento.in-platform #scC .section-card:has(> .sc-risk) .section-title-right { color: rgba(39, 43, 67, .72) !important; }
body.bento.in-platform #scC .section-card:has(> .sc-risk) .sc-risk { background: rgba(255, 255, 255, .5) !important; border-color: transparent !important; }

/* Teal executive brief. */
body.bento.in-platform #scC .section-card:has(> div[style*="border-left:3px solid"]) { background: #20495d !important; color: #ffffff !important; }
body.bento.in-platform #scC .section-card:has(> div[style*="border-left:3px solid"]) :where(div, span, p, strong, em, b) { color: inherit !important; }
body.bento.in-platform #scC .section-card:has(> div[style*="border-left:3px solid"]) .section-title-right { color: rgba(255, 255, 255, .7) !important; }
body.bento.in-platform #scC .section-card:has(> div[style*="border-left:3px solid"]) > div[style*="border-left:3px solid"] { background: rgba(255, 255, 255, .08) !important; }
body.bento.in-platform #scC .section-card:has(> div[style*="border-left:3px solid"]) > div[style*="border-left:3px solid"] > div:first-child { color: #e8b56a !important; }
body.bento.in-platform #scC .section-card:has(> div[style*="border-left:3px solid"]) > div[style*="border-left:3px solid"] > div:last-child { color: rgba(255, 255, 255, .88) !important; }
body.bento.in-platform #scC .section-card:has(> div[style*="border-left:3px solid"]) > div[style*="border-top:1px solid"] { border-top-color: rgba(255, 255, 255, .16) !important; color: rgba(255, 255, 255, .62) !important; }

/* Second reference: SF Pro type (Inter Variable where SF Pro is not on the device), lighter weights, larger figures, and a dark teal fade behind the board. */
@font-face { font-family: 'Inter Variable'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/assets/fonts/inter-var-latin.woff2') format('woff2-variations'), url('/assets/fonts/inter-var-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter Variable'; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/assets/fonts/inter-var-latin-ext.woff2') format('woff2-variations'), url('/assets/fonts/inter-var-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
body.bento.in-platform {
  --terra-font: 'Inter Variable', Inter, 'Helvetica Neue', Arial, sans-serif;
  --bento-sans: var(--terra-font);
  --bento-mono: var(--terra-font);
  font-family: var(--terra-font) !important;
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  min-height: 100vh;
  background: #d7dce2 linear-gradient(180deg, #0f2733 0%, #1b4152 15%, #3a6375 32%, #87a1ae 54%, #c2ced5 72%, #dde2e7 100%) fixed !important;
}
html.terra-apple body.bento.in-platform { --terra-font: system-ui, -apple-system, 'SF Pro Text', 'Inter Variable', 'Helvetica Neue', sans-serif; }
body.bento.in-platform #app.visible { background: transparent !important; }
body.bento.in-platform svg text { font-family: var(--terra-font) !important; }
body.bento.in-platform .bento-ring-num,
body.bento.in-platform .terra-tick b { font-family: var(--terra-font) !important; }

/* Top bar sits on the dark part of the fade. */
body.bento.in-platform .topbar .topbar-title { color: #ffffff !important; font-size: 20px !important; font-weight: 500 !important; letter-spacing: -0.01em !important; }
body.bento.in-platform .topbar .live-status,
body.bento.in-platform .topbar .live-status span,
body.bento.in-platform .topbar .topbar-user,
body.bento.in-platform .topbar .topbar-logout,
body.bento.in-platform .topbar .bento-fullscreen,
body.bento.in-platform .topbar #liveText { color: rgba(255, 255, 255, .88) !important; font-weight: 400 !important; }

/* Sidebar: the active item is a rounded pill inside the panel, since the canvas behind is no longer one flat grey. */
body.bento.in-platform .sidebar { box-shadow: 0 12px 32px rgba(8, 22, 30, .28) !important; }
body.bento.in-platform .sb-item,
body.bento.in-platform .sb-full { font-weight: 400 !important; }
body.bento.in-platform .sb-item.active,
body.bento.in-platform .sb-item.active:hover { margin: 4px 12px !important; padding-right: 14px !important; border-radius: 12px !important; font-weight: 500 !important; }
body.bento.in-platform .sb-item.active::before,
body.bento.in-platform .sb-item.active::after { content: none !important; display: none !important; }

/* Weights: medium for headings and figures, regular for everything else. */
body.bento.in-platform .content-area :is(h1, h2, h3, h4, strong, b, th) { font-weight: 500 !important; }
body.bento.in-platform .content-area .section-title,
body.bento.in-platform .content-area .dash-viz-title,
body.bento.in-platform .content-area .bento-card-title,
body.bento.in-platform #scC .section-title,
body.bento.in-platform #scC .section-card > div[style*="uppercase"]:first-child { font-size: 17px !important; font-weight: 400 !important; color: #4b5567 !important; letter-spacing: -0.01em !important; }
body.bento.in-platform .content-area .data-table th { font-size: 12px !important; font-weight: 500 !important; color: #7b8798 !important; }
body.bento.in-platform .content-area .bento-co-copy strong,
body.bento.in-platform #page-dashboard.active .bento-co-copy strong,
body.bento.in-platform .content-area .co-name { font-size: 14px !important; font-weight: 400 !important; color: #1c2434 !important; }

/* Figures: larger, medium weight, tight spacing. */
body.bento.in-platform #page-dashboard.active .stat-card-val,
body.bento.in-platform #page-dashboard .stat-card-val { font-size: 30px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; line-height: 1.05 !important; }
body.bento.in-platform #page-dashboard .stat-card-label,
body.bento.in-platform #page-dashboard .stat-card-sub { font-weight: 400 !important; }
body.bento.in-platform #page-dashboard .stat-card { box-shadow: 0 12px 28px rgba(8, 22, 30, .24), inset 0 0 0 1px rgba(255, 255, 255, .08) !important; }
body.bento.in-platform #scC .v4-hero-name { font-size: 30px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; line-height: 1.15 !important; }
body.bento.in-platform #scC .bento-ring.sm .bento-ring-num { font-size: 26px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-score,
body.bento.in-platform #scC .dim-score-v4 { font-size: 24px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; }
body.bento.in-platform #scC .trj-cell-num,
body.bento.in-platform #scC .sc-cvr-formula,
body.bento.in-platform #scC .section-card:has(> .sc-cvr-bar) .sc-cvr-val { font-size: 26px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; }
body.bento.in-platform #scC .sc-dim-val { font-size: 17px !important; font-weight: 500 !important; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-name,
body.bento.in-platform #scC .dim-name-v4 { font-weight: 500 !important; }
body.bento.in-platform #scC .v4-action-row .sc-back { color: #ffffff !important; }
body.bento.in-platform #scC .v4-action-row button { background: #ffffff !important; color: #20495d !important; }
@media (max-width: 999px) {
  body.bento.in-platform #scC .v4-hero-name { font-size: 24px !important; }
  body.bento.in-platform #page-dashboard .stat-card-val { font-size: 26px !important; }
}
/* Loose text that would sit on the fade goes into white cards. */
body.bento.in-platform #page-signal .filter-bar { background: #ffffff !important; border-radius: 16px !important; padding: 16px !important; box-shadow: 0 8px 22px rgba(32, 40, 68, .06) !important; }
body.bento.in-platform #page-signal .signal-grid > div[style*="text-align:center"] { background: #ffffff !important; border-radius: 16px !important; }
body.bento.in-platform #scC .v4-action-row .sc-back { border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; }
body.bento.in-platform #scC .v4-hero.v4-hero { box-shadow: 0 12px 28px rgba(8, 22, 30, .24), inset 0 0 0 1px rgba(255, 255, 255, .08) !important; }

/* Company profile snapshot: four tiles under the hero in the dashboard tile colours. */
body.bento.in-platform #scC .sc-snap { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 12px !important; }
body.bento.in-platform #scC .sc-snap-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 116px;
  padding: 16px 18px !important;
  border-radius: 16px !important;
  background: #20495d;
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(8, 22, 30, .24), inset 0 0 0 1px rgba(255, 255, 255, .08);
}
body.bento.in-platform #scC .sc-snap-card:nth-child(2) { background: #e8b56a; color: #272b43; }
body.bento.in-platform #scC .sc-snap-card:nth-child(4) { background: #272b43; }
body.bento.in-platform #scC .sc-snap-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
body.bento.in-platform #scC .sc-snap-label { font-size: 12px !important; font-weight: 400 !important; color: inherit !important; opacity: .88; line-height: 1.35 !important; }
body.bento.in-platform #scC .sc-snap-icon { flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, .16); color: #ffffff; }
body.bento.in-platform #scC .sc-snap-card:nth-child(2) .sc-snap-icon { background: #272b43; color: #ffffff; }
body.bento.in-platform #scC .sc-snap-val { margin: auto 0 4px !important; padding-top: 10px; font-size: 30px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; line-height: 1.05 !important; color: inherit !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.bento.in-platform #scC .sc-snap-sub { font-size: 12px !important; font-weight: 400 !important; color: inherit !important; opacity: .8; line-height: 1.35 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 999px) {
  body.bento.in-platform #scC .sc-snap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.bento.in-platform #scC .sc-snap-card { min-height: 108px; padding: 14px !important; }
  body.bento.in-platform #scC .sc-snap-val { font-size: 24px !important; }
  body.bento.in-platform #scC .sc-snap-label,
  body.bento.in-platform #scC .sc-snap-sub { font-size: 12px !important; white-space: normal; }
}

/* Visual hierarchy: one large figure per card, larger icons, quieter labels. */
/* Dashboard tiles. */
body.bento.in-platform #page-dashboard.active .stat-card { min-height: 136px !important; padding: 16px 18px !important; }
body.bento.in-platform #page-dashboard.active .stat-card-label { font-size: 13px !important; font-weight: 400 !important; opacity: .85; }
body.bento.in-platform #page-dashboard.active .stat-card-val { margin-top: 12px !important; font-size: 44px !important; font-weight: 500 !important; letter-spacing: -0.03em !important; line-height: 1 !important; }
body.bento.in-platform #page-dashboard.active .stat-card-sub { left: 0 !important; right: 30px !important; bottom: 18px !important; margin: 0 !important; font-size: 12px !important; font-weight: 400 !important; opacity: .78; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.bento.in-platform .stat-card::before { width: 40px !important; height: 40px !important; top: 14px !important; right: 14px !important; background-size: 18px 18px !important; }
body.bento.in-platform .stat-card::after { width: 30px !important; height: 30px !important; right: 14px !important; bottom: 12px !important; font-size: 14px !important; }
/* Top companies and sector mix. */
body.bento.in-platform #page-dashboard .bento-mini-ring { width: 46px !important; height: 46px !important; }
body.bento.in-platform #page-dashboard .bento-mini-ring span { width: 36px !important; height: 36px !important; font-size: 15px !important; font-weight: 500 !important; }
body.bento.in-platform #page-dashboard .bento-co-copy strong { font-size: 15px !important; }
body.bento.in-platform #page-dashboard .bento-seg-top b { font-size: 20px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; color: #1c2434 !important; }
/* Sidebar icons. */
body.bento.in-platform .sb-item svg { width: 20px !important; height: 20px !important; flex: 0 0 20px; }
/* CvR Monitor tiles in the dashboard tile style. */
body.bento.in-platform #page-cvrmonitor .stat-card { min-height: 128px !important; padding: 16px 18px !important; border: 0 !important; border-radius: 16px !important; background: #20495d !important; color: #ffffff !important; box-shadow: 0 12px 28px rgba(8, 22, 30, .24), inset 0 0 0 1px rgba(255, 255, 255, .08) !important; }
body.bento.in-platform #page-cvrmonitor .stat-card:nth-child(2) { background: #e8b56a !important; color: #272b43 !important; }
body.bento.in-platform #page-cvrmonitor .stat-card:nth-child(3) { background: #272b43 !important; }
body.bento.in-platform #page-cvrmonitor .stat-card::before { display: none !important; }
body.bento.in-platform #page-cvrmonitor .stat-card-label { font-size: 13px !important; font-weight: 400 !important; color: inherit !important; opacity: .85; text-transform: none !important; letter-spacing: 0 !important; }
body.bento.in-platform #page-cvrmonitor .stat-card-val { margin-top: 14px !important; font-size: 44px !important; font-weight: 500 !important; letter-spacing: -0.03em !important; line-height: 1 !important; color: inherit !important; }
/* Module pages. */
body.bento.in-platform .content-area .mp-icon { width: 56px !important; height: 56px !important; border-radius: 16px !important; }
body.bento.in-platform .content-area .mp-icon svg { width: 28px !important; height: 28px !important; }
body.bento.in-platform .content-area .mp-title { margin: 2px 0 6px !important; font-size: 26px !important; font-weight: 500 !important; letter-spacing: -0.02em !important; color: #1c2434 !important; }
body.bento.in-platform .content-area .mp-line { font-size: 14px !important; color: #3d4656 !important; }
body.bento.in-platform .content-area .mp-for { font-size: 12px !important; color: #7b8798 !important; }
body.bento.in-platform .content-area .mp-wrap .sc-sub-n { font-size: 15px !important; font-weight: 500 !important; color: #1c2434 !important; }
body.bento.in-platform .content-area .mp-req { padding: 6px 14px !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 500 !important; color: #20495d !important; }
/* Company profile. */
body.bento.in-platform #scC .v4-hero-name { font-size: 34px !important; letter-spacing: -0.025em !important; }
body.bento.in-platform #scC .bento-ring.sm { width: 136px !important; height: 136px !important; flex: 0 0 136px !important; }
body.bento.in-platform #scC .bento-ring.sm .bento-ring-num { font-size: 38px !important; letter-spacing: -0.03em !important; }
body.bento.in-platform #scC .bento-ring.sm .bento-ring-lbl { font-size: 11px !important; }
body.bento.in-platform #scC .sc-snap-card { min-height: 136px; }
body.bento.in-platform #scC .sc-snap-icon { flex: 0 0 40px; width: 40px; height: 40px; }
body.bento.in-platform #scC .sc-snap-icon svg { width: 18px; height: 18px; }
body.bento.in-platform #scC .sc-snap-label { font-size: 13px !important; }
body.bento.in-platform #scC .sc-snap-val { font-size: 40px !important; letter-spacing: -0.03em !important; }
body.bento.in-platform #scC .sc-dim-row { grid-template-columns: 44px minmax(0, 1fr) 48px; }
body.bento.in-platform #scC .sc-dim-icon { width: 44px !important; height: 44px !important; border-radius: 12px !important; font-size: 14px !important; }
body.bento.in-platform #scC .sc-dim-val { font-size: 22px !important; letter-spacing: -0.02em !important; }
body.bento.in-platform #scC .section-card:has(> .sc-cvr-bar) .sc-cvr-val,
body.bento.in-platform #scC .trj-cell-num,
body.bento.in-platform #scC .sc-cvr-formula { font-size: 36px !important; letter-spacing: -0.03em !important; }
body.bento.in-platform #scC .dim-code-tile { width: 52px !important; height: 52px !important; flex: 0 0 52px !important; border-radius: 14px !important; font-size: 16px !important; }
body.bento.in-platform #scC .dim-score-v4 { font-size: 34px !important; letter-spacing: -0.03em !important; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-score { font-size: 30px !important; letter-spacing: -0.03em !important; }
body.bento.in-platform #scC .sc-metric-val { font-size: 15px !important; font-weight: 500 !important; }
@media (max-width: 999px) {
  body.bento.in-platform #page-dashboard.active .stat-card { min-height: 120px !important; }
  body.bento.in-platform #page-dashboard.active .stat-card-val,
  body.bento.in-platform #page-cvrmonitor .stat-card-val { font-size: 36px !important; }
  body.bento.in-platform #scC .v4-hero-name { font-size: 28px !important; }
  body.bento.in-platform #scC .bento-ring.sm { width: 116px !important; height: 116px !important; flex-basis: 116px !important; }
  body.bento.in-platform #scC .bento-ring.sm .bento-ring-num { font-size: 32px !important; }
  body.bento.in-platform #scC .sc-snap-card { min-height: 120px; }
  body.bento.in-platform #scC .sc-snap-val { font-size: 32px !important; }
  body.bento.in-platform #scC .dim-score-v4 { font-size: 28px !important; }
}
@media (max-width: 640px) {
  body.bento.in-platform #page-cvrmonitor .stat-row { grid-template-columns: 1fr !important; }
  body.bento.in-platform #page-cvrmonitor .stat-card { min-height: 100px !important; }
}

/* Sub-indicator icons: a 40px tile per card, tinted by dimension. */
body.bento.in-platform #scC .sc-ind-card-v4 .v4-id { display: inline-flex; align-items: center; gap: 10px; min-width: 0; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-ico { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; display: inline-flex; align-items: center; justify-content: center; background: #e6eef2; color: #20495d; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-ico svg { width: 20px; height: 20px; }
body.bento.in-platform #scC .dim-theme-Tv4 .v4-ico { background: #f6edde; color: #8a5a12; }
body.bento.in-platform #scC .dim-theme-Ev4 .v4-ico { background: #dff0df; color: #2f6b31; }
body.bento.in-platform #scC .dim-theme-R1v4 .v4-ico { background: #deecf4; color: #20495d; }
body.bento.in-platform #scC .dim-theme-R2v4 .v4-ico { background: #e9e7f5; color: #3f3b7a; }
body.bento.in-platform #scC .dim-theme-Av4 .v4-ico { background: #dbeeec; color: #1f5f59; }
body.bento.in-platform #scC .sc-ind-card-v4 .v4-head { align-items: flex-start !important; }
@media (max-width: 999px) {
  body.bento.in-platform #scC .sc-ind-card-v4 .v4-ico { flex-basis: 36px; width: 36px; height: 36px; border-radius: 10px; }
  body.bento.in-platform #scC .sc-ind-card-v4 .v4-ico svg { width: 18px; height: 18px; }
}

/* Earth5R logo: larger, on a white tile, in the sidebar, the phone top bar and the profile hero. */
body.bento.in-platform .sb-logo { min-height: 0 !important; padding: 18px !important; gap: 12px !important; }
body.bento.in-platform .sb-logo img.sb-brand-logo { align-self: flex-start; height: 56px !important; width: auto !important; padding: 6px 8px; box-sizing: content-box; border-radius: 16px; background: #ffffff; opacity: 1 !important; box-shadow: 0 6px 16px rgba(8, 22, 30, .28); }
body.bento.in-platform #scC .v4-hero-eyebrow { display: flex !important; align-items: center; gap: 12px; margin-bottom: 10px !important; }
body.bento.in-platform #scC .v4-hero-logo { flex: none; height: 44px; width: auto; padding: 4px 6px; box-sizing: content-box; border-radius: 12px; background: #ffffff; box-shadow: 0 6px 16px rgba(8, 22, 30, .22); }
@media (max-width: 999px) {
  body.bento.in-platform .topbar .topbar-title { display: inline-flex !important; align-items: center; gap: 10px; }
  body.bento.in-platform .topbar .topbar-title::before { content: ''; flex: none; width: 38px; height: 38px; border-radius: 11px; background: #ffffff url('/assets/earth5r-globe.png') center / 30px 30px no-repeat; box-shadow: 0 6px 16px rgba(8, 22, 30, .25); }
  body.bento.in-platform #scC .v4-hero-logo { height: 38px; }
}

/* Visual hierarchy, 11 Nov. Four clear levels: page and card titles in semibold dark ink,
   figures in bold, names and labels in semibold, body copy and notes in regular weight.
   Also: full menu labels, a brand block that holds its text, and one account block at the foot of the sidebar. */
body.bento.in-platform .topbar .topbar-title { font-size: 22px !important; font-weight: 600 !important; letter-spacing: -0.015em !important; }

/* Card and section titles */
body.bento.in-platform .content-area .section-title,
body.bento.in-platform .content-area .dash-viz-title,
body.bento.in-platform .content-area .bento-card-title,
body.bento.in-platform #scC .section-title,
body.bento.in-platform #scC .section-card > div[style*="uppercase"]:first-child { font-size: 18px !important; font-weight: 600 !important; color: #1c2434 !important; letter-spacing: -0.015em !important; }
body.bento.in-platform .content-area :is(h1, h2, h3, h4, strong, b) { font-weight: 600 !important; }
body.bento.in-platform .content-area th,
body.bento.in-platform .content-area .data-table th { font-weight: 600 !important; color: #4b5567 !important; }

/* Figures: bold, tight, tabular */
body.bento.in-platform .content-area :is(.stat-card-val, .sc-snap-val, .dim-score-v4, .trj-cell-num, .sc-cvr-val, .sc-cvr-formula, .bento-ring-num, .v4-score, .sc-dim-val) {
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
  font-variant-numeric: tabular-nums;
}
body.bento.in-platform #contentArea .stat-card .stat-card-val { font-weight: 700 !important; letter-spacing: -0.035em !important; font-variant-numeric: tabular-nums; }
body.bento.in-platform #page-dashboard .stat-card-val,
body.bento.in-platform #page-dashboard.active .stat-card-val { font-size: 46px !important; font-weight: 700 !important; }
body.bento.in-platform .content-area :is(.bento-mini-ring span, .bento-seg-top b, .score-val, .curve-card-score, .cvr-pill, .bento-band-num) { font-weight: 700 !important; font-variant-numeric: tabular-nums; }
body.bento.in-platform .content-area :is(.sc-metric-val, .brsr-item-val, .v4-hero-meta strong, .rank-num, .curve-card-delta) { font-weight: 600 !important; font-variant-numeric: tabular-nums; }
body.bento.in-platform .content-area .cvr-pill { font-size: 13px !important; }
body.bento.in-platform #contentArea #page-dashboard :is(.bento-mini-ring span, .bento-seg-top b) { font-weight: 700 !important; }
body.bento.in-platform #contentArea #page-dashboard .bento-seg-top b { font-size: 22px !important; letter-spacing: -0.02em !important; }

/* Names and labels: semibold */
body.bento.in-platform #contentArea .stat-card .stat-card-label,
body.bento.in-platform #contentArea #page-dashboard .stat-card .stat-card-label,
body.bento.in-platform #contentArea .sc-snap-card .sc-snap-label { font-size: 14px !important; font-weight: 600 !important; opacity: 1 !important; }
body.bento.in-platform #contentArea :is(.stat-card-sub, .sc-snap-sub) { opacity: .82; }
body.bento.in-platform #contentArea #page-dashboard .stat-card .stat-card-sub {
  white-space: normal !important; overflow: visible !important; text-overflow: clip !important;
  padding-right: 44px !important; line-height: 1.35 !important;
}
body.bento.in-platform .content-area .bento-co-copy strong,
body.bento.in-platform #page-dashboard.active .bento-co-copy strong,
body.bento.in-platform .content-area .co-name { font-size: 15px !important; font-weight: 600 !important; color: #1c2434 !important; }
body.bento.in-platform #contentArea #page-dashboard .bento-co-copy em { font-size: 12px !important; }
body.bento.in-platform .content-area .bento-seg-top span { font-size: 14px !important; font-weight: 500 !important; color: #1c2434 !important; }
body.bento.in-platform .content-area .cvr-feed-item strong { font-size: 14px !important; font-weight: 600 !important; }
body.bento.in-platform .content-area :is(.lf-title, .trj-cell-label, .sc-claim-title, .brsr-dim-title, .curve-card-name, .sc-dim-name, .v4-code) { font-weight: 600 !important; }
body.bento.in-platform #contentArea #page-dashboard #liveFeed .lf-title { font-size: 14px !important; font-weight: 600 !important; }
body.bento.in-platform .content-area .dim-name-v4 { font-size: 16px !important; font-weight: 600 !important; }
body.bento.in-platform .content-area .v4-name { font-size: 14px !important; font-weight: 600 !important; }
body.bento.in-platform .content-area .sc-dim-name { font-size: 13px !important; }
body.bento.in-platform #contentArea #scC .v4-hero-name { font-size: 36px !important; font-weight: 700 !important; letter-spacing: -0.025em !important; }
/* Company profile: the same levels, scoped to the profile so they beat its own rules */
body.bento.in-platform #contentArea #scC :is(.sc-snap-val, .dim-score-v4, .trj-cell-num, .sc-cvr-val, .sc-cvr-formula, .bento-ring-num, .v4-score, .sc-dim-val) {
  font-weight: 700 !important; letter-spacing: -0.035em !important; font-variant-numeric: tabular-nums;
}
body.bento.in-platform #contentArea #scC :is(.sc-metric-val, .brsr-item-val, .v4-hero-meta strong) { font-weight: 600 !important; font-variant-numeric: tabular-nums; }
body.bento.in-platform #contentArea #scC :is(strong, b, .trj-cell-label, .sc-claim-title, .brsr-dim-title, .sc-dim-name, .v4-code, .v4-name, .dim-name-v4, .sc-snap-label) { font-weight: 600 !important; }
body.bento.in-platform #contentArea #scC .dim-name-v4 { font-size: 16px !important; }
body.bento.in-platform #contentArea #scC .v4-name { font-size: 14px !important; }
body.bento.in-platform #contentArea #scC .sc-dim-name { font-size: 13px !important; }
body.bento.in-platform #contentArea #scC .sc-dim-val { font-size: 24px !important; }
@media (max-width: 640px) {
  body.bento.in-platform #contentArea #scC .v4-hero-name { font-size: 26px !important; }
  body.bento.in-platform #page-dashboard .stat-card-val,
  body.bento.in-platform #page-dashboard.active .stat-card-val { font-size: 34px !important; }
}

/* Module pages and tables */
body.bento.in-platform #contentArea .mp-title { font-size: 28px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; }
body.bento.in-platform #contentArea :is(.sc-sub-n, .sc-facts dt) { font-weight: 600 !important; }
body.bento.in-platform #contentArea :is(td.sector-text, td.view-link) { font-weight: 400 !important; }

/* Top bar: status and actions as pills */
body.bento.in-platform .topbar .live-status {
  display: inline-flex !important; align-items: center; gap: 6px;
  padding: 6px 12px !important; border-radius: 999px !important;
  background: rgba(255, 255, 255, .12) !important; font-size: 13px !important; font-weight: 500 !important;
}
body.bento.in-platform .topbar #liveText { color: #ffffff !important; font-weight: 500 !important; }
body.bento.in-platform .topbar .topbar-user { font-size: 0 !important; gap: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body.bento.in-platform .topbar .topbar-user-dot { display: none !important; }
body.bento.in-platform .topbar .topbar-logout,
body.bento.in-platform .topbar .bento-fullscreen {
  display: inline-flex !important; align-items: center;
  padding: 7px 14px !important; margin: 0 !important; border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, .34) !important; background: transparent !important;
  color: #ffffff !important; font-size: 13px !important; font-weight: 500 !important; cursor: pointer;
}
body.bento.in-platform .topbar .topbar-logout:hover,
body.bento.in-platform .topbar .bento-fullscreen:hover { background: rgba(255, 255, 255, .12) !important; }
body.bento.in-platform .topbar .topbar-right { gap: 10px !important; }

/* Sidebar on wider screens: full labels, fixed brand block, scrolling menu, one account block at the foot */
@media (min-width: 1000px) {
  body.bento.in-platform { --sidebar: 244px; }
  body.bento.in-platform .sidebar {
    width: 244px !important;
    display: flex !important; flex-direction: column !important;
    overflow: hidden !important;
  }
  body.bento.in-platform .sb-logo {
    flex: none !important; min-height: 0 !important;
    flex-direction: row !important; align-items: center !important; gap: 14px !important;
    padding: 18px !important;
  }
  body.bento.in-platform .sb-logo img.sb-brand-logo { align-self: center !important; height: 52px !important; }
  body.bento.in-platform .sb-logo-text,
  body.bento.in-platform .sb-logo-text span { font-size: 21px !important; font-weight: 700 !important; letter-spacing: -0.02em !important; line-height: 1.1 !important; }
  body.bento.in-platform .sb-logo-sub::after { font-size: 11px !important; font-weight: 500 !important; letter-spacing: .08em; }
  body.bento.in-platform .sb-group { margin: 0 0 6px !important; padding: 0 !important; }
  body.bento.in-platform #nav-intel {
    flex: 1 1 auto !important; min-height: 0 !important;
    overflow-y: auto !important; overflow-x: hidden !important;
    padding: 12px 0 !important;
    scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, .22) transparent;
  }
  body.bento.in-platform .sb-item,
  body.bento.in-platform .sb-item.active,
  body.bento.in-platform .sb-item.active:hover {
    margin: 2px 12px !important;
    padding: 9px 12px !important;
    min-height: 38px !important;
    gap: 10px !important;
    border-radius: 12px !important;
  }
  body.bento.in-platform .sb-item.locked > svg:last-of-type { width: 15px !important; height: 15px !important; }
  body.bento.in-platform .sb-item .sb-full {
    flex: 1 1 auto; min-width: 0;
    max-width: none !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.3 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: left !important;
  }
  body.bento.in-platform .sb-item { justify-content: flex-start !important; text-align: left !important; }
  body.bento.in-platform .sb-item.active .sb-full { font-weight: 600 !important; }
  body.bento.in-platform .sb-item svg { flex: none; }

  /* foot: account, admin area and appearance in one teal block */
  body.bento.in-platform #sbFooter,
  body.bento.in-platform #sbAdmin,
  body.bento.in-platform #terraLookDock { flex: none !important; background: #20495d !important; margin: 0 !important; border-radius: 0 !important; border: 0 !important; }
  body.bento.in-platform #sbFooter {
    display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important;
    gap: 12px !important; padding: 16px 20px 12px !important; text-align: left !important;
  }
  body.bento.in-platform #sbFooter .sb-avatar {
    width: 38px !important; height: 38px !important; flex: none;
    background: #e8b56a !important; color: #272b43 !important;
    font-size: 15px !important; font-weight: 700 !important;
  }
  body.bento.in-platform #sbFooter .sb-user-name,
  body.bento.in-platform #sbFooter .sb-user-role { display: block !important; }
  body.bento.in-platform #sbFooter .sb-user-name { font-size: 14px !important; font-weight: 600 !important; color: #ffffff !important; line-height: 1.25; }
  body.bento.in-platform #sbFooter .sb-user-role { font-size: 12px !important; font-weight: 400 !important; color: rgba(255, 255, 255, .72) !important; line-height: 1.3; }
  body.bento.in-platform #sbAdmin {
    display: flex !important; flex-direction: row !important; align-items: center; gap: 12px;
    padding: 0 12px !important;
    color: #ffffff !important; text-decoration: none !important;
  }
  body.bento.in-platform #sbAdmin span {
    flex: 1 1 auto; font-size: 14px !important; font-weight: 500 !important; color: #ffffff !important;
  }
  body.bento.in-platform #sbAdmin > svg { width: 18px; height: 18px; flex: none; color: #e8b56a; margin-left: 12px; }
  body.bento.in-platform #sbAdmin > svg.sb-admin-go { width: 16px; height: 16px; color: rgba(255, 255, 255, .6); margin: 0 12px 0 0; }
  body.bento.in-platform #sbAdmin:hover { background: #255467 !important; }
  body.bento.in-platform #sbAdmin { min-height: 40px; }
  body.bento.in-platform #terraLookDock { padding: 0 12px 14px !important; border-radius: 0 0 22px 22px !important; }
  body.bento.in-platform #terraLookBtn {
    width: 100%; justify-content: flex-start !important; gap: 12px !important;
    padding: 10px 12px !important; border-radius: 12px !important;
    font-size: 14px !important; font-weight: 500 !important; color: #ffffff !important;
  }
  body.bento.in-platform #terraLookBtn svg { width: 18px; height: 18px; color: #e8b56a; }
  body.bento.in-platform #terraLookBtn:hover { background: rgba(255, 255, 255, .08) !important; }
}

/* Page banners: teal card with the photo faint behind, white title and line, so the text reads on every page */
body.bento.in-platform #contentArea .hero-banner {
  background: #20495d !important;
  padding: 22px 24px !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 28px rgba(8, 22, 30, .24), inset 0 0 0 1px rgba(255, 255, 255, .08) !important;
}
body.bento.in-platform #contentArea .hero-banner::before { opacity: .22 !important; }
body.bento.in-platform #contentArea .hero-banner::after { background: linear-gradient(90deg, rgba(32, 73, 93, .97) 0%, rgba(32, 73, 93, .88) 50%, rgba(32, 73, 93, .4) 100%) !important; }
body.bento.in-platform #contentArea .hero-banner .hero-title { font-family: var(--terra-font) !important; text-transform: none !important; letter-spacing: -0.02em !important; font-size: 26px !important; font-weight: 700 !important; color: #ffffff !important; }
body.bento.in-platform #contentArea .hero-banner :is(.hero-tagline, .hero-sub) { font-size: 14px !important; line-height: 1.5 !important; color: rgba(255, 255, 255, .86) !important; max-width: 72ch; }
@media (min-width: 1000px) and (max-height: 820px) {
  body.bento.in-platform .sb-item,
  body.bento.in-platform .sb-item.active,
  body.bento.in-platform .sb-item.active:hover { padding-top: 7px !important; padding-bottom: 7px !important; min-height: 34px !important; }
  body.bento.in-platform .sb-logo { padding: 14px 18px !important; }
  body.bento.in-platform .sb-logo img.sb-brand-logo { height: 44px !important; }
  body.bento.in-platform #sbFooter { padding-top: 12px !important; padding-bottom: 8px !important; }
}