/* Lagon: Blueprint tokens, with accessible ink on the four brand colors. */
:root {--nq-brand-teal:#00B1AE;--nq-brand-blue:#0053A1;--nq-brand-cyan:#009AC4;--nq-brand-rose:#EB2E5B;--nq-link:var(--primary);--nq-accent-ink:var(--primary)}
html:not(.dark):is([data-base-color="slate"],:not([data-base-color])) {--background:#f4fafb;--foreground:#183344;--card:#fff;--card-foreground:#183344;--popover:#fff;--popover-foreground:#183344;--muted:#e7f1f3;--muted-foreground:#4d6978;--border:#d5e5e9;--input:#bed4db}
html:not(.dark):not([data-primary-color]) {--primary:#00B1AE;--primary-foreground:#073337;--secondary:#d9f5f2;--secondary-foreground:#075b5d;--accent:#e0f4f7;--accent-foreground:#00536c;--ring:#007b80;--destructive:#bd2048;--destructive-foreground:#fff;--nq-link:#0053A1;--nq-accent-ink:#006c70}
html.dark:is([data-base-color="slate"],:not([data-base-color])) {--background:#10212c;--foreground:#e6f4fa;--card:#19313e;--card-foreground:#e6f4fa;--popover:#19313e;--popover-foreground:#e6f4fa;--muted:#23404e;--muted-foreground:#aec8d5;--border:#36515f;--input:#476876}
html.dark:not([data-primary-color]) {--primary:#00B1AE;--primary-foreground:#073337;--secondary:#164b4a;--secondary-foreground:#c3f5eb;--accent:#234658;--accent-foreground:#e4f9ff;--ring:#00B1AE;--destructive:#f67b9a;--destructive-foreground:#390b19;--nq-link:#8fddf0;--nq-accent-ink:#7bdcd6}
html:is([data-base-color],:not([data-base-color])) {--sidebar:#0053A1;--sidebar-foreground:#fff;--sidebar-primary:#00B1AE;--sidebar-primary-foreground:#073337;--sidebar-accent:#236db2;--sidebar-accent-foreground:#fff;--sidebar-border:#377dbb;--sidebar-ring:#93e8e0}
html.dark:is([data-base-color],:not([data-base-color])) {--sidebar:#063c54;--sidebar-accent:#15546b;--sidebar-border:#2a6276}
[data-sidebar="sidebar"] {--muted-foreground:#d3e8fa}
[data-sidebar="group-label"] {color:#d3e8fa}
.topbar {--background:#0053A1;--foreground:#fff;--muted-foreground:#d8edf9;--color-foreground:#fff;--color-muted-foreground:#d8edf9;--color-background:#0053A1;--color-accent:#276eaa;--accent:#276eaa;--accent-foreground:#fff;--color-accent-foreground:#fff;background:linear-gradient(110deg,#0053A1,#00677c);color:#fff;border-bottom-color:#377dbb}
html.dark .topbar {--background:#063c54;--color-background:#063c54;background:linear-gradient(110deg,#063c54,#075252);border-bottom-color:#2a6276}
.topbar .account-name {color:#d8edf9}
/* A bright primary fill needs separate ink for links and small icons on paper. */
html:not([data-primary-color]) :is(a,button).bb\:text-primary {color:var(--nq-link)}
.rich-text a:not(.inline-reference) {color:var(--nq-link)}
.entity-visual,.reference-completion-option>svg,.reference-completion-option strong,.section-insert-trigger,.working-version-notice svg {color:var(--nq-accent-ink)}
.page-heading {align-items:center;gap:1.25rem}
.page-heading h1 {font-size:clamp(1.45rem,2.1vw,1.85rem);line-height:1.25;letter-spacing:-.025em}
.page-heading .heading-actions {gap:.5rem}
.page-heading>div:first-child {min-width:15rem}
.summary-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr));gap:1rem;align-items:start}
.content-summary-card {min-width:0;border-left:3px solid var(--kind-color,var(--border));gap:0}
.content-summary-header {padding:.85rem 1rem .35rem!important;display:grid;gap:.45rem}
.content-summary-title {font-size:1rem;line-height:1.4;justify-content:flex-start;white-space:normal;height:auto;text-align:left;padding:0}
.content-summary-body {padding:.35rem 1rem .75rem!important;display:grid;gap:.65rem;min-width:0}
.content-summary-excerpt {color:var(--muted-foreground);font-size:.85rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;margin:0}
.content-summary-meta {display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.75rem;color:var(--muted-foreground)}
.content-summary-meta>span {display:inline-flex;gap:.3rem;align-items:center}
.workspace-toolbar {display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin-bottom:1rem}
.workspace-toolbar>div {flex:1;min-width:11rem}
.workspace-columns {display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:1.25rem;align-items:start}
.workspace-panel {min-width:0}
.workspace-empty {padding:1.5rem;text-align:center;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted-foreground)}
.workspace-stat-row {display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}
.workspace-stat {display:flex;align-items:center;gap:.65rem;padding:.75rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-width:10rem}
.workspace-stat strong {font-size:1.35rem}
.content-type-objective {--kind-color:#0e7490;--kind-bg:#ecfeff;--kind-border:#a5e7ef}
.dark .content-type-objective {--kind-color:#67d4e6;--kind-bg:#123c49;--kind-border:#2a7b8b}
@media(max-width:1000px){.workspace-columns{grid-template-columns:minmax(0,1fr)}.page-heading{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.content-summary-card{transition:none}}

.workspace-editor-dialog {max-width:min(760px,94vw)!important;max-height:90dvh;overflow:auto}
.work-item-grip {margin-left:auto;touch-action:none;cursor:grab;min-height:32px;min-width:24px}

.idea-board {display:grid;grid-template-columns:repeat(5,minmax(250px,1fr));gap:1rem;overflow:auto;align-items:start;padding:.5rem 0 1rem}
.idea-column {min-width:0;gap:.5rem;max-height:75dvh;overflow:hidden}
.idea-stack,.retro-stack {padding:.5rem!important;min-height:120px;overflow:auto;overscroll-behavior:contain}
.idea-stack>[role=list],.retro-stack>[role=list] {display:grid;gap:.6rem;min-height:90px}
.idea-grip,.retro-grip {margin-left:auto;min-width:32px;min-height:36px;touch-action:none;cursor:grab}
.retrospective-board {display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:1rem;align-items:start;overflow:auto}
.retrospective-column {border-top:3px solid var(--retro-color);max-height:76dvh;overflow:hidden;gap:.5rem}
.retro-continue {--retro-color:#16a36b}.retro-stop {--retro-color:#d08a21}.retro-start {--retro-color:#3175bc}
.idea-card {gap:0}
@media(max-width:900px){.retrospective-board{grid-template-columns:minmax(0,1fr)}.retrospective-column{max-height:none}}

.work-kanban {display:grid;grid-template-columns:repeat(6,minmax(250px,1fr));gap:1rem;overflow:auto;align-items:start;padding:.5rem 0 1rem;min-width:0}
.work-kanban-column {gap:.4rem;max-height:74dvh;overflow:hidden;min-width:0;border-top:3px solid var(--work-state-color,var(--primary))}
.work-state-blocked {--work-state-color:#cf8822}.work-state-done {--work-state-color:#14915f}.work-state-inprogress {--work-state-color:#347bcb}.work-state-cancelled {--work-state-color:#8293a2}
.work-kanban-stack {padding:.5rem!important;overflow:auto;min-height:140px;overscroll-behavior:contain}
.work-kanban-stack>[role=list] {display:grid;gap:.65rem;min-height:100px}
.work-calendar {width:100%;max-width:none}
.work-calendar table {width:100%;table-layout:fixed}
.work-calendar-day {min-height:64px;display:flex;flex-direction:column;gap:.2rem;align-items:center;justify-content:center}
.work-calendar-date {font-weight:600}

:root{--nq-objective:#0e7490}.dark{--nq-objective:#67d4e6}

[data-sidebar="header"],[data-sidebar="footer"]{--foreground:#fff;--color-foreground:#fff;--muted-foreground:#d3e8fa;--color-muted-foreground:#d3e8fa}

/* Readable icon spacing, including anonymous text nodes beside an SVG. */
.page-content :where(button,a,[role="tab"],[data-slot="badge"]):has(>svg){column-gap:.5rem}
.page-content :where(h2,h3,h4,small,label):has(>svg){display:flex;align-items:center;column-gap:.5rem}
[data-slot="badge"]{column-gap:.4rem}
[data-slot="badge"]>svg{flex-shrink:0}
[data-slot="alert"]:has(>svg){column-gap:.75rem}
.file-row>.panel-content{column-gap:1rem}
.document-parent-hint,.reference-preview small:has(>svg){display:flex;align-items:center;column-gap:.5rem}
.nq-tag-list{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0}
.nq-tag-list:empty{display:none}
.nq-tag{--tag-color:#31546f;--tag-bg:#eaf0f5;display:inline-flex!important;align-items:center;gap:.35rem!important;background:var(--tag-bg)!important;color:var(--tag-color)!important;border-color:color-mix(in srgb,var(--tag-color) 35%,transparent)!important;padding:.2rem .5rem;max-width:100%;font-weight:600;line-height:1.3;font-size:.75rem}
.nq-tag-label{min-width:0;overflow-wrap:anywhere;white-space:normal}
.nq-tag svg{flex-shrink:0}
.nq-tag-blue{--tag-color:#15549b;--tag-bg:#e4efff}.nq-tag-teal{--tag-color:#0c6260;--tag-bg:#dcf6f0}.nq-tag-green{--tag-color:#236337;--tag-bg:#e4f4e5}.nq-tag-amber{--tag-color:#795008;--tag-bg:#fff0c7}.nq-tag-orange{--tag-color:#9a3c16;--tag-bg:#ffeadb}.nq-tag-rose{--tag-color:#9b2852;--tag-bg:#fce5ee}.nq-tag-purple{--tag-color:#6834a1;--tag-bg:#f0e5ff}.nq-tag-slate{--tag-color:#415469;--tag-bg:#e9eef3}
.dark .nq-tag-blue{--tag-color:#b3d5ff;--tag-bg:#163453}.dark .nq-tag-teal{--tag-color:#a1e9de;--tag-bg:#153d3b}.dark .nq-tag-green{--tag-color:#b1e7ba;--tag-bg:#1e3c29}.dark .nq-tag-amber{--tag-color:#f7da92;--tag-bg:#443719}.dark .nq-tag-orange{--tag-color:#ffc99f;--tag-bg:#4c2d1e}.dark .nq-tag-rose{--tag-color:#ffc0d5;--tag-bg:#482737}.dark .nq-tag-purple{--tag-color:#ddc2ff;--tag-bg:#392951}.dark .nq-tag-slate{--tag-color:#d0dfeb;--tag-bg:#2b3b49}
.nq-tag-remove{width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;color:inherit!important}
.nq-tag-editor{width:min(430px,calc(100vw - 2rem))!important;max-height:75dvh;overflow:auto}
.nq-tags-edit,.nq-tag-overflow{height:28px!important;font-size:.75rem;padding:.25rem .4rem!important}
.tree-item-identity{display:grid;gap:.25rem;min-width:0;padding-block:.2rem}
.tree-item-identity>.nq-tag-list{font-size:.7rem}
.map-story-card>.nq-tag-list,.map-story-inner>.nq-tag-list{margin-block:.35rem}

.map-story-inner>.nq-tag-list{flex-wrap:nowrap;min-height:28px}.map-story-inner>.nq-tag-list>.nq-tag{min-width:0}.map-story-inner>.nq-tag-list>.nq-tag-overflow{flex-shrink:0}

.content-type,.bb\:inline-flex.bb\:rounded-full{column-gap:.45rem!important}
.page-content [role="alert"]{column-gap:.75rem}

.map-board-toolbar>:nth-child(3){flex:0 1 180px;width:auto}
@media(max-width:640px){.map-board-toolbar>:nth-child(3){width:100%;flex-basis:auto!important}}

.workspace-toolbar>.tag-archive-filter{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;min-width:0;margin-bottom:.6rem}

/* Neutral information card with a separate, spaced icon column. */
.working-version-notice {background:var(--card)!important;color:var(--card-foreground)!important;border-color:var(--border)!important;column-gap:1rem!important;align-items:start}
.working-version-notice>div:first-of-type {min-width:0}
.page-content [role="alert"]:has(>svg) {padding-inline-start:3.5rem!important}
.working-version-notice svg {flex-shrink:0;color:var(--nq-accent-ink)}
.version-row>.panel-content {column-gap:1.25rem}
.version-symbol {padding-inline-end:.25rem;flex-shrink:0}
.integration-downloads h2 {font-size:1.05rem}
.spec-guide {width:100%;max-width:85ch;padding-block:1.5rem}
.spec-guide .rich-text h2 {padding-block-start:1rem;border-top:1px solid var(--border);margin-top:2rem}

.api-token-table {position:relative;max-width:100%;min-width:0;overflow-x:auto}
