/*
 * KG Channel Intelligence OS V11.2 R10 — Layered Light
 *
 * Final presentation layer loaded after R9. The light theme uses visibly
 * separated ivory, stone, terracotta, champagne, sage and steel surfaces.
 * It also hardens text contrast and repairs generic primary-button styles
 * leaking into the R9 permission roster. No route, data or action changes.
 */

html[data-kg-theme="light"] {
  --kgp-canvas: #e9e3da;
  --kgp-canvas-top: #f7f3ed;
  --kgp-sidebar: #efe8de;
  --kgp-surface: #fffaf3;
  --kgp-surface-raised: #f7efe5;
  --kgp-surface-alt: #eee3d6;
  --kgp-surface-strong: #dfd0bf;
  --kgp-surface-hover: #eadbca;
  --kgp-line: #cbbbaa;
  --kgp-line-strong: #a99682;
  --kgp-ink: #171411;
  --kgp-ink-soft: #342e28;
  --kgp-muted: #554d44;
  --kgp-faint: #625950;
  --kgp-coral: #b5412f;
  --kgp-coral-hover: #963423;
  --kgp-champagne: #94662d;
  --kgp-copper: #914d37;
  --kgp-sage: #3f6d59;
  --kgp-steel: #486773;
  --kgp-plum: #745364;
  --kgp-zone-coral: #f2dcd5;
  --kgp-zone-champagne: #eee0c9;
  --kgp-zone-sage: #dbe7df;
  --kgp-zone-steel: #dbe4e7;
  --kgp-zone-plum: #e8dee4;
  --kgp-zone-neutral: #f0e8de;
  --kgp-shadow-xs: 0 1px 2px rgba(55, 42, 31, 0.07);
  --kgp-shadow-sm:
    0 2px 4px rgba(55, 42, 31, 0.06),
    0 14px 32px rgba(69, 51, 35, 0.09);
  --kgp-shadow-md:
    0 3px 8px rgba(55, 42, 31, 0.07),
    0 24px 56px rgba(69, 51, 35, 0.13);

  /* Rebind every legacy design layer to one final palette. */
  --kgl-canvas: var(--kgp-canvas);
  --kgl-canvas-top: var(--kgp-canvas-top);
  --kgl-sidebar: var(--kgp-sidebar);
  --kgl-surface: var(--kgp-surface);
  --kgl-surface-raised: var(--kgp-surface-raised);
  --kgl-surface-alt: var(--kgp-surface-alt);
  --kgl-surface-strong: var(--kgp-surface-strong);
  --kgl-surface-hover: var(--kgp-surface-hover);
  --kgl-line: var(--kgp-line);
  --kgl-line-strong: var(--kgp-line-strong);
  --kgl-ink: var(--kgp-ink);
  --kgl-ink-soft: var(--kgp-ink-soft);
  --kgl-muted: var(--kgp-muted);
  --kgl-faint: var(--kgp-faint);
  --kgl-coral: var(--kgp-coral);
  --kgl-coral-hover: var(--kgp-coral-hover);
  --kgl-coral-soft: rgba(181, 65, 47, 0.12);
  --kgl-champagne: var(--kgp-champagne);
  --kgl-champagne-soft: rgba(148, 102, 45, 0.14);
  --kgl-copper: var(--kgp-copper);
  --kgl-copper-soft: rgba(145, 77, 55, 0.13);
  --kgl-sage: var(--kgp-sage);
  --kgl-sage-soft: rgba(63, 109, 89, 0.13);
  --kgl-steel: var(--kgp-steel);
  --kgl-steel-soft: rgba(72, 103, 115, 0.13);

  --kgc-canvas: var(--kgp-canvas);
  --kgc-canvas-top: var(--kgp-canvas-top);
  --kgc-sidebar: var(--kgp-sidebar);
  --kgc-surface: var(--kgp-surface);
  --kgc-surface-raised: var(--kgp-surface-raised);
  --kgc-surface-alt: var(--kgp-surface-alt);
  --kgc-surface-strong: var(--kgp-surface-strong);
  --kgc-surface-hover: var(--kgp-surface-hover);
  --kgc-line: var(--kgp-line);
  --kgc-line-strong: var(--kgp-line-strong);
  --kgc-ink: var(--kgp-ink);
  --kgc-ink-soft: var(--kgp-ink-soft);
  --kgc-muted: var(--kgp-muted);
  --kgc-faint: var(--kgp-faint);
  --kgc-primary: #29231e;
  --kgc-primary-hover: #3a3029;
  --kgc-primary-text: #fffaf3;
  --kgc-signal: var(--kgp-coral);
  --kgc-signal-hover: var(--kgp-coral-hover);
  --kgc-signal-soft: rgba(181, 65, 47, 0.12);
  --kgc-selection: rgba(148, 102, 45, 0.16);
  --kgc-selection-soft: rgba(148, 102, 45, 0.09);
  --kgc-success: var(--kgp-sage);
  --kgc-success-soft: rgba(63, 109, 89, 0.13);
  --kgc-warning: #7b531e;
  --kgc-warning-soft: rgba(148, 102, 45, 0.15);
  --kgc-danger: #96394a;
  --kgc-danger-soft: rgba(150, 57, 74, 0.12);
  --kgc-info: var(--kgp-steel);
  --kgc-info-soft: rgba(72, 103, 115, 0.13);
  --kgc-shadow-xs: var(--kgp-shadow-xs);
  --kgc-shadow-sm: var(--kgp-shadow-sm);
  --kgc-shadow-md: var(--kgp-shadow-md);

  --kge-canvas: var(--kgp-canvas);
  --kge-canvas-top: var(--kgp-canvas-top);
  --kge-sidebar: var(--kgp-sidebar);
  --kge-surface: var(--kgp-surface);
  --kge-surface-alt: var(--kgp-surface-alt);
  --kge-surface-strong: var(--kgp-surface-strong);
  --kge-surface-hover: var(--kgp-surface-hover);
  --kge-line: var(--kgp-line);
  --kge-line-strong: var(--kgp-line-strong);
  --kge-ink: var(--kgp-ink);
  --kge-ink-soft: var(--kgp-ink-soft);
  --kge-muted: var(--kgp-muted);
  --kge-faint: var(--kgp-faint);
  --kge-primary: #29231e;
  --kge-primary-hover: #3a3029;
  --kge-primary-text: #fffaf3;
  --kge-signal: var(--kgp-coral);
  --kge-signal-hover: var(--kgp-coral-hover);
  --kge-signal-soft: rgba(181, 65, 47, 0.12);
  --kge-selection: rgba(148, 102, 45, 0.16);
  --kge-selection-soft: rgba(148, 102, 45, 0.09);
  --kge-success: var(--kgp-sage);
  --kge-success-soft: rgba(63, 109, 89, 0.13);
  --kge-warning: #7b531e;
  --kge-warning-soft: rgba(148, 102, 45, 0.15);
  --kge-danger: #96394a;
  --kge-danger-soft: rgba(150, 57, 74, 0.12);

  --kgx-canvas: var(--kgp-canvas);
  --kgx-canvas-top: var(--kgp-canvas-top);
  --kgx-sidebar: var(--kgp-sidebar);
  --kgx-sidebar-bg: var(--kgp-sidebar);
  --kgx-content: var(--kgp-canvas);
  --kgx-surface-0: var(--kgp-surface);
  --kgx-surface-1: var(--kgp-surface-raised);
  --kgx-surface-2: var(--kgp-surface-alt);
  --kgx-surface-3: var(--kgp-surface-strong);
  --kgx-surface-hover: var(--kgp-surface-hover);
  --kgx-surface-selected: var(--kgp-zone-champagne);
  --kgx-line: var(--kgp-line);
  --kgx-line-strong: var(--kgp-line-strong);
  --kgx-line-bright: var(--kgp-line-strong);
  --kgx-text: var(--kgp-ink);
  --kgx-text-soft: var(--kgp-ink-soft);
  --kgx-muted: var(--kgp-muted);
  --kgx-faint: var(--kgp-faint);
  --kgx-accent: var(--kgp-coral);
  --kgx-accent-hover: var(--kgp-coral-hover);
  --kgx-accent-soft: rgba(181, 65, 47, 0.12);
  --kgx-accent-softer: rgba(181, 65, 47, 0.07);
  --kgx-accent-strong: #963423;
  --kgx-success: var(--kgp-sage);
  --kgx-success-soft: rgba(63, 109, 89, 0.13);
  --kgx-warning: #7b531e;
  --kgx-warning-soft: rgba(148, 102, 45, 0.15);
  --kgx-danger: #96394a;
  --kgx-danger-soft: rgba(150, 57, 74, 0.12);
}

/* Dark mode stays obsidian-led, while secondary text is made easier to read. */
html[data-kg-theme="dark"] {
  --kgl-muted: #bdb5aa;
  --kgl-faint: #aaa298;
  --kgc-muted: #bdb5aa;
  --kgc-faint: #aaa298;
  --kge-muted: #bdb5aa;
  --kge-faint: #aaa298;
  --kgx-muted: #bdb5aa;
  --kgx-faint: #aaa298;
}

html[data-kg-theme="light"] body {
  background:
    radial-gradient(circle at 83% 0%, rgba(181, 65, 47, 0.13), transparent 27rem),
    radial-gradient(circle at 54% 31%, rgba(148, 102, 45, 0.12), transparent 37rem),
    radial-gradient(circle at 100% 72%, rgba(63, 109, 89, 0.08), transparent 34rem),
    linear-gradient(180deg, var(--kgp-canvas-top), var(--kgp-canvas) 34rem) !important;
}

html[data-kg-theme="light"] .sidebar {
  border-right-color: var(--kgp-line) !important;
  background:
    linear-gradient(180deg, #f4eee5 0%, var(--kgp-sidebar) 54%, #e9e1d6 100%) !important;
  box-shadow: 10px 0 34px rgba(66, 49, 34, 0.055) !important;
}

html[data-kg-theme="light"] .sidebar nav a,
html[data-kg-theme="light"] .sidebar .sidebarNavButton,
html[data-kg-theme="light"] .sidebar .userMeta,
html[data-kg-theme="light"] .sidebar .v10ThemeText {
  color: var(--kgp-ink-soft) !important;
}

html[data-kg-theme="light"] .sidebar nav a.active,
html[data-kg-theme="light"] .sidebar .sidebarNavButton.active {
  color: var(--kgp-ink) !important;
  border-color: rgba(181, 65, 47, 0.42) !important;
  background: linear-gradient(100deg, var(--kgp-zone-coral), var(--kgp-zone-champagne)) !important;
  box-shadow: inset 3px 0 var(--kgp-coral), var(--kgp-shadow-xs) !important;
}

/* Typography contract: body copy and metadata no longer fade into pale panels. */
html[data-kg-theme] .mainContent {
  color: var(--kgl-ink);
}

html[data-kg-theme] .mainContent :where(h1, h2, h3, h4, b, strong) {
  color: var(--kgl-ink);
}

html[data-kg-theme] .mainContent :where(
    p,
    small,
    .muted,
    .sectionTitle p,
    .pageHeader p,
    .matrixSubheadV112,
    .cellNote,
    .stageTime
  ) {
  color: var(--kgl-muted) !important;
}

html[data-kg-theme] .mainContent :where(p, .muted, .sectionTitle p, .pageHeader p) {
  line-height: 1.58;
}

html[data-kg-theme] .mainContent small {
  font-weight: 560;
  line-height: 1.42;
}

html[data-kg-theme="light"] .pageHeader {
  border-color: var(--kgp-line-strong) !important;
  background:
    radial-gradient(circle at 94% 8%, rgba(181, 65, 47, 0.18), transparent 17rem),
    radial-gradient(circle at 75% 116%, rgba(148, 102, 45, 0.19), transparent 24rem),
    linear-gradient(132deg, #fffaf3 0%, #f6ede2 58%, #eee0d3 100%) !important;
  box-shadow: var(--kgp-shadow-md) !important;
}

html[data-kg-theme="light"] :where(.eyebrow, .sectionEyebrow) {
  color: #773d2b !important;
  border-color: rgba(145, 77, 55, 0.4) !important;
  background: #f0dcd2 !important;
}

/* Stronger surface ladder: canvas -> section -> card -> inset panel. */
html[data-kg-theme="light"] .mainContent .card {
  color: var(--kgp-ink-soft) !important;
  border-color: var(--kgp-line) !important;
  background:
    linear-gradient(145deg, var(--kgp-surface) 0%, var(--kgp-surface-raised) 100%) !important;
  box-shadow: var(--kgp-shadow-sm) !important;
}

html[data-kg-theme="light"] .mainContent :where(
    .v985NextAction,
    .v982IntelligenceCycle,
    .v912IdeaScheduler,
    .dataScanAnalysis,
    .postScanPage > .card
  ) {
  border-color: rgba(145, 77, 55, 0.38) !important;
  background:
    radial-gradient(circle at 96% 0, rgba(181, 65, 47, 0.11), transparent 18rem),
    linear-gradient(145deg, #fffaf3 0%, #f5e9dc 100%) !important;
}

html[data-kg-theme="light"] .mainContent :where(
    .v9114LiveActivity,
    .v91DailyRefresh,
    .v985TechnicalDetails
  ) {
  border-color: rgba(72, 103, 115, 0.36) !important;
  background:
    linear-gradient(145deg, #f5eee5 0%, var(--kgp-zone-steel) 145%) !important;
}

/* Today: four operating stages use unmistakable but restrained colour blocks. */
html[data-kg-theme="light"] .v985SimpleProgress > div,
html[data-kg-theme="light"] .v982CycleStages > div {
  color: var(--kgp-ink-soft) !important;
  border-color: rgba(79, 65, 52, 0.2) !important;
  background: var(--kgp-zone-neutral) !important;
}

html[data-kg-theme="light"] .v985SimpleProgress > div:nth-child(4n + 1),
html[data-kg-theme="light"] .v982CycleStages > div:nth-child(4n + 1) {
  border-color: rgba(181, 65, 47, 0.34) !important;
  background: linear-gradient(145deg, var(--kgp-zone-coral), #f7e9e2) !important;
  box-shadow: inset 0 3px var(--kgp-coral) !important;
}

html[data-kg-theme="light"] .v985SimpleProgress > div:nth-child(4n + 2),
html[data-kg-theme="light"] .v982CycleStages > div:nth-child(4n + 2) {
  border-color: rgba(148, 102, 45, 0.34) !important;
  background: linear-gradient(145deg, var(--kgp-zone-champagne), #f7eddd) !important;
  box-shadow: inset 0 3px var(--kgp-champagne) !important;
}

html[data-kg-theme="light"] .v985SimpleProgress > div:nth-child(4n + 3),
html[data-kg-theme="light"] .v982CycleStages > div:nth-child(4n + 3) {
  border-color: rgba(72, 103, 115, 0.34) !important;
  background: linear-gradient(145deg, var(--kgp-zone-steel), #e8edef) !important;
  box-shadow: inset 0 3px var(--kgp-steel) !important;
}

html[data-kg-theme="light"] .v985SimpleProgress > div:nth-child(4n),
html[data-kg-theme="light"] .v982CycleStages > div:nth-child(4n) {
  border-color: rgba(63, 109, 89, 0.34) !important;
  background: linear-gradient(145deg, var(--kgp-zone-sage), #e8eee9) !important;
  box-shadow: inset 0 3px var(--kgp-sage) !important;
}

html[data-kg-theme="light"] .v9131LiveCollapsed {
  color: var(--kgp-ink-soft) !important;
  border-color: rgba(72, 103, 115, 0.34) !important;
  background: linear-gradient(100deg, var(--kgp-zone-steel), #eee5da) !important;
}

html[data-kg-theme="light"] .v985TechnicalDetails > summary {
  color: var(--kgp-ink-soft) !important;
  background: linear-gradient(90deg, var(--kgp-zone-champagne), #f4eadf) !important;
}

html[data-kg-theme="light"] .v982CycleChannel {
  border-color: rgba(145, 77, 55, 0.34) !important;
  background:
    radial-gradient(circle at 100% 0, rgba(148, 102, 45, 0.14), transparent 18rem),
    linear-gradient(145deg, #fffaf3, #f3e7da) !important;
  box-shadow: inset 4px 0 var(--kgp-copper), var(--kgp-shadow-sm) !important;
}

html[data-kg-theme="light"] .v982Assessment {
  color: var(--kgp-ink-soft) !important;
  border-color: rgba(63, 109, 89, 0.4) !important;
  background: linear-gradient(100deg, var(--kgp-zone-sage), #eee4d8) !important;
  box-shadow: inset 4px 0 var(--kgp-sage) !important;
}

/* Admin navigation remains compact and now sits on a visibly separate rail. */
html[data-kg-theme="light"] .mainContent .adminSectionTabs,
html[data-kg-theme="light"] .mainContent .adminTabs {
  border-color: var(--kgp-line-strong) !important;
  background: linear-gradient(145deg, #e9ddcf, #f4ece3) !important;
  box-shadow: var(--kgp-shadow-sm) !important;
}

html[data-kg-theme="light"] .mainContent .adminSectionTabs a,
html[data-kg-theme="light"] .mainContent .adminTabs button {
  color: var(--kgp-muted) !important;
}

html[data-kg-theme="light"] .mainContent .adminSectionTabs a.active,
html[data-kg-theme="light"] .mainContent .adminTabs button.active {
  color: var(--kgp-ink) !important;
  border-color: rgba(181, 65, 47, 0.48) !important;
  background: linear-gradient(135deg, var(--kgp-zone-coral), var(--kgp-zone-champagne)) !important;
  box-shadow: inset 0 -3px var(--kgp-coral), var(--kgp-shadow-xs) !important;
}

html[data-kg-theme="light"] .adminKpis .card:nth-child(4n + 1) {
  background: linear-gradient(145deg, #fff8f2, var(--kgp-zone-coral)) !important;
}

html[data-kg-theme="light"] .adminKpis .card:nth-child(4n + 2) {
  background: linear-gradient(145deg, #fff9ef, var(--kgp-zone-champagne)) !important;
}

html[data-kg-theme="light"] .adminKpis .card:nth-child(4n + 3) {
  background: linear-gradient(145deg, #f6faf7, var(--kgp-zone-sage)) !important;
}

html[data-kg-theme="light"] .adminKpis .card:nth-child(4n) {
  background: linear-gradient(145deg, #f5f9fa, var(--kgp-zone-steel)) !important;
}

/* R9 repair: these are selectable account rows, never generic black actions. */
html[data-kg-theme="light"] .mainContent .permissionRosterV112 > button {
  color: var(--kgp-ink) !important;
  border: 1px solid var(--kgp-line) !important;
  background: linear-gradient(145deg, var(--kgp-surface-raised), var(--kgp-zone-neutral)) !important;
  box-shadow: var(--kgp-shadow-xs) !important;
  opacity: 1 !important;
}

html[data-kg-theme="light"] .mainContent .permissionRosterV112 > button:nth-child(4n + 1) {
  border-left: 4px solid var(--kgp-coral) !important;
  background: linear-gradient(100deg, var(--kgp-zone-coral), #f8eee7) !important;
}

html[data-kg-theme="light"] .mainContent .permissionRosterV112 > button:nth-child(4n + 2) {
  border-left: 4px solid var(--kgp-champagne) !important;
  background: linear-gradient(100deg, var(--kgp-zone-champagne), #f8efe2) !important;
}

html[data-kg-theme="light"] .mainContent .permissionRosterV112 > button:nth-child(4n + 3) {
  border-left: 4px solid var(--kgp-sage) !important;
  background: linear-gradient(100deg, var(--kgp-zone-sage), #edf2ee) !important;
}

html[data-kg-theme="light"] .mainContent .permissionRosterV112 > button:nth-child(4n) {
  border-left: 4px solid var(--kgp-steel) !important;
  background: linear-gradient(100deg, var(--kgp-zone-steel), #edf1f2) !important;
}

html[data-kg-theme="light"] .mainContent .permissionRosterV112 > button:hover {
  color: var(--kgp-ink) !important;
  border-color: rgba(145, 77, 55, 0.52) !important;
  background: linear-gradient(100deg, #efd6cb, #eadac6) !important;
  box-shadow: var(--kgp-shadow-sm) !important;
}

html[data-kg-theme="light"] .mainContent .permissionRosterV112 > button :where(b, strong) {
  color: var(--kgp-ink) !important;
}

html[data-kg-theme="light"] .mainContent .permissionRosterV112 > button small {
  color: var(--kgp-muted) !important;
}

html[data-kg-theme="light"] .mainContent .permissionRosterV112 > button > strong {
  color: var(--kgp-copper) !important;
}

html[data-kg-theme="light"] .accessMatrix {
  overflow: hidden;
  border: 1px solid var(--kgp-line) !important;
  border-radius: 12px;
  background: var(--kgp-surface-raised) !important;
}

html[data-kg-theme="light"] .matrixHead {
  color: var(--kgp-ink-soft) !important;
  background: linear-gradient(90deg, var(--kgp-zone-champagne), #e8ddd1) !important;
}

html[data-kg-theme="light"] .matrixRow {
  color: var(--kgp-ink-soft) !important;
  background: var(--kgp-surface) !important;
}

html[data-kg-theme="light"] .matrixRow:nth-child(even) {
  background: var(--kgp-zone-neutral) !important;
}

html[data-kg-theme="light"] .permissionGroupV112,
html[data-kg-theme="light"] .invitePermissionDetailsV112 {
  border-color: var(--kgp-line) !important;
  background: var(--kgp-surface-raised) !important;
}

html[data-kg-theme="light"] .permissionGroupHeadV112 {
  background: linear-gradient(105deg, var(--kgp-zone-champagne), #f1e8de) !important;
}

html[data-kg-theme="light"] .permissionItemV112 {
  color: var(--kgp-ink-soft) !important;
  background: var(--kgp-surface) !important;
}

html[data-kg-theme="light"] .permissionItemV112:has(input:checked) {
  color: var(--kgp-ink) !important;
  background: linear-gradient(110deg, var(--kgp-zone-steel), #f3ece4 72%) !important;
}

/* Tables, forms and inset controls must remain visible inside tinted cards. */
html[data-kg-theme="light"] .mainContent :where(
    input,
    select,
    textarea
  ):not([type="checkbox"]):not([type="radio"]) {
  color: var(--kgp-ink) !important;
  border-color: var(--kgp-line-strong) !important;
  background: #fffcf7 !important;
}

html[data-kg-theme="light"] .mainContent :where(.dataTable, .v912IdeaTable) th {
  color: var(--kgp-ink-soft) !important;
  border-color: var(--kgp-line) !important;
  background: linear-gradient(180deg, var(--kgp-zone-champagne), #e7d9c8) !important;
}

html[data-kg-theme="light"] .mainContent :where(.dataTable, .v912IdeaTable) td {
  color: var(--kgp-ink-soft) !important;
  border-color: var(--kgp-line) !important;
  background: var(--kgp-surface) !important;
}

html[data-kg-theme="light"] .mainContent :where(.dataTable, .v912IdeaTable) tbody tr:nth-child(even) td {
  background: var(--kgp-zone-neutral) !important;
}

html[data-kg-theme="light"] .mainContent :where(.badge, .v11Badge) {
  font-weight: 760;
}

html[data-kg-theme="light"] .mainContent :where(.badge.success, .v11Badge-success) {
  color: #285943 !important;
  border-color: rgba(63, 109, 89, 0.45) !important;
  background: var(--kgp-zone-sage) !important;
}

html[data-kg-theme="light"] .mainContent :where(.badge.warning, .v11Badge-warning) {
  color: #674315 !important;
  border-color: rgba(148, 102, 45, 0.46) !important;
  background: var(--kgp-zone-champagne) !important;
}

html[data-kg-theme="light"] .mainContent :where(.badge.danger, .v11Badge-danger) {
  color: #7d2f3d !important;
  border-color: rgba(150, 57, 74, 0.42) !important;
  background: #efd9de !important;
}

html[data-kg-theme="light"] :focus-visible {
  outline: 3px solid rgba(181, 65, 47, 0.26) !important;
  outline-offset: 2px;
}

@media (max-width: 760px) {
  html[data-kg-theme="light"] .mainContent .permissionRosterV112 > button {
    border-left-width: 3px !important;
  }

  html[data-kg-theme] .mainContent small {
    line-height: 1.48;
  }
}