/* O04 — brand surfaces only. Do not redefine legacy --blue/--cyan/--lc-* data colors.
 * Status badges, success/error/warning, calendar selection, data series and their
 * legends intentionally retain their original color, shape and text labels.
 * No geometry, font size, business content or interaction changes.
 */
.lc-feature-card:not(.lc-feature-card--planned) {
  background: var(--lc-surface-peach);
}
.lc-feature-card--planned {
  background: linear-gradient(145deg, var(--lc-surface-peach-strong), var(--lc-surface));
}
.lc-feature-icon { box-shadow: 0 9px 18px rgba(var(--lc-brand-primary-rgb), .2); }
.lc-student-visual, .lc-grades-visual {
  background: linear-gradient(140deg, var(--lc-surface-peach-strong), var(--lc-surface-peach));
}
.lc-mini-window, .lc-paper {
  border-color: var(--lc-border-control);
  box-shadow: 0 14px 35px rgba(var(--lc-brand-primary-rgb), .12);
}
.lc-mini-window section { background: var(--lc-surface-peach); }
.lc-avatar, .lc-paper header > span, .lc-card-orbit b,
.lc-site-visual .is-core, .lc-map-core span, .lc-benefit-copy li > i {
  color: var(--lc-on-action);
  background: var(--lc-action-primary);
}
.lc-card-orbit b { border-color: var(--lc-surface-peach-strong); }
.lc-site-visual .is-core { box-shadow: 0 10px 22px rgba(var(--lc-brand-primary-rgb), .2); }
.lc-site-visual > i { background: var(--lc-border-control); }
.lc-personnel-visual span { border-color: var(--lc-surface-peach); }
.lc-personnel-visual span:first-child { background: var(--lc-action-primary); }
.lc-personnel-visual span:nth-child(2) { background: var(--lc-action-hover); }
.lc-personnel-visual span:nth-child(3) { background: var(--lc-brand-secondary); }
.lc-feature-card code { color: var(--lc-action-hover); background: var(--lc-surface-peach-strong); }

/* Shared decorative map, not its differently labelled physical-site nodes. */
.lc-benefit-visual {
  background-color: var(--lc-surface-peach);
  background-image: linear-gradient(rgba(var(--lc-brand-primary-rgb), .06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--lc-brand-primary-rgb), .06) 1px, transparent 1px);
}
.lc-multisite-map > svg { stroke: var(--lc-border-control); }
.lc-map-core {
  border-color: var(--lc-border-control);
  box-shadow: 0 18px 40px rgba(var(--lc-brand-primary-rgb), .13);
}

/* Product chrome is orange; chart paths, KPI colors and alerts stay untouched. */
.lc-dashboard-frame, .lc-gallery-screen { border-color: var(--lc-border-control); }
.lc-dashboard-toolbar {
  background: linear-gradient(110deg, var(--lc-action-hover), var(--lc-action-primary));
}
.lc-dashboard-brand, .lc-dashboard-nav__foot > span {
  color: var(--lc-on-action); background: var(--lc-action-primary);
}
.lc-dashboard-school span, .lc-dashboard-toolbar__search { color: var(--lc-on-action); }
.lc-dashboard-user span { color: var(--lc-action-hover); background: var(--lc-surface-peach-strong); }
.lc-dashboard-nav a.is-current {
  background: linear-gradient(100deg, var(--lc-action-primary), var(--lc-action-hover));
  box-shadow: 0 7px 14px rgba(var(--lc-brand-primary-rgb), .18);
}
.lc-dashboard-heading small, .lc-dashboard-card header a { color: var(--lc-action-primary); }
.lc-alerts-card > button {
  color: var(--lc-action-primary); background: var(--lc-surface-peach);
  border-color: var(--lc-border-control);
}
.lc-gallery { background: var(--lc-surface-peach); }
.lc-gallery-stage {
  border-color: var(--lc-border-control);
  background: linear-gradient(145deg, var(--lc-surface-peach-strong), var(--lc-surface));
}
.lc-gallery-stage[data-gallery-stage] .lc-gallery-screen > header {
  background: var(--lc-action-hover);
}
.lc-gallery-screen > header span, .lc-gallery-screen aside b:first-child {
  background: var(--lc-action-primary);
}
.lc-gallery-screen > header b, .lc-gallery-screen > header small { color: var(--lc-on-action); }
.lc-gallery-screen aside { background: var(--lc-surface-peach); }

/* Plugin architecture: dominant warm surfaces; planned module keeps its styling. */
.lc-integrations { color: var(--lc-text); background: var(--lc-surface-peach); }
.lc-integrations .lc-section-heading--light h2 { color: var(--navy); }
.lc-integrations .lc-section-heading--light p { color: var(--lc-text-muted); }
.lc-plugin-map > svg { stroke: var(--lc-border-control); }
.lc-plugin-core {
  color: var(--lc-on-action);
  background: linear-gradient(145deg, var(--lc-action-primary), var(--lc-action-hover));
  box-shadow: 0 0 0 28px rgba(var(--lc-brand-primary-rgb), .08), 0 25px 70px rgba(var(--lc-brand-primary-rgb), .2);
}
.lc-plugin-core small { color: var(--lc-on-action); }
.lc-plugin-core span { color: var(--lc-action-primary); }
.lc-plugin-map > article:not(.is-planned) {
  color: var(--lc-text); background: var(--lc-surface);
  border-color: var(--lc-border-control);
  box-shadow: 0 16px 35px rgba(var(--lc-brand-primary-rgb), .12);
}
.lc-plugin-map > article:not(.is-planned) small { color: var(--lc-text-muted); }
.lc-plugin-map > article:not(.is-planned) i {
  color: var(--lc-on-action); background: var(--lc-action-primary);
}
/* The future module retains its dark tile, dashed outline and explicit label. */
.lc-plugin-map > article.is-planned { color: #fff; }
.lc-cases { background: var(--lc-surface-peach); }
.lc-case-grid article > span { color: var(--lc-action-primary); }
.lc-case-visual {
  background: linear-gradient(145deg, var(--lc-action-primary), var(--lc-action-hover));
}
.lc-case-visual small { color: var(--lc-on-action); }