.ngc { --ngc-accent:#e0b93d; --ngc-green:#149b80; --ngc-red:#e66373; --ngc-ink:#e5e9ee; --ngc-muted:#9aa4b0; --ngc-grid:rgba(160,175,194,.13); --ngc-fill:rgba(224,185,61,.17); --ngc-surface:rgba(255,255,255,.035); color:var(--ngc-ink); direction:rtl; margin-top:20px; min-width:0; }
[data-theme="light"] .ngc { --ngc-ink:#202b39; --ngc-muted:#596778; --ngc-grid:rgba(48,65,87,.13); --ngc-fill:rgba(185,139,12,.13); --ngc-surface:rgba(30,45,65,.035); --ngc-accent:#9c7512; --ngc-green:#087b61; --ngc-red:#bf3548; }
.ngc > .mnswmc-switch { display:none !important; }
.ngc-toolbar { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; margin:0 0 16px; }
.ngc-ranges,.ngc-modes { display:flex; gap:4px; align-items:center; border:1px solid var(--ngc-grid); border-radius:10px; padding:4px; background:var(--ngc-surface); }
.ngc button.ngc-button { appearance:none; border:0; border-radius:7px; box-shadow:none; background:transparent; color:var(--ngc-muted); font:inherit; font-size:12px; font-weight:600; padding:8px 11px; min-height:36px; line-height:1.4; cursor:pointer; transition:background .15s,color .15s; }
.ngc button.ngc-button:hover { background:var(--ngc-grid); color:var(--ngc-ink); }
.ngc .ngc-ranges button[aria-pressed="true"] { background:var(--ngc-accent); color:#121416; }
[data-theme="light"] .ngc .ngc-ranges button[aria-pressed="true"] { color:#fff; }
.ngc .ngc-modes button[aria-pressed="true"] { background:var(--ngc-grid); color:var(--ngc-ink); }
.ngc button:focus-visible,.ngc summary:focus-visible { outline:2px solid var(--ngc-accent); outline-offset:3px; }
.ngc button:disabled { opacity:.45; cursor:not-allowed; }
.ngc-stats { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:8px; padding:13px 0; border-top:1px solid var(--ngc-grid); border-bottom:1px solid var(--ngc-grid); margin-bottom:8px; }
.ngc-stat { display:flex; flex-direction:column; gap:5px; min-width:0; }
.ngc-stat + .ngc-stat { border-inline-start:1px solid var(--ngc-grid); padding-inline-start:14px; }
.ngc-stat-label { color:var(--ngc-muted); font-size:11px; }
.ngc-stat-value { font-size:15px; font-weight:700; font-variant-numeric:tabular-nums; line-height:1.5; }
.ngc small { font-size:10px; font-weight:400; color:var(--ngc-muted); }
.ngc .is-up { color:var(--ngc-green); }.ngc .is-down { color:var(--ngc-red); }
.ngc-plot { height:300px; width:100%; position:relative; direction:ltr; }
.ngc-plot canvas.mnswmc-chart { width:100% !important; height:100% !important; direction:ltr !important; }
.ngc-empty { position:absolute; inset:0; display:grid; align-content:center; text-align:center; padding:24px; color:var(--ngc-muted); font-size:13px; }
.ngc-empty[hidden] { display:none; }
.ngc-note { color:var(--ngc-muted); font-size:11px; line-height:1.9; margin:10px 0 8px; }
.ngc-details { border-top:1px solid var(--ngc-grid); padding-top:10px; margin-top:12px; }
.ngc-details summary { font-size:12px; cursor:pointer; color:var(--ngc-muted); padding:4px 0; }
.ngc-table-wrap { max-height:250px; overflow:auto; margin-top:10px; border:1px solid var(--ngc-grid); border-radius:8px; }
.ngc table.ngc-table { width:100%; min-width:430px; border:0; border-collapse:collapse; margin:0; color:var(--ngc-ink); font-size:11px; }
.ngc-table th,.ngc-table td { padding:9px 8px; border:0; border-bottom:1px solid var(--ngc-grid); white-space:nowrap; text-align:start; }
.ngc-table th { color:var(--ngc-muted); font-weight:500; }.ngc-table caption { text-align:start; padding:8px; color:var(--ngc-muted); font-size:11px; }
@media(max-width:767px) { .ngc { margin-top:16px; }.ngc-toolbar { gap:8px; }.ngc-ranges { flex:1; justify-content:space-between; }.ngc button.ngc-button { padding:8px 9px; font-size:11px; min-height:40px; }.ngc-modes { margin-inline-start:auto; }.ngc-stats { gap:5px; grid-template-columns:1.15fr 1fr 1fr; }.ngc-stat + .ngc-stat { padding-inline-start:8px; }.ngc-stat-value { font-size:13px; }.ngc-plot { height:275px; } }
@media(prefers-reduced-motion:reduce) { .ngc button.ngc-button { transition:none; } }

.ngc .ngc-estimated { color:var(--ngc-accent); }
.ngc .ngc-raw { display:block; direction:rtl; margin-top:3px; font-size:10px; color:var(--ngc-muted); }
.ngc .ngc-quality { font-size:10px; color:var(--ngc-muted); }

/* Product price accordions use the same renderer without a second outer margin. */
.ngc[data-ngc-context="product"] { margin-top:0; }
.ngc[data-ngc-context="product"] .ngc-note { max-width:80ch; }

/* Server-owned chart chrome has its final geometry before native Chart.js
   initializes. Values and explanatory text may change without moving content. */
.ngc[data-ngc-ssr="1"] .ngc-stat-value { display:block; min-block-size:1.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ngc[data-ngc-ssr="1"] .ngc-note { box-sizing:content-box; block-size:3.8em; overflow:auto; overflow-wrap:anywhere; }
.ngc[data-ngc-ssr="1"] .ngc-table-fallback { padding:10px; margin:0; font-size:11px; }
@media(max-width:767px) { .ngc[data-ngc-ssr="1"] .ngc-note { block-size:9.5em; } }