:root {
  --nclcd-bg: #031713;
  --nclcd-bg-deep: #020d0b;
  --nclcd-surface: rgba(8, 38, 32, .88);
  --nclcd-surface-strong: rgba(7, 31, 27, .97);
  --nclcd-surface-soft: rgba(13, 54, 45, .64);
  --nclcd-line: rgba(161, 224, 211, .17);
  --nclcd-line-strong: rgba(161, 224, 211, .32);
  --nclcd-text: #f3fbf8;
  --nclcd-muted: #afc9c0;
  --nclcd-emerald: #55e5b0;
  --nclcd-emerald-deep: #13a778;
  --nclcd-cyan: #62d9f1;
  --nclcd-gold: #ebc66d;
  --nclcd-orange: #ffad65;
  --nclcd-radius: 22px;
  --nclcd-shadow: 0 24px 72px rgba(0, 0, 0, .3);
  --nclcd-focus: 0 0 0 3px rgba(98, 217, 241, .36);
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body.nclcd-page {
  margin: 0;
  min-height: 100vh;
  color: var(--nclcd-text);
  background:
    radial-gradient(circle at 14% 0%, rgba(29, 143, 107, .2), transparent 34rem),
    radial-gradient(circle at 88% 8%, rgba(47, 140, 177, .12), transparent 32rem),
    linear-gradient(180deg, #052019 0%, var(--nclcd-bg) 46%, var(--nclcd-bg-deep) 100%);
  font-family: "Afacad Flux", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

.nclcd-page a { color: inherit; }
.nclcd-page button { font: inherit; }
.nclcd-page :focus-visible { outline: none; box-shadow: var(--nclcd-focus); }

.nclcd-main {
  width: min(1840px, calc(100% - 32px));
  margin: 0 auto;
  padding: 30px 0 76px;
}

.nclcd-dashboard-intro,
.nclcd-command,
.nclcd-tab-panel:not(.nclcd-command) {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(100, 218, 190, .24);
  border-radius: 28px;
  background:
    linear-gradient(rgba(85, 229, 176, .024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(85, 229, 176, .024) 1px, transparent 1px),
    radial-gradient(circle at 50% 20%, rgba(28, 133, 119, .15), transparent 36%),
    linear-gradient(145deg, rgba(6, 35, 29, .98), rgba(2, 17, 14, .98));
  background-size: 36px 36px, 36px 36px, auto, auto;
  box-shadow: 0 26px 84px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .035);
}

.nclcd-dashboard-intro {
  padding: clamp(18px, 2vw, 28px);
}

.nclcd-dashboard-intro::before,
.nclcd-command::before,
.nclcd-tab-panel:not(.nclcd-command)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(90deg, rgba(98, 217, 241, .07), transparent 16%, transparent 84%, rgba(235, 198, 109, .055));
  pointer-events: none;
}

.nclcd-dashboard-intro > *,
.nclcd-command > *,
.nclcd-tab-panel:not(.nclcd-command) > * { position: relative; z-index: 2; }

.nclcd-command__ambient {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}

.nclcd-command__ambient i { position: absolute; border-radius: 50%; filter: blur(1px); }
.nclcd-command__ambient i:nth-child(1) { width: 6px; height: 6px; top: 26%; left: 22%; background: var(--nclcd-cyan); box-shadow: 0 0 18px var(--nclcd-cyan); }
.nclcd-command__ambient i:nth-child(2) { width: 4px; height: 4px; top: 63%; right: 19%; background: var(--nclcd-gold); box-shadow: 0 0 16px var(--nclcd-gold); }
.nclcd-command__ambient i:nth-child(3) { width: 5px; height: 5px; bottom: 14%; left: 38%; background: var(--nclcd-emerald); box-shadow: 0 0 16px var(--nclcd-emerald); }

.nclcd-command__header {
  display: flex;
  min-width: 0;
  padding: 0 4px 16px;
  gap: 26px;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid var(--nclcd-line);
}

.nclcd-command__header > div:first-child { min-width: 0; }

.nclcd-overline,
.nclcd-section-heading > div > small,
.nclcd-console-card > header > div > span,
.nclcd-console-card > header > span:not(.nclcd-tier-badge),
.nclcd-panel > header > div > span:not(.nclcd-tier-badge) {
  display: block;
  color: var(--nclcd-cyan);
  font-size: .875rem;
  font-weight: 800;
  letter-spacing: .12em;
}

.nclcd-command__header h1 {
  margin: 4px 0 0;
  font-family: inherit;
  font-size: clamp(2.1rem, 3vw, 3.55rem);
  font-weight: 640;
  letter-spacing: -.045em;
  line-height: 1;
  overflow-wrap: anywhere;
}

.nclcd-command__meta {
  display: grid;
  flex: 0 0 auto;
  gap: 5px;
  justify-items: end;
  color: var(--nclcd-muted);
  font-size: .875rem;
}

.nclcd-live-state {
  display: inline-flex;
  min-height: 32px;
  padding: 5px 11px;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(85, 229, 176, .26);
  border-radius: 999px;
  color: var(--nclcd-emerald);
  background: rgba(85, 229, 176, .07);
  font-size: .875rem;
  letter-spacing: .09em;
}

.nclcd-live-state i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 12px currentColor;
  animation: nclcd-heartbeat 2.2s ease-in-out infinite;
}

.nclcd-truth-rail {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 13px;
  gap: 8px;
}

.nclcd-truth-chip {
  --truth-color: var(--nclcd-emerald);
  display: grid;
  grid-template-columns: 9px auto minmax(0, 1fr);
  min-height: 44px;
  padding: 8px 12px;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(161, 224, 211, .13);
  border-radius: 12px;
  background: rgba(5, 27, 23, .78);
}

.nclcd-truth-chip.is-fos_simulation { --truth-color: var(--nclcd-cyan); }
.nclcd-truth-chip.is-device_simulation { --truth-color: var(--nclcd-orange); }
.nclcd-truth-chip.is-estimated { --truth-color: var(--nclcd-gold); }
.nclcd-truth-chip > i { width: 7px; height: 7px; border-radius: 50%; background: var(--truth-color); box-shadow: 0 0 9px var(--truth-color); }
.nclcd-truth-chip > span { color: var(--truth-color); font-size: .875rem; font-weight: 820; letter-spacing: .07em; }
.nclcd-truth-chip > small { min-width: 0; overflow: hidden; color: var(--nclcd-muted); font-size: .875rem; text-align: right; text-overflow: ellipsis; white-space: nowrap; }

.nclcd-tabs {
  position: sticky;
  top: 100px;
  z-index: 60;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 14px 0;
  padding: 7px;
  gap: 6px;
  border: 1px solid rgba(235, 198, 109, .28);
  border-radius: 20px;
  background: rgba(3, 25, 21, .9);
  box-shadow: 0 16px 42px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .04);
  backdrop-filter: blur(18px) saturate(1.12);
  -webkit-backdrop-filter: blur(18px) saturate(1.12);
}

.nclcd-tab {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 62px;
  padding: 9px 12px;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: 0 10px;
  align-content: center;
  border: 1px solid transparent;
  border-radius: 14px;
  color: var(--nclcd-muted);
  background: transparent;
  text-align: left;
  cursor: pointer;
  transition: color 180ms ease, border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

.nclcd-tab:hover { color: var(--nclcd-text); background: rgba(98, 217, 241, .055); transform: translateY(-1px); }
.nclcd-tab.is-active { color: var(--nclcd-text); border-color: rgba(98, 217, 241, .36); background: linear-gradient(120deg, rgba(31, 113, 100, .44), rgba(8, 39, 33, .8)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045), 0 0 24px rgba(37, 153, 155, .09); }
.nclcd-tab > span { display: grid; width: 32px; height: 32px; grid-row: 1 / span 2; place-items: center; align-self: center; border: 1px solid var(--nclcd-line-strong); border-radius: 10px; color: var(--nclcd-cyan); font-size: .875rem; font-weight: 800; }
.nclcd-tab.is-active > span { border-color: rgba(235, 198, 109, .55); color: var(--nclcd-gold); background: rgba(235, 198, 109, .08); }
.nclcd-tab strong,
.nclcd-tab small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nclcd-tab strong { font-size: .96rem; font-weight: 760; }
.nclcd-tab small { color: var(--nclcd-muted); font-size: .875rem; }

.nclcd-tab-panel[hidden] { display: none; }
.nclcd-tab-panel.is-active { animation: nclcd-panel-enter 260ms ease both; }

.nclcd-command,
.nclcd-tab-panel:not(.nclcd-command) { padding: clamp(16px, 1.8vw, 26px); }

.nclcd-command-grid {
  display: grid;
  grid-template-columns: minmax(230px, .78fr) minmax(430px, 1.68fr) minmax(250px, .86fr);
  grid-template-areas: "left map right";
  gap: 12px;
  align-items: stretch;
}

.nclcd-command-column { display: grid; min-width: 0; gap: 12px; }
.nclcd-command-column--left { grid-area: left; }
.nclcd-command-column--right { grid-area: right; grid-template-rows: minmax(218px, .95fr) minmax(168px, .74fr) minmax(190px, .83fr); }

.nclcd-console-card,
.nclcd-map-console,
.nclcd-panel {
  position: relative;
  min-width: 0;
  border: 1px solid var(--nclcd-line);
  border-radius: var(--nclcd-radius);
  background: linear-gradient(145deg, rgba(10, 48, 40, .8), rgba(3, 24, 20, .92));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 16px 38px rgba(0, 0, 0, .15);
  transition: border-color 260ms ease, box-shadow 260ms ease, transform 260ms ease;
}

.nclcd-console-card::before,
.nclcd-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 50% 0%, rgba(98, 217, 241, .08), transparent 52%);
  opacity: 0;
  transition: opacity 260ms ease;
  pointer-events: none;
}

[data-focus-card].is-focus-active,
[data-focus-card]:focus-within { border-color: rgba(98, 217, 241, .48); box-shadow: 0 0 0 1px rgba(98, 217, 241, .08), 0 16px 54px rgba(22, 139, 153, .17), inset 0 1px 0 rgba(255, 255, 255, .04); }
[data-focus-card].is-focus-active::before,
[data-focus-card]:focus-within::before { opacity: 1; }
.nclcd-console-card > *,
.nclcd-panel > * { position: relative; z-index: 1; }

.nclcd-tier-badge {
  display: inline-flex;
  width: max-content;
  min-height: 28px;
  padding: 5px 9px;
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: .875rem;
  font-weight: 850;
  letter-spacing: .09em;
  line-height: 1;
}

.nclcd-tier-badge.is-actual { color: var(--nclcd-emerald); background: rgba(85, 229, 176, .07); }
.nclcd-tier-badge.is-fos { color: var(--nclcd-cyan); background: rgba(98, 217, 241, .07); }
.nclcd-tier-badge.is-device { color: var(--nclcd-orange); background: rgba(255, 173, 101, .07); }
.nclcd-tier-badge.is-estimated { color: var(--nclcd-gold); background: rgba(235, 198, 109, .08); }

.nclcd-portfolio-browser {
  display: grid;
  min-height: 650px;
  padding: 16px;
  grid-template-rows: auto auto auto minmax(250px, 1fr) auto auto;
  gap: 12px;
  overflow: hidden;
}

.nclcd-portfolio-browser > header { display: flex; min-width: 0; gap: 9px; align-items: center; justify-content: space-between; }
.nclcd-portfolio-browser > header small { min-width: 0; overflow: hidden; color: var(--nclcd-muted); font-size: .875rem; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.nclcd-portfolio-total { padding: 12px 0; border-bottom: 1px solid var(--nclcd-line); }
.nclcd-portfolio-total span,
.nclcd-portfolio-total strong,
.nclcd-portfolio-total small { display: block; }
.nclcd-portfolio-total span { color: var(--nclcd-cyan); font-size: .875rem; font-weight: 820; letter-spacing: .09em; }
.nclcd-portfolio-total strong { margin-top: 4px; font-size: clamp(1.65rem, 2vw, 2.25rem); font-weight: 660; letter-spacing: -.04em; line-height: 1; }
.nclcd-portfolio-total small { margin-top: 7px; color: var(--nclcd-muted); font-size: .875rem; line-height: 1.35; }

.nclcd-portfolio-filter { display: grid; gap: 5px; color: var(--nclcd-muted); font-size: .875rem; font-weight: 720; }
.nclcd-portfolio-filter select {
  width: 100%;
  min-height: 46px;
  padding: 0 36px 0 12px;
  border: 1px solid var(--nclcd-line-strong);
  border-radius: 12px;
  color: var(--nclcd-text);
  background: #06251f;
  font: inherit;
  cursor: pointer;
}

.nclcd-area-viewer {
  display: grid;
  min-width: 0;
  min-height: 250px;
  padding: 12px;
  grid-template-rows: minmax(112px, .78fr) auto;
  gap: 10px;
  overflow: hidden;
  border: 1px solid rgba(98, 217, 241, .22);
  border-radius: 16px;
  background: radial-gradient(circle at 50% 18%, rgba(98, 217, 241, .1), transparent 52%), rgba(3, 22, 19, .7);
  touch-action: pan-y;
}

.nclcd-area-silhouette { position: relative; display: grid; min-height: 112px; place-items: center; overflow: hidden; border-radius: 12px; background: linear-gradient(145deg, rgba(98, 217, 241, .06), rgba(85, 229, 176, .025)); }
.nclcd-area-silhouette::before { content: ""; position: absolute; width: 82%; height: 72%; border: 1px solid rgba(98, 217, 241, .08); border-radius: 50%; filter: blur(1px); }
.nclcd-area-silhouette svg { position: relative; width: 90%; height: 105px; overflow: visible; filter: drop-shadow(0 0 8px rgba(85, 229, 176, .28)); }
.nclcd-area-silhouette path { fill: rgba(85, 229, 176, .22); stroke: var(--nclcd-emerald); stroke-width: 1.35; vector-effect: non-scaling-stroke; }
.nclcd-area-silhouette > span { position: absolute; right: 7px; bottom: 6px; max-width: calc(100% - 14px); overflow: hidden; color: rgba(175, 201, 192, .82); font: 600 .75rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; text-overflow: ellipsis; white-space: nowrap; }

.nclcd-area-copy { display: grid; min-width: 0; align-content: start; }
.nclcd-area-counter { color: var(--nclcd-gold); font-size: .875rem; font-weight: 800; letter-spacing: .08em; }
.nclcd-area-copy h2 { margin: 3px 0 0; font-size: clamp(1.25rem, 1.45vw, 1.6rem); line-height: 1.05; overflow-wrap: anywhere; }
.nclcd-area-copy > p { min-height: 1.35em; margin: 5px 0 9px; color: var(--nclcd-muted); font-size: .875rem; line-height: 1.35; overflow-wrap: anywhere; }
.nclcd-area-copy dl { display: grid; margin: 0; gap: 0; border-top: 1px solid var(--nclcd-line); }
.nclcd-area-copy dl div { display: grid; min-width: 0; padding: 6px 0; grid-template-columns: 64px minmax(0, 1fr); gap: 8px; border-bottom: 1px solid var(--nclcd-line); }
.nclcd-area-copy dt { color: var(--nclcd-muted); font-size: .875rem; }
.nclcd-area-copy dd { min-width: 0; margin: 0; font-size: .875rem; font-weight: 720; text-align: right; overflow-wrap: anywhere; }
.nclcd-area-state { display: flex; margin-top: 8px; gap: 7px; align-items: flex-start; color: var(--nclcd-emerald); font-size: .875rem; line-height: 1.35; }
.nclcd-area-state i { flex: 0 0 auto; width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: currentColor; box-shadow: 0 0 9px currentColor; }

.nclcd-area-pagination { display: grid; grid-template-columns: 46px minmax(0, 1fr) 46px; gap: 7px; }
.nclcd-area-pagination button {
  display: inline-flex;
  min-height: 46px;
  padding: 0 10px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--nclcd-line-strong);
  border-radius: 12px;
  color: var(--nclcd-text);
  background: rgba(6, 40, 33, .9);
  cursor: pointer;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
.nclcd-area-pagination button:hover { border-color: rgba(98, 217, 241, .55); background: rgba(20, 76, 66, .8); transform: translateY(-1px); }
.nclcd-area-pagination button:active { transform: scale(.98); }
.nclcd-area-pagination button:disabled { opacity: .42; cursor: not-allowed; transform: none; }
.nclcd-area-pagination svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.nclcd-area-pagination .nclcd-area-map-focus { color: var(--nclcd-cyan); font-size: .875rem; font-weight: 760; }

.nclcd-portfolio-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.nclcd-portfolio-kpis > span { display: grid; min-width: 0; min-height: 62px; padding: 8px 10px; align-content: center; border: 1px solid var(--nclcd-line); border-radius: 12px; background: rgba(4, 28, 23, .68); }
.nclcd-portfolio-kpis b { color: var(--nclcd-cyan); font-size: 1.35rem; line-height: 1; }
.nclcd-portfolio-kpis small { margin-top: 4px; color: var(--nclcd-muted); font-size: .875rem; line-height: 1.2; overflow-wrap: anywhere; }
.nclcd-portfolio-kpis .is-pending { border-color: rgba(235, 198, 109, .25); background: rgba(64, 48, 16, .2); }
.nclcd-portfolio-kpis .is-pending b { color: var(--nclcd-gold); }

.nclcd-map-console { grid-area: map; display: grid; min-height: 620px; grid-template-rows: auto minmax(0, 1fr) auto; padding: 9px; overflow: hidden; border-color: rgba(98, 217, 241, .26); }
.nclcd-map-console > header { display: flex; min-height: 60px; padding: 7px 9px 10px; gap: 14px; align-items: center; justify-content: space-between; }
.nclcd-map-console > header > div { display: flex; min-width: 0; gap: 9px; align-items: center; }
.nclcd-map-console h2 { min-width: 0; margin: 0; font-size: clamp(1.2rem, 1.55vw, 1.65rem); font-weight: 630; letter-spacing: -.025em; line-height: 1.1; }
.nclcd-map-status { display: inline-flex; flex: 0 0 auto; min-height: 34px; padding: 5px 10px; gap: 8px; align-items: center; border: 1px solid var(--nclcd-line); border-radius: 999px; color: var(--nclcd-muted); font-size: .875rem; letter-spacing: .07em; white-space: nowrap; }
.nclcd-map-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--nclcd-gold); box-shadow: 0 0 10px currentColor; }
.nclcd-map-status.is-ready { color: var(--nclcd-emerald); }
.nclcd-map-status.is-ready i { background: currentColor; }

.nclcd-map-stage { position: relative; min-height: 0; overflow: hidden; border: 1px solid rgba(98, 217, 241, .19); border-radius: 17px; background: #031b17; isolation: isolate; }
.nclcd-map-stage::before { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; box-shadow: inset 0 0 55px rgba(1, 14, 12, .52); pointer-events: none; }
.nclcd-map-stage iframe { display: block; width: 100%; height: 100%; min-height: 475px; border: 0; background: #031b17; }
.nclcd-map-scan { position: absolute; z-index: 3; inset: -20% 0 auto; height: 18%; background: linear-gradient(180deg, transparent, rgba(98, 217, 241, .08), transparent); mix-blend-mode: screen; pointer-events: none; animation: nclcd-scan 10s ease-in-out infinite; }
.nclcd-map-readout { position: absolute; z-index: 4; max-width: min(330px, calc(100% - 30px)); border: 1px solid rgba(161, 224, 211, .18); background: rgba(3, 25, 21, .84); box-shadow: 0 12px 35px rgba(0, 0, 0, .25); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
.nclcd-map-readout--top { top: 14px; left: 14px; padding: 10px 13px; border-radius: 12px; }
.nclcd-map-readout--top span,
.nclcd-map-readout--top b { display: block; }
.nclcd-map-readout--top span { color: var(--nclcd-cyan); font-size: .875rem; font-weight: 800; letter-spacing: .09em; }
.nclcd-map-readout--top b { margin-top: 4px; font-size: .9rem; line-height: 1.25; overflow-wrap: anywhere; }
.nclcd-map-readout--bottom { right: 14px; bottom: 14px; display: flex; padding: 9px 12px; gap: 8px; align-items: center; border-radius: 12px; color: #d5e5df; font-size: .875rem; line-height: 1.3; }
.nclcd-map-readout--bottom i { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--nclcd-emerald); box-shadow: 0 0 10px var(--nclcd-emerald); }

.nclcd-console-card > header { display: flex; min-width: 0; gap: 11px; align-items: flex-start; justify-content: space-between; }
.nclcd-console-card h2 { margin: 2px 0 0; font-size: 1.3rem; font-weight: 630; letter-spacing: -.025em; line-height: 1.1; }

.nclcd-map-toolbar { display: grid; grid-template-columns: repeat(5, minmax(64px, auto)) minmax(130px, 1fr); margin-top: 8px; gap: 6px; align-items: center; }
.nclcd-map-toolbar button,
.nclcd-map-toolbar a { display: inline-flex; min-width: 0; min-height: 46px; padding: 0 10px; gap: 7px; align-items: center; justify-content: center; border: 1px solid var(--nclcd-line); border-radius: 12px; color: #dbece6; background: rgba(5, 32, 27, .92); text-align: center; text-decoration: none; cursor: pointer; transition: color 160ms ease, border-color 160ms ease, background 160ms ease, transform 160ms ease; }
.nclcd-map-toolbar button:hover,
.nclcd-map-toolbar a:hover { color: var(--nclcd-cyan); border-color: rgba(98, 217, 241, .5); background: rgba(14, 62, 53, .86); transform: translateY(-1px); }
.nclcd-map-toolbar button:active,
.nclcd-map-toolbar a:active { transform: scale(.98); }
.nclcd-map-toolbar button.is-active { color: var(--nclcd-gold); border-color: rgba(235, 198, 109, .48); background: rgba(70, 53, 17, .34); }
.nclcd-map-toolbar button:disabled { opacity: .48; cursor: wait; transform: none; }
.nclcd-map-toolbar svg { flex: 0 0 auto; width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.nclcd-map-toolbar b { font-size: 1.35rem; font-weight: 500; line-height: 1; }
.nclcd-map-toolbar span { min-width: 0; font-size: .875rem; font-weight: 720; line-height: 1.1; overflow-wrap: anywhere; }
.nclcd-map-feedback { min-width: 0; overflow: hidden; color: var(--nclcd-muted); font-size: .875rem; text-align: right; text-overflow: ellipsis; white-space: nowrap; }

.nclcd-carbon-card,
.nclcd-threat-card,
.nclcd-seal-card { padding: 16px; overflow: hidden; }
.nclcd-carbon-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 14px; gap: 8px; }
.nclcd-carbon-metrics > div { min-width: 0; padding: 11px; border: 1px solid var(--nclcd-line); border-radius: 13px; background: rgba(3, 24, 20, .58); }
.nclcd-carbon-metrics span,
.nclcd-carbon-metrics strong,
.nclcd-carbon-metrics small { display: block; }
.nclcd-carbon-metrics span { color: var(--nclcd-muted); font-size: .875rem; line-height: 1.25; }
.nclcd-carbon-metrics strong { margin-top: 5px; font-size: clamp(1.25rem, 1.6vw, 1.75rem); font-weight: 660; letter-spacing: -.035em; line-height: 1; overflow-wrap: anywhere; }
.nclcd-carbon-metrics small { margin-top: 5px; color: var(--nclcd-cyan); font-size: .875rem; line-height: 1.2; }
.nclcd-carbon-achieved { border-color: rgba(85, 229, 176, .3) !important; background: rgba(85, 229, 176, .055) !important; animation: nclcd-carbon-pulse 3.8s ease-in-out infinite; }
.nclcd-carbon-achieved strong { color: var(--nclcd-emerald); text-shadow: 0 0 12px rgba(85, 229, 176, .28); }
.nclcd-carbon-progress { position: relative; height: 7px; margin-top: 10px; overflow: visible; border-radius: 99px; background: rgba(255, 255, 255, .07); }
.nclcd-carbon-progress i { display: block; width: max(3px, var(--progress)); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--nclcd-emerald-deep), var(--nclcd-emerald)); box-shadow: 0 0 10px rgba(85, 229, 176, .42); }
.nclcd-carbon-progress span { position: absolute; right: 0; top: 10px; color: var(--nclcd-muted); font-size: .875rem; }
.nclcd-carbon-card > p,
.nclcd-seal-card > p { margin: 20px 0 0; color: var(--nclcd-muted); font-size: .875rem; line-height: 1.38; }

.nclcd-threat-card ul { display: grid; margin: 13px 0 0; padding: 0; gap: 7px; list-style: none; }
.nclcd-threat-card li { display: grid; min-width: 0; min-height: 40px; padding: 7px 9px; grid-template-columns: 8px minmax(0, 1fr) auto; gap: 8px; align-items: center; border: 1px solid var(--nclcd-line); border-radius: 11px; background: rgba(3, 24, 20, .55); }
.nclcd-threat-card li > i { width: 7px; height: 7px; border-radius: 50%; background: var(--nclcd-cyan); box-shadow: 0 0 8px currentColor; }
.nclcd-threat-card li.is-fire_smoke > i { background: var(--nclcd-orange); }
.nclcd-threat-card li.is-land_cover_change > i { background: var(--nclcd-gold); }
.nclcd-threat-card li.is-waste_pollution > i { background: var(--nclcd-emerald); }
.nclcd-threat-card li span { min-width: 0; font-size: .875rem; line-height: 1.2; overflow-wrap: anywhere; }
.nclcd-threat-card li b { color: var(--nclcd-muted); font-size: .875rem; font-weight: 740; }

.nclcd-seal-activities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 13px; gap: 7px; }
.nclcd-seal-activities > div { position: relative; display: grid; min-width: 0; min-height: 112px; padding: 10px; align-content: start; border: 1px solid var(--nclcd-line); border-radius: 12px; background: rgba(3, 24, 20, .58); }
.nclcd-seal-activities i { width: 7px; height: 7px; border-radius: 50%; background: var(--nclcd-cyan); box-shadow: 0 0 8px currentColor; }
.nclcd-seal-activities .is-restoration i { background: var(--nclcd-emerald); }
.nclcd-seal-activities .is-patrol_response i { background: var(--nclcd-gold); }
.nclcd-seal-activities strong { margin-top: 8px; font-size: 1.55rem; line-height: 1; }
.nclcd-seal-activities span { margin-top: 5px; font-size: .875rem; font-weight: 720; line-height: 1.15; overflow-wrap: anywhere; }
.nclcd-seal-activities small { margin-top: 3px; color: var(--nclcd-muted); font-size: .8125rem; }

.nclcd-disclosure { display: grid; margin-top: 12px; padding: 13px 15px; grid-template-columns: auto minmax(0, 1fr); gap: 13px; align-items: center; border: 1px solid rgba(235, 198, 109, .25); border-radius: 15px; background: linear-gradient(100deg, rgba(72, 54, 17, .31), rgba(6, 31, 26, .84)); }
.nclcd-disclosure__signal { display: grid; width: 34px; height: 34px; padding: 8px; grid-template-columns: repeat(3, 4px); gap: 3px; align-items: end; border: 1px solid rgba(235, 198, 109, .3); border-radius: 50%; }
.nclcd-disclosure__signal i { display: block; border-radius: 99px; background: var(--nclcd-gold); }
.nclcd-disclosure__signal i:nth-child(1) { height: 7px; opacity: .55; }
.nclcd-disclosure__signal i:nth-child(2) { height: 13px; opacity: .75; }
.nclcd-disclosure__signal i:nth-child(3) { height: 19px; }
.nclcd-disclosure span,
.nclcd-disclosure strong,
.nclcd-disclosure p { display: block; }
.nclcd-disclosure span { color: var(--nclcd-gold); font-size: .875rem; font-weight: 850; letter-spacing: .09em; }
.nclcd-disclosure strong { margin-top: 1px; font-size: .94rem; }
.nclcd-disclosure p { margin: 2px 0 0; color: var(--nclcd-muted); font-size: .875rem; line-height: 1.4; }

.nclcd-section-heading { display: grid; grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr); margin-bottom: 20px; gap: clamp(24px, 4vw, 72px); align-items: end; }
.nclcd-section-heading > div { min-width: 0; }
.nclcd-section-heading > div > small { margin: 9px 0 2px; color: var(--nclcd-cyan); }
.nclcd-section-heading h2 { max-width: 760px; margin: 0; font-size: clamp(2rem, 3vw, 3.35rem); font-weight: 620; letter-spacing: -.05em; line-height: 1; overflow-wrap: anywhere; }
.nclcd-section-heading > p { max-width: 720px; margin: 0; color: var(--nclcd-muted); font-size: 1rem; line-height: 1.55; }

.nclcd-pipeline { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); margin-bottom: 13px; overflow: hidden; border: 1px solid rgba(98, 217, 241, .23); border-radius: 17px; background: rgba(5, 29, 25, .84); }
.nclcd-pipeline div { position: relative; display: grid; min-width: 0; min-height: 62px; padding: 10px; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: center; border-right: 1px solid var(--nclcd-line); }
.nclcd-pipeline div:last-child { border-right: 0; }
.nclcd-pipeline b { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(98, 217, 241, .35); border-radius: 50%; color: var(--nclcd-cyan); font-size: .875rem; }
.nclcd-pipeline span { min-width: 0; font-size: .875rem; font-weight: 740; overflow-wrap: anywhere; }
.nclcd-pipeline i { position: absolute; right: -4px; z-index: 2; width: 7px; height: 7px; border-radius: 50%; background: var(--nclcd-cyan); box-shadow: 0 0 11px var(--nclcd-cyan); }
.nclcd-pipeline div:last-child i { display: none; }

.nclcd-twin-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.nclcd-twin-grid > article { min-height: 320px; padding: 21px; }
.nclcd-panel > header { display: flex; min-width: 0; gap: 16px; align-items: flex-start; justify-content: space-between; }
.nclcd-panel > header > div { min-width: 0; }
.nclcd-panel h2,
.nclcd-panel h3 { margin: 4px 0 0; font-family: inherit; font-weight: 620; letter-spacing: -.03em; line-height: 1.08; overflow-wrap: anywhere; }
.nclcd-panel h2 { font-size: clamp(1.5rem, 2.1vw, 2.3rem); }
.nclcd-panel h3 { font-size: clamp(1.22rem, 1.7vw, 1.65rem); }
.nclcd-panel > header > small,
.nclcd-panel > header > p { max-width: 540px; margin: 0; color: var(--nclcd-muted); text-align: right; }

.nclcd-mission-card > header > div > span { color: var(--nclcd-cyan); }
.nclcd-mission-card > header > b { flex: 0 0 auto; color: var(--nclcd-cyan); font-size: 1.85rem; }
.nclcd-mission-card > p { display: grid; margin: 18px 0; padding: 13px; gap: 4px; border: 1px solid rgba(98, 217, 241, .16); border-radius: 13px; background: rgba(98, 217, 241, .045); }
.nclcd-mission-card > p span { color: var(--nclcd-muted); font-size: .875rem; }
.nclcd-mission-card dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; gap: 8px; }
.nclcd-mission-card dl div { min-width: 0; padding: 11px; border: 1px solid var(--nclcd-line); border-radius: 12px; }
.nclcd-mission-card dt { color: var(--nclcd-muted); font-size: .875rem; letter-spacing: .06em; }
.nclcd-mission-card dd { margin: 5px 0 0; font-size: 1rem; font-weight: 760; overflow-wrap: anywhere; }
.nclcd-progress { height: 7px; margin: 19px 0 8px; overflow: hidden; border-radius: 99px; background: rgba(255, 255, 255, .06); }
.nclcd-progress i { display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--nclcd-cyan), var(--nclcd-emerald)); }
.nclcd-mission-card > small { color: var(--nclcd-muted); font-size: .875rem; }

.nclcd-track-card > header > b,
.nclcd-telemetry > header > b { display: flex; flex: 0 0 auto; gap: 7px; align-items: center; color: var(--nclcd-cyan); font-size: .875rem; letter-spacing: .07em; }
.nclcd-track-card > header > b i,
.nclcd-telemetry > header > b i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.nclcd-track-map { position: relative; min-height: 245px; margin-top: 15px; overflow: hidden; border: 1px solid rgba(98, 217, 241, .15); border-radius: 16px; background: radial-gradient(circle at 72% 32%, rgba(85, 229, 176, .07), transparent 22%), #041e1a; }
.nclcd-track-map svg { position: absolute; inset: 0; width: 100%; height: calc(100% - 64px); padding: 16px; overflow: visible; }
.track-grid { fill: none; stroke: rgba(161, 224, 211, .06); stroke-width: .35; }
.track-boundary { fill: rgba(85, 229, 176, .035); stroke: rgba(85, 229, 176, .28); stroke-width: .65; stroke-dasharray: 2 2; }
.track-route { fill: none; stroke: url(#routeGlow); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 3px rgba(98, 217, 241, .75)); stroke-dasharray: 160; stroke-dashoffset: 160; animation: nclcd-route 2.4s ease forwards .35s; }
.track-start { fill: var(--nclcd-emerald); }
.track-end { fill: var(--nclcd-gold); }
.track-pulse { fill: rgba(98, 217, 241, .7); transform-origin: 67px 34px; animation: nclcd-pulse 2s infinite; }
.nclcd-track-stats { position: absolute; inset: auto 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; border-top: 1px solid var(--nclcd-line); background: rgba(2, 16, 13, .76); }
.nclcd-track-stats span { display: grid; padding: 10px 14px; gap: 2px; }
.nclcd-track-stats span + span { border-left: 1px solid var(--nclcd-line); }
.nclcd-track-stats b { color: var(--nclcd-cyan); }
.nclcd-track-stats small { color: var(--nclcd-muted); font-size: .875rem; }

.nclcd-evidence-metrics { display: grid; grid-template-columns: repeat(4, 1fr); margin: 18px 0; gap: 8px; }
.nclcd-evidence-metrics span { display: grid; min-width: 0; padding: 11px; gap: 2px; text-align: center; border: 1px solid var(--nclcd-line); border-radius: 12px; }
.nclcd-evidence-metrics b { color: var(--nclcd-cyan); font-size: 1.7rem; }
.nclcd-evidence-metrics small { color: var(--nclcd-muted); font-size: .875rem; }
.nclcd-evidence-list { border-top: 1px solid var(--nclcd-line); }
.nclcd-evidence-list > div { display: grid; min-width: 0; padding: 9px 2px; grid-template-columns: 12px minmax(0, 1fr) auto; gap: 9px; align-items: center; border-bottom: 1px solid var(--nclcd-line); }
.nclcd-evidence-list i { width: 9px; height: 9px; border-radius: 50%; background: var(--nclcd-emerald); }
.nclcd-evidence-list i.is-video { background: var(--nclcd-gold); }
.nclcd-evidence-list i.is-voice { background: var(--nclcd-cyan); }
.nclcd-evidence-list time { color: var(--nclcd-muted); font-size: .875rem; font-variant-numeric: tabular-nums; }

.nclcd-ai-score { display: grid; grid-template-columns: 125px minmax(0, 1fr); margin: 19px 0 16px; gap: 18px; align-items: center; }
.nclcd-ai-score > div { display: flex; width: 120px; height: 120px; padding-top: 35px; align-items: baseline; justify-content: center; border-radius: 50%; background: radial-gradient(circle at center, #092b24 54%, transparent 55%), conic-gradient(var(--nclcd-cyan) calc(var(--score) * 1%), rgba(255,255,255,.06) 0); }
.nclcd-ai-score > div strong { font-size: 2.65rem; font-weight: 630; }
.nclcd-ai-score > div small { color: var(--nclcd-muted); font-size: .875rem; }
.nclcd-ai-score p { display: grid; min-width: 0; margin: 0; gap: 5px; }
.nclcd-ai-score p b { font-size: 1.08rem; }
.nclcd-ai-score p span { color: var(--nclcd-muted); }
.nclcd-ai-card blockquote { margin: 0; padding: 13px 15px; border-left: 3px solid var(--nclcd-cyan); border-radius: 0 12px 12px 0; color: #d2e3dd; background: rgba(98, 217, 241, .05); }
.nclcd-human-rule { display: flex; flex-wrap: wrap; margin-top: 15px; gap: 7px; align-items: center; color: var(--nclcd-muted); }
.nclcd-human-rule i,
.nclcd-human-rule b { display: inline-flex; padding: 5px 9px; border-radius: 7px; font-style: normal; font-size: .875rem; letter-spacing: .06em; }
.nclcd-human-rule i { color: var(--nclcd-cyan); background: rgba(98, 217, 241, .09); }
.nclcd-human-rule b { color: #052019; background: var(--nclcd-emerald); }

/* Legacy V2 journey styles retained for stable baseline compatibility */
.nclcd-twin-heading { margin-bottom: 16px; }

.nclcd-twin-unavailable {
  display: grid;
  min-height: 220px;
  padding: 28px;
  place-content: center;
  gap: 6px;
  border: 1px solid rgba(235, 198, 109, .28);
  border-radius: 20px;
  color: var(--nclcd-muted);
  background: rgba(5, 29, 25, .82);
  text-align: center;
}
.nclcd-twin-unavailable strong { color: var(--nclcd-text); font-size: 1.25rem; }

.nclcd-twin-truthbar {
  display: grid;
  min-width: 0;
  min-height: 48px;
  margin-bottom: 12px;
  padding: 8px 12px;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(98, 217, 241, .24);
  border-radius: 14px;
  background: rgba(4, 27, 23, .86);
}
.nclcd-twin-truthbar > span { display: inline-flex; min-width: 0; gap: 8px; align-items: center; color: var(--nclcd-cyan); }
.nclcd-twin-truthbar > span i { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px currentColor; animation: nclcd-heartbeat 2s ease-in-out infinite; }
.nclcd-twin-truthbar b { font-size: .875rem; letter-spacing: .07em; }
.nclcd-twin-truthbar small { padding: 4px 8px; border: 1px solid var(--nclcd-line); border-radius: 7px; color: var(--nclcd-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .78rem; white-space: nowrap; }
.nclcd-twin-truthbar em { min-width: 0; color: var(--nclcd-muted); font-size: .875rem; font-style: normal; text-align: right; overflow-wrap: anywhere; }

.nclcd-twin-journey {
  display: grid;
  min-width: 0;
  margin-bottom: 13px;
  padding: 7px;
  grid-template-columns: repeat(10, minmax(0, 1fr));
  gap: 5px;
  overflow: hidden;
  border: 1px solid rgba(98, 217, 241, .2);
  border-radius: 18px;
  background: rgba(3, 23, 19, .9);
}
.nclcd-twin-step {
  --twin-tone: var(--nclcd-cyan);
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 76px;
  padding: 8px 6px 10px;
  place-items: center;
  align-content: center;
  gap: 4px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: var(--nclcd-muted);
  background: transparent;
  text-align: center;
  cursor: pointer;
  transition: border-color 180ms ease, color 180ms ease, background 180ms ease, transform 180ms ease;
}
.nclcd-twin-step.is-gold { --twin-tone: var(--nclcd-gold); }
.nclcd-twin-step.is-emerald { --twin-tone: var(--nclcd-emerald); }
.nclcd-twin-step:hover { color: var(--nclcd-text); background: rgba(98, 217, 241, .05); transform: translateY(-1px); }
.nclcd-twin-step.is-active { border-color: rgba(98, 217, 241, .42); border-color: color-mix(in srgb, var(--twin-tone) 48%, transparent); color: var(--nclcd-text); background: rgba(20, 77, 66, .34); background: color-mix(in srgb, var(--twin-tone) 9%, rgba(5, 29, 25, .95)); }
.nclcd-twin-step b { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid color-mix(in srgb, var(--twin-tone) 42%, transparent); border-radius: 50%; color: var(--twin-tone); font-size: .78rem; }
.nclcd-twin-step span { min-width: 0; font-size: .78rem; font-weight: 760; line-height: 1.08; overflow-wrap: anywhere; }
.nclcd-twin-step i { position: absolute; right: -5px; width: 9px; height: 1px; background: var(--nclcd-line-strong); }
.nclcd-twin-step:last-child i { display: none; }
.nclcd-twin-step.is-active b { box-shadow: 0 0 18px color-mix(in srgb, var(--twin-tone) 28%, transparent); }
.nclcd-twin-step.is-complete b { color: #042019; border-color: var(--nclcd-emerald); background: var(--nclcd-emerald); }

.nclcd-twin-workspace { display: grid; min-width: 0; grid-template-columns: minmax(250px, .72fr) minmax(0, 1.68fr); gap: 13px; align-items: stretch; }

.nclcd-twin-case,
.nclcd-twin-stage-shell {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--nclcd-line);
  border-radius: var(--nclcd-radius);
  background: linear-gradient(145deg, rgba(10, 48, 40, .82), rgba(3, 24, 20, .95));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 16px 38px rgba(0, 0, 0, .16);
}

.nclcd-twin-case { display: flex; min-height: 550px; padding: 18px; flex-direction: column; }
.nclcd-twin-case > header { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: start; }
.nclcd-twin-case > header > div { min-width: 0; }
.nclcd-twin-case > header span { display: block; color: var(--nclcd-cyan); font-size: .78rem; font-weight: 820; letter-spacing: .1em; }
.nclcd-twin-case > header h3 { margin: 4px 0 0; font-size: clamp(1.22rem, 1.55vw, 1.62rem); font-weight: 620; letter-spacing: -.03em; line-height: 1.08; overflow-wrap: anywhere; }
.nclcd-twin-case > header > b { max-width: 130px; padding: 5px 7px; overflow: hidden; border: 1px solid rgba(98, 217, 241, .24); border-radius: 7px; color: var(--nclcd-cyan); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }

.nclcd-twin-geometry { position: relative; min-height: 238px; margin: 16px 0 13px; overflow: hidden; border: 1px solid rgba(98, 217, 241, .17); border-radius: 16px; background: radial-gradient(circle at 54% 44%, rgba(85, 229, 176, .09), transparent 38%), #031b17; }
.nclcd-twin-geometry::after { content: ""; position: absolute; inset: -30% 0 auto; height: 35%; background: linear-gradient(180deg, transparent, rgba(98, 217, 241, .08), transparent); animation: nclcd-twin-scan 5s ease-in-out infinite; }
.nclcd-twin-geometry svg { position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); overflow: visible; }
.nclcd-twin-gridline { fill: none; stroke: rgba(161, 224, 211, .055); stroke-width: 1; }
.nclcd-twin-polygon { fill: url(#nclcdTwinFill); stroke: var(--nclcd-emerald); stroke-width: 1.2; stroke-linejoin: round; filter: url(#nclcdTwinGlow); }
.nclcd-twin-polygon.is-two { stroke: var(--nclcd-cyan); opacity: .9; }
.nclcd-twin-polygon.is-three { stroke: var(--nclcd-gold); opacity: .78; }
.nclcd-twin-polygon.is-four { opacity: .62; }
.nclcd-twin-geometry circle { fill: var(--nclcd-gold); filter: drop-shadow(0 0 5px rgba(235, 198, 109, .8)); }
.nclcd-twin-geometry > span { position: absolute; z-index: 2; right: 9px; bottom: 9px; padding: 5px 7px; border-radius: 6px; color: var(--nclcd-muted); background: rgba(2, 18, 15, .82); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .68rem; letter-spacing: .05em; }

.nclcd-twin-case dl { display: grid; margin: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.nclcd-twin-case dl > div { min-width: 0; padding: 10px; border: 1px solid var(--nclcd-line); border-radius: 11px; background: rgba(2, 17, 14, .3); }
.nclcd-twin-case dt { color: var(--nclcd-muted); font-size: .7rem; font-weight: 760; letter-spacing: .07em; }
.nclcd-twin-case dd { margin: 4px 0 0; font-size: .9rem; font-weight: 700; line-height: 1.2; overflow-wrap: anywhere; }
.nclcd-twin-case dd small { display: block; margin-top: 2px; color: var(--nclcd-muted); font-size: .72rem; font-weight: 500; }
.nclcd-twin-case > p { display: flex; margin: auto 0 0; padding-top: 13px; gap: 8px; align-items: flex-start; border-top: 1px solid var(--nclcd-line); color: var(--nclcd-muted); font-size: .78rem; line-height: 1.35; }
.nclcd-twin-case > p i { flex: 0 0 auto; width: 7px; height: 7px; margin-top: 5px; border-radius: 50%; background: var(--nclcd-gold); box-shadow: 0 0 9px rgba(235, 198, 109, .7); }

.nclcd-twin-stage-shell { display: flex; min-height: 550px; padding: 19px; flex-direction: column; }
.nclcd-twin-stage-progress { display: grid; min-width: 0; height: 26px; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.nclcd-twin-stage-progress::before { content: ""; grid-column: 1; grid-row: 1; width: 100%; height: 4px; border-radius: 999px; background: rgba(255, 255, 255, .065); }
.nclcd-twin-stage-progress > i { display: block; z-index: 1; grid-column: 1; grid-row: 1; width: var(--twin-progress); max-width: 100%; height: 4px; border-radius: 999px; background: linear-gradient(90deg, var(--nclcd-cyan), var(--nclcd-emerald), var(--nclcd-gold)); box-shadow: 0 0 14px rgba(98, 217, 241, .25); transition: width 420ms cubic-bezier(.2,.7,.2,1); }
.nclcd-twin-stage-progress output { grid-column: 2; grid-row: 1; color: var(--nclcd-muted); font-size: .78rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.nclcd-twin-stage-panels { position: relative; display: grid; min-height: 444px; }
.nclcd-twin-stage-panel { --stage-tone: var(--nclcd-cyan); display: flex; min-width: 0; padding: 14px 1px 4px; flex-direction: column; animation: nclcd-twin-stage-in 260ms ease both; }
.nclcd-twin-stage-panel[hidden] { display: none; }
.nclcd-twin-stage-panel.is-gold { --stage-tone: var(--nclcd-gold); }
.nclcd-twin-stage-panel.is-emerald { --stage-tone: var(--nclcd-emerald); }
.nclcd-twin-stage-panel > header { display: grid; min-width: 0; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: start; }
.nclcd-twin-stage-panel > header > div { min-width: 0; }
.nclcd-twin-stage-panel > header span { display: block; color: var(--stage-tone); font-size: .78rem; font-weight: 820; letter-spacing: .11em; }
.nclcd-twin-stage-panel > header h3 { margin: 5px 0 0; font-size: clamp(1.85rem, 3.1vw, 3.25rem); font-weight: 610; letter-spacing: -.05em; line-height: .98; overflow-wrap: anywhere; }
.nclcd-twin-stage-panel > header > b { max-width: 230px; padding: 7px 9px; border: 1px solid rgba(98, 217, 241, .32); border-color: color-mix(in srgb, var(--stage-tone) 35%, transparent); border-radius: 8px; color: var(--stage-tone); background: rgba(98, 217, 241, .055); background: color-mix(in srgb, var(--stage-tone) 7%, transparent); font-size: .72rem; letter-spacing: .06em; text-align: center; overflow-wrap: anywhere; }
.nclcd-twin-stage-panel > p { max-width: 920px; margin: 16px 0 17px; color: var(--nclcd-muted); font-size: 1rem; line-height: 1.48; }

.nclcd-twin-stage-metrics { display: grid; margin: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.nclcd-twin-stage-metrics > div { min-width: 0; min-height: 92px; padding: 12px; border: 1px solid var(--nclcd-line); border-radius: 13px; background: rgba(2, 17, 14, .35); }
.nclcd-twin-stage-metrics dt { color: var(--nclcd-muted); font-size: .7rem; font-weight: 760; letter-spacing: .08em; }
.nclcd-twin-stage-metrics dd { margin: 7px 0 0; color: var(--stage-tone); font-size: clamp(.95rem, 1.25vw, 1.2rem); font-weight: 740; line-height: 1.15; overflow-wrap: anywhere; }

.nclcd-twin-stage-result { display: grid; margin-top: auto; padding-top: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.nclcd-twin-stage-result > div { min-width: 0; padding: 12px 13px; border: 1px solid var(--nclcd-line); border-radius: 13px; background: rgba(7, 35, 29, .64); }
.nclcd-twin-stage-result > div:first-child { border-left: 3px solid var(--stage-tone); }
.nclcd-twin-stage-result > div:last-child { border-left: 3px solid var(--nclcd-gold); }
.nclcd-twin-stage-result span { display: block; color: var(--nclcd-muted); font-size: .68rem; font-weight: 780; letter-spacing: .09em; }
.nclcd-twin-stage-result strong { display: block; margin-top: 5px; font-size: .9rem; font-weight: 650; line-height: 1.3; overflow-wrap: anywhere; }

.nclcd-twin-controls { display: grid; margin-top: 12px; padding-top: 12px; grid-template-columns: minmax(118px, auto) minmax(170px, 1fr) minmax(118px, auto); gap: 8px; border-top: 1px solid var(--nclcd-line); }
.nclcd-twin-controls button { display: inline-flex; min-width: 0; min-height: 50px; padding: 0 14px; gap: 8px; align-items: center; justify-content: center; border: 1px solid var(--nclcd-line-strong); border-radius: 12px; color: var(--nclcd-text); background: rgba(5, 31, 26, .82); cursor: pointer; transition: border-color 180ms ease, background 180ms ease, transform 180ms ease; }
.nclcd-twin-controls button:hover { border-color: rgba(98, 217, 241, .48); background: rgba(15, 60, 50, .72); transform: translateY(-1px); }
.nclcd-twin-controls button:disabled { opacity: .38; cursor: not-allowed; transform: none; }
.nclcd-twin-controls svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.nclcd-twin-controls .nclcd-twin-play { border-color: rgba(98, 217, 241, .42); color: var(--nclcd-cyan); background: linear-gradient(120deg, rgba(27, 96, 83, .56), rgba(5, 34, 29, .92)); font-weight: 740; }
.nclcd-twin-play > i { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid currentColor; }
.nclcd-twin-play[aria-pressed="true"] > i { width: 9px; height: 11px; border: 0; border-right: 3px solid currentColor; border-left: 3px solid currentColor; }

.nclcd-twin-snapshot { display: grid; margin-top: 13px; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.nclcd-twin-snapshot article { min-width: 0; min-height: 112px; padding: 14px; border: 1px solid var(--nclcd-line); border-radius: 15px; background: rgba(5, 30, 25, .78); }
.nclcd-twin-snapshot span { display: block; color: var(--nclcd-muted); font-size: .7rem; font-weight: 780; letter-spacing: .08em; }
.nclcd-twin-snapshot strong { display: flex; margin-top: 5px; align-items: baseline; color: var(--nclcd-cyan); font-size: 2rem; font-weight: 620; letter-spacing: -.04em; }
.nclcd-twin-snapshot article:nth-child(2) strong { color: var(--nclcd-gold); }
.nclcd-twin-snapshot article:nth-child(3) strong { color: var(--nclcd-emerald); }
.nclcd-twin-snapshot article:nth-child(4) strong { color: var(--nclcd-orange); }
.nclcd-twin-snapshot strong small { margin-left: 3px; color: var(--nclcd-muted); font-size: .82rem; letter-spacing: 0; }
.nclcd-twin-snapshot p { margin: 1px 0 0; color: var(--nclcd-muted); font-size: .82rem; }

.nclcd-twin-decision { display: grid; min-width: 0; margin-top: 13px; padding: 18px 20px; grid-template-columns: auto minmax(0, 1fr) minmax(220px, .7fr); gap: 16px; align-items: center; border: 1px solid rgba(235, 198, 109, .3); border-radius: 18px; background: linear-gradient(120deg, rgba(9, 48, 40, .94), rgba(4, 24, 20, .96)); }
.nclcd-twin-decision__mark { display: flex; width: 76px; height: 50px; padding: 8px; gap: 6px; align-items: center; justify-content: center; border: 1px solid var(--nclcd-line-strong); border-radius: 999px; background: rgba(2, 18, 15, .65); }
.nclcd-twin-decision__mark span,
.nclcd-twin-decision__mark b { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; font-size: .72rem; font-weight: 850; }
.nclcd-twin-decision__mark span { color: var(--nclcd-cyan); border: 1px solid rgba(98, 217, 241, .42); }
.nclcd-twin-decision__mark b { color: #042019; background: var(--nclcd-emerald); }
.nclcd-twin-decision__mark i { width: 8px; height: 1px; background: var(--nclcd-gold); }
.nclcd-twin-decision > div:nth-child(2) { min-width: 0; }
.nclcd-twin-decision > div:nth-child(2) > span { display: block; color: var(--nclcd-gold); font-size: .72rem; font-weight: 820; letter-spacing: .1em; }
.nclcd-twin-decision > div:nth-child(2) > strong { display: block; margin-top: 3px; font-size: clamp(1.35rem, 2vw, 2rem); font-weight: 620; letter-spacing: -.03em; }
.nclcd-twin-decision p,
.nclcd-twin-decision > small { color: var(--nclcd-muted); font-size: .86rem; line-height: 1.4; }
.nclcd-twin-decision p { margin: 4px 0 0; }
.nclcd-twin-decision > small { padding-left: 15px; border-left: 1px solid var(--nclcd-line-strong); }

@keyframes nclcd-twin-stage-in { from { opacity: 0; transform: translateX(8px); } to { opacity: 1; transform: none; } }
@keyframes nclcd-twin-scan { 0%, 12% { transform: translateY(-50%); opacity: 0; } 20% { opacity: .85; } 72% { transform: translateY(430%); opacity: .55; } 82%, 100% { transform: translateY(430%); opacity: 0; } }

.nclcd-device-grid { display: grid; grid-template-columns: minmax(330px, .82fr) minmax(0, 1.18fr); gap: 14px; }
.nclcd-watch-feed { position: relative; min-height: 480px; overflow: hidden; border: 1px solid rgba(255, 173, 101, .27); border-radius: var(--nclcd-radius); box-shadow: var(--nclcd-shadow); background: #020e0c; }
.nclcd-watch-feed::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2,14,12,.08), rgba(2,14,12,.2) 52%, rgba(2,14,12,.94)); pointer-events: none; }
.nclcd-watch-feed img { display: block; width: 100%; height: 100%; min-height: 480px; object-fit: cover; filter: saturate(.76) contrast(1.06) brightness(.74); }
.nclcd-feed-overlay { position: absolute; z-index: 2; inset: 18px 18px auto; display: flex; min-width: 0; gap: 10px; align-items: center; justify-content: space-between; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .875rem; }
.nclcd-feed-overlay span,
.nclcd-feed-overlay b { max-width: 52%; padding: 7px 9px; border-radius: 7px; background: rgba(2, 15, 12, .82); line-height: 1.35; overflow-wrap: anywhere; }
.nclcd-feed-overlay span { display: flex; gap: 8px; align-items: center; }
.nclcd-feed-overlay span i { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--nclcd-orange); box-shadow: 0 0 10px var(--nclcd-orange); animation: nclcd-heartbeat 1.5s infinite; }
.nclcd-feed-event { position: absolute; z-index: 2; inset: auto 21px 21px; display: grid; gap: 4px; }
.nclcd-feed-event strong { font-size: 1.08rem; }
.nclcd-feed-event span { color: var(--nclcd-orange); font-size: .875rem; letter-spacing: .06em; }

.nclcd-telemetry { padding: 22px; }
.nclcd-telemetry > header > b { color: var(--nclcd-orange); }
.nclcd-telemetry-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 20px; gap: 9px; }
.nclcd-telemetry-grid > div { position: relative; min-height: 98px; padding: 14px; overflow: hidden; border: 1px solid var(--nclcd-line); border-radius: 13px; background: rgba(2, 17, 14, .36); }
.nclcd-telemetry-grid > div > span { display: block; color: var(--nclcd-muted); font-size: .875rem; }
.nclcd-telemetry-grid strong { display: block; margin-top: 6px; font-size: 1.85rem; font-weight: 630; }
.nclcd-telemetry-grid strong small { margin-left: 4px; color: var(--nclcd-muted); font-size: .875rem; }
.nclcd-telemetry-grid i { position: absolute; right: 14px; bottom: 14px; width: 7px; height: 7px; border-radius: 50%; background: var(--nclcd-emerald); box-shadow: 0 0 9px var(--nclcd-emerald); }
.nclcd-telemetry-grid i.is-light,
.nclcd-telemetry-grid i.is-charging { background: var(--nclcd-gold); box-shadow: 0 0 9px var(--nclcd-gold); }
.nclcd-telemetry footer { display: flex; flex-wrap: wrap; margin-top: 16px; padding-top: 13px; gap: 8px 16px; justify-content: space-between; border-top: 1px solid var(--nclcd-line); color: var(--nclcd-muted); font-size: .875rem; }

.nclcd-closeout-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr); gap: 14px; }
.nclcd-timeline,
.nclcd-review-card { padding: 22px; }
.nclcd-timeline > header > b { flex: 0 0 auto; color: var(--nclcd-cyan); }
.nclcd-timeline ol { position: relative; margin: 20px 0 0; padding: 0; list-style: none; }
.nclcd-timeline ol::before { content: ""; position: absolute; top: 8px; bottom: 8px; left: 62px; width: 1px; background: var(--nclcd-line-strong); }
.nclcd-timeline li { position: relative; display: grid; min-width: 0; min-height: 40px; grid-template-columns: 47px 12px minmax(0, 1fr); gap: 10px; align-items: center; }
.nclcd-timeline time { color: var(--nclcd-muted); font-size: .875rem; font-variant-numeric: tabular-nums; }
.nclcd-timeline li i { position: relative; z-index: 1; width: 9px; height: 9px; border: 2px solid #092b24; border-radius: 50%; background: var(--nclcd-cyan); box-shadow: 0 0 0 1px rgba(98, 217, 241, .34); }
.nclcd-timeline li.is-device_simulation i { background: var(--nclcd-orange); box-shadow: 0 0 0 1px rgba(255, 173, 101, .35); }
.nclcd-timeline li span { min-width: 0; font-size: .94rem; overflow-wrap: anywhere; }

.nclcd-review-card { text-align: center; }
.nclcd-review-card > header { text-align: left; }
.nclcd-review-mark { position: relative; display: grid; width: 76px; height: 76px; margin: 23px auto 13px; place-items: center; border: 1px solid rgba(85, 229, 176, .42); border-radius: 50%; color: var(--nclcd-emerald); background: rgba(85, 229, 176, .07); box-shadow: 0 0 26px rgba(85, 229, 176, .09); }
.nclcd-review-mark::before { content: ""; width: 24px; height: 13px; margin-top: -5px; border-left: 3px solid currentColor; border-bottom: 3px solid currentColor; transform: rotate(-45deg); }
.nclcd-review-card > strong { display: block; font-size: 1.32rem; font-weight: 630; }
.nclcd-review-card > p { color: var(--nclcd-muted); }
.nclcd-review-card dl { margin: 18px 0 0; text-align: left; border-top: 1px solid var(--nclcd-line); }
.nclcd-review-card dl div { display: grid; grid-template-columns: 92px minmax(0, 1fr); padding: 9px 0; gap: 10px; border-bottom: 1px solid var(--nclcd-line); }
.nclcd-review-card dt { color: var(--nclcd-muted); font-size: .875rem; letter-spacing: .07em; }
.nclcd-review-card dd { margin: 0; overflow-wrap: anywhere; font-size: .875rem; }

.nclcd-boundary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; margin-top: 14px; padding: 20px; gap: 16px; align-items: center; border: 1px solid var(--nclcd-line-strong); border-radius: 20px; background: rgba(6, 31, 26, .9); }
.nclcd-boundary > div:not(.nclcd-boundary__actions) { display: grid; min-width: 0; gap: 4px; }
.nclcd-boundary > div > span { color: var(--nclcd-muted); }
.nclcd-boundary__actions { display: grid; gap: 8px; }
.nclcd-boundary__actions a { display: inline-flex; min-height: 50px; padding: 0 15px; align-items: center; border: 1px solid var(--nclcd-line-strong); border-radius: 12px; text-decoration: none; font-weight: 740; }
.nclcd-boundary__actions a:first-child { border-color: rgba(98, 217, 241, .46); color: var(--nclcd-cyan); }

.nclcd-reveal { opacity: 0; transform: translateY(12px); transition: opacity .42s ease, transform .42s ease; }
.nclcd-reveal.is-visible { opacity: 1; transform: none; }

@keyframes nclcd-heartbeat { 0%, 100% { opacity: .55; transform: scale(.85); } 45% { opacity: 1; transform: scale(1.12); } }
@keyframes nclcd-carbon-pulse { 0%, 100% { border-color: rgba(85, 229, 176, .25); box-shadow: 0 0 0 rgba(85, 229, 176, 0); } 50% { border-color: rgba(85, 229, 176, .55); box-shadow: 0 0 24px rgba(85, 229, 176, .13); } }
@keyframes nclcd-scan { 0%, 12% { transform: translateY(-120%); opacity: 0; } 22% { opacity: 1; } 48% { transform: translateY(720%); opacity: .7; } 56%, 100% { transform: translateY(720%); opacity: 0; } }
@keyframes nclcd-route { to { stroke-dashoffset: 0; } }
@keyframes nclcd-pulse { 0%,100% { opacity:.4; transform:scale(.7); } 50% { opacity:1; transform:scale(1.6); } }
@keyframes nclcd-panel-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

@media (max-width: 1180px) {
  .nclcd-command-grid { grid-template-columns: minmax(195px, .68fr) minmax(400px, 1.58fr) minmax(215px, .78fr); }
  .nclcd-portfolio-browser { padding: 13px; }
  .nclcd-seal-activities { grid-template-columns: 1fr; }
  .nclcd-seal-activities > div { min-height: 70px; grid-template-columns: 8px auto minmax(0, 1fr); gap: 8px; align-items: center; }
  .nclcd-seal-activities strong,
  .nclcd-seal-activities span { margin-top: 0; }
  .nclcd-seal-activities small { display: none; }
  .nclcd-map-toolbar { grid-template-columns: repeat(5, minmax(54px, auto)); }
  .nclcd-map-feedback { grid-column: 1 / -1; text-align: left; }
  .nclcd-tab { padding-inline: 9px; }
  .nclcd-twin-journey { grid-template-columns: repeat(10, minmax(126px, 1fr)); overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
  .nclcd-twin-journey::-webkit-scrollbar { display: none; }
  .nclcd-twin-step { scroll-snap-align: start; }
  .nclcd-twin-workspace { grid-template-columns: minmax(235px, .66fr) minmax(0, 1.5fr); }
  .nclcd-twin-stage-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nclcd-twin-stage-metrics > div { min-height: 82px; }
}

@media (max-width: 980px) {
  .nclcd-main { width: min(100% - 22px, 920px); }
  .nclcd-command-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "map map" "left right"; }
  .nclcd-command-column--left,
  .nclcd-command-column--right { grid-template-rows: auto; }
  .nclcd-portfolio-browser { min-height: 0; }
  .nclcd-area-viewer { grid-template-columns: minmax(150px, .72fr) minmax(0, 1.28fr); grid-template-rows: auto; }
  .nclcd-portfolio-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .nclcd-seal-activities { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .nclcd-seal-activities > div { min-height: 112px; display: grid; grid-template-columns: 1fr; gap: 0; align-items: start; }
  .nclcd-seal-activities strong { margin-top: 8px; }
  .nclcd-seal-activities span { margin-top: 5px; }
  .nclcd-seal-activities small { display: block; }
  .nclcd-map-console { min-height: 590px; }
  .nclcd-section-heading { grid-template-columns: 1fr; gap: 14px; align-items: start; }
  .nclcd-section-heading h2 { max-width: 720px; }
  .nclcd-section-heading > p { max-width: 760px; }
  .nclcd-twin-truthbar { grid-template-columns: auto minmax(0, 1fr); }
  .nclcd-twin-truthbar em { grid-column: 1 / -1; text-align: left; }
  .nclcd-twin-workspace { grid-template-columns: 1fr; }
  .nclcd-twin-stage-shell { grid-row: 1; min-height: 0; }
  .nclcd-twin-case { grid-row: 2; min-height: 0; }
  .nclcd-twin-geometry { min-height: 270px; }
  .nclcd-device-grid,
  .nclcd-closeout-grid { grid-template-columns: 1fr; }
  .nclcd-boundary { grid-template-columns: repeat(2, 1fr); }
  .nclcd-boundary__actions { grid-column: 1 / -1; grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 820px) {
  .nclcd-main { width: min(100% - 18px, 760px); padding-top: 22px; }
  .nclcd-dashboard-intro,
  .nclcd-command,
  .nclcd-tab-panel:not(.nclcd-command) { border-radius: 22px; }
  .nclcd-command__header { align-items: flex-start; flex-direction: column; gap: 12px; }
  .nclcd-command__meta { justify-items: start; }
  .nclcd-truth-rail { display: flex; margin-right: -15px; padding-right: 15px; overflow-x: auto; scrollbar-width: none; }
  .nclcd-truth-rail::-webkit-scrollbar { display: none; }
  .nclcd-truth-chip { flex: 0 0 min(320px, 82vw); }
  .nclcd-tabs { top: 94px; display: flex; padding: 6px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .nclcd-tabs::-webkit-scrollbar { display: none; }
  .nclcd-tab { flex: 0 0 min(235px, 76vw); scroll-snap-align: start; }
  .nclcd-command-grid { grid-template-columns: 1fr; grid-template-areas: "map" "left" "right"; }
  .nclcd-map-console { min-height: 590px; }
  .nclcd-map-stage iframe { min-height: 450px; }
  .nclcd-area-viewer { grid-template-columns: minmax(150px, .72fr) minmax(0, 1.28fr); }
  .nclcd-twin-grid { grid-template-columns: 1fr; }
  .nclcd-twin-grid > article { min-height: 0; }
  .nclcd-pipeline { grid-template-columns: repeat(7, minmax(126px, 1fr)); overflow-x: auto; scroll-snap-type: x proximity; }
  .nclcd-pipeline div { scroll-snap-align: start; }
  .nclcd-twin-stage-panels { min-height: 470px; }
  .nclcd-twin-snapshot { display: flex; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
  .nclcd-twin-snapshot::-webkit-scrollbar { display: none; }
  .nclcd-twin-snapshot article { flex: 0 0 min(210px, 70vw); scroll-snap-align: start; }
  .nclcd-twin-decision { grid-template-columns: auto minmax(0, 1fr); }
  .nclcd-twin-decision > small { grid-column: 1 / -1; padding: 12px 0 0; border-top: 1px solid var(--nclcd-line); border-left: 0; }
  .nclcd-panel > header { flex-direction: column; gap: 9px; }
  .nclcd-panel > header > small,
  .nclcd-panel > header > p { text-align: left; }
}

@media (max-width: 560px) {
  .nclcd-main { width: min(100% - 12px, 520px); padding-bottom: 54px; }
  .nclcd-dashboard-intro,
  .nclcd-command,
  .nclcd-tab-panel:not(.nclcd-command) { padding: 12px; border-radius: 19px; }
  .nclcd-command__header h1 { font-size: 2.05rem; }
  .nclcd-overline { font-size: .875rem; }
  .nclcd-tabs { top: 88px; margin-block: 10px; border-radius: 16px; }
  .nclcd-tab { min-height: 58px; }
  .nclcd-map-console { min-height: 535px; padding: 7px; border-radius: 17px; }
  .nclcd-map-console > header { align-items: flex-start; flex-direction: column; }
  .nclcd-map-status { align-self: flex-start; }
  .nclcd-map-stage iframe { min-height: 370px; }
  .nclcd-map-readout--top { right: 8px; left: 8px; max-width: none; }
  .nclcd-map-readout--bottom { right: 8px; bottom: 8px; left: 8px; max-width: none; }
  .nclcd-map-toolbar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .nclcd-map-toolbar button,
  .nclcd-map-toolbar a { min-height: 48px; padding-inline: 7px; }
  .nclcd-map-toolbar span { font-size: .875rem; }
  .nclcd-map-feedback { grid-column: 1 / -1; min-height: 24px; padding: 2px 3px; text-align: left; }
  .nclcd-disclosure { grid-template-columns: 1fr; }
  .nclcd-disclosure__signal { display: none; }
  .nclcd-area-viewer { grid-template-columns: 1fr; grid-template-rows: minmax(118px, auto) auto; }
  .nclcd-portfolio-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nclcd-carbon-metrics { grid-template-columns: 1fr; }
  .nclcd-seal-activities { grid-template-columns: 1fr; }
  .nclcd-seal-activities > div { min-height: 70px; grid-template-columns: 8px auto minmax(0, 1fr); gap: 8px; align-items: center; }
  .nclcd-seal-activities strong,
  .nclcd-seal-activities span { margin-top: 0; }
  .nclcd-seal-activities small { display: none; }
  .nclcd-section-heading h2 { font-size: 2.2rem; }
  .nclcd-twin-truthbar { grid-template-columns: 1fr; }
  .nclcd-twin-truthbar small { justify-self: start; white-space: normal; }
  .nclcd-twin-truthbar em { grid-column: auto; }
  .nclcd-twin-step { min-height: 72px; }
  .nclcd-twin-stage-shell { padding: 14px; border-radius: 17px; }
  .nclcd-twin-stage-panels { min-height: 0; }
  .nclcd-twin-stage-panel { min-height: 520px; }
  .nclcd-twin-stage-panel > header { grid-template-columns: 1fr; }
  .nclcd-twin-stage-panel > header > b { justify-self: start; max-width: 100%; }
  .nclcd-twin-stage-panel > header h3 { font-size: 2.1rem; }
  .nclcd-twin-stage-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nclcd-twin-stage-metrics > div { min-height: 82px; padding: 10px; }
  .nclcd-twin-stage-result { grid-template-columns: 1fr; }
  .nclcd-twin-controls { grid-template-columns: 50px minmax(0, 1fr) 50px; }
  .nclcd-twin-controls > button:first-child span,
  .nclcd-twin-controls > button:last-child span { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  .nclcd-twin-controls button { padding-inline: 8px; }
  .nclcd-twin-case { padding: 15px; border-radius: 17px; }
  .nclcd-twin-case > header { grid-template-columns: 1fr; }
  .nclcd-twin-case > header > b { max-width: 100%; justify-self: start; }
  .nclcd-twin-geometry { min-height: 220px; }
  .nclcd-twin-case dl { grid-template-columns: 1fr; }
  .nclcd-twin-decision { grid-template-columns: 1fr; padding: 16px; }
  .nclcd-twin-decision > small { grid-column: auto; }
  .nclcd-twin-grid > article,
  .nclcd-telemetry,
  .nclcd-timeline,
  .nclcd-review-card { padding: 18px; border-radius: 17px; }
  .nclcd-mission-card dl,
  .nclcd-evidence-metrics,
  .nclcd-telemetry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nclcd-ai-score { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .nclcd-feed-overlay { align-items: flex-start; flex-direction: column; }
  .nclcd-feed-overlay span,
  .nclcd-feed-overlay b { max-width: 100%; }
  .nclcd-watch-feed,
  .nclcd-watch-feed img { min-height: 420px; }
  .nclcd-boundary,
  .nclcd-boundary__actions { grid-template-columns: 1fr; }
}

@media (hover: none) {
  .nclcd-tab:hover,
  .nclcd-twin-step:hover,
  .nclcd-twin-controls button:hover,
  .nclcd-area-pagination button:hover,
  .nclcd-map-toolbar button:hover,
  .nclcd-map-toolbar a:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .nclcd-live-state i,
  .nclcd-twin-truthbar > span i,
  .nclcd-map-scan,
  .track-pulse,
  .nclcd-feed-overlay span i { animation: none; }
  .nclcd-carbon-achieved { animation: none; }
  .track-route { animation: none; stroke-dashoffset: 0; }
  .nclcd-twin-geometry::after { animation: none; opacity: 0; }
  .nclcd-twin-stage-panel { animation: none; }
  .nclcd-twin-stage-progress > i { transition: none; }
  .nclcd-tab-panel.is-active { animation: none; }
  .nclcd-console-card,
  .nclcd-panel,
  .nclcd-tab,
  .nclcd-twin-step,
  .nclcd-twin-controls button,
  .nclcd-area-pagination button,
  .nclcd-map-toolbar button,
  .nclcd-map-toolbar a { transition: none; }
  .nclcd-reveal { opacity: 1; transform: none; transition: none; }
}

@media (prefers-reduced-transparency: reduce) {
  .nclcd-tabs,
  .nclcd-map-readout,
  .nclcd-truth-chip,
  .nclcd-disclosure { background: #072a23; backdrop-filter: none; -webkit-backdrop-filter: none; }
}

@media (prefers-contrast: more) {
  :root { --nclcd-line: rgba(210, 244, 234, .34); --nclcd-line-strong: rgba(220, 250, 241, .56); --nclcd-muted: #cee0da; }
}

@supports not ((backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px))) {
  .nclcd-tabs,
  .nclcd-map-readout { background: rgba(3, 25, 21, .97); }
}

/* Canonical V3 — community-first dashboard and display modes */
.nclcd-tabs { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.nclcd-tab { min-height: 66px; padding-inline: 9px; grid-template-columns: 30px minmax(0, 1fr); gap: 0 8px; }
.nclcd-tab > span { width: 28px; height: 28px; }
.nclcd-tab strong { font-size: .9rem; }
.nclcd-tab small { font-size: .78rem; }

.nclcd-display-actions { display: flex; gap: 8px; justify-content: flex-end; }
.nclcd-fullscreen-trigger,
.nclcd-tv-trigger {
  display: inline-flex;
  min-height: 42px;
  padding: 0 13px;
  gap: 8px;
  align-items: center;
  border: 1px solid rgba(98, 217, 241, .4);
  border-radius: 12px;
  color: var(--nclcd-cyan);
  background: rgba(98, 217, 241, .07);
  font-weight: 760;
  cursor: pointer;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}
.nclcd-fullscreen-trigger { border-color: rgba(235, 198, 109, .42); color: var(--nclcd-gold); background: rgba(235, 198, 109, .07); }
.nclcd-fullscreen-trigger:hover,
.nclcd-tv-trigger:hover { transform: translateY(-1px); border-color: rgba(98, 217, 241, .72); background: rgba(98, 217, 241, .12); }
.nclcd-fullscreen-trigger:hover { border-color: rgba(235, 198, 109, .72); background: rgba(235, 198, 109, .12); }
.nclcd-fullscreen-trigger svg,
.nclcd-tv-trigger svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.nclcd-community-heading { margin-bottom: 16px; }
.nclcd-community-truth {
  display: grid;
  min-height: 48px;
  margin-bottom: 12px;
  padding: 9px 12px;
  grid-template-columns: auto auto minmax(0, 1fr);
  gap: 12px;
  align-items: center;
  border: 1px solid rgba(98, 217, 241, .22);
  border-radius: 14px;
  background: rgba(4, 27, 23, .86);
}
.nclcd-community-truth span { display: inline-flex; gap: 7px; align-items: center; color: var(--nclcd-emerald); }
.nclcd-community-truth span:nth-child(2) { color: var(--nclcd-gold); }
.nclcd-community-truth i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.nclcd-community-truth b { font-size: .76rem; letter-spacing: .06em; }
.nclcd-community-truth em { color: var(--nclcd-muted); font-size: .8rem; font-style: normal; text-align: right; }

.nclcd-community-hero { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(285px, .72fr); gap: 12px; }
.nclcd-community-map,
.nclcd-activity-card,
.nclcd-community-card,
.nclcd-canonical-kpis article,
.nclcd-integrity-score,
.nclcd-principle-card,
.nclcd-governance-grid article {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--nclcd-line);
  border-radius: var(--nclcd-radius);
  background: linear-gradient(145deg, rgba(10, 48, 40, .8), rgba(3, 24, 20, .94));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025), 0 16px 38px rgba(0, 0, 0, .15);
}
.nclcd-community-map { display: grid; min-height: 460px; padding: 16px; grid-template-rows: auto minmax(300px, 1fr) auto; }
.nclcd-community-map > header,
.nclcd-activity-card > header,
.nclcd-community-card > header { display: flex; min-width: 0; gap: 13px; align-items: flex-start; justify-content: space-between; }
.nclcd-community-map > header > div,
.nclcd-activity-card > header > div,
.nclcd-community-card > header > div { min-width: 0; }
.nclcd-community-map > header span,
.nclcd-activity-card > header span,
.nclcd-community-card > header span,
.nclcd-principle-card > span,
.nclcd-recommendation > div > span {
  display: block;
  color: var(--nclcd-cyan);
  font-size: .76rem;
  font-weight: 830;
  letter-spacing: .1em;
}
.nclcd-community-map h3,
.nclcd-activity-card h3,
.nclcd-community-card h3 { margin: 4px 0 0; font-size: clamp(1.25rem, 1.7vw, 1.72rem); font-weight: 620; letter-spacing: -.03em; line-height: 1.08; }
.nclcd-community-map > header p { margin: 4px 0 0; color: var(--nclcd-muted); font-size: .84rem; }
.nclcd-community-map > header > b { max-width: 240px; padding: 5px 8px; overflow: hidden; border: 1px solid rgba(98, 217, 241, .25); border-radius: 7px; color: var(--nclcd-cyan); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }

.nclcd-hologram-stage { position: relative; min-height: 320px; margin: 10px 0; overflow: hidden; perspective: 900px; border: 1px solid rgba(98, 217, 241, .15); border-radius: 18px; background: radial-gradient(ellipse at 50% 52%, rgba(36, 180, 139, .14), transparent 48%), linear-gradient(180deg, rgba(2, 19, 16, .6), rgba(2, 15, 13, .96)); }
.nclcd-hologram-stage::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(98,217,241,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(98,217,241,.035) 1px, transparent 1px); background-size: 30px 30px; mask-image: linear-gradient(transparent, #000 20%, #000 82%, transparent); }
.nclcd-hologram-plane { position: absolute; inset: 7% 13% 16%; transform-style: preserve-3d; animation: nclcd-hologram-turn 20s linear infinite; }
.nclcd-community-map.is-paused .nclcd-hologram-plane { animation-play-state: paused; }
.nclcd-hologram-plane svg { width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 16px 16px rgba(0,0,0,.34)); transform: rotateX(56deg) rotateZ(-7deg) scale(.96); }
.nclcd-hologram-grid path { fill: none; stroke: rgba(98, 217, 241, .07); stroke-width: .35; }
.nclcd-hologram-plane rect.is-complete { fill: rgba(85, 229, 176, .28); }
.nclcd-hologram-plane rect.is-progress { fill: rgba(98, 217, 241, .24); }
.nclcd-hologram-plane rect.is-planned { fill: rgba(235, 198, 109, .24); }
.nclcd-hologram-scanline { fill: none; stroke: rgba(255,255,255,.1); stroke-width: .3; }
.nclcd-hologram-boundary { fill: none; stroke: var(--nclcd-emerald); stroke-width: 1; stroke-linejoin: round; filter: drop-shadow(0 0 4px rgba(85,229,176,.75)); }
.nclcd-hologram-plane circle { stroke: rgba(255,255,255,.7); stroke-width: .4; }
.nclcd-hologram-plane circle.is-complete { fill: var(--nclcd-emerald); }
.nclcd-hologram-plane circle.is-progress { fill: var(--nclcd-cyan); }
.nclcd-hologram-plane circle.is-planned { fill: var(--nclcd-gold); }
.nclcd-hologram-orbit { position: absolute; inset: 16% 17% 22%; border: 1px solid rgba(98,217,241,.13); border-radius: 50%; transform: rotateX(68deg); }
.nclcd-hologram-orbit i { position: absolute; inset: 13%; border: 1px solid rgba(85,229,176,.1); border-radius: 50%; }
.nclcd-hologram-orbit i:nth-child(2) { inset: 27%; }
.nclcd-hologram-orbit i:nth-child(3) { inset: 41%; }
.nclcd-hologram-caption { position: absolute; right: 12px; bottom: 10px; display: grid; padding: 7px 9px; gap: 1px; border: 1px solid rgba(98,217,241,.16); border-radius: 8px; background: rgba(2,18,15,.82); text-align: right; }
.nclcd-hologram-caption span { color: var(--nclcd-cyan); font-size: .7rem; font-weight: 760; letter-spacing: .05em; }
.nclcd-hologram-caption small { color: var(--nclcd-muted); font-size: .68rem; }
.nclcd-community-map > footer { display: flex; gap: 12px; align-items: center; justify-content: space-between; }
.nclcd-map-legend { display: flex; flex-wrap: wrap; gap: 11px; }
.nclcd-map-legend span { display: inline-flex; gap: 6px; align-items: center; color: var(--nclcd-muted); font-size: .75rem; }
.nclcd-map-legend i { width: 7px; height: 7px; border-radius: 50%; background: var(--nclcd-emerald); box-shadow: 0 0 8px currentColor; }
.nclcd-map-legend .is-progress i { color: var(--nclcd-cyan); background: var(--nclcd-cyan); }
.nclcd-map-legend .is-planned i { color: var(--nclcd-gold); background: var(--nclcd-gold); }
.nclcd-community-map > footer button { display: inline-flex; min-height: 40px; padding: 0 11px; gap: 7px; align-items: center; border: 1px solid var(--nclcd-line-strong); border-radius: 10px; color: var(--nclcd-text); background: rgba(5,31,26,.9); cursor: pointer; }
.nclcd-community-map > footer button i { width: 8px; height: 11px; border-right: 2px solid currentColor; border-left: 2px solid currentColor; }
.nclcd-community-map > footer button[aria-pressed="true"] i { width: 0; height: 0; border: 6px solid transparent; border-right: 0; border-left: 9px solid currentColor; }

.nclcd-activity-card { display: grid; min-height: 460px; padding: 16px; grid-template-rows: auto minmax(0, 1fr) auto; }
.nclcd-activity-card > header > b { display: inline-flex; gap: 6px; align-items: center; color: var(--nclcd-gold); font-size: .72rem; }
.nclcd-activity-card > header > b i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 9px currentColor; }
.nclcd-activity-window { position: relative; margin-top: 12px; min-height: 330px; overflow: hidden; border-top: 1px solid var(--nclcd-line); border-bottom: 1px solid var(--nclcd-line); mask-image: linear-gradient(transparent, #000 10%, #000 90%, transparent); }
.nclcd-activity-track { animation: nclcd-log-rise 28s linear infinite; }
.nclcd-activity-window:hover .nclcd-activity-track,
.nclcd-activity-window:focus .nclcd-activity-track,
.nclcd-activity-window:active .nclcd-activity-track,
.nclcd-activity-window.is-paused .nclcd-activity-track { animation-play-state: paused; }
.nclcd-activity-track ol { margin: 0; padding: 0; list-style: none; }
.nclcd-activity-track li { display: grid; min-width: 0; min-height: 66px; padding: 10px 2px; grid-template-columns: minmax(0,1fr) auto; gap: 3px 8px; align-content: center; border-bottom: 1px solid rgba(161,224,211,.09); }
.nclcd-activity-track time { color: var(--nclcd-cyan); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .69rem; }
.nclcd-activity-track li > span { grid-column: 1 / -1; color: #dceae5; font-size: .82rem; line-height: 1.25; }
.nclcd-activity-track li > b { grid-column: 2; grid-row: 1; color: var(--nclcd-gold); font-size: .64rem; letter-spacing: .05em; }
.nclcd-activity-track li > b.is-complete { color: var(--nclcd-emerald); }
.nclcd-activity-track li > b.is-progress { color: var(--nclcd-cyan); }
.nclcd-activity-card > p { margin: 10px 0 0; color: var(--nclcd-muted); font-size: .72rem; }

.nclcd-community-kpis,
.nclcd-canonical-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 12px; gap: 8px; }
.nclcd-community-kpis article { min-width: 0; padding: 13px 15px; border: 1px solid var(--nclcd-line); border-radius: 15px; background: rgba(4,27,23,.82); }
.nclcd-community-kpis span,
.nclcd-community-kpis strong,
.nclcd-community-kpis small,
.nclcd-canonical-kpis span,
.nclcd-canonical-kpis strong,
.nclcd-canonical-kpis small { display: block; }
.nclcd-community-kpis span,
.nclcd-canonical-kpis span { color: var(--nclcd-muted); font-size: .7rem; font-weight: 800; letter-spacing: .08em; }
.nclcd-community-kpis strong,
.nclcd-canonical-kpis strong { margin-top: 4px; color: var(--nclcd-text); font-size: clamp(1.15rem, 1.65vw, 1.65rem); font-weight: 650; letter-spacing: -.025em; line-height: 1.05; overflow-wrap: anywhere; }
.nclcd-community-kpis small,
.nclcd-canonical-kpis small { margin-top: 5px; color: var(--nclcd-muted); font-size: .76rem; }
.nclcd-community-kpis small.is-actual { color: var(--nclcd-emerald); }
.nclcd-community-kpis small.is-file { color: var(--nclcd-cyan); }
.nclcd-community-kpis small.is-estimate { color: var(--nclcd-gold); }

.nclcd-community-dashboard { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); margin-top: 12px; gap: 12px; }
.nclcd-community-card { padding: 17px; }
.nclcd-budget-card,
.nclcd-mrv-card { grid-column: span 6; }
.nclcd-cost-card { grid-column: span 7; }
.nclcd-carbon-chain-card { grid-column: span 5; }
.nclcd-community-card > header > b { color: var(--nclcd-gold); font-size: .76rem; text-align: right; }
.nclcd-hint { position: relative; display: grid; flex: 0 0 auto; width: 30px; height: 30px; place-items: center; border: 1px solid var(--nclcd-line-strong); border-radius: 50%; color: var(--nclcd-cyan); background: rgba(98,217,241,.06); cursor: help; }
.nclcd-hint > b { position: absolute; right: 0; bottom: calc(100% + 8px); z-index: 30; width: min(300px, 78vw); padding: 10px 12px; visibility: hidden; border: 1px solid rgba(98,217,241,.3); border-radius: 10px; color: var(--nclcd-text); background: #06261f; box-shadow: 0 12px 35px rgba(0,0,0,.35); font-size: .75rem; font-weight: 500; line-height: 1.35; opacity: 0; transform: translateY(5px); transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease; }
.nclcd-hint:hover > b,
.nclcd-hint:focus > b,
.nclcd-hint[aria-expanded="true"] > b { visibility: visible; opacity: 1; transform: none; }

.nclcd-budget-layout { display: grid; grid-template-columns: minmax(145px,.6fr) minmax(0,1.4fr); margin-top: 15px; gap: 16px; align-items: center; }
.nclcd-budget-ring { position: relative; width: min(180px, 100%); aspect-ratio: 1; margin-inline: auto; }
.nclcd-budget-ring svg { display: block; width: 100%; height: 100%; overflow: visible; shape-rendering: geometricPrecision; transform: rotate(-90deg); }
.nclcd-budget-ring circle { fill: none; stroke-width: 8; }
.nclcd-budget-ring .is-track { stroke: rgba(255,255,255,.14); }
.nclcd-budget-ring .is-value,
.nclcd-budget-ring .is-glow { stroke-dasharray: 100; stroke-dashoffset: 100; stroke-linecap: round; }
.nclcd-budget-ring .is-value { stroke: var(--nclcd-cyan); }
.nclcd-budget-ring .is-glow { stroke: rgba(98,217,241,.62); stroke-width: 8; filter: drop-shadow(0 0 5px rgba(98,217,241,.82)); opacity: .5; }
.nclcd-budget-ring .is-beam { stroke: #fff7cf; stroke-width: 6; stroke-dasharray: 4 96; stroke-dashoffset: 0; stroke-linecap: round; filter: drop-shadow(0 0 8px rgba(235,198,109,1)); opacity: 0; will-change: stroke-dashoffset, opacity; }
.nclcd-community.is-active .nclcd-budget-ring .is-value { animation: nclcd-budget-fill 1.8s cubic-bezier(.2,.72,.2,1) forwards; }
.nclcd-community.is-active .nclcd-budget-ring .is-glow { animation: nclcd-budget-fill 1.8s cubic-bezier(.2,.72,.2,1) forwards, nclcd-budget-endglow 2.2s 1.8s ease-in-out infinite; }
.nclcd-community.is-active .nclcd-budget-ring .is-beam { animation: nclcd-budget-beam 3.2s cubic-bezier(.25,.7,.2,1) infinite; }
.nclcd-budget-ring > div { position: absolute; inset: 19%; display: grid; place-content: center; border-radius: 50%; background: radial-gradient(circle, rgba(15,64,53,.88), rgba(3,23,19,.98)); text-align: center; }
.nclcd-budget-ring strong { font-size: clamp(1.9rem, 3vw, 3rem); font-weight: 620; letter-spacing: -.05em; line-height: 1; }
.nclcd-budget-ring span { margin-top: 4px; color: var(--nclcd-muted); font-size: .68rem; }
.nclcd-budget-layout dl { display: grid; margin: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.nclcd-budget-layout dl > div { min-width: 0; padding: 9px 10px; border: 1px solid var(--nclcd-line); border-radius: 10px; }
.nclcd-budget-layout dt { color: var(--nclcd-muted); font-size: .7rem; }
.nclcd-budget-layout dd { margin: 3px 0 0; font-size: .98rem; font-weight: 720; }
.nclcd-budget-layout .is-alert { border-color: rgba(255,173,101,.3); color: var(--nclcd-orange); }
.nclcd-budget-card > p { display: flex; margin: 13px 0 0; padding: 10px; gap: 8px; align-items: flex-start; border: 1px solid rgba(235,198,109,.19); border-radius: 10px; color: var(--nclcd-muted); background: rgba(235,198,109,.04); font-size: .76rem; }
.nclcd-budget-card > p i { flex: 0 0 auto; width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: var(--nclcd-gold); box-shadow: 0 0 9px var(--nclcd-gold); }

.nclcd-mrv-summary { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); margin-top: 15px; gap: 6px; }
.nclcd-mrv-summary > span { display: grid; padding: 8px 9px; gap: 2px; border: 1px solid var(--nclcd-line); border-radius: 10px; }
.nclcd-mrv-summary small { color: var(--nclcd-muted); font-size: .66rem; }
.nclcd-mrv-summary strong { font-size: 1.05rem; }
.nclcd-mrv-summary .is-gap { border-color: rgba(255,173,101,.3); color: var(--nclcd-orange); }
.nclcd-mrv-chart { min-height: 210px; margin-top: 9px; }
.nclcd-mrv-chart svg { width: 100%; height: 210px; overflow: visible; }
.nclcd-mrv-chart .grid path { fill: none; stroke: rgba(161,224,211,.08); stroke-width: 1; }
.nclcd-mrv-chart .target,
.nclcd-mrv-chart .actual { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.nclcd-mrv-chart .target { stroke: var(--nclcd-gold); stroke-dasharray: 8 6; }
.nclcd-mrv-chart .actual { stroke: var(--nclcd-cyan); filter: drop-shadow(0 0 4px rgba(98,217,241,.5)); }
.nclcd-mrv-chart .target-points circle { fill: var(--nclcd-gold); }
.nclcd-mrv-chart .actual-points circle { fill: var(--nclcd-cyan); }
.nclcd-mrv-chart circle { cursor: help; stroke: rgba(3,23,19,.9); stroke-width: 2; transition: r 160ms ease; }
.nclcd-mrv-chart circle:hover { r: 7px; }
.nclcd-mrv-chart text { fill: var(--nclcd-muted); font-size: 11px; text-anchor: middle; }
.nclcd-mrv-card > footer { display: flex; flex-wrap: wrap; gap: 14px; }
.nclcd-mrv-card > footer span { display: inline-flex; gap: 6px; align-items: center; color: var(--nclcd-muted); font-size: .72rem; }
.nclcd-mrv-card > footer i { width: 18px; height: 2px; background: var(--nclcd-gold); }
.nclcd-mrv-card > footer .is-actual i { background: var(--nclcd-cyan); }

.nclcd-cost-stages { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); margin-top: 18px; gap: 7px; }
.nclcd-cost-stages > div { position: relative; display: grid; min-width: 0; min-height: 155px; padding: 11px; align-content: start; border: 1px solid var(--nclcd-line); border-radius: 12px; background: rgba(2,18,15,.45); }
.nclcd-cost-stages span { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid rgba(98,217,241,.32); border-radius: 8px; color: var(--nclcd-cyan); font-size: .7rem; }
.nclcd-cost-stages b { margin-top: 10px; font-size: .78rem; line-height: 1.15; }
.nclcd-cost-stages strong { margin-top: 5px; color: var(--nclcd-gold); font-size: .9rem; }
.nclcd-cost-stages i { position: absolute; right: 8px; bottom: 9px; left: 8px; height: 5px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.06); }
.nclcd-cost-stages i::after { content: ""; display: block; width: var(--share); height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--nclcd-cyan),var(--nclcd-gold)); box-shadow: 0 0 8px rgba(98,217,241,.45); }

.nclcd-carbon-chain { display: grid; margin: 16px 0 0; padding: 0; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; list-style: none; }
.nclcd-carbon-chain li { position: relative; display: grid; min-width: 0; min-height: 112px; padding: 9px; align-content: start; border: 1px solid var(--nclcd-line); border-radius: 11px; background: rgba(2,18,15,.42); }
.nclcd-carbon-chain li > span { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid var(--nclcd-line-strong); border-radius: 50%; color: var(--nclcd-muted); font-size: .65rem; }
.nclcd-carbon-chain li > b { margin-top: 7px; font-size: .73rem; }
.nclcd-carbon-chain li > strong { margin-top: 2px; font-size: .84rem; overflow-wrap: anywhere; }
.nclcd-carbon-chain li > small { margin-top: 3px; color: var(--nclcd-muted); font-size: .66rem; }
.nclcd-carbon-chain li.is-estimate { border-color: rgba(235,198,109,.3); }
.nclcd-carbon-chain li.is-estimate > span { color: var(--nclcd-gold); }
.nclcd-carbon-chain li.is-progress { border-color: rgba(98,217,241,.3); }
.nclcd-carbon-chain li.is-progress > span { color: var(--nclcd-cyan); }
.nclcd-carbon-chain li.is-complete { border-color: rgba(85,229,176,.3); }
.nclcd-carbon-chain li.is-complete > span { color: var(--nclcd-emerald); }

.nclcd-recommendation { display: grid; margin-top: 12px; padding: 16px 18px; grid-template-columns: auto minmax(0,1fr) minmax(170px,.38fr); gap: 15px; align-items: center; border: 1px solid rgba(235,198,109,.25); border-radius: 18px; background: linear-gradient(100deg, rgba(56,44,16,.35), rgba(4,29,24,.94)); }
.nclcd-recommendation-mark { display: flex; align-items: center; }
.nclcd-recommendation-mark span,
.nclcd-recommendation-mark b { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; font-size: .7rem; }
.nclcd-recommendation .nclcd-recommendation-mark > span,
.nclcd-recommendation .nclcd-recommendation-mark > b { display: grid; place-items: center; line-height: 1; letter-spacing: 0; text-align: center; }
.nclcd-recommendation-mark span { border: 1px solid rgba(98,217,241,.38); color: var(--nclcd-cyan); }
.nclcd-recommendation-mark b { color: #052019; background: var(--nclcd-emerald); }
.nclcd-recommendation-mark i { width: 14px; height: 1px; background: linear-gradient(90deg,var(--nclcd-cyan),var(--nclcd-emerald)); }
.nclcd-recommendation > div > strong { display: block; margin-top: 3px; font-size: 1rem; }
.nclcd-recommendation > div > p { margin: 4px 0 0; color: var(--nclcd-muted); font-size: .79rem; line-height: 1.4; }
.nclcd-recommendation > small { padding-left: 14px; border-left: 1px solid var(--nclcd-line); color: var(--nclcd-gold); font-size: .76rem; text-align: right; }

.nclcd-canonical-kpis article { padding: 18px; }
.nclcd-value-flow { display: grid; margin-top: 12px; padding: 15px; grid-template-columns: repeat(11,auto); gap: 7px; align-items: center; border: 1px solid var(--nclcd-line); border-radius: 18px; background: rgba(3,24,20,.76); }
.nclcd-value-flow > div { display: grid; min-width: 0; min-height: 84px; padding: 10px; grid-template-columns: auto minmax(0,1fr); gap: 8px; align-items: center; border: 1px solid var(--nclcd-line); border-radius: 11px; }
.nclcd-value-flow > div span { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid rgba(98,217,241,.3); border-radius: 50%; color: var(--nclcd-cyan); font-size: .68rem; }
.nclcd-value-flow > div b { font-size: .75rem; line-height: 1.15; }
.nclcd-value-flow > i { width: 12px; height: 1px; background: var(--nclcd-line-strong); }
.nclcd-principle-card { margin-top: 12px; padding: 20px; }
.nclcd-principle-card > strong { display: block; max-width: 1050px; margin-top: 5px; font-size: clamp(1.15rem,1.8vw,1.8rem); font-weight: 620; letter-spacing: -.025em; }
.nclcd-principle-card > p { max-width: 1050px; margin: 7px 0 0; color: var(--nclcd-muted); }
.nclcd-performance-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.nclcd-performance-list { display: grid; margin: 15px 0 0; padding: 0; gap: 8px; list-style: none; }
.nclcd-performance-list li { display: grid; min-height: 46px; padding: 8px 10px; grid-template-columns: 9px minmax(0,1fr) auto; gap: 9px; align-items: center; border: 1px solid var(--nclcd-line); border-radius: 10px; }
.nclcd-performance-list i { width: 8px; height: 8px; border-radius: 50%; background: var(--nclcd-cyan); box-shadow: 0 0 8px currentColor; }
.nclcd-performance-list i.is-fire_smoke { color: var(--nclcd-orange); background: var(--nclcd-orange); }
.nclcd-performance-list i.is-land_cover_change { color: var(--nclcd-gold); background: var(--nclcd-gold); }
.nclcd-performance-list b { color: var(--nclcd-muted); font-size: .76rem; }
.nclcd-action-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 15px; gap: 8px; }
.nclcd-action-grid > div { display: grid; min-height: 145px; padding: 12px; align-content: start; border: 1px solid var(--nclcd-line); border-radius: 11px; }
.nclcd-action-grid i { width: 8px; height: 8px; border-radius: 50%; background: var(--nclcd-emerald); box-shadow: 0 0 9px currentColor; }
.nclcd-action-grid strong { margin-top: 10px; font-size: 1.8rem; line-height: 1; }
.nclcd-action-grid span { margin-top: 6px; font-size: .78rem; }
.nclcd-action-grid small { margin-top: 4px; color: var(--nclcd-muted); font-size: .7rem; }
.nclcd-performance-grid article > p { margin: 12px 0 0; color: var(--nclcd-muted); font-size: .76rem; }
.nclcd-carbon-integrity-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.nclcd-integrity-score { min-height: 230px; padding: 24px; display: grid; place-content: center; text-align: center; }
.nclcd-integrity-score span { color: var(--nclcd-gold); font-size: .78rem; font-weight: 820; letter-spacing: .1em; }
.nclcd-integrity-score strong { margin-top: 8px; font-size: clamp(3rem,6vw,6rem); font-weight: 580; letter-spacing: -.06em; line-height: .9; }
.nclcd-integrity-score small { margin-top: 10px; color: var(--nclcd-muted); }
.nclcd-integrity-score.is-verified span,
.nclcd-integrity-score.is-verified strong { color: var(--nclcd-emerald); }
.nclcd-integrity-gates { display: grid; margin: 12px 0 0; padding: 0; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; list-style: none; }
.nclcd-integrity-gates li { display: grid; min-height: 105px; padding: 12px; grid-template-columns: auto minmax(0,1fr); grid-template-rows: auto auto; gap: 2px 9px; align-content: center; border: 1px solid var(--nclcd-line); border-radius: 12px; background: rgba(3,24,20,.72); }
.nclcd-integrity-gates span { display: grid; width: 30px; height: 30px; grid-row: 1/span 2; place-items: center; border: 1px solid var(--nclcd-line-strong); border-radius: 50%; color: var(--nclcd-cyan); font-size: .7rem; }
.nclcd-integrity-gates b { font-size: .84rem; }
.nclcd-integrity-gates small { color: var(--nclcd-muted); font-size: .72rem; }
.nclcd-integrity-gates li.is-estimate { border-color: rgba(235,198,109,.3); }
.nclcd-integrity-gates li.is-estimate span { color: var(--nclcd-gold); }
.nclcd-governance-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.nclcd-governance-grid article { display: grid; min-height: 145px; padding: 16px; grid-template-columns: auto minmax(0,1fr); grid-template-rows: 1fr auto; gap: 10px; align-items: start; }
.nclcd-governance-grid article > span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(98,217,241,.32); border-radius: 10px; color: var(--nclcd-cyan); font-size: .75rem; }
.nclcd-governance-grid article div { display: grid; gap: 4px; }
.nclcd-governance-grid article div b { font-size: 1rem; }
.nclcd-governance-grid article div small { color: var(--nclcd-muted); }
.nclcd-governance-grid article em { grid-column: 1/-1; width: max-content; color: var(--nclcd-emerald); font-size: .7rem; font-style: normal; font-weight: 820; letter-spacing: .08em; }

.nclcd-tv-modal[hidden],
.nclcd-display-bar[hidden],
.nclcd-wall-picker[hidden] { display: none !important; }
body.nclcd-modal-open { overflow: hidden; }
.nclcd-tv-modal { position: fixed; inset: 0; z-index: 99999; display: grid; padding: 18px; place-items: center; background: rgba(1,11,9,.76); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
.nclcd-tv-dialog { width: min(760px,100%); max-height: calc(100vh - 36px); padding: 22px; overflow: auto; border: 1px solid rgba(98,217,241,.35); border-radius: 24px; background: linear-gradient(145deg,#0a342b,#031b17); box-shadow: 0 34px 100px rgba(0,0,0,.55); }
.nclcd-tv-dialog > header { display: flex; gap: 16px; align-items: flex-start; justify-content: space-between; }
.nclcd-tv-dialog > header span { color: var(--nclcd-cyan); font-size: .75rem; font-weight: 820; letter-spacing: .1em; }
.nclcd-tv-dialog h2 { margin: 4px 0 0; font-size: clamp(1.8rem,4vw,2.8rem); font-weight: 620; letter-spacing: -.04em; }
.nclcd-tv-dialog > header > button { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid var(--nclcd-line-strong); border-radius: 50%; color: var(--nclcd-text); background: rgba(255,255,255,.03); font-size: 1.5rem; cursor: pointer; }
.nclcd-tv-dialog > p { margin: 8px 0 16px; color: var(--nclcd-muted); }
.nclcd-tv-modes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.nclcd-tv-modes > button { display: grid; min-height: 150px; padding: 14px; grid-template-columns: auto minmax(0,1fr); gap: 10px; align-content: center; border: 1px solid var(--nclcd-line); border-radius: 16px; color: var(--nclcd-text); background: rgba(2,20,16,.55); text-align: left; cursor: pointer; }
.nclcd-tv-modes > button:hover { border-color: rgba(98,217,241,.55); background: rgba(98,217,241,.07); }
.nclcd-tv-modes > button > span { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(98,217,241,.35); border-radius: 10px; color: var(--nclcd-cyan); font-size: .72rem; }
.nclcd-tv-modes > button div { display: grid; gap: 4px; }
.nclcd-tv-modes b { font-size: .92rem; }
.nclcd-tv-modes small { color: var(--nclcd-muted); font-size: .75rem; line-height: 1.25; }
.nclcd-wall-picker { margin-top: 12px; padding: 13px; border: 1px solid var(--nclcd-line); border-radius: 15px; }
.nclcd-wall-picker > span { color: var(--nclcd-gold); font-size: .72rem; font-weight: 820; letter-spacing: .08em; }
.nclcd-wall-picker > div { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); margin-top: 8px; gap: 6px; }
.nclcd-wall-picker button { display: grid; min-height: 62px; place-content: center; border: 1px solid var(--nclcd-line); border-radius: 10px; color: var(--nclcd-text); background: rgba(255,255,255,.025); cursor: pointer; }
.nclcd-wall-picker button:hover { border-color: var(--nclcd-gold); }
.nclcd-wall-picker button small { color: var(--nclcd-muted); }
.nclcd-tv-dialog > footer { margin-top: 13px; padding-top: 12px; border-top: 1px solid var(--nclcd-line); color: var(--nclcd-muted); font-size: .76rem; }

.nclcd-display-bar { position: relative; z-index: 999; display: grid; min-height: 52px; padding: 5px 7px; grid-template-columns: minmax(150px,.72fr) minmax(430px,1.8fr) auto; gap: 8px; align-items: center; border: 1px solid rgba(98,217,241,.28); border-radius: 13px; background: rgba(3,25,21,.95); box-shadow: 0 10px 34px rgba(0,0,0,.22); }
.nclcd-display-brand,
.nclcd-display-controls { display: flex; min-width: 0; gap: 8px; align-items: center; }
.nclcd-display-controls { justify-content: flex-end; }
.nclcd-display-bar span { color: var(--nclcd-cyan); font-size: .72rem; font-weight: 820; letter-spacing: .08em; }
.nclcd-display-bar .nclcd-landscape-chip { padding: 4px 8px; border: 1px solid rgba(235,198,109,.34); border-radius: 999px; color: var(--nclcd-gold); background: rgba(235,198,109,.07); font-size: .64rem; white-space: nowrap; }
.nclcd-display-bar b { min-width: 0; overflow: hidden; font-size: .9rem; text-overflow: ellipsis; white-space: nowrap; }
.nclcd-display-bar small,
.nclcd-display-bar time { color: var(--nclcd-muted); font-size: .76rem; }
.nclcd-display-bar button { display: inline-flex; min-height: 36px; padding: 0 11px; gap: 6px; align-items: center; justify-content: center; border: 1px solid var(--nclcd-line-strong); border-radius: 9px; color: var(--nclcd-text); background: rgba(255,255,255,.03); cursor: pointer; }
.nclcd-display-bar button svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.nclcd-display-navigation { display: grid; min-width: 0; grid-template-columns: 36px minmax(0,1fr) minmax(36px,auto); gap: 6px; align-items: center; }
.nclcd-display-bar .nclcd-display-step { min-width: 36px; min-height: 36px; padding: 0 8px; }
.nclcd-display-step.is-next > span { display: none; max-width: 140px; overflow: hidden; color: var(--nclcd-muted); font-size: .69rem; letter-spacing: 0; text-overflow: ellipsis; white-space: nowrap; }
.nclcd-display-tabstrip { display: grid; min-width: 0; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 4px; }
.nclcd-display-bar .nclcd-display-tabstrip > button { min-width: 0; min-height: 36px; padding: 4px 7px; gap: 6px; border-color: rgba(161,224,211,.12); }
.nclcd-display-tabstrip > button > span { flex: 0 0 auto; color: var(--nclcd-muted); font-size: .62rem; }
.nclcd-display-tabstrip > button > b { font-size: .7rem; font-weight: 680; }
.nclcd-display-tabstrip > button.is-active { border-color: rgba(85,229,176,.5); background: linear-gradient(120deg,rgba(85,229,176,.14),rgba(98,217,241,.05)); box-shadow: inset 0 -2px 0 rgba(85,229,176,.72),0 0 16px rgba(85,229,176,.08); }
.nclcd-display-tabstrip > button.is-active > span,
.nclcd-display-tabstrip > button.is-active > b { color: var(--nclcd-emerald); }
body.nclcd-display-active { display: block; width: 100vw; min-height: 100vh; min-height: 100dvh; overflow: hidden; background: #010806; }
body.nclcd-display-active > :not(.nclcd-main):not(script):not(style) { display: none !important; }
body.nclcd-display-active [data-nc-global-header],
body.nclcd-display-active [data-nc-global-footer],
body.nclcd-display-active .nc-global-menu,
body.nclcd-display-active .nc-global-menu-shade,
body.nclcd-display-active .nc-global-launcher { display: none !important; }
body.nclcd-display-active .nclcd-main { display: grid; width: 100vw; max-width: none; height: 100vh; height: 100dvh; aspect-ratio: auto; margin: 0; padding: max(7px,env(safe-area-inset-top)) max(9px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left)); grid-template-rows: auto minmax(0,1fr); gap: 5px; overflow: hidden; }
body.nclcd-display-active .nclcd-dashboard-intro,
body.nclcd-display-active .nclcd-tabs { display: none !important; }
body.nclcd-display-active .nclcd-tab-panels { position: relative; min-height: 0; height: auto; overflow: hidden; }
body.nclcd-display-active .nclcd-tab-panel[hidden] { display: none !important; }
body.nclcd-display-active .nclcd-tab-panel.is-active { width: 100%; height: 100%; overflow: hidden; animation: none !important; transform: none !important; }
body.nclcd-display-active .nclcd-tab-panel { padding: clamp(7px,.72vmin,12px); border-radius: 16px; }
body.nclcd-display-active .nclcd-reveal { opacity: 1; transform: none; }

@media (orientation: portrait) {
  body.nclcd-display-active::after { content: "↻ PUTAR KE LANDSCAPE"; position: fixed; right: 10px; bottom: 10px; z-index: 1000; padding: 6px 9px; border: 1px solid rgba(235,198,109,.4); border-radius: 999px; color: var(--nclcd-gold); background: rgba(1,8,6,.88); font-size: .65rem; font-weight: 820; letter-spacing: .08em; pointer-events: none; }
}

@keyframes nclcd-hologram-turn { from { transform: rotateY(-11deg); } 50% { transform: rotateY(11deg); } to { transform: rotateY(-11deg); } }
@keyframes nclcd-log-rise { from { transform: translateY(0); } to { transform: translateY(-50%); } }
@keyframes nclcd-budget-fill { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 42; } }
@keyframes nclcd-budget-beam {
  0%, 10% { stroke-dashoffset: 0; opacity: 0; }
  15% { stroke-dashoffset: 0; opacity: 1; }
  65% { stroke-dashoffset: -58; opacity: 1; }
  74% { stroke-dashoffset: -58; opacity: 0; }
  100% { stroke-dashoffset: 0; opacity: 0; }
}
@keyframes nclcd-budget-endglow { 0%,100% { opacity:.55; filter: drop-shadow(0 0 3px rgba(235,198,109,.55)); } 50% { opacity:1; filter: drop-shadow(0 0 9px rgba(235,198,109,1)); } }

@media (max-width: 1380px) {
  .nclcd-tabs { display: flex; overflow-x: auto; scrollbar-width: none; }
  .nclcd-tabs::-webkit-scrollbar { display: none; }
  .nclcd-tab { flex: 0 0 220px; }
  .nclcd-value-flow { display: flex; overflow-x: auto; }
  .nclcd-value-flow > div { flex: 0 0 170px; }
}

@media (max-width: 980px) {
  .nclcd-community-hero,
  .nclcd-performance-grid { grid-template-columns: 1fr; }
  .nclcd-community-map,
  .nclcd-activity-card { min-height: 0; }
  .nclcd-activity-window { height: 340px; }
  .nclcd-community-kpis,
  .nclcd-canonical-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nclcd-budget-card,
  .nclcd-mrv-card,
  .nclcd-cost-card,
  .nclcd-carbon-chain-card { grid-column: 1/-1; }
  .nclcd-governance-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 680px) {
  .nclcd-command__meta { width: 100%; grid-template-columns: 1fr; justify-items: start; align-items: center; }
  .nclcd-command__meta time { grid-column: 1; }
  .nclcd-display-actions { width: 100%; grid-column: 1; }
  .nclcd-display-actions > button { flex: 1 1 0; justify-content: center; }
  .nclcd-community-truth { grid-template-columns: 1fr; }
  .nclcd-community-truth em { text-align: left; }
  .nclcd-community-map { padding: 12px; }
  .nclcd-community-map > header { display: grid; }
  .nclcd-community-map > header > b { max-width: 100%; }
  .nclcd-hologram-stage { min-height: 285px; }
  .nclcd-community-map > footer { align-items: flex-start; flex-direction: column; }
  .nclcd-community-map > footer button { min-height: 48px; }
  .nclcd-community-kpis,
  .nclcd-canonical-kpis,
  .nclcd-carbon-integrity-grid,
  .nclcd-governance-grid { grid-template-columns: 1fr; }
  .nclcd-budget-layout { grid-template-columns: 1fr; }
  .nclcd-mrv-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nclcd-cost-stages { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
  .nclcd-cost-stages > div { flex: 0 0 155px; scroll-snap-align: start; }
  .nclcd-carbon-chain { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
  .nclcd-carbon-chain li { flex: 0 0 150px; scroll-snap-align: start; }
  .nclcd-recommendation { grid-template-columns: 1fr; }
  .nclcd-recommendation > small { padding: 10px 0 0; border-top: 1px solid var(--nclcd-line); border-left: 0; text-align: left; }
  .nclcd-action-grid { grid-template-columns: 1fr; }
  .nclcd-action-grid > div { min-height: 95px; }
  .nclcd-integrity-gates { display: flex; overflow-x: auto; }
  .nclcd-integrity-gates li { flex: 0 0 175px; }
  .nclcd-tv-modes { grid-template-columns: 1fr; }
  .nclcd-tv-modes > button { min-height: 90px; }
  .nclcd-wall-picker > div { grid-template-columns: repeat(3,minmax(0,1fr)); }
}

@media (hover: none) {
  .nclcd-hint > b { position: fixed; right: 14px; bottom: 20px; left: 14px; width: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .nclcd-hologram-plane,
  .nclcd-activity-track,
  .nclcd-community.is-active .nclcd-budget-ring .is-glow,
  .nclcd-community.is-active .nclcd-budget-ring .is-beam { animation: none; }
  .nclcd-community.is-active .nclcd-budget-ring .is-value,
  .nclcd-community.is-active .nclcd-budget-ring .is-glow { stroke-dashoffset: 42; }
  .nclcd-community.is-active .nclcd-budget-ring .is-beam { stroke-dashoffset: -58; opacity: 1; }
}

/* Responsive landscape presentation contract: full viewport, live tab navigation, no scroll or transform scaling. */
html.nclcd-display-root { width: 100%; height: 100%; overflow: hidden !important; font-size: clamp(12px,1.38vmin,16px); }
html.nclcd-display-root body { width: 100%; height: 100%; overflow: hidden !important; }
body.nclcd-display-active .nclcd-tab-panel,
body.nclcd-display-active .nclcd-tab-panel * { box-sizing: border-box; }

/* Tab 01 keeps its canonical silhouette while growing into the actual viewport. */
body.nclcd-display-active .nclcd-command { display: grid; min-height: 0; grid-template-rows: minmax(0,1fr) auto; gap: 7px; }
body.nclcd-display-active .nclcd-command-grid { min-height: 0; height: 100%; grid-template-columns: minmax(210px,.78fr) minmax(370px,1.68fr) minmax(220px,.86fr); grid-template-areas: "left map right"; gap: 8px; }
body.nclcd-display-active .nclcd-command-column { min-height: 0; gap: 8px; }
body.nclcd-display-active .nclcd-command-column--right { grid-template-rows: repeat(3,minmax(0,1fr)); }
body.nclcd-display-active .nclcd-portfolio-browser,
body.nclcd-display-active .nclcd-map-console { min-height: 0; height: 100%; }
body.nclcd-display-active .nclcd-portfolio-browser { padding: 9px; grid-template-rows: auto auto auto minmax(0,1fr) auto auto; gap: 6px; }
body.nclcd-display-active .nclcd-portfolio-total { padding: 6px 0; }
body.nclcd-display-active .nclcd-portfolio-total small { margin-top: 4px; }
body.nclcd-display-active .nclcd-portfolio-filter { gap: 3px; }
body.nclcd-display-active .nclcd-portfolio-filter select { min-height: 34px; }
body.nclcd-display-active .nclcd-area-viewer { min-height: 0; padding: 7px; grid-template-columns: minmax(0,1fr); grid-template-rows: minmax(72px,.7fr) auto; gap: 5px; }
body.nclcd-display-active .nclcd-area-silhouette { min-height: 72px; }
body.nclcd-display-active .nclcd-area-silhouette svg { height: 76px; }
body.nclcd-display-active .nclcd-area-copy > p { margin: 3px 0 5px; }
body.nclcd-display-active .nclcd-area-copy dl div { padding: 3px 0; }
body.nclcd-display-active .nclcd-area-state { margin-top: 4px; }
body.nclcd-display-active .nclcd-area-pagination { grid-template-columns: 36px minmax(0,1fr) 36px; }
body.nclcd-display-active .nclcd-area-pagination button { min-height: 34px; }
body.nclcd-display-active .nclcd-portfolio-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
body.nclcd-display-active .nclcd-portfolio-kpis > span { min-height: 46px; padding: 5px 7px; }
body.nclcd-display-active .nclcd-map-console { padding: 7px; grid-template-rows: auto minmax(0,1fr) auto; }
body.nclcd-display-active .nclcd-map-console > header { min-height: 42px; padding: 3px 6px 6px; align-items: center; flex-direction: row; }
body.nclcd-display-active .nclcd-map-stage iframe { min-height: 0; }
body.nclcd-display-active .nclcd-map-toolbar { margin-top: 5px; grid-template-columns: repeat(5,minmax(48px,auto)) minmax(90px,1fr); gap: 4px; }
body.nclcd-display-active .nclcd-map-toolbar button,
body.nclcd-display-active .nclcd-map-toolbar a { min-height: 34px; padding: 0 6px; }
body.nclcd-display-active .nclcd-map-feedback { grid-column: auto; text-align: right; }
body.nclcd-display-active .nclcd-carbon-card,
body.nclcd-display-active .nclcd-threat-card,
body.nclcd-display-active .nclcd-seal-card { min-height: 0; padding: 9px; }
body.nclcd-display-active .nclcd-carbon-metrics { margin-top: 7px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
body.nclcd-display-active .nclcd-carbon-metrics > div { padding: 6px; }
body.nclcd-display-active .nclcd-carbon-card > p,
body.nclcd-display-active .nclcd-seal-card > p { margin-top: 8px; }
body.nclcd-display-active .nclcd-threat-card ul { margin-top: 7px; gap: 4px; }
body.nclcd-display-active .nclcd-threat-card li { min-height: 30px; padding: 4px 6px; }
body.nclcd-display-active .nclcd-seal-activities { margin-top: 7px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 4px; }
body.nclcd-display-active .nclcd-seal-activities > div { min-height: 70px; padding: 6px; grid-template-columns: 1fr; gap: 0; align-items: start; }
body.nclcd-display-active .nclcd-seal-activities strong { margin-top: 5px; }
body.nclcd-display-active .nclcd-seal-activities span { margin-top: 3px; }
body.nclcd-display-active .nclcd-seal-activities small { display: block; }
body.nclcd-display-active .nclcd-disclosure { margin: 0; padding: 7px 10px; grid-template-columns: auto minmax(0,1fr); gap: 8px; }
body.nclcd-display-active .nclcd-disclosure__signal { display: grid; width: 28px; height: 28px; padding: 6px; }

/* Tab 02 uses one aspect-aware operational mosaic. Nested wrappers become layout-neutral
   so every information card receives a deliberate place instead of being squeezed vertically. */
body.nclcd-display-active .nclcd-community { display: grid; min-height: 0; height: 100%; grid-template-columns: minmax(0,1.2fr) minmax(185px,.68fr) minmax(330px,1.12fr); grid-template-rows: auto auto minmax(0,1fr) minmax(0,.8fr) minmax(0,.72fr) minmax(0,.76fr); grid-template-areas: "heading heading heading" "truth truth truth" "map activity budget" "map activity mrv" "kpis cost cost" "recommend chain chain"; gap: 5px 7px; }
body.nclcd-display-active .nclcd-community-heading { grid-area: heading; }
body.nclcd-display-active .nclcd-community-truth { grid-area: truth; }
body.nclcd-display-active .nclcd-community-hero,
body.nclcd-display-active .nclcd-community-dashboard { display: contents; }
body.nclcd-display-active .nclcd-community-map { grid-area: map; }
body.nclcd-display-active .nclcd-activity-card { grid-area: activity; }
body.nclcd-display-active .nclcd-community-kpis { grid-area: kpis; }
body.nclcd-display-active .nclcd-budget-card { grid-area: budget; }
body.nclcd-display-active .nclcd-mrv-card { grid-area: mrv; }
body.nclcd-display-active .nclcd-cost-card { grid-area: cost; }
body.nclcd-display-active .nclcd-carbon-chain-card { grid-area: chain; }
body.nclcd-display-active .nclcd-community > .nclcd-recommendation { grid-area: recommend; }
body.nclcd-display-active .nclcd-section-heading { margin: 0; grid-template-columns: minmax(0,1.06fr) minmax(280px,.94fr); gap: clamp(14px,2vw,34px); align-items: end; }
body.nclcd-display-active .nclcd-section-heading h2 { font-size: clamp(1.42rem,2.2vmin,2.35rem); }
body.nclcd-display-active .nclcd-section-heading > p { font-size: max(.78rem,11px); line-height: 1.3; }
body.nclcd-display-active .nclcd-section-heading > div > small { margin: 3px 0 1px; }
body.nclcd-display-active .nclcd-community-truth { min-height: 34px; margin: 0; padding: 5px 8px; grid-template-columns: auto auto minmax(0,1fr); gap: 8px; }
body.nclcd-display-active .nclcd-community-truth em { text-align: right; }
body.nclcd-display-active .nclcd-community-map,
body.nclcd-display-active .nclcd-activity-card { min-height: 0; height: 100%; padding: 8px; }
body.nclcd-display-active .nclcd-community-map { grid-template-rows: auto minmax(0,1fr) auto; }
body.nclcd-display-active .nclcd-community-map > header { display: flex; }
body.nclcd-display-active .nclcd-community-map > footer { align-items: center; flex-direction: row; }
body.nclcd-display-active .nclcd-community-map > footer button { min-height: 30px; padding: 0 7px; }
body.nclcd-display-active .nclcd-hologram-stage { min-height: 0; margin: 5px 0; }
body.nclcd-display-active .nclcd-hologram-caption { right: 6px; bottom: 5px; padding: 4px 6px; }
body.nclcd-display-active .nclcd-activity-card { grid-template-rows: auto minmax(0,1fr) auto; }
body.nclcd-display-active .nclcd-activity-window { height: auto; min-height: 0; margin-top: 5px; }
body.nclcd-display-active .nclcd-activity-card > header { gap: 5px; }
body.nclcd-display-active .nclcd-activity-card > header > div { min-width: 0; }
body.nclcd-display-active .nclcd-activity-card > header > div > span,
body.nclcd-display-active .nclcd-activity-card > header > div > h3 { white-space: nowrap; }
body.nclcd-display-active .nclcd-activity-track li { min-height: 43px; padding: 4px 1px; }
body.nclcd-display-active .nclcd-activity-track time { font-size: max(.66rem,9px); }
body.nclcd-display-active .nclcd-activity-track li > span { font-size: max(.7rem,10px); line-height: 1.18; }
body.nclcd-display-active .nclcd-activity-track li > b { font-size: max(.58rem,8px); }
body.nclcd-display-active .nclcd-activity-card > p { margin: 5px 0 0; }
body.nclcd-display-active .nclcd-community-kpis,
body.nclcd-display-active .nclcd-canonical-kpis { margin: 0; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 5px; }
body.nclcd-display-active .nclcd-community-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); }
body.nclcd-display-active .nclcd-community-kpis article { display: grid; padding: 7px 8px; align-content: center; border-radius: 10px; }
body.nclcd-display-active .nclcd-community-kpis span { line-height: 1; }
body.nclcd-display-active .nclcd-community-kpis strong { margin-top: 2px; line-height: 1.05; }
body.nclcd-display-active .nclcd-community-kpis small { margin-top: 2px; line-height: 1.05; }
body.nclcd-display-active .nclcd-community-kpis strong,
body.nclcd-display-active .nclcd-canonical-kpis strong { font-size: clamp(1rem,1.5vmin,1.35rem); }
body.nclcd-display-active .nclcd-budget-card,
body.nclcd-display-active .nclcd-mrv-card,
body.nclcd-display-active .nclcd-cost-card,
body.nclcd-display-active .nclcd-carbon-chain-card { min-height: 0; }
body.nclcd-display-active .nclcd-cost-card,
body.nclcd-display-active .nclcd-carbon-chain-card { display: flex; flex-direction: column; }
body.nclcd-display-active .nclcd-community-card { min-width: 0; min-height: 0; height: 100%; padding: 6px 7px; overflow: hidden; }
body.nclcd-display-active .nclcd-community-card > header { min-width: 0; gap: 5px; }
body.nclcd-display-active .nclcd-community-card > header > div { min-width: 0; }
body.nclcd-display-active .nclcd-community-card > header > div > span { font-size: max(.64rem,9px); }
body.nclcd-display-active .nclcd-cost-card > header > div > span,
body.nclcd-display-active .nclcd-carbon-chain-card > header > div > span { display: none; }
body.nclcd-display-active .nclcd-cost-card > header h3,
body.nclcd-display-active .nclcd-carbon-chain-card > header h3 { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.nclcd-display-active .nclcd-community-card h3,
body.nclcd-display-active .nclcd-community-map h3,
body.nclcd-display-active .nclcd-activity-card h3 { font-size: clamp(1rem,1.55vmin,1.35rem); }
body.nclcd-display-active .nclcd-hint { width: 25px; height: 25px; }
body.nclcd-display-active .nclcd-budget-layout { margin-top: 3px; grid-template-columns: minmax(64px,.36fr) minmax(0,1.64fr); gap: 5px; }
body.nclcd-display-active .nclcd-budget-ring { width: min(74px,100%); }
body.nclcd-display-active .nclcd-budget-ring strong { font-size: clamp(1.55rem,2.6vmin,2.25rem); }
body.nclcd-display-active .nclcd-budget-ring > div { inset: 14%; }
body.nclcd-display-active .nclcd-budget-ring span { margin-top: 2px; font-size: max(.5rem,7px); line-height: 1; }
body.nclcd-display-active .nclcd-budget-layout dl { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; }
body.nclcd-display-active .nclcd-budget-layout dl > div { padding: 2px 4px; }
body.nclcd-display-active .nclcd-budget-layout dt { font-size: max(.6rem,8px); }
body.nclcd-display-active .nclcd-budget-layout dd { margin-top: 1px; font-size: .82rem; }
body.nclcd-display-active .nclcd-budget-card > p { margin: 3px 0 0; padding: 3px 5px; font-size: max(.61rem,9px); line-height: 1.12; }
body.nclcd-display-active .nclcd-mrv-summary { margin-top: 3px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 3px; }
body.nclcd-display-active .nclcd-mrv-summary > span { padding: 2px 4px; }
body.nclcd-display-active .nclcd-mrv-summary small { font-size: max(.58rem,8px); }
body.nclcd-display-active .nclcd-mrv-summary strong { font-size: max(.82rem,11px); }
body.nclcd-display-active .nclcd-mrv-chart { min-height: 0; height: clamp(32px,4.8vh,62px); margin-top: 2px; }
body.nclcd-display-active .nclcd-mrv-chart svg { height: 100%; }
body.nclcd-display-active .nclcd-mrv-card > footer { gap: 8px; font-size: max(.6rem,8px); }
body.nclcd-display-active .nclcd-mrv-card > footer span { gap: 4px; font-size: max(.56rem,8px); line-height: 1; }
body.nclcd-display-active .nclcd-mrv-card > footer i { width: 12px; }
body.nclcd-display-active .nclcd-cost-stages { display: grid; flex: 1 1 auto; min-height: 0; margin-top: 3px; overflow: visible; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 3px; align-items: stretch; }
body.nclcd-display-active .nclcd-cost-stages > div { min-height: 0; padding: 4px 5px 6px; grid-template-columns: 20px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 4px; align-content: center; }
body.nclcd-display-active .nclcd-cost-stages span { width: 20px; height: 20px; grid-row: 1 / 3; border-radius: 6px; font-size: max(.6rem,8px); }
body.nclcd-display-active .nclcd-cost-stages b { min-width: 0; margin-top: 0; font-size: max(.66rem,9px); line-height: 1.08; }
body.nclcd-display-active .nclcd-cost-stages strong { min-width: 0; margin-top: 1px; font-size: max(.72rem,10px); line-height: 1; }
body.nclcd-display-active .nclcd-cost-stages i { right: 3px; bottom: 2px; left: 3px; height: 2px; }
body.nclcd-display-active .nclcd-carbon-chain { display: grid; flex: 1 1 auto; min-height: 0; margin-top: 3px; overflow: visible; grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr)); gap: 3px; align-items: stretch; }
body.nclcd-display-active .nclcd-carbon-chain li { min-height: 0; padding: 4px 5px; grid-template-columns: 19px minmax(0,1fr); grid-template-rows: auto auto auto; column-gap: 4px; align-content: center; }
body.nclcd-display-active .nclcd-carbon-chain li > span { width: 19px; height: 19px; grid-row: 1 / 4; font-size: max(.58rem,8px); }
body.nclcd-display-active .nclcd-carbon-chain li > b { min-width: 0; margin-top: 0; font-size: max(.65rem,9px); line-height: 1; }
body.nclcd-display-active .nclcd-carbon-chain li > strong { min-width: 0; margin-top: 1px; font-size: max(.71rem,10px); line-height: 1; }
body.nclcd-display-active .nclcd-carbon-chain li > small { min-width: 0; margin-top: 1px; font-size: max(.58rem,8px); line-height: 1; }
body.nclcd-display-active .nclcd-recommendation { margin: 0; padding: 7px 9px; grid-template-columns: auto minmax(0,1fr); gap: 8px; }
body.nclcd-display-active .nclcd-recommendation-mark span,
body.nclcd-display-active .nclcd-recommendation-mark b { width: 28px; height: 28px; }
body.nclcd-display-active .nclcd-recommendation-mark { grid-row: 1 / span 2; align-self: center; justify-self: center; }
body.nclcd-display-active .nclcd-recommendation > div > p { margin-top: 2px; font-size: max(.7rem,10px); line-height: 1.22; }
body.nclcd-display-active .nclcd-recommendation > small { grid-column: 2; padding: 2px 0 0; border: 0; font-size: max(.62rem,9px); text-align: left; }

/* Remaining canonical tabs retain all values in one responsive landscape frame. */
body.nclcd-display-active .nclcd-canonical-panel { display: grid; min-height: 0; height: 100%; align-content: start; gap: clamp(7px,1vh,12px); }
body.nclcd-display-active .nclcd-canonical-kpis article { padding: clamp(9px,1.2vmin,16px); }
body.nclcd-display-active .nclcd-value-flow { display: grid; margin: 0; padding: 9px; overflow: visible; grid-template-columns: repeat(11,auto); gap: 5px; }
body.nclcd-display-active .nclcd-value-flow > div { min-height: 60px; padding: 7px; }
body.nclcd-display-active .nclcd-value-flow > div { flex: initial; }
body.nclcd-display-active .nclcd-principle-card { margin: 0; padding: 12px; }
body.nclcd-display-active .nclcd-performance-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
body.nclcd-display-active .nclcd-performance-list { margin-top: 8px; gap: 5px; }
body.nclcd-display-active .nclcd-performance-list li { min-height: 36px; padding: 5px 7px; }
body.nclcd-display-active .nclcd-action-grid { margin-top: 8px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
body.nclcd-display-active .nclcd-action-grid > div { min-height: 96px; padding: 8px; }
body.nclcd-display-active .nclcd-integrity-score { min-height: clamp(150px,24vh,230px); padding: 14px; }
body.nclcd-display-active .nclcd-integrity-gates { display: grid; margin: 0; overflow: visible; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; }
body.nclcd-display-active .nclcd-integrity-gates li { min-height: 82px; padding: 8px; flex: initial; }
body.nclcd-display-active .nclcd-governance-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
body.nclcd-display-active .nclcd-governance-grid article { min-height: 105px; padding: 10px; }

/* Density changes rearrange components; they never scale the complete page. */
body.nclcd-display-compact .nclcd-display-bar { grid-template-columns: minmax(118px,.42fr) minmax(390px,1.58fr) auto; }
body.nclcd-display-compact .nclcd-display-brand > span:first-child,
body.nclcd-display-compact .nclcd-landscape-chip,
body.nclcd-display-compact [data-display-mode-label],
body.nclcd-display-compact [data-display-clock] { display: none; }
body.nclcd-display-compact .nclcd-display-tabstrip > button > b { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
body.nclcd-display-compact .nclcd-display-tabstrip > button > span { color: var(--nclcd-muted); font-size: .72rem; }
body.nclcd-display-compact .nclcd-display-step.is-next > span { display: block; }
body.nclcd-display-compact .nclcd-display-controls button { width: 36px; padding: 0; }
body.nclcd-display-compact .nclcd-display-controls button > span { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
body.nclcd-display-compact .nclcd-command-grid { grid-template-columns: minmax(185px,.78fr) minmax(320px,1.52fr) minmax(195px,.82fr); }
body.nclcd-display-compact .nclcd-community { grid-template-columns: minmax(0,1.17fr) minmax(176px,.67fr) minmax(320px,1.16fr); }
body.nclcd-display-compact .nclcd-display-brand { padding-left: 68px; }
body.nclcd-display-compact .nclcd-display-brand b { font-size: .78rem; }
body.nclcd-display-compact .nclcd-community-heading > p { font-size: max(.72rem,10px); }
body.nclcd-display-compact .nclcd-community-truth b,
body.nclcd-display-compact .nclcd-community-truth em { font-size: max(.64rem,9px); }

body.nclcd-display-tight .nclcd-tab-panel { padding: 5px; }
body.nclcd-display-tight .nclcd-community { gap: 4px 6px; }
body.nclcd-display-tight .nclcd-community-hero,
body.nclcd-display-tight .nclcd-community-dashboard { gap: 4px; }
body.nclcd-display-tight .nclcd-community-map,
body.nclcd-display-tight .nclcd-activity-card,
body.nclcd-display-tight .nclcd-community-card { padding: 5px 6px; }
body.nclcd-display-tight .nclcd-community-truth { min-height: 28px; padding: 3px 6px; }
body.nclcd-display-tight .nclcd-community-kpis article { padding: 5px 6px; }
body.nclcd-display-tight .nclcd-recommendation { padding: 5px 7px; }
body.nclcd-display-tight .nclcd-community { grid-template-rows: auto auto minmax(0,1fr) minmax(0,.8fr) minmax(0,.6fr) minmax(0,.76fr); }
body.nclcd-display-tight .nclcd-cost-stages > div,
body.nclcd-display-tight .nclcd-carbon-chain li { padding-top: 2px; padding-bottom: 3px; }

body.nclcd-display-tall .nclcd-display-bar { grid-template-columns: minmax(128px,.42fr) minmax(390px,1.58fr) auto; }
body.nclcd-display-tall .nclcd-display-tabstrip > button > b { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
body.nclcd-display-tall .nclcd-display-step.is-next > span { display: block; }
body.nclcd-display-tall .nclcd-command-grid { grid-template-columns: minmax(185px,.76fr) minmax(320px,1.45fr) minmax(195px,.8fr); }
body.nclcd-display-tall .nclcd-community { grid-template-columns: minmax(0,1.17fr) minmax(178px,.67fr) minmax(322px,1.16fr); }

@media (pointer: coarse) {
  body.nclcd-display-active .nclcd-main { padding-top: max(12px,env(safe-area-inset-top)); }
}

body.nclcd-display-ios .nclcd-display-brand { padding-left: 68px; }

@media (max-width: 900px) and (orientation: landscape) {
  body.nclcd-display-active .nclcd-display-bar { grid-template-columns: minmax(96px,.36fr) minmax(360px,1.64fr) auto; gap: 5px; }
  body.nclcd-display-active .nclcd-display-brand > span:first-child,
  body.nclcd-display-active .nclcd-landscape-chip,
  body.nclcd-display-active [data-display-mode-label],
  body.nclcd-display-active [data-display-clock] { display: none; }
  body.nclcd-display-active .nclcd-display-tabstrip > button > b { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  body.nclcd-display-active .nclcd-display-step.is-next > span { display: block; max-width: 100px; }
  body.nclcd-display-active .nclcd-display-controls button { width: 36px; padding: 0; }
  body.nclcd-display-active .nclcd-display-controls button > span { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
}

/* Tab 03 — Economic Benefits. Actual cash truth and planning scenarios remain visually separate. */
.nclcd-economy { display: grid; min-width: 0; grid-template-columns: minmax(0,1.5fr) minmax(320px,.9fr); gap: 12px; }
.nclcd-economy-heading,
.nclcd-economy-truth,
.nclcd-economy-kpis,
.nclcd-economy-recommendation { grid-column: 1 / -1; }
.nclcd-economy-truth { display: grid; min-width: 0; min-height: 40px; padding: 7px 11px; grid-template-columns: auto auto minmax(0,1fr); gap: 10px; align-items: center; border: 1px solid var(--nclcd-line-strong); border-radius: 14px; color: var(--nclcd-muted); background: rgba(2,24,20,.78); }
.nclcd-economy-truth span { display: inline-flex; min-width: 0; gap: 7px; align-items: center; }
.nclcd-economy-truth i { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--nclcd-emerald); box-shadow: 0 0 9px currentColor; }
.nclcd-economy-truth .is-actual { color: var(--nclcd-emerald); }
.nclcd-economy-truth .is-scenario { color: var(--nclcd-gold); }
.nclcd-economy-truth .is-scenario i { background: var(--nclcd-gold); }
.nclcd-economy-truth b { font-size: .72rem; letter-spacing: .05em; }
.nclcd-economy-truth em { min-width: 0; color: var(--nclcd-muted); font-size: .74rem; font-style: normal; text-align: right; }

.nclcd-economy-kpis { display: grid; min-width: 0; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.nclcd-economy-kpis article { position: relative; display: grid; min-width: 0; min-height: 104px; padding: 13px 15px; align-content: center; overflow: hidden; border: 1px solid var(--nclcd-line); border-radius: 15px; background: linear-gradient(145deg,rgba(5,34,28,.94),rgba(2,21,18,.82)); }
.nclcd-economy-kpis article::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; content: ""; background: linear-gradient(90deg,transparent,var(--nclcd-emerald),transparent); opacity: .45; }
.nclcd-economy-kpis span,
.nclcd-economy-kpis strong,
.nclcd-economy-kpis small { display: block; min-width: 0; }
.nclcd-economy-kpis span { color: var(--nclcd-muted); font-size: .68rem; font-weight: 820; letter-spacing: .08em; }
.nclcd-economy-kpis strong { margin-top: 4px; color: var(--nclcd-text); font-size: clamp(1.15rem,1.65vw,1.7rem); line-height: 1; }
.nclcd-economy-kpis small { margin-top: 6px; color: var(--nclcd-emerald); font-size: .7rem; }
.nclcd-economy-kpis article:nth-child(4) small { color: var(--nclcd-gold); }

.nclcd-economy-card { min-width: 0; min-height: 0; padding: 15px; overflow: hidden; border: 1px solid var(--nclcd-line); border-radius: 18px; background: linear-gradient(145deg,rgba(4,32,27,.96),rgba(2,22,18,.88)); box-shadow: inset 0 1px rgba(255,255,255,.015); }
.nclcd-economy-card > header { display: flex; min-width: 0; gap: 10px; align-items: flex-start; justify-content: space-between; }
.nclcd-economy-card > header > div { min-width: 0; }
.nclcd-economy-card > header span { display: block; color: var(--nclcd-cyan); font-size: .72rem; font-weight: 830; letter-spacing: .1em; }
.nclcd-economy-card > header h3 { margin: 3px 0 0; font-size: 1.15rem; line-height: 1.08; }
.nclcd-economy-card > header > b { color: var(--nclcd-gold); font-size: .72rem; letter-spacing: .07em; }

.nclcd-economic-flow { position: relative; display: grid; margin: 14px 0 0; padding: 0; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 7px; list-style: none; }
.nclcd-economic-flow::before { position: absolute; top: 50%; right: 4%; left: 4%; z-index: 0; height: 1px; content: ""; background: linear-gradient(90deg,rgba(235,198,109,.35),rgba(161,224,211,.11)); }
.nclcd-economic-flow li { position: relative; z-index: 1; display: grid; min-width: 0; min-height: 112px; padding: 10px; grid-template-columns: 26px minmax(0,1fr); gap: 8px; align-content: center; border: 1px solid var(--nclcd-line); border-radius: 12px; background: rgba(2,19,16,.96); }
.nclcd-economic-flow li > span { display: grid; width: 26px; height: 26px; place-items: center; border: 1px solid rgba(161,224,211,.22); border-radius: 50%; color: var(--nclcd-muted); font-size: .65rem; }
.nclcd-economic-flow li > div { display: grid; min-width: 0; gap: 3px; }
.nclcd-economic-flow b { font-size: .72rem; line-height: 1.05; }
.nclcd-economic-flow strong { font-size: .9rem; line-height: 1; }
.nclcd-economic-flow small { color: var(--nclcd-muted); font-size: .59rem; letter-spacing: .08em; }
.nclcd-economic-flow li.is-gate { border-color: rgba(235,198,109,.38); box-shadow: inset 0 0 18px rgba(235,198,109,.04); }
.nclcd-economic-flow li.is-gate > span { color: var(--nclcd-gold); border-color: rgba(235,198,109,.44); animation: nclcd-economy-gate 2.4s ease-in-out infinite; }
.nclcd-economic-gate { display: grid; margin-top: 9px; padding: 8px 10px; grid-template-columns: auto minmax(0,1fr) auto; gap: 8px; align-items: center; border: 1px solid rgba(235,198,109,.2); border-radius: 10px; color: var(--nclcd-muted); background: rgba(235,198,109,.035); }
.nclcd-economic-gate i { width: 8px; height: 8px; border-radius: 50%; background: var(--nclcd-gold); box-shadow: 0 0 9px var(--nclcd-gold); }
.nclcd-economic-gate span { font-size: .72rem; line-height: 1.25; }
.nclcd-economic-gate b { color: var(--nclcd-gold); font-size: .65rem; letter-spacing: .06em; text-align: right; }

.nclcd-scenario-inputs { display: grid; margin-top: 10px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; }
.nclcd-scenario-inputs > span,
.nclcd-scenario-results > span { display: grid; min-width: 0; padding: 7px 8px; gap: 3px; border: 1px solid var(--nclcd-line); border-radius: 10px; background: rgba(2,20,17,.65); }
.nclcd-scenario-inputs small,
.nclcd-scenario-results small { color: var(--nclcd-muted); font-size: .62rem; line-height: 1.1; }
.nclcd-scenario-inputs strong { font-size: .77rem; line-height: 1.05; }
.nclcd-scenario-results { display: grid; margin-top: 6px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; }
.nclcd-scenario-results strong { color: var(--nclcd-gold); font-size: 1rem; line-height: 1; }
.nclcd-scenario-results > span:last-child strong { color: var(--nclcd-emerald); }
.nclcd-scenario-chart { position: relative; margin-top: 8px; outline: none; }
.nclcd-scenario-bar { position: relative; height: 13px; overflow: hidden; border: 1px solid rgba(161,224,211,.16); border-radius: 99px; background: rgba(255,255,255,.045); }
.nclcd-scenario-bar i,
.nclcd-scenario-bar b,
.nclcd-scenario-bar span { position: absolute; top: 0; bottom: 0; display: block; }
.nclcd-scenario-bar i { left: 0; width: var(--cost); background: linear-gradient(90deg,rgba(98,217,241,.42),rgba(98,217,241,.82)); }
.nclcd-scenario-bar b { right: 0; width: var(--net); background: linear-gradient(90deg,var(--nclcd-gold),var(--nclcd-emerald)); box-shadow: 0 0 10px rgba(85,229,176,.35); }
.nclcd-scenario-bar span { left: -14%; width: 12%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent); filter: blur(.3px); animation: nclcd-economy-scan 3.4s ease-in-out infinite; }
.nclcd-scenario-tooltip { position: absolute; right: 0; bottom: calc(100% + 6px); left: 0; z-index: 4; padding: 7px 8px; visibility: hidden; border: 1px solid rgba(98,217,241,.3); border-radius: 8px; color: var(--nclcd-text); background: #06261f; box-shadow: 0 8px 24px rgba(0,0,0,.3); font-size: .64rem; font-weight: 500; line-height: 1.25; opacity: 0; transform: translateY(4px); transition: opacity 150ms ease, transform 150ms ease, visibility 150ms ease; }
.nclcd-scenario-chart:hover .nclcd-scenario-tooltip,
.nclcd-scenario-chart:focus .nclcd-scenario-tooltip { visibility: visible; opacity: 1; transform: none; }
.nclcd-scenario-legend { display: flex; margin-top: 5px; gap: 12px; align-items: center; }
.nclcd-scenario-legend span { display: inline-flex; gap: 5px; align-items: center; color: var(--nclcd-muted); font-size: .62rem; }
.nclcd-scenario-legend i { width: 10px; height: 3px; border-radius: 99px; background: var(--nclcd-cyan); }
.nclcd-scenario-legend span:last-child i { background: linear-gradient(90deg,var(--nclcd-gold),var(--nclcd-emerald)); }
.nclcd-break-even { display: flex; margin-top: 7px; padding: 6px 8px; align-items: center; justify-content: space-between; border: 1px solid rgba(235,198,109,.2); border-radius: 9px; color: var(--nclcd-muted); background: rgba(235,198,109,.035); font-size: .68rem; }
.nclcd-break-even strong { color: var(--nclcd-gold); font-size: .75rem; }
.nclcd-economy-scenario > p { margin: 7px 0 0; color: var(--nclcd-muted); font-size: .68rem; line-height: 1.25; }

.nclcd-benefit-channels { display: grid; margin-top: 10px; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
.nclcd-benefit-channels > div { display: grid; min-width: 0; min-height: 74px; padding: 8px; grid-template-columns: 25px minmax(0,1fr); gap: 7px; align-items: center; border: 1px solid var(--nclcd-line); border-radius: 11px; background: rgba(2,19,16,.66); }
.nclcd-benefit-channels > div > span { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid rgba(98,217,241,.3); border-radius: 8px; color: var(--nclcd-cyan); font-size: .62rem; }
.nclcd-benefit-channels p { display: grid; min-width: 0; margin: 0; gap: 2px; }
.nclcd-benefit-channels p b { font-size: .75rem; line-height: 1.05; }
.nclcd-benefit-channels p small { color: var(--nclcd-muted); font-size: .65rem; line-height: 1.1; }
.nclcd-benefit-channels em { grid-column: 2; color: var(--nclcd-gold); font-size: .57rem; font-style: normal; letter-spacing: .05em; }

.nclcd-payment-card > header > b { display: grid; min-width: 34px; min-height: 27px; padding: 0 7px; place-items: center; border: 1px solid rgba(235,198,109,.28); border-radius: 8px; }
.nclcd-payment-card ul { display: grid; margin: 9px 0 0; padding: 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; list-style: none; }
.nclcd-payment-card li { display: grid; min-width: 0; min-height: 52px; padding: 6px 7px; grid-template-columns: auto minmax(0,1fr) auto; gap: 6px; align-items: center; border: 1px solid var(--nclcd-line); border-radius: 9px; background: rgba(2,19,16,.66); }
.nclcd-payment-card li > i { width: 7px; height: 7px; border-radius: 50%; background: rgba(161,224,211,.25); }
.nclcd-payment-card li > span { font-size: .66rem; line-height: 1.12; }
.nclcd-payment-card li > b { color: var(--nclcd-gold); font-size: .56rem; letter-spacing: .05em; }

.nclcd-economy-recommendation { margin-top: 0; }

@keyframes nclcd-economy-gate { 0%,100% { box-shadow: 0 0 0 rgba(235,198,109,0); } 50% { box-shadow: 0 0 12px rgba(235,198,109,.55); } }
@keyframes nclcd-economy-scan { 0%,12% { left: -14%; opacity: 0; } 20% { opacity: 1; } 72% { left: 102%; opacity: 1; } 82%,100% { left: 102%; opacity: 0; } }

@media (max-width: 980px) {
  .nclcd-economy { grid-template-columns: 1fr; }
  .nclcd-economy-heading,
  .nclcd-economy-truth,
  .nclcd-economy-kpis,
  .nclcd-economy-recommendation { grid-column: 1; }
  .nclcd-economy-truth { grid-template-columns: 1fr; }
  .nclcd-economy-truth em { text-align: left; }
  .nclcd-economy-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nclcd-economic-flow { display: flex; overflow-x: auto; }
  .nclcd-economic-flow li { flex: 0 0 150px; }
}

/* One-screen landscape composition for Tab 03. */
body.nclcd-display-active .nclcd-economy { display: grid; min-width: 0; min-height: 0; height: 100%; grid-template-columns: minmax(0,1.5fr) minmax(330px,.9fr); grid-template-rows: auto auto minmax(70px,.48fr) minmax(0,1.55fr) minmax(0,1.05fr) minmax(84px,.7fr); grid-template-areas: "heading heading" "truth truth" "kpis kpis" "journey scenario" "channels payment" "recommend recommend"; gap: 5px 7px; }
body.nclcd-display-active .nclcd-economy-heading { grid-area: heading; }
body.nclcd-display-active .nclcd-economy-truth { grid-area: truth; }
body.nclcd-display-active .nclcd-economy-kpis { grid-area: kpis; }
body.nclcd-display-active .nclcd-economy-journey { grid-area: journey; }
body.nclcd-display-active .nclcd-economy-scenario { grid-area: scenario; }
body.nclcd-display-active .nclcd-benefit-card { grid-area: channels; }
body.nclcd-display-active .nclcd-payment-card { grid-area: payment; }
body.nclcd-display-active .nclcd-economy-recommendation { grid-area: recommend; }
body.nclcd-display-active .nclcd-economy-heading { margin: 0; grid-template-columns: minmax(0,1.08fr) minmax(310px,.92fr); gap: clamp(14px,2vw,34px); align-items: end; }
body.nclcd-display-active .nclcd-economy-heading h2 { font-size: clamp(1.35rem,2.15vmin,2.2rem); }
body.nclcd-display-active .nclcd-economy-heading > p { font-size: max(.73rem,10px); line-height: 1.25; }
body.nclcd-display-active .nclcd-economy-truth { min-height: 30px; padding: 4px 8px; gap: 8px; }
body.nclcd-display-active .nclcd-economy-truth b,
body.nclcd-display-active .nclcd-economy-truth em { font-size: max(.61rem,8px); }
body.nclcd-display-active .nclcd-economy-kpis { margin: 0; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; }
body.nclcd-display-active .nclcd-economy-kpis article { min-height: 0; height: 100%; padding: 6px 8px; border-radius: 10px; }
body.nclcd-display-active .nclcd-economy-kpis span { font-size: max(.59rem,8px); line-height: 1; }
body.nclcd-display-active .nclcd-economy-kpis strong { margin-top: 3px; font-size: clamp(1rem,1.55vmin,1.3rem); }
body.nclcd-display-active .nclcd-economy-kpis small { margin-top: 3px; font-size: max(.58rem,8px); line-height: 1; }
body.nclcd-display-active .nclcd-economy-card { height: 100%; padding: 7px 8px; border-radius: 14px; }
body.nclcd-display-active .nclcd-economy-journey,
body.nclcd-display-active .nclcd-economy-scenario,
body.nclcd-display-active .nclcd-benefit-card,
body.nclcd-display-active .nclcd-payment-card { display: flex; min-height: 0; flex-direction: column; }
body.nclcd-display-active .nclcd-economy-card > header { gap: 6px; }
body.nclcd-display-active .nclcd-economy-card > header span { font-size: max(.61rem,8px); }
body.nclcd-display-active .nclcd-economy-card > header h3 { margin-top: 1px; font-size: clamp(.95rem,1.45vmin,1.18rem); }
body.nclcd-display-active .nclcd-economy-card .nclcd-hint { width: 25px; height: 25px; }
body.nclcd-display-active .nclcd-economic-flow { flex: 1 1 auto; min-height: 0; margin-top: 6px; gap: 4px; }
body.nclcd-display-active .nclcd-economic-flow li { min-height: 0; height: auto; padding: 5px; grid-template-columns: 21px minmax(0,1fr); gap: 4px; border-radius: 9px; }
body.nclcd-display-active .nclcd-economic-flow li > span { width: 21px; height: 21px; font-size: max(.54rem,7px); }
body.nclcd-display-active .nclcd-economic-flow b { font-size: max(.61rem,8px); }
body.nclcd-display-active .nclcd-economic-flow strong { font-size: max(.7rem,9px); }
body.nclcd-display-active .nclcd-economic-flow small { font-size: max(.51rem,7px); }
body.nclcd-display-active .nclcd-economic-gate { margin-top: 5px; padding: 4px 6px; gap: 5px; }
body.nclcd-display-active .nclcd-economic-gate span { font-size: max(.59rem,8px); line-height: 1.15; }
body.nclcd-display-active .nclcd-economic-gate b { font-size: max(.52rem,7px); }
body.nclcd-display-active .nclcd-scenario-inputs { margin-top: 5px; gap: 3px; }
body.nclcd-display-active .nclcd-scenario-inputs > span,
body.nclcd-display-active .nclcd-scenario-results > span { padding: 4px 5px; gap: 1px; border-radius: 7px; }
body.nclcd-display-active .nclcd-scenario-inputs small,
body.nclcd-display-active .nclcd-scenario-results small { font-size: max(.52rem,7px); }
body.nclcd-display-active .nclcd-scenario-inputs strong { font-size: max(.62rem,8px); }
body.nclcd-display-active .nclcd-scenario-results { margin-top: 4px; gap: 3px; }
body.nclcd-display-active .nclcd-scenario-results strong { font-size: max(.78rem,10px); }
body.nclcd-display-active .nclcd-scenario-chart { margin-top: 5px; }
body.nclcd-display-active .nclcd-scenario-bar { height: 10px; }
body.nclcd-display-active .nclcd-scenario-legend { margin-top: 3px; gap: 8px; }
body.nclcd-display-active .nclcd-scenario-legend span { font-size: max(.51rem,7px); }
body.nclcd-display-active .nclcd-break-even { margin-top: 4px; padding: 3px 5px; font-size: max(.56rem,8px); }
body.nclcd-display-active .nclcd-break-even strong { font-size: max(.61rem,8px); }
body.nclcd-display-active .nclcd-economy-scenario > p { margin-top: auto; padding-top: 4px; font-size: max(.56rem,8px); line-height: 1.12; }
body.nclcd-display-active .nclcd-benefit-channels { flex: 1 1 auto; min-height: 0; margin-top: 5px; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 4px; align-items: stretch; }
body.nclcd-display-active .nclcd-benefit-channels > div { min-height: 0; height: auto; padding: 4px 5px; grid-template-columns: 20px minmax(0,1fr); gap: 4px; border-radius: 8px; }
body.nclcd-display-active .nclcd-benefit-channels > div > span { width: 20px; height: 20px; font-size: max(.51rem,7px); }
body.nclcd-display-active .nclcd-benefit-channels p b { font-size: max(.6rem,8px); }
body.nclcd-display-active .nclcd-benefit-channels p small { font-size: max(.53rem,7px); }
body.nclcd-display-active .nclcd-benefit-channels em { font-size: max(.47rem,6px); }
body.nclcd-display-active .nclcd-payment-card ul { flex: 1 1 auto; min-height: 0; margin-top: 5px; grid-template-rows: repeat(2,minmax(0,1fr)); gap: 3px; }
body.nclcd-display-active .nclcd-payment-card li { min-height: 0; height: auto; padding: 3px 5px; gap: 4px; border-radius: 7px; }
body.nclcd-display-active .nclcd-payment-card li > span { font-size: max(.54rem,7px); }
body.nclcd-display-active .nclcd-payment-card li > b { font-size: max(.48rem,6px); }
body.nclcd-display-active .nclcd-economy-recommendation { margin: 0; padding: 7px 9px; grid-template-columns: auto minmax(0,1fr) minmax(210px,.36fr); gap: 8px; }
body.nclcd-display-active .nclcd-economy-recommendation .nclcd-recommendation-mark { grid-row: 1; }
body.nclcd-display-active .nclcd-economy-recommendation > small { grid-column: 3; grid-row: 1; align-self: center; padding: 0 0 0 10px; border-left: 1px solid var(--nclcd-line); text-align: right; }

body.nclcd-display-tight .nclcd-economy { gap: 4px 6px; grid-template-rows: auto auto minmax(0,.43fr) minmax(0,1.45fr) minmax(0,.96fr) minmax(0,.64fr); }
body.nclcd-display-tight .nclcd-economy-card { padding: 5px 6px; }
body.nclcd-display-tight .nclcd-economy-kpis article { padding: 4px 6px; }

@media (prefers-reduced-motion: reduce) {
  .nclcd-economic-flow li.is-gate > span,
  .nclcd-scenario-bar span { animation: none; }
}

/* ========================================================================== 
   TAB 04 — CONSERVATION PERFORMANCE · V4.1.0
   ========================================================================== */
.nclcd-conservation { display: grid; min-width: 0; grid-template-columns: minmax(0,1.45fr) minmax(320px,.85fr); gap: 12px; }
.nclcd-conservation-heading,
.nclcd-conservation-truth,
.nclcd-conservation-kpis,
.nclcd-conservation-recommendation { grid-column: 1 / -1; }
.nclcd-response-chain-card { grid-column: 1; }
.nclcd-conservation-threat-card { grid-column: 2; }
.nclcd-field-action-card,
.nclcd-field-evidence-card,
.nclcd-ecology-card { grid-column: auto; }

.nclcd-conservation-truth { display: grid; min-width: 0; min-height: 42px; padding: 8px 11px; grid-template-columns: auto auto auto minmax(0,1fr); gap: 10px; align-items: center; border: 1px solid var(--nclcd-line-strong); border-radius: 14px; color: var(--nclcd-muted); background: rgba(2,24,20,.78); }
.nclcd-conservation-truth span { display: inline-flex; min-width: 0; gap: 7px; align-items: center; }
.nclcd-conservation-truth i { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 9px currentColor; }
.nclcd-conservation-truth .is-actual { color: var(--nclcd-emerald); }
.nclcd-conservation-truth .is-simulation { color: var(--nclcd-cyan); }
.nclcd-conservation-truth .is-pending { color: var(--nclcd-gold); }
.nclcd-conservation-truth b { font-size: .69rem; letter-spacing: .045em; }
.nclcd-conservation-truth em { min-width: 0; color: var(--nclcd-muted); font-size: .71rem; font-style: normal; text-align: right; }

.nclcd-conservation-kpis { display: grid; min-width: 0; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.nclcd-conservation-kpis article { position: relative; display: grid; min-width: 0; min-height: 102px; padding: 13px 15px; align-content: center; overflow: hidden; border: 1px solid var(--nclcd-line); border-radius: 15px; background: linear-gradient(145deg,rgba(5,34,28,.94),rgba(2,21,18,.82)); }
.nclcd-conservation-kpis article::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; content: ""; background: linear-gradient(90deg,transparent,var(--nclcd-cyan),transparent); opacity: .42; }
.nclcd-conservation-kpis span,
.nclcd-conservation-kpis strong,
.nclcd-conservation-kpis small { display: block; min-width: 0; }
.nclcd-conservation-kpis span { color: var(--nclcd-muted); font-size: .67rem; font-weight: 820; letter-spacing: .08em; }
.nclcd-conservation-kpis strong { margin-top: 4px; color: var(--nclcd-text); font-size: clamp(1.12rem,1.55vw,1.65rem); line-height: 1; }
.nclcd-conservation-kpis strong b { font-size: .64em; font-weight: 650; }
.nclcd-conservation-kpis small { margin-top: 6px; color: var(--nclcd-muted); font-size: .69rem; line-height: 1.15; }
.nclcd-conservation-kpis .is-actual { color: var(--nclcd-emerald); }
.nclcd-conservation-kpis .is-simulation { color: var(--nclcd-cyan); }
.nclcd-conservation-kpis .is-pending { color: var(--nclcd-gold); }

.nclcd-conservation-card { position: relative; min-width: 0; min-height: 0; padding: 15px; overflow: hidden; border: 1px solid var(--nclcd-line); border-radius: 18px; background: linear-gradient(145deg,rgba(4,32,27,.96),rgba(2,22,18,.88)); box-shadow: inset 0 1px rgba(255,255,255,.015); }
.nclcd-conservation-card > header { display: flex; min-width: 0; gap: 10px; align-items: flex-start; justify-content: space-between; }
.nclcd-conservation-card > header > div { min-width: 0; }
.nclcd-conservation-card > header span { display: block; color: var(--nclcd-cyan); font-size: .71rem; font-weight: 830; letter-spacing: .1em; }
.nclcd-conservation-card > header h3 { margin: 3px 0 0; font-size: 1.14rem; line-height: 1.08; }
.nclcd-conservation-card > header > b { color: var(--nclcd-gold); font-size: .66rem; letter-spacing: .055em; text-align: right; }

.nclcd-response-chain { position: relative; display: grid; margin: 13px 0 0; padding: 0; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 6px; list-style: none; }
.nclcd-response-chain::before { position: absolute; top: 50%; right: 4%; left: 4%; z-index: 0; height: 1px; content: ""; background: linear-gradient(90deg,rgba(235,198,109,.28),rgba(98,217,241,.28),rgba(161,224,211,.08)); }
.nclcd-response-chain li { position: relative; z-index: 1; display: grid; min-width: 0; min-height: 108px; padding: 9px; grid-template-columns: 25px minmax(0,1fr); gap: 7px; align-content: center; border: 1px solid var(--nclcd-line); border-radius: 11px; background: rgba(2,19,16,.96); }
.nclcd-response-chain li > span { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid rgba(161,224,211,.22); border-radius: 50%; color: var(--nclcd-muted); font-size: .62rem; }
.nclcd-response-chain li > div { display: grid; min-width: 0; gap: 3px; }
.nclcd-response-chain li b { font-size: .72rem; line-height: 1.08; }
.nclcd-response-chain li small { color: var(--nclcd-muted); font-size: .61rem; line-height: 1.15; }
.nclcd-response-chain li em { grid-column: 2; color: var(--nclcd-gold); font-size: .53rem; font-style: normal; letter-spacing: .06em; }
.nclcd-response-chain li.is-simulation { border-color: rgba(98,217,241,.28); box-shadow: inset 0 0 18px rgba(98,217,241,.035); }
.nclcd-response-chain li.is-simulation > span { color: var(--nclcd-cyan); border-color: rgba(98,217,241,.4); animation: nclcd-conservation-gate 2.7s ease-in-out infinite; }
.nclcd-response-chain li.is-simulation em { color: var(--nclcd-cyan); }
.nclcd-response-chain-card > p { display: grid; margin: 9px 0 0; padding: 7px 9px; grid-template-columns: auto minmax(0,1fr) auto; gap: 7px; align-items: center; border: 1px solid rgba(235,198,109,.22); border-radius: 10px; color: var(--nclcd-muted); background: rgba(235,198,109,.035); }
.nclcd-response-chain-card > p i { width: 8px; height: 8px; border-radius: 50%; background: var(--nclcd-gold); box-shadow: 0 0 9px var(--nclcd-gold); }
.nclcd-response-chain-card > p span { font-size: .69rem; line-height: 1.2; }
.nclcd-response-chain-card > p b { color: var(--nclcd-gold); font-size: .6rem; letter-spacing: .055em; text-align: right; }

.nclcd-conservation-threat-card::after { position: absolute; top: -35%; bottom: -35%; left: -18%; width: 14%; content: ""; background: linear-gradient(90deg,transparent,rgba(98,217,241,.08),transparent); transform: rotate(10deg); animation: nclcd-conservation-scan 5s ease-in-out infinite; pointer-events: none; }
.nclcd-conservation-threat-card ul { display: grid; margin: 11px 0 0; padding: 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; list-style: none; }
.nclcd-conservation-threat-card li { position: relative; display: grid; min-width: 0; min-height: 76px; padding: 8px; grid-template-columns: 25px minmax(0,1fr) auto; gap: 7px; align-items: center; overflow: hidden; border: 1px solid var(--nclcd-line); border-radius: 10px; background: rgba(2,19,16,.7); }
.nclcd-conservation-threat-card li > span { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid rgba(98,217,241,.28); border-radius: 8px; color: var(--nclcd-cyan); font-size: .58rem; }
.nclcd-conservation-threat-card li > div { display: grid; min-width: 0; gap: 3px; }
.nclcd-conservation-threat-card li b { font-size: .68rem; line-height: 1.08; }
.nclcd-conservation-threat-card li small { color: var(--nclcd-muted); font-size: .58rem; line-height: 1.1; }
.nclcd-conservation-threat-card li em { color: var(--nclcd-cyan); font-size: .48rem; font-style: normal; letter-spacing: .045em; }
.nclcd-conservation-threat-card li > i { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: linear-gradient(90deg,transparent,var(--nclcd-cyan),transparent); opacity: .3; }
.nclcd-conservation-threat-card li.is-fire i { background: linear-gradient(90deg,transparent,var(--nclcd-orange),transparent); }
.nclcd-conservation-threat-card li.is-land_change i { background: linear-gradient(90deg,transparent,var(--nclcd-gold),transparent); }

.nclcd-field-bars { display: grid; margin-top: 10px; gap: 8px; }
.nclcd-field-bars > div { display: grid; min-width: 0; gap: 5px; outline: none; }
.nclcd-field-bars > div > span { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 7px; align-items: end; }
.nclcd-field-bars b { font-size: .71rem; }
.nclcd-field-bars strong { color: var(--nclcd-text); font-size: .9rem; }
.nclcd-field-bars small { color: var(--nclcd-muted); font-size: .58rem; }
.nclcd-field-bars > div > i { position: relative; display: block; height: 9px; overflow: hidden; border: 1px solid rgba(98,217,241,.16); border-radius: 99px; background: rgba(255,255,255,.035); }
.nclcd-field-bars > div > i::before { position: absolute; top: 0; bottom: 0; left: 0; width: var(--share); content: ""; border-radius: inherit; background: linear-gradient(90deg,rgba(98,217,241,.25),var(--nclcd-cyan)); box-shadow: 0 0 10px rgba(98,217,241,.3); }
.nclcd-field-bars > div:nth-child(2) > i::before { background: linear-gradient(90deg,rgba(85,229,176,.22),var(--nclcd-emerald)); }
.nclcd-field-bars > div:nth-child(3) > i::before { background: linear-gradient(90deg,rgba(235,198,109,.22),var(--nclcd-gold)); }
.nclcd-field-bars > div > i > b { position: absolute; top: -2px; bottom: -2px; left: -12%; width: 10%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent); animation: nclcd-conservation-bar 3.5s ease-in-out infinite; }
.nclcd-field-bars > div:nth-child(2) > i > b { animation-delay: .55s; }
.nclcd-field-bars > div:nth-child(3) > i > b { animation-delay: 1.1s; }
.nclcd-field-action-card > p,
.nclcd-ecology-card > p { margin: 10px 0 0; color: var(--nclcd-muted); font-size: .66rem; line-height: 1.25; }

.nclcd-field-evidence-card > header > b { display: grid; min-width: 36px; min-height: 27px; padding: 0 7px; place-items: center; border: 1px solid rgba(235,198,109,.28); border-radius: 8px; }
.nclcd-field-evidence-card ol { display: grid; margin: 10px 0 0; padding: 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; list-style: none; }
.nclcd-field-evidence-card li { display: grid; min-width: 0; min-height: 48px; padding: 6px 7px; grid-template-columns: 23px minmax(0,1fr) auto; gap: 6px; align-items: center; border: 1px solid var(--nclcd-line); border-radius: 9px; background: rgba(2,19,16,.66); }
.nclcd-field-evidence-card li > span { display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid rgba(161,224,211,.18); border-radius: 50%; color: var(--nclcd-muted); font-size: .54rem; }
.nclcd-field-evidence-card li > b { font-size: .63rem; line-height: 1.1; }
.nclcd-field-evidence-card li > em { color: var(--nclcd-gold); font-size: .48rem; font-style: normal; letter-spacing: .04em; }

.nclcd-ecology-card ul { display: grid; margin: 10px 0 0; padding: 0; gap: 5px; list-style: none; }
.nclcd-ecology-card li { display: grid; min-width: 0; min-height: 38px; padding: 6px 7px; grid-template-columns: auto minmax(0,1fr) auto; gap: 7px; align-items: center; border: 1px solid var(--nclcd-line); border-radius: 9px; background: rgba(2,19,16,.66); }
.nclcd-ecology-card li > i { width: 7px; height: 7px; border-radius: 50%; background: rgba(235,198,109,.42); box-shadow: 0 0 7px rgba(235,198,109,.25); }
.nclcd-ecology-card li > span { font-size: .66rem; line-height: 1.08; }
.nclcd-ecology-card li > b { color: var(--nclcd-gold); font-size: .54rem; line-height: 1.05; text-align: right; }
.nclcd-conservation-recommendation { margin-top: 0; }

@keyframes nclcd-conservation-gate { 0%,100% { box-shadow: 0 0 0 rgba(98,217,241,0); } 50% { box-shadow: 0 0 12px rgba(98,217,241,.52); } }
@keyframes nclcd-conservation-scan { 0%,12% { left: -18%; opacity: 0; } 22% { opacity: 1; } 70% { left: 110%; opacity: 1; } 82%,100% { left: 110%; opacity: 0; } }
@keyframes nclcd-conservation-bar { 0%,12% { left: -12%; opacity: 0; } 20% { opacity: 1; } 66% { left: var(--share); opacity: 1; } 76%,100% { left: var(--share); opacity: 0; } }

@media (min-width: 981px) {
  .nclcd-conservation { grid-template-columns: repeat(12,minmax(0,1fr)); }
  .nclcd-conservation-heading,
  .nclcd-conservation-truth,
  .nclcd-conservation-kpis,
  .nclcd-conservation-recommendation { grid-column: 1 / -1; }
  .nclcd-response-chain-card { grid-column: span 8; }
  .nclcd-conservation-threat-card { grid-column: span 4; }
  .nclcd-field-action-card,
  .nclcd-field-evidence-card,
  .nclcd-ecology-card { grid-column: span 4; }
}

@media (max-width: 980px) {
  .nclcd-conservation { grid-template-columns: 1fr; }
  .nclcd-conservation-heading,
  .nclcd-conservation-truth,
  .nclcd-conservation-kpis,
  .nclcd-response-chain-card,
  .nclcd-conservation-threat-card,
  .nclcd-field-action-card,
  .nclcd-field-evidence-card,
  .nclcd-ecology-card,
  .nclcd-conservation-recommendation { grid-column: 1; }
  .nclcd-conservation-truth { grid-template-columns: 1fr; }
  .nclcd-conservation-truth em { text-align: left; }
  .nclcd-conservation-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nclcd-response-chain { display: flex; overflow-x: auto; }
  .nclcd-response-chain li { flex: 0 0 150px; }
}

/* One-screen responsive landscape composition for Tab 04. */
body.nclcd-display-active .nclcd-conservation { display: grid; min-width: 0; min-height: 0; height: 100%; grid-template-columns: repeat(12,minmax(0,1fr)); grid-template-rows: auto auto minmax(64px,.46fr) minmax(0,1.36fr) minmax(0,1.22fr) minmax(82px,.66fr); gap: 5px 7px; }
body.nclcd-display-active .nclcd-conservation-heading { grid-column: 1 / -1; grid-row: 1; margin: 0; grid-template-columns: minmax(0,1.08fr) minmax(310px,.92fr); gap: clamp(14px,2vw,34px); align-items: end; }
body.nclcd-display-active .nclcd-conservation-truth { grid-column: 1 / -1; grid-row: 2; }
body.nclcd-display-active .nclcd-conservation-kpis { grid-column: 1 / -1; grid-row: 3; }
body.nclcd-display-active .nclcd-response-chain-card { grid-column: span 8; grid-row: 4; }
body.nclcd-display-active .nclcd-conservation-threat-card { grid-column: span 4; grid-row: 4; }
body.nclcd-display-active .nclcd-field-action-card,
body.nclcd-display-active .nclcd-field-evidence-card,
body.nclcd-display-active .nclcd-ecology-card { grid-column: span 4; grid-row: 5; }
body.nclcd-display-active .nclcd-conservation-recommendation { grid-column: 1 / -1; grid-row: 6; }
body.nclcd-display-active .nclcd-conservation-heading h2 { font-size: clamp(1.35rem,2.15vmin,2.2rem); }
body.nclcd-display-active .nclcd-conservation-heading > p { font-size: max(.73rem,10px); line-height: 1.25; }
body.nclcd-display-active .nclcd-conservation-truth { min-height: 30px; padding: 4px 8px; gap: 8px; }
body.nclcd-display-active .nclcd-conservation-truth b,
body.nclcd-display-active .nclcd-conservation-truth em { font-size: max(.58rem,8px); }
body.nclcd-display-active .nclcd-conservation-kpis { margin: 0; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; }
body.nclcd-display-active .nclcd-conservation-kpis article { min-height: 0; height: 100%; padding: 6px 8px; border-radius: 10px; }
body.nclcd-display-active .nclcd-conservation-kpis span { font-size: max(.58rem,8px); line-height: 1; }
body.nclcd-display-active .nclcd-conservation-kpis strong { margin-top: 3px; font-size: clamp(1rem,1.55vmin,1.3rem); }
body.nclcd-display-active .nclcd-conservation-kpis small { margin-top: 3px; font-size: max(.56rem,8px); line-height: 1; }
body.nclcd-display-active .nclcd-conservation-card { display: flex; min-height: 0; height: 100%; padding: 7px 8px; flex-direction: column; border-radius: 14px; }
body.nclcd-display-active .nclcd-conservation-card > header { gap: 6px; }
body.nclcd-display-active .nclcd-conservation-card > header span { font-size: max(.59rem,8px); }
body.nclcd-display-active .nclcd-conservation-card > header h3 { margin-top: 1px; font-size: clamp(.92rem,1.42vmin,1.16rem); }
body.nclcd-display-active .nclcd-conservation-card > header > b { font-size: max(.51rem,7px); }
body.nclcd-display-active .nclcd-response-chain { flex: 1 1 auto; min-height: 0; margin-top: 6px; gap: 4px; }
body.nclcd-display-active .nclcd-response-chain li { min-height: 0; height: auto; padding: 5px; grid-template-columns: 20px minmax(0,1fr); gap: 4px; border-radius: 8px; }
body.nclcd-display-active .nclcd-response-chain li > span { width: 20px; height: 20px; font-size: max(.5rem,7px); }
body.nclcd-display-active .nclcd-response-chain li b { font-size: max(.59rem,8px); }
body.nclcd-display-active .nclcd-response-chain li small { font-size: max(.51rem,7px); }
body.nclcd-display-active .nclcd-response-chain li em { font-size: max(.45rem,6px); }
body.nclcd-display-active .nclcd-response-chain-card > p { margin-top: 5px; padding: 4px 6px; gap: 5px; }
body.nclcd-display-active .nclcd-response-chain-card > p span { font-size: max(.56rem,8px); line-height: 1.12; }
body.nclcd-display-active .nclcd-response-chain-card > p b { font-size: max(.48rem,6px); }
body.nclcd-display-active .nclcd-conservation-threat-card ul { flex: 1 1 auto; min-height: 0; margin-top: 6px; gap: 4px; }
body.nclcd-display-active .nclcd-conservation-threat-card li { min-height: 0; height: auto; padding: 4px 5px; grid-template-columns: 20px minmax(0,1fr); gap: 4px; border-radius: 7px; }
body.nclcd-display-active .nclcd-conservation-threat-card li > span { width: 20px; height: 20px; }
body.nclcd-display-active .nclcd-conservation-threat-card li b { font-size: max(.57rem,8px); }
body.nclcd-display-active .nclcd-conservation-threat-card li small { font-size: max(.49rem,7px); }
body.nclcd-display-active .nclcd-conservation-threat-card li em { grid-column: 2; font-size: max(.43rem,6px); }
body.nclcd-display-active .nclcd-field-bars { flex: 1 1 auto; min-height: 0; margin-top: 5px; gap: 4px; }
body.nclcd-display-active .nclcd-field-bars > div { gap: 2px; }
body.nclcd-display-active .nclcd-field-bars b { font-size: max(.57rem,8px); }
body.nclcd-display-active .nclcd-field-bars strong { font-size: max(.72rem,9px); }
body.nclcd-display-active .nclcd-field-bars small { font-size: max(.48rem,6px); }
body.nclcd-display-active .nclcd-field-bars > div > i { height: 7px; }
body.nclcd-display-active .nclcd-field-action-card > p,
body.nclcd-display-active .nclcd-ecology-card > p { margin-top: auto; padding-top: 4px; font-size: max(.53rem,7px); line-height: 1.12; }
body.nclcd-display-active .nclcd-field-evidence-card ol { flex: 1 1 auto; min-height: 0; margin-top: 5px; grid-template-rows: repeat(3,minmax(0,1fr)); gap: 3px; }
body.nclcd-display-active .nclcd-field-evidence-card li { min-height: 0; height: auto; padding: 3px 4px; grid-template-columns: 19px minmax(0,1fr) auto; gap: 4px; border-radius: 7px; }
body.nclcd-display-active .nclcd-field-evidence-card li > span { width: 19px; height: 19px; font-size: max(.45rem,6px); }
body.nclcd-display-active .nclcd-field-evidence-card li > b { font-size: max(.53rem,7px); }
body.nclcd-display-active .nclcd-field-evidence-card li > em { font-size: max(.42rem,6px); }
body.nclcd-display-active .nclcd-ecology-card ul { flex: 1 1 auto; min-height: 0; margin-top: 5px; gap: 3px; }
body.nclcd-display-active .nclcd-ecology-card li { min-height: 0; height: auto; padding: 3px 5px; gap: 4px; border-radius: 7px; }
body.nclcd-display-active .nclcd-ecology-card li > span { font-size: max(.54rem,7px); }
body.nclcd-display-active .nclcd-ecology-card li > b { font-size: max(.46rem,6px); }
body.nclcd-display-active .nclcd-conservation-recommendation { margin: 0; padding: 7px 9px; grid-template-columns: auto minmax(0,1fr) minmax(210px,.36fr); gap: 8px; }
body.nclcd-display-active .nclcd-conservation-recommendation .nclcd-recommendation-mark { grid-row: 1; }
body.nclcd-display-active .nclcd-conservation-recommendation > small { grid-column: 3; grid-row: 1; align-self: center; padding: 0 0 0 10px; border-left: 1px solid var(--nclcd-line); text-align: right; }

body.nclcd-display-tight .nclcd-conservation { gap: 4px 6px; grid-template-rows: auto auto minmax(0,.42fr) minmax(0,1.25fr) minmax(0,1.08fr) minmax(0,.6fr); }
body.nclcd-display-tight .nclcd-conservation-card { padding: 5px 6px; }
body.nclcd-display-tight .nclcd-conservation-kpis article { padding: 4px 6px; }

@media (prefers-reduced-motion: reduce) {
  .nclcd-response-chain li.is-simulation > span,
  .nclcd-conservation-threat-card::after,
  .nclcd-field-bars > div > i > b { animation: none; }
}

/* ========================================================================== 
   TAB 05 — CARBON INTEGRITY · V4.2.0
   ========================================================================== */
.nclcd-carbon-integrity { display: grid; min-width: 0; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 12px; }
.nclcd-carbon-heading,
.nclcd-carbon-truth,
.nclcd-carbon-kpis,
.nclcd-carbon-recommendation { grid-column: 1 / -1; }
.nclcd-claim-chain-card { grid-column: span 8; }
.nclcd-integrity-pillars-card { grid-column: span 4; }
.nclcd-mrv-readiness-card,
.nclcd-registry-identity-card,
.nclcd-claim-boundary-card { grid-column: span 4; }

.nclcd-carbon-truth { display: grid; min-width: 0; min-height: 42px; padding: 8px 11px; grid-template-columns: auto auto auto minmax(0,1fr); gap: 10px; align-items: center; border: 1px solid var(--nclcd-line-strong); border-radius: 14px; color: var(--nclcd-muted); background: rgba(2,24,20,.78); }
.nclcd-carbon-truth span { display: inline-flex; min-width: 0; gap: 7px; align-items: center; }
.nclcd-carbon-truth i { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 9px currentColor; }
.nclcd-carbon-truth .is-actual { color: var(--nclcd-emerald); }
.nclcd-carbon-truth .is-estimate { color: var(--nclcd-gold); }
.nclcd-carbon-truth .is-pending { color: var(--nclcd-cyan); }
.nclcd-carbon-truth b { font-size: .69rem; letter-spacing: .045em; }
.nclcd-carbon-truth em { min-width: 0; color: var(--nclcd-muted); font-size: .71rem; font-style: normal; text-align: right; }

.nclcd-carbon-kpis { display: grid; min-width: 0; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.nclcd-carbon-kpis article { position: relative; display: grid; min-width: 0; min-height: 102px; padding: 13px 15px; align-content: center; overflow: hidden; border: 1px solid var(--nclcd-line); border-radius: 15px; background: linear-gradient(145deg,rgba(5,34,28,.94),rgba(2,21,18,.82)); }
.nclcd-carbon-kpis article::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; content: ""; background: linear-gradient(90deg,transparent,var(--nclcd-cyan),transparent); opacity: .38; }
.nclcd-carbon-kpis article:nth-child(2)::after { background: linear-gradient(90deg,transparent,var(--nclcd-gold),transparent); opacity: .58; }
.nclcd-carbon-kpis span,
.nclcd-carbon-kpis strong,
.nclcd-carbon-kpis small { display: block; min-width: 0; }
.nclcd-carbon-kpis span { color: var(--nclcd-muted); font-size: .67rem; font-weight: 820; letter-spacing: .08em; }
.nclcd-carbon-kpis strong { margin-top: 4px; color: var(--nclcd-text); font-size: clamp(1.12rem,1.55vw,1.65rem); line-height: 1; }
.nclcd-carbon-kpis strong b { font-size: .58em; font-weight: 650; }
.nclcd-carbon-kpis small { margin-top: 6px; color: var(--nclcd-muted); font-size: .69rem; line-height: 1.15; }
.nclcd-carbon-kpis .is-actual { color: var(--nclcd-emerald); }
.nclcd-carbon-kpis .is-estimate { color: var(--nclcd-gold); }
.nclcd-carbon-kpis .is-pending { color: var(--nclcd-cyan); }

.nclcd-carbon-card { position: relative; min-width: 0; min-height: 0; padding: 15px; overflow: hidden; border: 1px solid var(--nclcd-line); border-radius: 18px; background: linear-gradient(145deg,rgba(4,32,27,.96),rgba(2,22,18,.88)); box-shadow: inset 0 1px rgba(255,255,255,.015); }
.nclcd-carbon-card > header { display: flex; min-width: 0; gap: 10px; align-items: flex-start; justify-content: space-between; }
.nclcd-carbon-card > header > div { min-width: 0; }
.nclcd-carbon-card > header span { display: block; color: var(--nclcd-cyan); font-size: .71rem; font-weight: 830; letter-spacing: .1em; }
.nclcd-carbon-card > header h3 { margin: 3px 0 0; font-size: 1.14rem; line-height: 1.08; }
.nclcd-carbon-card > header > b { color: var(--nclcd-gold); font-size: .66rem; letter-spacing: .055em; text-align: right; }

.nclcd-claim-chain { position: relative; display: grid; margin: 13px 0 0; padding: 0; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 6px; list-style: none; }
.nclcd-claim-chain::before { position: absolute; top: 50%; right: 4%; left: 4%; z-index: 0; height: 1px; content: ""; background: linear-gradient(90deg,rgba(235,198,109,.32),rgba(98,217,241,.2),rgba(161,224,211,.06)); }
.nclcd-claim-chain::after { position: absolute; top: calc(50% - 1px); left: 3%; z-index: 0; width: 14%; height: 2px; content: ""; border-radius: 99px; background: linear-gradient(90deg,transparent,var(--nclcd-gold),rgba(255,255,255,.95),var(--nclcd-gold),transparent); filter: drop-shadow(0 0 5px rgba(235,198,109,.75)); transform: scaleX(0); transform-origin: left center; animation: nclcd-carbon-claim-beam 3.4s ease-in-out infinite; }
.nclcd-claim-chain li { position: relative; z-index: 1; display: grid; min-width: 0; min-height: 108px; padding: 9px; grid-template-columns: 25px minmax(0,1fr); gap: 7px; align-content: center; border: 1px solid var(--nclcd-line); border-radius: 11px; background: rgba(2,19,16,.96); }
.nclcd-claim-chain li > span { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid rgba(161,224,211,.22); border-radius: 50%; color: var(--nclcd-muted); font-size: .62rem; }
.nclcd-claim-chain li > div { display: grid; min-width: 0; gap: 3px; }
.nclcd-claim-chain li b { font-size: .72rem; line-height: 1.08; }
.nclcd-claim-chain li small { color: var(--nclcd-muted); font-size: .61rem; line-height: 1.15; }
.nclcd-claim-chain li em { grid-column: 2; color: var(--nclcd-gold); font-size: .53rem; font-style: normal; letter-spacing: .06em; }
.nclcd-claim-chain li.is-model { border-color: rgba(235,198,109,.38); box-shadow: inset 0 0 22px rgba(235,198,109,.045); }
.nclcd-claim-chain li.is-model > span { color: var(--nclcd-gold); border-color: rgba(235,198,109,.48); animation: nclcd-carbon-gate-pulse 2.7s ease-in-out infinite; }
.nclcd-claim-chain-card > p { display: grid; margin: 9px 0 0; padding: 7px 9px; grid-template-columns: auto minmax(0,1fr) auto; gap: 7px; align-items: center; border: 1px solid rgba(235,198,109,.22); border-radius: 10px; color: var(--nclcd-muted); background: rgba(235,198,109,.035); }
.nclcd-claim-chain-card > p i { width: 8px; height: 8px; border-radius: 50%; background: var(--nclcd-gold); box-shadow: 0 0 9px var(--nclcd-gold); }
.nclcd-claim-chain-card > p span { font-size: .69rem; line-height: 1.2; }
.nclcd-claim-chain-card > p b { color: var(--nclcd-gold); font-size: .6rem; letter-spacing: .055em; text-align: right; }

.nclcd-integrity-pillars-card::after { position: absolute; top: -35%; bottom: -35%; left: -18%; width: 14%; content: ""; background: linear-gradient(90deg,transparent,rgba(98,217,241,.075),transparent); transform: rotate(10deg); animation: nclcd-carbon-scan 5.4s ease-in-out infinite; pointer-events: none; }
.nclcd-integrity-pillars-card ul { display: grid; margin: 11px 0 0; padding: 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; list-style: none; }
.nclcd-integrity-pillars-card li { position: relative; display: grid; min-width: 0; min-height: 76px; padding: 8px; grid-template-columns: 25px minmax(0,1fr); gap: 7px; align-items: center; overflow: hidden; border: 1px solid var(--nclcd-line); border-radius: 10px; background: rgba(2,19,16,.7); }
.nclcd-integrity-pillars-card li > span { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid rgba(98,217,241,.28); border-radius: 8px; color: var(--nclcd-cyan); font-size: .58rem; }
.nclcd-integrity-pillars-card li > div { display: grid; min-width: 0; gap: 3px; }
.nclcd-integrity-pillars-card li b { font-size: .68rem; line-height: 1.08; }
.nclcd-integrity-pillars-card li small { color: var(--nclcd-muted); font-size: .58rem; line-height: 1.1; }
.nclcd-integrity-pillars-card li em { grid-column: 2; color: var(--nclcd-gold); font-size: .48rem; font-style: normal; letter-spacing: .045em; }

.nclcd-mrv-readiness-card > header > b,
.nclcd-registry-identity-card > header > b { display: grid; min-width: 36px; min-height: 27px; padding: 0 7px; place-items: center; border: 1px solid rgba(235,198,109,.28); border-radius: 8px; }
.nclcd-mrv-readiness-card ol { display: grid; margin: 10px 0 0; padding: 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; list-style: none; }
.nclcd-mrv-readiness-card li { display: grid; min-width: 0; min-height: 48px; padding: 6px 7px; grid-template-columns: 23px minmax(0,1fr) auto; gap: 6px; align-items: center; border: 1px solid var(--nclcd-line); border-radius: 9px; background: rgba(2,19,16,.66); }
.nclcd-mrv-readiness-card li > span { display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid rgba(161,224,211,.18); border-radius: 50%; color: var(--nclcd-muted); font-size: .54rem; }
.nclcd-mrv-readiness-card li > b { font-size: .63rem; line-height: 1.1; }
.nclcd-mrv-readiness-card li > em { color: var(--nclcd-gold); font-size: .48rem; font-style: normal; letter-spacing: .04em; }

.nclcd-registry-identity-card ul { display: grid; margin: 10px 0 0; padding: 0; gap: 5px; list-style: none; }
.nclcd-registry-identity-card li { display: grid; min-width: 0; min-height: 38px; padding: 6px 7px; grid-template-columns: auto minmax(0,1fr) auto; gap: 7px; align-items: center; border: 1px solid var(--nclcd-line); border-radius: 9px; background: rgba(2,19,16,.66); }
.nclcd-registry-identity-card li > i { width: 7px; height: 7px; border-radius: 50%; background: rgba(235,198,109,.42); box-shadow: 0 0 7px rgba(235,198,109,.25); }
.nclcd-registry-identity-card li > span { font-size: .66rem; line-height: 1.08; }
.nclcd-registry-identity-card li > b { color: var(--nclcd-gold); font-size: .54rem; line-height: 1.05; text-align: right; }
.nclcd-registry-identity-card > p { margin: 10px 0 0; color: var(--nclcd-muted); font-size: .66rem; line-height: 1.25; }

.nclcd-claim-boundary-card ul { display: grid; margin: 10px 0 0; padding: 0; gap: 5px; list-style: none; }
.nclcd-claim-boundary-card li { display: grid; min-width: 0; min-height: 51px; padding: 7px 8px; grid-template-columns: minmax(72px,.28fr) minmax(0,1fr); grid-template-rows: auto auto; gap: 1px 8px; align-content: center; border: 1px solid var(--nclcd-line); border-radius: 10px; background: rgba(2,19,16,.66); }
.nclcd-claim-boundary-card li > span { grid-row: 1 / 3; align-self: center; color: var(--nclcd-cyan); font-size: .54rem; font-weight: 820; letter-spacing: .055em; }
.nclcd-claim-boundary-card li > b { font-size: .66rem; line-height: 1.08; }
.nclcd-claim-boundary-card li > small { color: var(--nclcd-muted); font-size: .57rem; line-height: 1.08; }
.nclcd-claim-boundary-card li.is-allowed { border-color: rgba(85,229,176,.24); }
.nclcd-claim-boundary-card li.is-allowed > span { color: var(--nclcd-emerald); }
.nclcd-claim-boundary-card li.is-qualified { border-color: rgba(235,198,109,.28); }
.nclcd-claim-boundary-card li.is-qualified > span { color: var(--nclcd-gold); }
.nclcd-claim-boundary-card li.is-blocked { border-color: rgba(255,157,91,.2); }
.nclcd-claim-boundary-card li.is-blocked > span { color: var(--nclcd-orange); }
.nclcd-carbon-recommendation { margin-top: 0; }

@keyframes nclcd-carbon-gate-pulse { 0%,100% { box-shadow: 0 0 0 rgba(235,198,109,0); } 50% { box-shadow: 0 0 12px rgba(235,198,109,.55); } }
@keyframes nclcd-carbon-claim-beam { 0%,12% { opacity: 0; transform: scaleX(0); } 22% { opacity: 1; } 64% { opacity: 1; transform: scaleX(1); } 76%,100% { opacity: 0; transform: scaleX(1); } }
@keyframes nclcd-carbon-scan { 0%,12% { left: -18%; opacity: 0; } 22% { opacity: 1; } 70% { left: 110%; opacity: 1; } 82%,100% { left: 110%; opacity: 0; } }

@media (max-width: 980px) {
  .nclcd-carbon-integrity { grid-template-columns: 1fr; }
  .nclcd-carbon-heading,
  .nclcd-carbon-truth,
  .nclcd-carbon-kpis,
  .nclcd-claim-chain-card,
  .nclcd-integrity-pillars-card,
  .nclcd-mrv-readiness-card,
  .nclcd-registry-identity-card,
  .nclcd-claim-boundary-card,
  .nclcd-carbon-recommendation { grid-column: 1; }
  .nclcd-carbon-truth { grid-template-columns: 1fr; }
  .nclcd-carbon-truth em { text-align: left; }
  .nclcd-carbon-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nclcd-claim-chain { display: flex; overflow-x: auto; }
  .nclcd-claim-chain li { flex: 0 0 150px; }
}

/* One-screen responsive landscape composition for Tab 05. */
body.nclcd-display-active .nclcd-carbon-integrity { display: grid; min-width: 0; min-height: 0; height: 100%; grid-template-columns: repeat(12,minmax(0,1fr)); grid-template-rows: auto auto minmax(64px,.46fr) minmax(0,1.36fr) minmax(0,1.22fr) minmax(82px,.66fr); gap: 5px 7px; }
body.nclcd-display-active .nclcd-carbon-heading { grid-column: 1 / -1; grid-row: 1; margin: 0; grid-template-columns: minmax(0,1.08fr) minmax(310px,.92fr); gap: clamp(14px,2vw,34px); align-items: end; }
body.nclcd-display-active .nclcd-carbon-truth { grid-column: 1 / -1; grid-row: 2; }
body.nclcd-display-active .nclcd-carbon-kpis { grid-column: 1 / -1; grid-row: 3; }
body.nclcd-display-active .nclcd-claim-chain-card { grid-column: span 8; grid-row: 4; }
body.nclcd-display-active .nclcd-integrity-pillars-card { grid-column: span 4; grid-row: 4; }
body.nclcd-display-active .nclcd-mrv-readiness-card,
body.nclcd-display-active .nclcd-registry-identity-card,
body.nclcd-display-active .nclcd-claim-boundary-card { grid-column: span 4; grid-row: 5; }
body.nclcd-display-active .nclcd-carbon-recommendation { grid-column: 1 / -1; grid-row: 6; }
body.nclcd-display-active .nclcd-carbon-heading h2 { font-size: clamp(1.35rem,2.15vmin,2.2rem); }
body.nclcd-display-active .nclcd-carbon-heading > p { font-size: max(.73rem,10px); line-height: 1.25; }
body.nclcd-display-active .nclcd-carbon-truth { min-height: 30px; padding: 4px 8px; gap: 8px; }
body.nclcd-display-active .nclcd-carbon-truth b,
body.nclcd-display-active .nclcd-carbon-truth em { font-size: max(.58rem,8px); }
body.nclcd-display-active .nclcd-carbon-kpis { margin: 0; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; }
body.nclcd-display-active .nclcd-carbon-kpis article { min-height: 0; height: 100%; padding: 6px 8px; border-radius: 10px; }
body.nclcd-display-active .nclcd-carbon-kpis span { font-size: max(.58rem,8px); line-height: 1; }
body.nclcd-display-active .nclcd-carbon-kpis strong { margin-top: 3px; font-size: clamp(1rem,1.55vmin,1.3rem); }
body.nclcd-display-active .nclcd-carbon-kpis small { margin-top: 3px; font-size: max(.56rem,8px); line-height: 1; }
body.nclcd-display-active .nclcd-carbon-card { display: flex; min-height: 0; height: 100%; padding: 7px 8px; flex-direction: column; border-radius: 14px; }
body.nclcd-display-active .nclcd-carbon-card > header { gap: 6px; }
body.nclcd-display-active .nclcd-carbon-card > header span { font-size: max(.59rem,8px); }
body.nclcd-display-active .nclcd-carbon-card > header h3 { margin-top: 1px; font-size: clamp(.92rem,1.42vmin,1.16rem); }
body.nclcd-display-active .nclcd-carbon-card > header > b { font-size: max(.51rem,7px); }
body.nclcd-display-active .nclcd-claim-chain { flex: 1 1 auto; min-height: 0; margin-top: 6px; gap: 4px; }
body.nclcd-display-active .nclcd-claim-chain li { min-height: 0; height: auto; padding: 5px; grid-template-columns: 20px minmax(0,1fr); gap: 4px; border-radius: 8px; }
body.nclcd-display-active .nclcd-claim-chain li > span { width: 20px; height: 20px; font-size: max(.5rem,7px); }
body.nclcd-display-active .nclcd-claim-chain li b { font-size: max(.59rem,8px); }
body.nclcd-display-active .nclcd-claim-chain li small { font-size: max(.51rem,7px); }
body.nclcd-display-active .nclcd-claim-chain li em { font-size: max(.45rem,6px); }
body.nclcd-display-active .nclcd-claim-chain-card > p { margin-top: 5px; padding: 4px 6px; gap: 5px; }
body.nclcd-display-active .nclcd-claim-chain-card > p span { font-size: max(.56rem,8px); line-height: 1.12; }
body.nclcd-display-active .nclcd-claim-chain-card > p b { font-size: max(.48rem,6px); }
body.nclcd-display-active .nclcd-integrity-pillars-card ul { flex: 1 1 auto; min-height: 0; margin-top: 6px; gap: 4px; }
body.nclcd-display-active .nclcd-integrity-pillars-card li { min-height: 0; height: auto; padding: 4px 5px; grid-template-columns: 20px minmax(0,1fr); gap: 4px; border-radius: 7px; }
body.nclcd-display-active .nclcd-integrity-pillars-card li > span { width: 20px; height: 20px; }
body.nclcd-display-active .nclcd-integrity-pillars-card li b { font-size: max(.57rem,8px); }
body.nclcd-display-active .nclcd-integrity-pillars-card li small { font-size: max(.49rem,7px); }
body.nclcd-display-active .nclcd-integrity-pillars-card li em { font-size: max(.43rem,6px); }
body.nclcd-display-active .nclcd-mrv-readiness-card ol { flex: 1 1 auto; min-height: 0; margin-top: 5px; grid-template-rows: repeat(3,minmax(0,1fr)); gap: 3px; }
body.nclcd-display-active .nclcd-mrv-readiness-card li { min-height: 0; height: auto; padding: 3px 4px; grid-template-columns: 19px minmax(0,1fr) auto; gap: 4px; border-radius: 7px; }
body.nclcd-display-active .nclcd-mrv-readiness-card li > span { width: 19px; height: 19px; font-size: max(.45rem,6px); }
body.nclcd-display-active .nclcd-mrv-readiness-card li > b { font-size: max(.53rem,7px); }
body.nclcd-display-active .nclcd-mrv-readiness-card li > em { font-size: max(.42rem,6px); }
body.nclcd-display-active .nclcd-registry-identity-card ul { flex: 1 1 auto; min-height: 0; margin-top: 5px; gap: 3px; }
body.nclcd-display-active .nclcd-registry-identity-card li { min-height: 0; height: auto; padding: 3px 5px; gap: 4px; border-radius: 7px; }
body.nclcd-display-active .nclcd-registry-identity-card li > span { font-size: max(.54rem,7px); }
body.nclcd-display-active .nclcd-registry-identity-card li > b { font-size: max(.46rem,6px); }
body.nclcd-display-active .nclcd-registry-identity-card > p { margin-top: auto; padding-top: 4px; font-size: max(.53rem,7px); line-height: 1.12; }
body.nclcd-display-active .nclcd-claim-boundary-card ul { flex: 1 1 auto; min-height: 0; margin-top: 5px; gap: 3px; }
body.nclcd-display-active .nclcd-claim-boundary-card li { min-height: 0; height: auto; padding: 3px 5px; grid-template-columns: minmax(58px,.26fr) minmax(0,1fr); gap: 1px 5px; border-radius: 7px; }
body.nclcd-display-active .nclcd-claim-boundary-card li > span { font-size: max(.44rem,6px); }
body.nclcd-display-active .nclcd-claim-boundary-card li > b { font-size: max(.54rem,7px); }
body.nclcd-display-active .nclcd-claim-boundary-card li > small { font-size: max(.47rem,6px); }
body.nclcd-display-active .nclcd-carbon-recommendation { margin: 0; padding: 7px 9px; grid-template-columns: auto minmax(0,1fr) minmax(210px,.36fr); gap: 8px; }
body.nclcd-display-active .nclcd-carbon-recommendation .nclcd-recommendation-mark { grid-row: 1; }
body.nclcd-display-active .nclcd-carbon-recommendation > small { grid-column: 3; grid-row: 1; align-self: center; padding: 0 0 0 10px; border-left: 1px solid var(--nclcd-line); text-align: right; }

body.nclcd-display-tight .nclcd-carbon-integrity { gap: 4px 6px; grid-template-rows: auto auto minmax(0,.42fr) minmax(0,1.25fr) minmax(0,1.08fr) minmax(0,.6fr); }
body.nclcd-display-tight .nclcd-carbon-card { padding: 5px 6px; }
body.nclcd-display-tight .nclcd-carbon-kpis article { padding: 4px 6px; }

@media (prefers-reduced-motion: reduce) {
  .nclcd-claim-chain::after,
  .nclcd-claim-chain li.is-model > span,
  .nclcd-integrity-pillars-card::after { animation: none; }
  .nclcd-claim-chain::after { opacity: .8; transform: scaleX(1); }
}

/* ========================================================================== 
   TAB 06 — GOVERNANCE & ACCOUNTABILITY · V4.3.0
   ========================================================================== */
.nclcd-governance-dashboard { display: grid; min-width: 0; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 12px; }
.nclcd-governance-heading,
.nclcd-governance-truth,
.nclcd-governance-kpis,
.nclcd-governance-recommendation { grid-column: 1 / -1; }
.nclcd-decision-chain-card { grid-column: span 8; }
.nclcd-human-authority-card { grid-column: span 4; }
.nclcd-rights-readiness-card,
.nclcd-audit-evidence-card,
.nclcd-benefit-accountability-card { grid-column: span 4; }

.nclcd-governance-truth { display: grid; min-width: 0; min-height: 42px; padding: 8px 11px; grid-template-columns: auto auto auto minmax(0,1fr); gap: 10px; align-items: center; border: 1px solid var(--nclcd-line-strong); border-radius: 14px; color: var(--nclcd-muted); background: rgba(2,24,20,.78); }
.nclcd-governance-truth span { display: inline-flex; min-width: 0; gap: 7px; align-items: center; }
.nclcd-governance-truth i { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 9px currentColor; }
.nclcd-governance-truth .is-actual { color: var(--nclcd-emerald); }
.nclcd-governance-truth .is-review { color: var(--nclcd-cyan); }
.nclcd-governance-truth .is-pending { color: var(--nclcd-gold); }
.nclcd-governance-truth b { font-size: .69rem; letter-spacing: .045em; }
.nclcd-governance-truth em { min-width: 0; color: var(--nclcd-muted); font-size: .71rem; font-style: normal; text-align: right; }

.nclcd-governance-kpis { display: grid; min-width: 0; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 8px; }
.nclcd-governance-kpis article { position: relative; display: grid; min-width: 0; min-height: 102px; padding: 13px 15px; align-content: center; overflow: hidden; border: 1px solid var(--nclcd-line); border-radius: 15px; background: linear-gradient(145deg,rgba(5,34,28,.94),rgba(2,21,18,.82)); }
.nclcd-governance-kpis article::after { position: absolute; right: 0; bottom: 0; left: 0; height: 2px; content: ""; background: linear-gradient(90deg,transparent,var(--nclcd-cyan),transparent); opacity: .38; }
.nclcd-governance-kpis article:last-child::after { background: linear-gradient(90deg,transparent,var(--nclcd-gold),transparent); opacity: .56; }
.nclcd-governance-kpis span,
.nclcd-governance-kpis strong,
.nclcd-governance-kpis small { display: block; min-width: 0; }
.nclcd-governance-kpis span { color: var(--nclcd-muted); font-size: .67rem; font-weight: 820; letter-spacing: .08em; }
.nclcd-governance-kpis strong { margin-top: 4px; color: var(--nclcd-text); font-size: clamp(1.12rem,1.55vw,1.65rem); line-height: 1; }
.nclcd-governance-kpis small { margin-top: 6px; color: var(--nclcd-muted); font-size: .69rem; line-height: 1.15; }
.nclcd-governance-kpis .is-actual { color: var(--nclcd-emerald); }
.nclcd-governance-kpis .is-review { color: var(--nclcd-cyan); }
.nclcd-governance-kpis .is-pending { color: var(--nclcd-gold); }

.nclcd-governance-card { position: relative; min-width: 0; min-height: 0; padding: 15px; overflow: hidden; border: 1px solid var(--nclcd-line); border-radius: 18px; background: linear-gradient(145deg,rgba(4,32,27,.96),rgba(2,22,18,.88)); box-shadow: inset 0 1px rgba(255,255,255,.015); }
.nclcd-governance-card > header { display: flex; min-width: 0; gap: 10px; align-items: flex-start; justify-content: space-between; }
.nclcd-governance-card > header > div { min-width: 0; }
.nclcd-governance-card > header span { display: block; color: var(--nclcd-cyan); font-size: .71rem; font-weight: 830; letter-spacing: .1em; }
.nclcd-governance-card > header h3 { margin: 3px 0 0; font-size: 1.14rem; line-height: 1.08; }
.nclcd-governance-card > header > b { color: var(--nclcd-gold); font-size: .66rem; letter-spacing: .055em; text-align: right; }

.nclcd-decision-chain { position: relative; display: grid; margin: 13px 0 0; padding: 0; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 6px; list-style: none; }
.nclcd-decision-chain::before { position: absolute; top: 50%; right: 4%; left: 4%; z-index: 0; height: 1px; content: ""; background: linear-gradient(90deg,rgba(98,217,241,.32),rgba(235,198,109,.2),rgba(161,224,211,.06)); }
.nclcd-decision-chain::after { position: absolute; top: calc(50% - 1px); left: 3%; z-index: 0; width: 14%; height: 2px; content: ""; border-radius: 99px; background: linear-gradient(90deg,transparent,var(--nclcd-cyan),rgba(255,255,255,.95),var(--nclcd-cyan),transparent); filter: drop-shadow(0 0 5px rgba(98,217,241,.78)); transform: scaleX(0); transform-origin: left center; animation: nclcd-governance-review-beam 3.4s ease-in-out infinite; }
.nclcd-decision-chain li { position: relative; z-index: 1; display: grid; min-width: 0; min-height: 108px; padding: 9px; grid-template-columns: 25px minmax(0,1fr); gap: 7px; align-content: center; border: 1px solid var(--nclcd-line); border-radius: 11px; background: rgba(2,19,16,.96); }
.nclcd-decision-chain li > span { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid rgba(161,224,211,.22); border-radius: 50%; color: var(--nclcd-muted); font-size: .62rem; }
.nclcd-decision-chain li > div { display: grid; min-width: 0; gap: 3px; }
.nclcd-decision-chain li b { font-size: .72rem; line-height: 1.08; }
.nclcd-decision-chain li small { color: var(--nclcd-muted); font-size: .61rem; line-height: 1.15; }
.nclcd-decision-chain li em { grid-column: 2; color: var(--nclcd-gold); font-size: .53rem; font-style: normal; letter-spacing: .06em; }
.nclcd-decision-chain li.is-review { border-color: rgba(98,217,241,.38); box-shadow: inset 0 0 22px rgba(98,217,241,.045); }
.nclcd-decision-chain li.is-review > span { color: var(--nclcd-cyan); border-color: rgba(98,217,241,.48); animation: nclcd-governance-gate-pulse 2.7s ease-in-out infinite; }
.nclcd-decision-chain li.is-human { border-color: rgba(85,229,176,.28); }
.nclcd-decision-chain li.is-human > span,
.nclcd-decision-chain li.is-human em { color: var(--nclcd-emerald); }
.nclcd-decision-chain-card > p { display: grid; margin: 9px 0 0; padding: 7px 9px; grid-template-columns: auto minmax(0,1fr) auto; gap: 7px; align-items: center; border: 1px solid rgba(235,198,109,.22); border-radius: 10px; color: var(--nclcd-muted); background: rgba(235,198,109,.035); }
.nclcd-decision-chain-card > p i { width: 8px; height: 8px; border-radius: 50%; background: var(--nclcd-gold); box-shadow: 0 0 9px var(--nclcd-gold); }
.nclcd-decision-chain-card > p span { font-size: .69rem; line-height: 1.2; }
.nclcd-decision-chain-card > p b { color: var(--nclcd-gold); font-size: .6rem; letter-spacing: .055em; text-align: right; }

.nclcd-human-authority-card::after { position: absolute; top: -35%; bottom: -35%; left: -18%; width: 14%; content: ""; background: linear-gradient(90deg,transparent,rgba(85,229,176,.075),transparent); transform: rotate(10deg); animation: nclcd-governance-scan 5.4s ease-in-out infinite; pointer-events: none; }
.nclcd-human-authority-card ul { position: relative; display: grid; margin: 11px 0 0; padding: 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; list-style: none; }
.nclcd-human-authority-card li { position: relative; display: grid; min-width: 0; min-height: 76px; padding: 8px; grid-template-columns: 25px minmax(0,1fr); gap: 7px; align-items: center; overflow: hidden; border: 1px solid rgba(85,229,176,.18); border-radius: 10px; background: rgba(2,19,16,.7); }
.nclcd-human-authority-card li > span { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid rgba(85,229,176,.32); border-radius: 50%; color: var(--nclcd-emerald); font-size: .58rem; }
.nclcd-human-authority-card li > div { display: grid; min-width: 0; gap: 3px; }
.nclcd-human-authority-card li b { font-size: .68rem; line-height: 1.08; }
.nclcd-human-authority-card li small { color: var(--nclcd-muted); font-size: .58rem; line-height: 1.1; }
.nclcd-human-authority-card li em { grid-column: 2; color: var(--nclcd-emerald); font-size: .48rem; font-style: normal; letter-spacing: .045em; }

.nclcd-rights-readiness-card > header > b,
.nclcd-audit-evidence-card > header > b,
.nclcd-benefit-accountability-card > header > b { display: grid; min-width: 36px; min-height: 27px; padding: 0 7px; place-items: center; border: 1px solid rgba(235,198,109,.28); border-radius: 8px; }
.nclcd-rights-readiness-card ol,
.nclcd-audit-evidence-card ol { display: grid; margin: 10px 0 0; padding: 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; list-style: none; }
.nclcd-rights-readiness-card li,
.nclcd-audit-evidence-card li { display: grid; min-width: 0; min-height: 48px; padding: 6px 7px; grid-template-columns: 23px minmax(0,1fr) auto; gap: 6px; align-items: center; border: 1px solid var(--nclcd-line); border-radius: 9px; background: rgba(2,19,16,.66); }
.nclcd-rights-readiness-card li > span,
.nclcd-audit-evidence-card li > span { display: grid; width: 23px; height: 23px; place-items: center; border: 1px solid rgba(161,224,211,.18); border-radius: 50%; color: var(--nclcd-muted); font-size: .54rem; }
.nclcd-rights-readiness-card li > b,
.nclcd-audit-evidence-card li > b { font-size: .63rem; line-height: 1.1; }
.nclcd-rights-readiness-card li > em,
.nclcd-audit-evidence-card li > em { color: var(--nclcd-gold); font-size: .48rem; font-style: normal; letter-spacing: .04em; }

.nclcd-benefit-accountability-card ul { display: grid; margin: 10px 0 0; padding: 0; gap: 5px; list-style: none; }
.nclcd-benefit-accountability-card li { display: grid; min-width: 0; min-height: 38px; padding: 6px 7px; grid-template-columns: auto minmax(0,1fr) auto; gap: 7px; align-items: center; border: 1px solid var(--nclcd-line); border-radius: 9px; background: rgba(2,19,16,.66); }
.nclcd-benefit-accountability-card li > i { width: 7px; height: 7px; border-radius: 50%; background: rgba(235,198,109,.42); box-shadow: 0 0 7px rgba(235,198,109,.25); }
.nclcd-benefit-accountability-card li > span { font-size: .66rem; line-height: 1.08; }
.nclcd-benefit-accountability-card li > b { color: var(--nclcd-gold); font-size: .54rem; line-height: 1.05; text-align: right; }
.nclcd-benefit-accountability-card > p { margin: 10px 0 0; color: var(--nclcd-muted); font-size: .66rem; line-height: 1.25; }
.nclcd-governance-recommendation { margin-top: 0; }

@keyframes nclcd-governance-gate-pulse { 0%,100% { box-shadow: 0 0 0 rgba(98,217,241,0); } 50% { box-shadow: 0 0 12px rgba(98,217,241,.55); } }
@keyframes nclcd-governance-review-beam { 0%,12% { opacity: 0; transform: scaleX(0); } 22% { opacity: 1; } 64% { opacity: 1; transform: scaleX(1); } 76%,100% { opacity: 0; transform: scaleX(1); } }
@keyframes nclcd-governance-scan { 0%,12% { left: -18%; opacity: 0; } 22% { opacity: 1; } 70% { left: 110%; opacity: 1; } 82%,100% { left: 110%; opacity: 0; } }

@media (max-width: 980px) {
  .nclcd-governance-dashboard { grid-template-columns: 1fr; }
  .nclcd-governance-heading,
  .nclcd-governance-truth,
  .nclcd-governance-kpis,
  .nclcd-decision-chain-card,
  .nclcd-human-authority-card,
  .nclcd-rights-readiness-card,
  .nclcd-audit-evidence-card,
  .nclcd-benefit-accountability-card,
  .nclcd-governance-recommendation { grid-column: 1; }
  .nclcd-governance-truth { grid-template-columns: 1fr; }
  .nclcd-governance-truth em { text-align: left; }
  .nclcd-governance-kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .nclcd-decision-chain { display: flex; overflow-x: auto; }
  .nclcd-decision-chain li { flex: 0 0 150px; }
}

/* One-screen responsive landscape composition for Tab 06. */
body.nclcd-display-active .nclcd-governance-dashboard { display: grid; min-width: 0; min-height: 0; height: 100%; grid-template-columns: repeat(12,minmax(0,1fr)); grid-template-rows: auto auto minmax(64px,.46fr) minmax(0,1.36fr) minmax(0,1.22fr) minmax(82px,.66fr); gap: 5px 7px; }
body.nclcd-display-active .nclcd-governance-heading { grid-column: 1 / -1; grid-row: 1; margin: 0; grid-template-columns: minmax(0,1.08fr) minmax(310px,.92fr); gap: clamp(14px,2vw,34px); align-items: end; }
body.nclcd-display-active .nclcd-governance-truth { grid-column: 1 / -1; grid-row: 2; }
body.nclcd-display-active .nclcd-governance-kpis { grid-column: 1 / -1; grid-row: 3; }
body.nclcd-display-active .nclcd-decision-chain-card { grid-column: span 8; grid-row: 4; }
body.nclcd-display-active .nclcd-human-authority-card { grid-column: span 4; grid-row: 4; }
body.nclcd-display-active .nclcd-rights-readiness-card,
body.nclcd-display-active .nclcd-audit-evidence-card,
body.nclcd-display-active .nclcd-benefit-accountability-card { grid-column: span 4; grid-row: 5; }
body.nclcd-display-active .nclcd-governance-recommendation { grid-column: 1 / -1; grid-row: 6; }
body.nclcd-display-active .nclcd-governance-heading h2 { font-size: clamp(1.35rem,2.15vmin,2.2rem); }
body.nclcd-display-active .nclcd-governance-heading > p { font-size: max(.73rem,10px); line-height: 1.25; }
body.nclcd-display-active .nclcd-governance-truth { min-height: 30px; padding: 4px 8px; gap: 8px; }
body.nclcd-display-active .nclcd-governance-truth b,
body.nclcd-display-active .nclcd-governance-truth em { font-size: max(.58rem,8px); }
body.nclcd-display-active .nclcd-governance-kpis { margin: 0; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 5px; }
body.nclcd-display-active .nclcd-governance-kpis article { min-height: 0; height: 100%; padding: 6px 8px; border-radius: 10px; }
body.nclcd-display-active .nclcd-governance-kpis span { font-size: max(.58rem,8px); line-height: 1; }
body.nclcd-display-active .nclcd-governance-kpis strong { margin-top: 3px; font-size: clamp(1rem,1.55vmin,1.3rem); }
body.nclcd-display-active .nclcd-governance-kpis small { margin-top: 3px; font-size: max(.56rem,8px); line-height: 1; }
body.nclcd-display-active .nclcd-governance-card { display: flex; min-height: 0; height: 100%; padding: 7px 8px; flex-direction: column; border-radius: 14px; }
body.nclcd-display-active .nclcd-governance-card > header { gap: 6px; }
body.nclcd-display-active .nclcd-governance-card > header span { font-size: max(.59rem,8px); }
body.nclcd-display-active .nclcd-governance-card > header h3 { margin-top: 1px; font-size: clamp(.92rem,1.42vmin,1.16rem); }
body.nclcd-display-active .nclcd-governance-card > header > b { font-size: max(.51rem,7px); }
body.nclcd-display-active .nclcd-decision-chain { flex: 1 1 auto; min-height: 0; margin-top: 6px; gap: 4px; }
body.nclcd-display-active .nclcd-decision-chain li { min-height: 0; height: auto; padding: 5px; grid-template-columns: 20px minmax(0,1fr); gap: 4px; border-radius: 8px; }
body.nclcd-display-active .nclcd-decision-chain li > span { width: 20px; height: 20px; font-size: max(.5rem,7px); }
body.nclcd-display-active .nclcd-decision-chain li b { font-size: max(.59rem,8px); }
body.nclcd-display-active .nclcd-decision-chain li small { font-size: max(.51rem,7px); }
body.nclcd-display-active .nclcd-decision-chain li em { font-size: max(.45rem,6px); }
body.nclcd-display-active .nclcd-decision-chain-card > p { margin-top: 5px; padding: 4px 6px; gap: 5px; }
body.nclcd-display-active .nclcd-decision-chain-card > p span { font-size: max(.56rem,8px); line-height: 1.12; }
body.nclcd-display-active .nclcd-decision-chain-card > p b { font-size: max(.48rem,6px); }
body.nclcd-display-active .nclcd-human-authority-card ul { flex: 1 1 auto; min-height: 0; margin-top: 6px; gap: 4px; }
body.nclcd-display-active .nclcd-human-authority-card li { min-height: 0; height: auto; padding: 4px 5px; grid-template-columns: 20px minmax(0,1fr); gap: 4px; border-radius: 7px; }
body.nclcd-display-active .nclcd-human-authority-card li > span { width: 20px; height: 20px; }
body.nclcd-display-active .nclcd-human-authority-card li b { font-size: max(.57rem,8px); }
body.nclcd-display-active .nclcd-human-authority-card li small { font-size: max(.49rem,7px); }
body.nclcd-display-active .nclcd-human-authority-card li em { font-size: max(.43rem,6px); }
body.nclcd-display-active .nclcd-rights-readiness-card ol,
body.nclcd-display-active .nclcd-audit-evidence-card ol { flex: 1 1 auto; min-height: 0; margin-top: 5px; grid-template-rows: repeat(3,minmax(0,1fr)); gap: 3px; }
body.nclcd-display-active .nclcd-rights-readiness-card li,
body.nclcd-display-active .nclcd-audit-evidence-card li { min-height: 0; height: auto; padding: 3px 4px; grid-template-columns: 19px minmax(0,1fr) auto; gap: 4px; border-radius: 7px; }
body.nclcd-display-active .nclcd-rights-readiness-card li > span,
body.nclcd-display-active .nclcd-audit-evidence-card li > span { width: 19px; height: 19px; font-size: max(.45rem,6px); }
body.nclcd-display-active .nclcd-rights-readiness-card li > b,
body.nclcd-display-active .nclcd-audit-evidence-card li > b { font-size: max(.53rem,7px); }
body.nclcd-display-active .nclcd-rights-readiness-card li > em,
body.nclcd-display-active .nclcd-audit-evidence-card li > em { font-size: max(.42rem,6px); }
body.nclcd-display-active .nclcd-benefit-accountability-card ul { flex: 1 1 auto; min-height: 0; margin-top: 5px; gap: 3px; }
body.nclcd-display-active .nclcd-benefit-accountability-card li { min-height: 0; height: auto; padding: 3px 5px; gap: 4px; border-radius: 7px; }
body.nclcd-display-active .nclcd-benefit-accountability-card li > span { font-size: max(.54rem,7px); }
body.nclcd-display-active .nclcd-benefit-accountability-card li > b { font-size: max(.46rem,6px); }
body.nclcd-display-active .nclcd-benefit-accountability-card > p { margin-top: auto; padding-top: 4px; font-size: max(.53rem,7px); line-height: 1.12; }
body.nclcd-display-active .nclcd-governance-recommendation { margin: 0; padding: 7px 9px; grid-template-columns: auto minmax(0,1fr) minmax(210px,.36fr); gap: 8px; }
body.nclcd-display-active .nclcd-governance-recommendation .nclcd-recommendation-mark { grid-row: 1; }
body.nclcd-display-active .nclcd-governance-recommendation > small { grid-column: 3; grid-row: 1; align-self: center; padding: 0 0 0 10px; border-left: 1px solid var(--nclcd-line); text-align: right; }

body.nclcd-display-tight .nclcd-governance-dashboard { gap: 4px 6px; grid-template-rows: auto auto minmax(0,.42fr) minmax(0,1.25fr) minmax(0,1.08fr) minmax(0,.6fr); }
body.nclcd-display-tight .nclcd-governance-card { padding: 5px 6px; }
body.nclcd-display-tight .nclcd-governance-kpis article { padding: 4px 6px; }

@media (prefers-reduced-motion: reduce) {
  .nclcd-decision-chain::after,
  .nclcd-decision-chain li.is-review > span,
  .nclcd-human-authority-card::after { animation: none; }
  .nclcd-decision-chain::after { opacity: .8; transform: scaleX(1); }
}

/* ========================================================================== 
   V4.3.1 — SHARED AREA CONTEXT + TAB 01 FULLSCREEN FIT
   ========================================================================== */
.nclcd-scope-pill { display: inline-flex; max-width: min(280px,48%); min-height: 28px; margin-left: 7px; padding: 4px 9px; gap: 6px; align-items: center; overflow: hidden; border: 1px solid rgba(98,217,241,.3); border-radius: 999px; color: var(--nclcd-cyan); background: rgba(98,217,241,.055); vertical-align: middle; }
.nclcd-scope-pill > i { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--nclcd-cyan); box-shadow: 0 0 9px rgba(98,217,241,.72); }
.nclcd-scope-pill > b,
.nclcd-scope-pill > small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nclcd-scope-pill > b { font-size: .7rem; letter-spacing: .045em; }
.nclcd-scope-pill > small { color: var(--nclcd-muted); font-size: .63rem; }
.nclcd-section-heading > div > .nclcd-scope-pill + small { display: block; }

body.nclcd-display-active .nclcd-scope-pill { min-height: 24px; margin-left: 5px; padding: 2px 7px; gap: 5px; }
body.nclcd-display-active .nclcd-scope-pill > i { width: 6px; height: 6px; }
body.nclcd-display-active .nclcd-scope-pill > b { font-size: max(.56rem,8px); }
body.nclcd-display-active .nclcd-scope-pill > small { font-size: max(.5rem,7px); }

/* The right operational stack receives proportional rows based on its real
   content density. Every explanatory line remains inside its own card. */
body.nclcd-display-active .nclcd-command-column--right { grid-template-rows: minmax(0,.92fr) minmax(0,.96fr) minmax(0,1.12fr); }
body.nclcd-display-active .nclcd-command-column--right > .nclcd-console-card { display: flex; min-width: 0; min-height: 0; height: 100%; padding: 7px 8px; flex-direction: column; overflow: hidden; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-console-card > header { flex: 0 0 auto; gap: 5px; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-console-card h2 { margin-top: 1px; font-size: clamp(.96rem,1.5vmin,1.18rem); line-height: 1.04; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-tier-badge { min-height: 23px; padding: 3px 7px; font-size: max(.56rem,8px); }
body.nclcd-display-active .nclcd-command-column--right .nclcd-carbon-metrics { flex: 0 0 auto; margin-top: 5px; gap: 4px; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-carbon-metrics > div { padding: 5px 6px; border-radius: 9px; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-carbon-metrics span,
body.nclcd-display-active .nclcd-command-column--right .nclcd-carbon-metrics small { font-size: max(.58rem,8px); line-height: 1.08; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-carbon-metrics strong { margin-top: 3px; font-size: clamp(1rem,1.7vmin,1.32rem); }
body.nclcd-display-active .nclcd-command-column--right .nclcd-carbon-metrics small { margin-top: 3px; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-carbon-progress { flex: 0 0 auto; height: 5px; margin-top: 6px; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-carbon-progress span { top: 7px; font-size: max(.54rem,7px); }
body.nclcd-display-active .nclcd-command-column--right .nclcd-carbon-card > p { margin: 15px 0 0; font-size: max(.59rem,8px); line-height: 1.15; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-threat-card ul { display: grid; flex: 1 1 auto; min-height: 0; margin-top: 5px; grid-template-rows: repeat(4,minmax(0,1fr)); gap: 3px; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-threat-card li { min-height: 0; height: auto; padding: 3px 5px; gap: 5px; border-radius: 8px; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-threat-card li span,
body.nclcd-display-active .nclcd-command-column--right .nclcd-threat-card li b { font-size: max(.58rem,8px); line-height: 1.08; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-seal-activities { display: grid; flex: 1 1 auto; min-height: 0; margin-top: 5px; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 3px; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-seal-activities > div { min-height: 0; height: 100%; padding: 5px; gap: 0; align-content: center; border-radius: 8px; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-seal-activities strong { margin-top: 4px; font-size: clamp(1.05rem,1.85vmin,1.4rem); }
body.nclcd-display-active .nclcd-command-column--right .nclcd-seal-activities span { margin-top: 3px; font-size: max(.58rem,8px); line-height: 1.08; }
body.nclcd-display-active .nclcd-command-column--right .nclcd-seal-activities small { margin-top: 2px; font-size: max(.51rem,7px); }
body.nclcd-display-active .nclcd-command-column--right .nclcd-seal-card > p { flex: 0 0 auto; margin: 5px 0 0; font-size: max(.57rem,8px); line-height: 1.14; }

body.nclcd-display-tight .nclcd-command-column--right { grid-template-rows: minmax(0,.9fr) minmax(0,.97fr) minmax(0,1.13fr); gap: 5px; }
body.nclcd-display-tight .nclcd-command-column--right > .nclcd-console-card { padding: 5px 6px; }
body.nclcd-display-tight .nclcd-command-column--right .nclcd-carbon-card > p,
body.nclcd-display-tight .nclcd-command-column--right .nclcd-seal-card > p { font-size: max(.52rem,7px); line-height: 1.08; }

@media (max-width: 680px) {
  .nclcd-scope-pill { max-width: 100%; margin: 6px 0 0; }
}

/* Empty states retain the established dashboard grid and card dimensions. */
.nclcd-main .nclcd-empty-state{margin:1rem 0;padding:1rem;border:1px dashed rgba(124,200,189,.28);border-radius:12px;line-height:1.65;color:#b8d8d1;overflow-wrap:anywhere;}
.nclcd-main .nclcd-tabs{overflow-x:auto;scrollbar-width:thin;}
.nclcd-main .nclcd-tab{min-width:0;}
.nclcd-main article>header{gap:.75rem;}
.nclcd-main article>header>div{min-width:0;}
.nclcd-main article>header>b{flex-shrink:0;white-space:normal;}
.nclcd-main .nclcd-hint:focus-visible{outline:2px solid #d4bc73;outline-offset:3px;}
@media(max-width:640px){.nclcd-main article>header{flex-wrap:wrap;}.nclcd-main .nclcd-empty-state{padding:.8rem;}}