/* Edgecom Market Portal theme — an extension of Design System V3.
   It deliberately consumes V3 semantic tokens; palette values and dark-mode
   swapping stay owned by the published design-system bundle. */
:root {
  --nc-canvas-color: var(--background);
  --nc-canvas-image: none;
}

/* Keep the document canvas in sync with the V3 theme. The application shell
   fills the viewport, but this also covers overscroll, loading frames, and
   any space outside a fixed-height shell. */
html,
body {
  min-height: 100%;
  background: var(--background);
  color: var(--foreground);
}

html { color-scheme: light; }
html.dark { color-scheme: dark; }

[data-slot="card"] {
  border: 0 !important;
  box-shadow: 0 0 0 1px var(--border) !important;
}

[data-instance="kpi-tile"],
[data-instance="insight-kpi"] {
  min-height: 8.25rem;
}

.insight-legend button[aria-pressed="true"],
.fuel-legend-row[aria-pressed="true"] {
  background: var(--accent);
}

@media (max-width: 52rem) {
  [data-slot="card-header"] { gap: 0.5rem; }
  [data-slot="card-action"] { width: 100%; justify-content: flex-start; overflow-x: auto; }
}