/* /Layout/MainLayout.razor.rz.scp.css */
/* Chrome styling lives in the global site.css (nav, footer, beam) so tool pages share it.
   This scoped file is intentionally empty. */
/* /Pages/Analyst.razor.rz.scp.css */
.room[b-4gaqmwz8ky] { max-width: 880px; margin: 0 auto; padding: 3rem 24px 4rem; }
.crumb[b-4gaqmwz8ky] { font-family: var(--mono); font-size: 0.82rem; color: var(--ink-faint); margin-bottom: 0.75rem; }
.crumb a[b-4gaqmwz8ky] { color: var(--ink-soft); }
.crumb span[b-4gaqmwz8ky] { margin: 0 0.4rem; opacity: 0.6; }
.room-head h1[b-4gaqmwz8ky] { font-size: clamp(2rem, 4.5vw, 2.6rem); font-weight: 700; letter-spacing: -0.02em; margin: 0 0 0.5rem; }
.lede[b-4gaqmwz8ky] { font-size: 1.08rem; line-height: 1.55; color: var(--ink-soft); margin: 0 0 1.6rem; max-width: 62ch; }

.paste[b-4gaqmwz8ky] { width: 100%; box-sizing: border-box; border: 1px solid var(--border); border-radius: 12px; padding: 0.9rem 1rem; font-size: 0.9rem; line-height: 1.5; font-family: var(--mono); resize: vertical; background: var(--bg-2); color: var(--ink); }
.paste:focus[b-4gaqmwz8ky] { outline: none; border-color: var(--accent); }
.paste[b-4gaqmwz8ky]::placeholder { color: var(--ink-faint); }

.controls[b-4gaqmwz8ky] { display: flex; align-items: center; gap: 1rem; margin: 0.9rem 0 0; flex-wrap: wrap; }
.go[b-4gaqmwz8ky] { background: var(--accent); color: #fff; border: none; border-radius: 10px; padding: 0.6rem 1.4rem; font-size: 1rem; font-weight: 600; cursor: pointer; transition: filter 0.15s; }
.go:hover:not(:disabled)[b-4gaqmwz8ky] { filter: brightness(1.08); }
.go:disabled[b-4gaqmwz8ky] { opacity: 0.55; cursor: default; }
.hint[b-4gaqmwz8ky] { color: var(--ink-faint); font-size: 0.9rem; }
.err[b-4gaqmwz8ky] { color: var(--bad); margin-top: 1rem; }

.progress-wrap[b-4gaqmwz8ky] { margin: 1.5rem 0 0; display: flex; flex-direction: column; gap: 0.5rem; }
.progress-track[b-4gaqmwz8ky] { height: 0.7rem; background: var(--surface-2); border: 1px solid var(--border); border-radius: 6px; overflow: hidden; }
.progress-fill[b-4gaqmwz8ky] { height: 100%; background: var(--spectrum); border-radius: 6px; transition: width 0.12s linear; }
.progress-label[b-4gaqmwz8ky] { font-size: 0.9rem; color: var(--ink-soft); font-variant-numeric: tabular-nums; font-family: var(--mono); }

.speed[b-4gaqmwz8ky] { margin: 1.75rem 0 0; background: var(--surface); border: 1px solid var(--border); border-left: 3px solid var(--accent); border-radius: 12px; padding: 1rem 1.15rem; font-size: 1.02rem; line-height: 1.55; color: var(--ink); }
.speed strong[b-4gaqmwz8ky] { color: var(--accent-ink); font-variant-numeric: tabular-nums; }

.cost[b-4gaqmwz8ky] { margin: 1rem 0 0; border: 1px solid var(--border); border-radius: 12px; padding: 1rem 1.15rem; background: var(--surface); }
.cost-line[b-4gaqmwz8ky] { display: flex; justify-content: space-between; align-items: baseline; padding: 0.25rem 0; font-size: 1rem; }
.cost-line .them[b-4gaqmwz8ky] { font-weight: 700; color: var(--bad); font-variant-numeric: tabular-nums; }
.cost-line .us[b-4gaqmwz8ky] { font-weight: 800; color: var(--ok); font-variant-numeric: tabular-nums; }
.privacy[b-4gaqmwz8ky] { margin: 0.6rem 0 0; font-size: 0.9rem; color: var(--ink-faint); line-height: 1.45; }

h2[b-4gaqmwz8ky] { font-size: 1.15rem; font-weight: 650; margin: 2.2rem 0 0.85rem; letter-spacing: -0.01em; }

.flags[b-4gaqmwz8ky] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.5rem; }
.flag[b-4gaqmwz8ky] { padding: 0.7rem 0.95rem; border-radius: 10px; font-size: 0.95rem; line-height: 1.4; border-left: 3px solid; background: var(--surface); }
.flag.warn[b-4gaqmwz8ky] { border-color: var(--warn); }
.flag.info[b-4gaqmwz8ky] { border-color: var(--c-data); }
.insights .flag[b-4gaqmwz8ky] { border-color: #8b7dff; }   /* the holographic-purple accent, distinct from the amber/blue "stands out" flags */
.flag b[b-4gaqmwz8ky] { font-weight: 700; color: var(--ink); }

.chips[b-4gaqmwz8ky] { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.chip[b-4gaqmwz8ky] { display: flex; flex-direction: column; gap: 0.15rem; background: var(--surface); border: 1px solid var(--border); border-radius: 10px; padding: 0.6rem 0.85rem; min-width: 8rem; }
.chip-kind[b-4gaqmwz8ky] { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-faint); font-family: var(--mono); }
.chip-count[b-4gaqmwz8ky] { font-size: 1.35rem; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; color: var(--ink); }
.chip-eg[b-4gaqmwz8ky] { font-size: 0.78rem; color: var(--ink-soft); font-family: var(--mono); overflow: hidden; text-overflow: ellipsis; max-width: 16rem; white-space: nowrap; }

.cols[b-4gaqmwz8ky] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 0.8rem; }
.col-card[b-4gaqmwz8ky] { border: 1px solid var(--border); border-radius: 12px; padding: 0.9rem 1rem; background: var(--surface); }
.col-head[b-4gaqmwz8ky] { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; }
.col-name[b-4gaqmwz8ky] { font-weight: 700; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; color: var(--ink); }
.col-type[b-4gaqmwz8ky] { font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; padding: 0.15rem 0.5rem; border-radius: 6px; white-space: nowrap; font-family: var(--mono); border: 1px solid var(--border-2); color: var(--ink-soft); }
.type-integer[b-4gaqmwz8ky], .type-decimal[b-4gaqmwz8ky] { color: var(--c-data); border-color: color-mix(in srgb, var(--c-data) 40%, transparent); }
.type-date[b-4gaqmwz8ky] { color: var(--c-spatial); border-color: color-mix(in srgb, var(--c-spatial) 40%, transparent); }
.type-boolean[b-4gaqmwz8ky] { color: var(--warn); border-color: color-mix(in srgb, var(--warn) 40%, transparent); }
.type-category[b-4gaqmwz8ky] { color: var(--c-ml); border-color: color-mix(in srgb, var(--c-ml) 40%, transparent); }

.col-facts[b-4gaqmwz8ky] { display: flex; flex-wrap: wrap; gap: 0.35rem 0.75rem; font-size: 0.82rem; color: var(--ink-soft); font-variant-numeric: tabular-nums; margin-bottom: 0.5rem; }
.col-facts .warn[b-4gaqmwz8ky] { color: var(--bad); font-weight: 600; }

.col-bars[b-4gaqmwz8ky] { display: flex; flex-direction: column; gap: 0.28rem; }
.mini-row[b-4gaqmwz8ky] { display: grid; grid-template-columns: 1fr 3.5rem 2.5rem; align-items: center; gap: 0.4rem; width: 100%; background: transparent; border: none; border-radius: 6px; padding: 0.15rem 0.3rem; cursor: pointer; text-align: left; font: inherit; }
.mini-row:hover:not(:disabled)[b-4gaqmwz8ky] { background: color-mix(in srgb, var(--accent) 9%, transparent); }
.mini-row:disabled[b-4gaqmwz8ky] { cursor: default; }
.mini-val[b-4gaqmwz8ky] { font-size: 0.8rem; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mini-bar[b-4gaqmwz8ky] { background: var(--surface-2); border: 1px solid var(--border); border-radius: 5px; height: 0.7rem; overflow: hidden; }
.mini-fill[b-4gaqmwz8ky] { height: 100%; background: var(--accent); border-radius: 5px; }
.mini-n[b-4gaqmwz8ky] { font-size: 0.78rem; color: var(--ink-soft); text-align: right; font-variant-numeric: tabular-nums; }

/* live SQL prompt */
.repl-intro[b-4gaqmwz8ky] { color: var(--ink-soft); font-size: 0.98rem; line-height: 1.5; margin: 0 0 0.85rem; max-width: 62ch; }
.suggests[b-4gaqmwz8ky] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.85rem; }
.suggest[b-4gaqmwz8ky] { background: var(--surface); border: 1px solid var(--border-2); color: var(--accent-ink); border-radius: 999px; padding: 0.4rem 0.9rem; font-size: 0.86rem; font-weight: 600; cursor: pointer; transition: border-color 0.15s, color 0.15s; }
.suggest:hover:not(:disabled)[b-4gaqmwz8ky] { border-color: var(--accent); color: var(--ink); }
.suggest:disabled[b-4gaqmwz8ky] { opacity: 0.55; cursor: default; }

.sql[b-4gaqmwz8ky] { width: 100%; box-sizing: border-box; border: 1px solid var(--border-2); border-radius: 12px; padding: 0.8rem 1rem; font-size: 0.9rem; line-height: 1.5; font-family: var(--mono); resize: vertical; background: var(--bg-2); color: var(--ink); }
.sql:focus[b-4gaqmwz8ky] { outline: none; border-color: var(--accent); }

.table-scroll[b-4gaqmwz8ky] { overflow-x: auto; border: 1px solid var(--border); border-radius: 12px; margin-top: 0.9rem; }
table.result[b-4gaqmwz8ky] { border-collapse: collapse; width: 100%; font-size: 0.86rem; }
table.result th[b-4gaqmwz8ky] { text-align: left; background: var(--surface-2); color: var(--ink); font-weight: 700; padding: 0.5rem 0.75rem; border-bottom: 1px solid var(--border-2); white-space: nowrap; position: sticky; top: 0; font-family: var(--mono); }
table.result td[b-4gaqmwz8ky] { padding: 0.45rem 0.75rem; border-bottom: 1px solid var(--border); color: var(--ink-soft); white-space: nowrap; font-variant-numeric: tabular-nums; }
table.result tbody tr:hover[b-4gaqmwz8ky] { background: var(--surface); }
table.result tbody tr:hover td[b-4gaqmwz8ky] { color: var(--ink); }
table.result th.sortable[b-4gaqmwz8ky] { cursor: pointer; user-select: none; }
table.result th.sortable:hover[b-4gaqmwz8ky] { color: var(--accent-ink); }
.sort-arrow[b-4gaqmwz8ky] { color: var(--accent-ink); font-size: 0.7rem; margin-left: 0.15rem; }

/* ---- product framing: badges + steps ---- */
.badges[b-4gaqmwz8ky] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 1.4rem; }
.badges span[b-4gaqmwz8ky] { font-family: var(--mono); font-size: 0.78rem; color: var(--ink-soft); border: 1px solid var(--border-2); border-radius: 999px; padding: 0.3rem 0.75rem; background: var(--surface); }
.steps[b-4gaqmwz8ky] { list-style: none; display: flex; flex-wrap: wrap; gap: 0.5rem; padding: 0; margin: 0 0 1.2rem; }
.steps li[b-4gaqmwz8ky] { flex: 1 1 140px; display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; color: var(--ink-soft); background: var(--bg-2); border: 1px solid var(--border); border-radius: 10px; padding: 0.6rem 0.8rem; }
.steps b[b-4gaqmwz8ky] { display: inline-flex; align-items: center; justify-content: center; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: var(--accent); color: #fff; font-size: 0.8rem; font-weight: 700; flex-shrink: 0; }

/* ---- dropzone (file upload + drag/drop) ---- */
.dropzone[b-4gaqmwz8ky] { position: relative; border: 1.5px dashed var(--border-2); border-radius: 14px; background: var(--bg-2); padding: 1.6rem 1rem; text-align: center; transition: border-color 0.15s, background 0.15s; }
.dropzone:hover[b-4gaqmwz8ky] { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 6%, var(--bg-2)); }
.dropzone.busy[b-4gaqmwz8ky] { opacity: 0.6; pointer-events: none; }
.dropzone[b-4gaqmwz8ky]  .file-input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.dz-inner[b-4gaqmwz8ky] { display: flex; flex-direction: column; align-items: center; gap: 0.35rem; color: var(--ink-soft); pointer-events: none; }
.dz-inner svg[b-4gaqmwz8ky] { color: var(--accent); margin-bottom: 0.2rem; }
.dz-inner strong[b-4gaqmwz8ky] { color: var(--ink); font-size: 1rem; }
.dz-inner span[b-4gaqmwz8ky] { font-size: 0.86rem; color: var(--ink-faint); }
.dz-file[b-4gaqmwz8ky] { font-family: var(--mono); font-size: 0.8rem !important; color: var(--accent-ink) !important; margin-top: 0.3rem; }

.paste-wrap[b-4gaqmwz8ky] { margin: 0.8rem 0 0; }
.paste-wrap summary[b-4gaqmwz8ky] { cursor: pointer; color: var(--ink-faint); font-size: 0.88rem; padding: 0.3rem 0; user-select: none; }
.paste-wrap summary:hover[b-4gaqmwz8ky] { color: var(--ink-soft); }
.paste-wrap .paste[b-4gaqmwz8ky] { margin-top: 0.6rem; }

.ghost[b-4gaqmwz8ky] { background: transparent; color: var(--ink-soft); border: 1px solid var(--border-2); border-radius: 10px; padding: 0.6rem 1.1rem; font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: border-color 0.15s, color 0.15s; }
.ghost:hover:not(:disabled)[b-4gaqmwz8ky] { border-color: var(--accent); color: var(--ink); }
.ghost:disabled[b-4gaqmwz8ky] { opacity: 0.5; cursor: default; }

/* ---- charts (SVG generated in C#, injected as markup -> styled via ::deep) ---- */
.charts[b-4gaqmwz8ky] { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 1rem; }
.chart-card[b-4gaqmwz8ky] { margin: 0; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 0.9rem 1rem 0.6rem; overflow: hidden; }
.chart-card figcaption[b-4gaqmwz8ky] { font-size: 0.9rem; font-weight: 650; color: var(--ink); margin-bottom: 0.5rem; }
.chart-card.result-chart[b-4gaqmwz8ky] { margin-top: 0.9rem; }
.chart-card[b-4gaqmwz8ky]  .chart-svg { display: block; width: 100%; height: auto; overflow: visible; }
.chart-card[b-4gaqmwz8ky]  .c-bar { fill: var(--accent); }
.chart-card[b-4gaqmwz8ky]  .c-lbl { fill: var(--ink-soft); font-family: var(--mono); font-size: 12px; }
.chart-card[b-4gaqmwz8ky]  .c-val { fill: var(--ink); font-family: var(--mono); font-size: 12px; font-weight: 600; }
.chart-card[b-4gaqmwz8ky]  .c-line { fill: none; stroke: var(--accent); stroke-width: 2; stroke-linejoin: round; stroke-linecap: round; }
.chart-card[b-4gaqmwz8ky]  .c-area { fill: color-mix(in srgb, var(--accent) 16%, transparent); stroke: none; }
.chart-card[b-4gaqmwz8ky]  .c-axis { stroke: var(--border-2); stroke-width: 1; }
.chart-card[b-4gaqmwz8ky]  .c-grid { stroke: var(--border); stroke-width: 1; stroke-dasharray: 2 4; }
.chart-card[b-4gaqmwz8ky]  .c-tick { fill: var(--ink-faint); font-family: var(--mono); font-size: 11px; }

/* ---- result header: view toggle + export ---- */
.result-head[b-4gaqmwz8ky] { display: flex; justify-content: space-between; align-items: center; gap: 0.75rem; margin: 0.9rem 0 0; flex-wrap: wrap; }
.view-toggle[b-4gaqmwz8ky] { display: inline-flex; border: 1px solid var(--border-2); border-radius: 9px; overflow: hidden; }
.view-toggle button[b-4gaqmwz8ky] { background: transparent; color: var(--ink-soft); border: none; padding: 0.4rem 0.9rem; font-size: 0.86rem; font-weight: 600; cursor: pointer; }
.view-toggle button.on[b-4gaqmwz8ky] { background: var(--accent); color: #fff; }
.view-toggle button:not(.on):hover[b-4gaqmwz8ky] { color: var(--ink); background: var(--surface-2); }
.export[b-4gaqmwz8ky] { background: var(--surface); color: var(--accent-ink); border: 1px solid var(--border-2); border-radius: 9px; padding: 0.4rem 0.9rem; font-size: 0.86rem; font-weight: 600; cursor: pointer; }
.export:hover[b-4gaqmwz8ky] { border-color: var(--accent); color: var(--ink); }
.result-head + .table-scroll[b-4gaqmwz8ky] { margin-top: 0.6rem; }

.outro[b-4gaqmwz8ky] { margin-top: 2.6rem; padding-top: 1.2rem; border-top: 1px solid var(--border); }
.outro p[b-4gaqmwz8ky] { color: var(--ink-soft); font-size: 0.92rem; line-height: 1.55; }
.outro code[b-4gaqmwz8ky] { font-family: var(--mono); font-size: 0.85rem; color: var(--accent-ink); background: var(--bg-2); padding: 0.1rem 0.4rem; border-radius: 5px; }

/* ---- drill-down filter bar + clickable category bars ---- */
.drillbar[b-4gaqmwz8ky] { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin: 1rem 0 0; min-height: 1.6rem; }
.drill-hint[b-4gaqmwz8ky] { color: var(--ink-faint); font-size: 0.88rem; line-height: 1.4; }
.drill-count[b-4gaqmwz8ky] { font-size: 0.95rem; color: var(--ink); font-variant-numeric: tabular-nums; margin-right: 0.2rem; }
.drill-count strong[b-4gaqmwz8ky] { color: var(--accent-ink); }
.filter-chip[b-4gaqmwz8ky] { background: color-mix(in srgb, var(--accent) 12%, var(--surface)); color: var(--ink); border: 1px solid var(--accent); border-radius: 999px; padding: 0.3rem 0.75rem; font-size: 0.84rem; font-family: var(--mono); cursor: pointer; }
.filter-chip .x[b-4gaqmwz8ky] { color: var(--ink-faint); margin-left: 0.35rem; }
.filter-chip:hover .x[b-4gaqmwz8ky] { color: var(--bad); }
.drill-clear[b-4gaqmwz8ky] { background: transparent; border: 1px solid var(--border-2); color: var(--ink-soft); border-radius: 999px; padding: 0.3rem 0.75rem; font-size: 0.82rem; cursor: pointer; }
.drill-clear:hover[b-4gaqmwz8ky] { border-color: var(--accent); color: var(--ink); }
.click-note[b-4gaqmwz8ky] { font-size: 0.68rem; font-weight: 500; color: var(--ink-faint); font-family: var(--mono); margin-left: 0.4rem; text-transform: uppercase; letter-spacing: 0.05em; }

.hbars[b-4gaqmwz8ky] { display: flex; flex-direction: column; gap: 0.25rem; padding: 0.2rem 0; }
.hbar[b-4gaqmwz8ky] { display: grid; grid-template-columns: minmax(0, 1fr) 2.4fr auto; align-items: center; gap: 0.55rem; background: transparent; border: none; border-radius: 7px; padding: 0.3rem 0.4rem; cursor: pointer; text-align: left; font: inherit; }
.hbar:hover:not(:disabled)[b-4gaqmwz8ky] { background: color-mix(in srgb, var(--accent) 9%, transparent); }
.hbar:disabled[b-4gaqmwz8ky] { cursor: default; }
.hbar-lbl[b-4gaqmwz8ky] { font-size: 0.86rem; color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hbar-track[b-4gaqmwz8ky] { background: var(--surface-2); border: 1px solid var(--border); border-radius: 6px; height: 0.85rem; overflow: hidden; }
.hbar-fill[b-4gaqmwz8ky] { display: block; height: 100%; background: var(--accent); border-radius: 6px; }
.hbar-n[b-4gaqmwz8ky] { font-size: 0.82rem; color: var(--ink-soft); text-align: right; font-variant-numeric: tabular-nums; min-width: 3rem; }

/* ---- live public data feeds ---- */
.feeds-lead[b-4gaqmwz8ky] { margin: 1rem 0 0.6rem; color: var(--ink-faint); font-size: 0.9rem; }
.feeds[b-4gaqmwz8ky] { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 0.6rem; }
.feed[b-4gaqmwz8ky] { display: flex; align-items: flex-start; gap: 0.6rem; text-align: left; background: var(--surface); border: 1px solid var(--border-2); border-radius: 12px; padding: 0.7rem 0.85rem; cursor: pointer; transition: border-color 0.15s, background 0.15s; font: inherit; }
.feed:hover:not(:disabled)[b-4gaqmwz8ky] { border-color: var(--accent); background: color-mix(in srgb, var(--accent) 5%, var(--surface)); }
.feed:disabled[b-4gaqmwz8ky] { opacity: 0.55; cursor: default; }
.feed-emoji[b-4gaqmwz8ky] { font-size: 1.5rem; line-height: 1.2; flex-shrink: 0; }
.feed-body[b-4gaqmwz8ky] { display: flex; flex-direction: column; gap: 0.15rem; }
.feed-name[b-4gaqmwz8ky] { font-weight: 700; font-size: 0.94rem; color: var(--ink); }
.feed-src[b-4gaqmwz8ky] { font-weight: 500; font-size: 0.72rem; color: var(--ink-faint); font-family: var(--mono); margin-left: 0.35rem; }
.feed-task[b-4gaqmwz8ky] { font-size: 0.82rem; color: var(--ink-soft); line-height: 1.35; }
.feed-url[b-4gaqmwz8ky] { display: flex; gap: 0.5rem; margin: 0.7rem 0 0; }
.feed-url-input[b-4gaqmwz8ky] { flex: 1 1 auto; min-width: 0; box-sizing: border-box; border: 1px solid var(--border-2); border-radius: 10px; padding: 0.55rem 0.85rem; font-size: 0.9rem; font-family: var(--mono); background: var(--bg-2); color: var(--ink); }
.feed-url-input:focus[b-4gaqmwz8ky] { outline: none; border-color: var(--accent); }
.feed-url-input[b-4gaqmwz8ky]::placeholder { color: var(--ink-faint); }
.feed-url .ghost[b-4gaqmwz8ky] { white-space: nowrap; flex-shrink: 0; }

/* ---- no-SQL chart builder ---- */
.cb-controls[b-4gaqmwz8ky] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.7rem; margin: 0 0 1rem; }
.cb-controls label[b-4gaqmwz8ky] { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.72rem; color: var(--ink-faint); text-transform: uppercase; letter-spacing: 0.05em; font-family: var(--mono); }
.cb-controls select[b-4gaqmwz8ky] { font-family: inherit; font-size: 0.92rem; color: var(--ink); background: var(--bg-2); border: 1px solid var(--border-2); border-radius: 9px; padding: 0.45rem 0.6rem; text-transform: none; letter-spacing: 0; cursor: pointer; }
.cb-controls select:focus[b-4gaqmwz8ky] { outline: none; border-color: var(--accent); }
.cb-controls .go[b-4gaqmwz8ky] { padding: 0.5rem 1.1rem; }
.cb-sql[b-4gaqmwz8ky] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-top: 0.6rem; background: var(--bg-2); border: 1px solid var(--border); border-radius: 10px; padding: 0.5rem 0.8rem; overflow-x: auto; }
.cb-sql code[b-4gaqmwz8ky] { font-family: var(--mono); font-size: 0.82rem; color: var(--ink-soft); white-space: nowrap; }
.chart-card[b-4gaqmwz8ky]  .c-bar { cursor: default; }

@media (max-width: 560px) { .cols[b-4gaqmwz8ky] { grid-template-columns: 1fr; } .charts[b-4gaqmwz8ky] { grid-template-columns: 1fr; } .cb-controls label[b-4gaqmwz8ky] { flex: 1 1 100%; } }
/* /Pages/Creature.razor.rz.scp.css */
.room[b-trftvly91m] { max-width: 880px; margin: 0 auto; padding: 3rem 24px 4rem; }
.crumb[b-trftvly91m] { font-family: var(--mono); font-size: 0.82rem; color: var(--ink-faint); margin-bottom: 0.75rem; }
.crumb a[b-trftvly91m] { color: var(--ink-soft); }
.crumb span[b-trftvly91m] { margin: 0 0.4rem; opacity: 0.6; }
.room-head h1[b-trftvly91m] { font-size: clamp(2rem, 4.5vw, 2.6rem); font-weight: 700; letter-spacing: -0.02em; margin: 0 0 0.5rem; }
.lede[b-trftvly91m] { font-size: 1.08rem; line-height: 1.55; color: var(--ink-soft); margin: 0 0 1.2rem; max-width: 64ch; }
.badges[b-trftvly91m] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0 0 1.4rem; }
.badges span[b-trftvly91m] { font-family: var(--mono); font-size: 0.78rem; color: var(--ink-soft); border: 1px solid var(--border-2); border-radius: 999px; padding: 0.3rem 0.75rem; background: var(--surface); }
.err[b-trftvly91m] { color: var(--bad); margin: 0.6rem 0 0; }
.hint[b-trftvly91m] { color: var(--ink-faint); font-size: 0.9rem; }

/* toolbar */
.cr-tools[b-trftvly91m] { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; align-items: center; margin: 0 0 0.8rem; }
.tool-group[b-trftvly91m] { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
.tool-lbl[b-trftvly91m] { font-family: var(--mono); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-faint); margin-right: 0.2rem; }
.tool[b-trftvly91m] { background: var(--surface); border: 1px solid var(--border-2); color: var(--ink-soft); border-radius: 9px; padding: 0.4rem 0.75rem; font-size: 0.88rem; font-weight: 600; cursor: pointer; }
.tool:hover[b-trftvly91m] { border-color: var(--accent); color: var(--ink); }
.tool.on[b-trftvly91m] { background: var(--accent); color: #fff; border-color: var(--accent); }
.tool.ghost[b-trftvly91m] { background: transparent; }

/* the world */
.cr-stage[b-trftvly91m] { border: 1px solid var(--border); border-radius: 14px; overflow: hidden; background: var(--bg-2); user-select: none; }
.cr-grid[b-trftvly91m] { display: block; width: 100%; height: auto; touch-action: none; }
.cell[b-trftvly91m] { fill: var(--bg-2); stroke: color-mix(in srgb, var(--border) 55%, transparent); stroke-width: 1; cursor: crosshair; }
.cell.wall[b-trftvly91m] { fill: color-mix(in srgb, var(--ink) 32%, var(--bg-2)); stroke: color-mix(in srgb, var(--ink) 40%, var(--bg-2)); }
.startmark[b-trftvly91m] { fill: none; stroke: var(--c-spatial, #35d0c0); stroke-width: 2; stroke-dasharray: 3 2; pointer-events: none; }
.scent[b-trftvly91m] { fill: var(--accent); pointer-events: none; }
.food[b-trftvly91m] { font-size: 18px; pointer-events: none; }
.critter[b-trftvly91m] { font-size: 18px; pointer-events: none; }
.trail[b-trftvly91m] { fill: none; stroke: var(--accent); stroke-width: 2.5; stroke-linejoin: round; stroke-linecap: round; opacity: 0.85; pointer-events: none; }

/* controls */
.cr-controls[b-trftvly91m] { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin: 1rem 0 0; }
.go[b-trftvly91m] { background: var(--accent); color: #fff; border: none; border-radius: 10px; padding: 0.6rem 1.4rem; font-size: 1rem; font-weight: 600; cursor: pointer; transition: filter 0.15s; }
.go:hover:not(:disabled)[b-trftvly91m] { filter: brightness(1.08); }
.go:disabled[b-trftvly91m] { opacity: 0.5; cursor: default; }
.ghost[b-trftvly91m] { background: transparent; color: var(--ink-soft); border: 1px solid var(--border-2); border-radius: 10px; padding: 0.6rem 1.1rem; font-size: 0.95rem; font-weight: 600; cursor: pointer; }
.ghost:hover[b-trftvly91m] { border-color: var(--accent); color: var(--ink); }
.speed[b-trftvly91m] { display: flex; align-items: center; gap: 0.5rem; font-size: 0.88rem; color: var(--ink-soft); font-family: var(--mono); }
.speed input[b-trftvly91m] { accent-color: var(--accent); }

/* stats + learning curve */
.cr-stats[b-trftvly91m] { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 0.8rem; margin: 1.4rem 0 0; }
.stat[b-trftvly91m] { background: var(--surface); border: 1px solid var(--border); border-left: 3px solid var(--accent); border-radius: 12px; padding: 0.9rem 1rem; }
.stat .n[b-trftvly91m] { font-size: 1.7rem; font-weight: 800; letter-spacing: -0.02em; color: var(--ink); font-variant-numeric: tabular-nums; }
.stat .l[b-trftvly91m] { color: var(--ink-soft); font-size: 0.86rem; margin-top: 0.2rem; }
.cr-curve[b-trftvly91m] { margin: 1rem 0 0; background: var(--surface); border: 1px solid var(--border); border-radius: 12px; padding: 0.8rem 1rem; }
.cr-curve figcaption[b-trftvly91m] { font-size: 0.85rem; color: var(--ink-soft); margin-bottom: 0.5rem; }
.cr-curve[b-trftvly91m]  .curve-svg { display: block; width: 100%; height: 90px; }
.cr-curve[b-trftvly91m]  .curve-line { fill: none; stroke: var(--accent); stroke-width: 2; vector-effect: non-scaling-stroke; stroke-linejoin: round; }

/* training log */
.cr-log[b-trftvly91m] { margin: 1rem 0 0; border: 1px solid var(--border); border-radius: 12px; background: var(--bg-2); overflow: hidden; }
.log-head[b-trftvly91m] { display: flex; justify-content: space-between; align-items: baseline; gap: 0.5rem; flex-wrap: wrap; padding: 0.5rem 0.9rem; border-bottom: 1px solid var(--border); font-family: var(--mono); font-size: 0.76rem; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-faint); }
.log-sub[b-trftvly91m] { text-transform: none; letter-spacing: 0; font-size: 0.72rem; }
.log-body[b-trftvly91m] { max-height: 220px; overflow: auto; padding: 0.4rem 0.9rem; }
.log-line[b-trftvly91m] { font-family: var(--mono); font-size: 0.78rem; color: var(--ink-soft); white-space: pre; line-height: 1.5; }
.log-line:first-child[b-trftvly91m] { color: var(--accent-ink); }

.outro[b-trftvly91m] { margin-top: 2.4rem; padding-top: 1.2rem; border-top: 1px solid var(--border); }
.outro p[b-trftvly91m] { color: var(--ink-soft); font-size: 0.92rem; line-height: 1.55; }
.outro code[b-trftvly91m] { font-family: var(--mono); font-size: 0.85rem; color: var(--accent-ink); background: var(--bg-2); padding: 0.1rem 0.4rem; border-radius: 5px; }

@media (max-width: 560px) { .cr-stats[b-trftvly91m] { grid-template-columns: 1fr 1fr; } }