/* @lat: [[session-visuals#Design]] */
/* Decision: AGENTS.md Decisions > Session design. Topic colors never encode work state. */
.session-designed{--design-ink:var(--ink);--decoration-ink:var(--ink);--text-blue:#215685;--text-purple:#683791;--text-green:#285d1b;--text-red:#9b2941;position:relative}
html[data-theme="dark"] .session-designed{--text-blue:#9dd4ff;--text-purple:#d8b4ff;--text-green:#aff59b;--text-red:#ffa7b4}
.session-designed[data-design-tone="blue"]{--design-ink:var(--text-blue)}
.session-designed[data-design-tone="purple"]{--design-ink:var(--text-purple)}
.session-designed[data-design-tone="green"]{--design-ink:var(--text-green)}
.session-designed[data-design-tone="red"]{--design-ink:var(--text-red)}
.session-design-emphasis{color:var(--design-ink);font-weight:800}
.session-designed[data-design-voice="serif"] :is(.session-tab-title,.super-monitor-topic,.super-monitor-title){font-family:Georgia,serif}
.session-designed[data-design-voice="mono"] :is(.session-tab-title,.super-monitor-topic,.super-monitor-title){font-family:var(--font-mono,monospace);font-size:.95em}
.session-design-art{display:block;width:32px;height:32px;pointer-events:none;align-self:center;overflow:hidden;flex:none;font-size:22px;line-height:32px;text-align:center;background:var(--surface);border-radius:3px}
.session-design-art .text-art-picture{display:block;width:32px;height:32px;margin:0;aspect-ratio:1}
.session-tab-copy.session-designed{grid-template-columns:minmax(0,1fr) 32px;column-gap:5px;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--design-ink) 8%,transparent))}
.session-tab-copy.session-designed>:is(.session-tab-title,.session-tab-app){grid-column:1}
.session-tab-copy>.session-design-art{grid-column:2;grid-row:1/3}
.super-monitor-heading.session-designed{display:grid;grid-template-columns:minmax(0,1fr) 40px;column-gap:5px;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--design-ink) 9%,transparent))}
.super-monitor-heading.session-designed>:is(.super-monitor-topic,.super-monitor-title){grid-column:1}
.super-monitor-heading>.session-design-art{grid-column:2;grid-row:1/3;justify-self:center}
.super-overview-row a.session-designed{display:flex;align-items:center;gap:8px}

.super-overview-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
/* Funnel links stay in the gutter and never catch a click or cover text. */
#super-sidebar-links{position:fixed;inset:0;width:100%;height:100%;z-index:6;pointer-events:none;overflow:hidden}
#super-sidebar-links path{fill:var(--link-ink,var(--accent));fill-opacity:.07;stroke:var(--link-ink,var(--accent));stroke-opacity:.28;stroke-width:1}
#super-sidebar-links path.is-active{fill-opacity:.24;stroke-opacity:.9;stroke-width:1.5}
.super-monitor-session.super-linked{outline:2px solid var(--accent);outline-offset:-1px}
.session-tab.super-linked{box-shadow:inset 0 0 0 2px var(--accent)}

/* @lat: [[session-visuals#Palette]] */
/* Topic colors are tints of the containing app's theme, never a separate theme owner. */
.session-palette{--tab-selected:color-mix(in srgb,var(--palette-primary) 28%,var(--page));--session-fill:color-mix(in srgb,var(--palette-primary) 18%,var(--page));--session-emphasis:color-mix(in srgb,var(--palette-secondary) 14%,var(--ink))}
.session-tab.session-palette:not([data-factory]){--row-bg:var(--session-fill)}
.super-monitor-session.session-palette{background:var(--session-fill)}
.session-palette .session-designed{--design-ink:var(--session-emphasis)}
.session-palette .session-design-art{background:transparent}
.session-palette .session-tab-copy.session-designed,.session-palette .super-monitor-heading.session-designed{background:none}