/* Baldspot UI 1.2.4. Generated; edit the canonical source files. */
/*
 * BALDSPOT GLOBAL UI CONTRACT
 * Canonical reference: Freelance Tracker.
 * Usage and structural rules: docs/BALDSPOT-DESIGN-SYSTEM.md
 *
 * New and migrated surfaces use the bs-* namespace. Existing page styles remain
 * isolated until deliberately migrated; importing this file is therefore safe.
 */
:root {
  --bs-canvas: #090a0a;
  --bs-surface: #111211;
  --bs-surface-raised: #171817;
  --bs-border: #30302e;
  --bs-border-quiet: #292927;
  --bs-orange: #ff5c00;
  --bs-orange-soft: #ff9a65;
  --bs-semantic-good: #4fd598;
  --bs-semantic-warn: #f1b52f;
  --bs-semantic-risk: #ff6b64;
  --bs-semantic-info: #67b7e8;
  --bs-category-1: #a78bfa;
  --bs-category-2: #f472b6;
  --bs-category-3: #22d3ee;
  --bs-category-4: #fb923c;
  --bs-category-5: #bef264;
  --bs-category-6: #c4b5a5;
  --bs-category-other: var(--bs-muted);
  --bs-current: var(--bs-semantic-good);
  --bs-forecast: var(--bs-semantic-info);
  --bs-risk: var(--bs-semantic-risk);
  --bs-text: #f4f0eb;
  --bs-muted: #8b8883;
  --bs-radius: 10px;
  --bs-content: 1180px;
  --bs-bar-height: 72px;
  --bs-control-height: 38px;
  --bs-motion-fast: 160ms;
  --bs-motion-slow: 240ms;
  --bs-ease: cubic-bezier(.2,.8,.2,1);
  --bs-font: 'Poppins', Arial, sans-serif;
  --bs-font-display: var(--bs-font);
  --bs-font-body: var(--bs-font);
  --bs-type-page: clamp(58px,8vw,108px);
  --bs-type-section: clamp(30px,3.3vw,50px);
  --bs-type-subsection: 24px;
  --bs-type-body: 12px;
  --bs-type-label: 9px;
}

/* Standalone workspaces receive the same document canvas that the main app's
   root stylesheet provides. Keep this in the shared bundle so services never
   recreate the page reset or native scrollbar themselves. */
html:has(.bs-page) {
  min-height: 100%;
  background: var(--bs-canvas);
  scrollbar-width: thin;
  scrollbar-color: var(--bs-orange) var(--bs-canvas);
}
body:has(.bs-page) {
  min-height: 100vh;
  margin: 0;
  overflow-x: clip;
  background: var(--bs-canvas);
  color: var(--bs-text);
  font-family: var(--bs-font-body);
}
body:has(.bs-page) *,body:has(.bs-page) *::before,body:has(.bs-page) *::after { box-sizing: border-box; }
html:has(.bs-page)::-webkit-scrollbar { width: 11px; height: 11px; background: var(--bs-canvas); }
html:has(.bs-page)::-webkit-scrollbar-track { background: var(--bs-canvas); }
html:has(.bs-page)::-webkit-scrollbar-thumb { border: 3px solid var(--bs-canvas); border-radius: 999px; background: var(--bs-orange); }

.bs-page { min-height: calc(100dvh - var(--bs-bar-height)); overflow-anchor:none; background: radial-gradient(ellipse 420px 260px at 80% 6%,rgba(255,92,0,.07),transparent 72%),var(--bs-canvas); color: var(--bs-text); font: 400 var(--bs-type-body)/1.55 var(--bs-font); }
.bs-page button,.bs-page input,.bs-page select,.bs-page textarea { font-family: var(--bs-font); }
.bs-page :where(a[href],button,input,select,textarea,summary,[tabindex]):focus-visible,
.top-nav :where(a[href],button):focus-visible {
  outline: 2px solid var(--bs-orange);
  outline-offset: 3px;
}
.bs-page :where(button,input,select,textarea):disabled,
.bs-page [aria-disabled='true'] {
  opacity: .42;
  cursor: not-allowed;
  pointer-events: none;
}

/* Interaction language: orange means selectable; neutral means readable only. */
.bs-selectable {
  transition: color var(--bs-motion-fast) var(--bs-ease), background-color var(--bs-motion-fast) var(--bs-ease), border-color var(--bs-motion-fast) var(--bs-ease), transform var(--bs-motion-fast) var(--bs-ease);
}
.bs-selectable:hover,.bs-selectable:focus-visible,.bs-selectable.is-active,.bs-selectable[aria-current='page'],.bs-selectable[aria-selected='true'],.bs-selectable[aria-pressed='true'] {
  border-color: rgba(255,92,0,.45);
  background: rgba(255,92,0,.07);
  color: var(--bs-text);
}
.bs-readable { transition: background-color var(--bs-motion-fast) var(--bs-ease), transform var(--bs-motion-fast) var(--bs-ease); }
.bs-readable:hover { background: var(--bs-surface-raised); transform: translateY(-1px); }
.bs-selectable:active { transform: translateY(1px); }
.top-nav-trigger { transition: color var(--bs-motion-fast) var(--bs-ease),background-color var(--bs-motion-fast) var(--bs-ease),border-color var(--bs-motion-fast) var(--bs-ease); }
.top-nav-panel { transition: opacity var(--bs-motion-slow) var(--bs-ease),transform var(--bs-motion-slow) var(--bs-ease),visibility var(--bs-motion-slow) var(--bs-ease); }
.bald-bar-account { justify-self: end; display: flex; align-items: center; gap: 8px; }
.salon-brand { gap: .24em; }
.salon-brand .salon-brand-the { color: var(--bs-text); }
.salon-brand .salon-brand-name { color: #ff4857; }
.salon-nav { gap: 3px; white-space: nowrap; }
.salon-nav .top-nav-trigger { text-decoration: none; }
.salon-nav .top-nav-trigger.is-active { border-color: rgba(255,92,0,.38); background: rgba(255,92,0,.09); color: var(--bs-text); }
.salon-nav .salon-nav-tools { margin-left: 6px; border-left-color: var(--bs-orange); color: var(--bs-orange-soft); }
.salon-nav-empty { display:block; padding:10px; color:var(--bs-muted); font:600 10px/1.45 var(--bs-font-body); }
.bs-shell { width: min(var(--bs-content), calc(100% - 40px)); margin-inline: auto; padding-bottom: 90px; }
.bs-shell--hero { padding-bottom: 0; }
.bs-empty-state { padding: 34px; border: 1px solid var(--bs-border); border-radius: var(--bs-radius); background: var(--bs-surface); color: var(--bs-muted); font-size: 13px; }

/* KPI contract: label, dominant value, source/grain, then an optional state in both form and colour. */
.bs-stat { position:relative; display:flex; min-width:0; min-height:132px; flex-direction:column; align-items:flex-start; padding:17px; border:1px solid var(--bs-border); border-radius:var(--bs-radius); background:var(--bs-surface); font-family:var(--bs-font-body); }
.bs-stat-label { color:var(--bs-muted); font-size:11px; font-weight:800; line-height:1.25; letter-spacing:.04em; text-transform:uppercase; }
.bs-stat-value { display:block; margin-top:10px; color:var(--bs-text); font:700 30px/1 var(--bs-font-display); letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.bs-stat-meta { display:block; margin-top:7px; color:var(--bs-muted); font-size:11px; line-height:1.35; }
.bs-stat-state { display:inline-flex; align-items:center; gap:5px; margin-top:auto; padding-top:9px; color:var(--bs-muted); font-size:9px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.bs-stat-state i { display:grid; width:16px; height:16px; place-items:center; border:1px solid currentColor; border-radius:50%; font-style:normal; font-size:10px; line-height:1; }
.bs-stat.is-good .bs-stat-state { color:var(--bs-semantic-good); }.bs-stat.is-warn .bs-stat-state { color:var(--bs-semantic-warn); }.bs-stat.is-risk .bs-stat-state { color:var(--bs-semantic-risk); }.bs-stat.is-info .bs-stat-state { color:var(--bs-semantic-info); }
.bs-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.bs-eyebrow { color: var(--bs-orange); font: 800 9px/1 var(--bs-font-body); letter-spacing: .15em; text-transform: uppercase; }

/* Page entrance: one service title, one relevant mascot, one optional Ask action. */
.bs-hero { min-height: 390px; display: grid; grid-template-columns: minmax(0,1fr) 290px; align-items: center; gap: clamp(30px,7vw,100px); border-bottom: 1px solid var(--bs-border-quiet); }
.bs-hero h1,.bs-page-title { margin: 0; font: 700 var(--bs-type-page)/.86 var(--bs-font); letter-spacing: -.065em; }
.bs-section-title { margin: 0; font: 700 var(--bs-type-section)/1 var(--bs-font); letter-spacing: -.045em; }
.bs-subsection-title { margin: 0; font: 700 var(--bs-type-subsection)/1.1 var(--bs-font); letter-spacing: -.03em; }
.bs-body { font: 400 var(--bs-type-body)/1.55 var(--bs-font); }
.bs-label { font: 800 var(--bs-type-label)/1 var(--bs-font); letter-spacing: .12em; text-transform: uppercase; }
.bs-hero-copy > p { max-width: 640px; margin: 20px 0 0; color: var(--bs-muted); line-height: 1.55; }
.bs-mascot-stage { position: relative; width:270px; height:270px; min-height:270px; justify-self:end; display:grid; place-items:center; isolation:isolate; }
.bs-mascot-stage::before,.bs-mascot-stage::after { content:none; }
.bs-mascot-glow { position:absolute; inset:40px; border-radius:50%; background:radial-gradient(circle,rgba(255,91,0,.28),transparent 70%); filter:blur(10px); }
.bs-mascot-ring { position:absolute; z-index:1; border:1px solid rgba(255,88,0,.24); border-radius:50%; animation:bs-orbit 12s linear infinite; pointer-events:none; }
.bs-mascot-ring.one { inset:26px; }.bs-mascot-ring.two { inset:50px; animation-direction:reverse; animation-duration:8s; }
.bs-mascot-ring::after { content:''; position:absolute; top:20%; right:4%; width:6px; height:6px; border-radius:50%; background:var(--bs-orange); box-shadow:0 0 14px var(--bs-orange); }
.bs-mascot-stage img { position:relative; z-index:4; width:190px; height:190px; object-fit:contain; filter:drop-shadow(0 22px 28px rgba(0,0,0,.46)); transform:translateY(-4px); }
@keyframes bs-orbit { to { transform: rotate(360deg); } }
.bs-ask-trigger { position: absolute; z-index: 3; bottom: 8px; padding: 7px 12px; border: 1px solid var(--bs-orange); border-radius: 999px; background: #1b0d07; color: var(--bs-orange-soft); font: 800 9px/1 var(--bs-font-body); letter-spacing: .13em; text-transform: uppercase; cursor: pointer; transition: color var(--bs-motion-fast) var(--bs-ease),background-color var(--bs-motion-fast) var(--bs-ease),transform var(--bs-motion-fast) var(--bs-ease); }
.bs-ask-trigger:hover,.bs-ask-trigger:focus-visible { background: rgba(255,92,0,.18); color: var(--bs-text); }
.bs-ask-trigger:active { transform: translateY(1px); }
.bs-mascot-search { position: absolute; z-index: 3; bottom: 0; width: min(320px,100%); display: grid; gap: 6px; }
.bs-mascot-search span { color: var(--bs-orange-soft); font: 800 8px/1 var(--bs-font-body); letter-spacing: .12em; text-transform: uppercase; }
.bs-mascot-search input { width: 100%; height: var(--bs-control-height); padding: 0 13px; border: 1px solid var(--bs-orange); border-radius: 999px; background: rgba(9,10,10,.94); color: var(--bs-text); outline: none; }
.bs-mascot-search.is-placeholder { bottom: 8px; width: min(220px,100%); }
.bs-mascot-search.is-placeholder span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.bs-mascot-search input::placeholder { color: #8c8f8b; }
.bs-mascot-search input:focus { border-color: var(--bs-orange); box-shadow: none; }
.bs-mascot-search.has-submit input { padding-right:40px; }
.bs-mascot-search.has-submit button { position:absolute; right:4px; top:4px; bottom:4px; width:32px; border:0; border-radius:50%; background:transparent; color:var(--bs-orange); cursor:pointer; }
.bs-mascot-search.has-submit button:hover { background:var(--bs-surface-raised); }
.bs-hero.has-stage-footer { min-height: 390px; }
.bs-hero.is-compact { min-height: 220px; grid-template-columns: minmax(0,1fr) 190px; gap: clamp(24px,5vw,72px); }
.bs-hero.is-compact h1 { font-size: clamp(48px,5.5vw,76px); line-height: .9; }
.bs-hero.is-compact .bs-mascot-stage { width: 176px; height: 176px; min-height: 176px; }
.bs-hero.is-compact .bs-mascot-ring.one { inset: 12px; }
.bs-hero.is-compact .bs-mascot-ring.two { inset: 31px; }
.bs-hero.is-compact .bs-mascot-glow { inset: 28px; }
.bs-hero.is-compact .bs-mascot-stage img { width: 122px; height: 122px; }
.bs-hero.is-compact .bs-ask-trigger { bottom: -1px; }
.bs-mascot-footer { position: absolute; z-index: 3; top: calc(100% + 4px); left: 50%; width: max-content; transform: translateX(-50%); }
.bs-mascot-key { display: grid; grid-template-columns: repeat(2,max-content); gap: 8px 18px; padding: 10px 12px; border: 1px solid rgba(255,90,0,.26); border-radius: var(--bs-radius); background: rgba(11,12,11,.9); box-shadow: 0 14px 34px rgba(0,0,0,.28); }
.bs-mascot-key span { display: flex; align-items: center; justify-content: flex-start; gap: 5px; color: var(--bs-muted); font-size: 8px; font-weight: 800; white-space: nowrap; }
.bs-mascot-key i { width: 16px; height: 4px; border-radius: 999px; background: var(--bs-key-color,var(--bs-orange)); }
.bs-mascot-key i.is-100 { --bs-key-color: var(--bs-category-1); }
.bs-mascot-key i.is-75 { --bs-key-color: var(--bs-category-2); }
.bs-mascot-key i.is-50 { --bs-key-color: var(--bs-category-3); }
.bs-mascot-key i.is-25 { --bs-key-color: var(--bs-category-4); }
.bs-mascot-key small { color: #626561; font-size: 7px; }
.capacity-page .bs-mascot-key { grid-template-columns: repeat(3,max-content); }
.capacity-page .bs-mascot-key i.is-100 { --bs-key-color: #ff5a00; }
.capacity-page .bs-mascot-key i.is-75 { --bs-key-color: #9b6cff; }
.capacity-page .bs-mascot-key i.is-25 { --bs-key-color: #3b9df5; }

/* Compact controls: actions live together above their data, never in a second header. */
.bs-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 22px 0; border-bottom: 1px solid var(--bs-border-quiet); flex-wrap: wrap; }
.bs-control-group { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.bs-button { min-height: var(--bs-control-height); padding: 10px 13px; border: 1px solid #353532; border-radius: 7px; background: #141514; color: #aaa; font: 700 10px/1 var(--bs-font-body); cursor: pointer; transition: color var(--bs-motion-fast) var(--bs-ease),background-color var(--bs-motion-fast) var(--bs-ease),border-color var(--bs-motion-fast) var(--bs-ease),transform var(--bs-motion-fast) var(--bs-ease); }
.bs-button:hover,.bs-button:focus-visible,.bs-button.is-active,.bs-button[aria-pressed='true'] { border-color: var(--bs-orange); background: rgba(255,92,0,.07); color: #fff; }
.bs-button:active { transform: translateY(1px); }
.bs-button.is-primary { border-color: var(--bs-orange); background: var(--bs-orange); color: #fff; }
.bs-segmented { display: inline-flex; padding: 3px; border: 1px solid var(--bs-border); border-radius: 999px; background: #0e0f0e; }
.bs-segmented .bs-button { min-width: 105px; border: 0; border-radius: 999px; background: transparent; text-transform: uppercase; letter-spacing: .1em; }
.bs-segmented .bs-button.is-active { background: #123d2a; color: #83ebb5; }
.bs-segmented .bs-button.is-active.is-unplanned { background: #47200d; color: #ffad76; }

/* Read table first. Edit mode replaces values in place; it does not create a form page. */
.bs-table { overflow-x: auto; border: 1px solid var(--bs-border); border-radius: var(--bs-radius); background: #0d0e0d; }
.bs-table-row { min-width: 900px; display: grid; grid-template-columns: var(--bs-table-columns, minmax(120px,.8fr) minmax(220px,1.6fr) repeat(4,minmax(125px,1fr))); align-items: center; gap: 10px; min-height: 52px; padding: 8px 14px; border-top: 1px solid var(--bs-border-quiet); background: var(--bs-surface); font-size: 12px; }
.bs-table-row:nth-child(even) { background: #0f100f; }
.bs-table-row:not(.is-head) { transition: background-color var(--bs-motion-fast) var(--bs-ease),transform var(--bs-motion-fast) var(--bs-ease); }
.bs-table-row:not(.is-head):hover { background: var(--bs-surface-raised); transform: translateY(-1px); }
.bs-table-row.bs-selectable:hover,.bs-table-row.bs-selectable:focus-visible,.bs-table-row.bs-selectable.is-active { background: rgba(255,92,0,.07); }
.bs-table-row:is(a) { color: var(--bs-text); text-decoration: none; }
.bs-table-row.is-head { min-height: 44px; border-top: 0; color: #767672; font: 800 9px/1 var(--bs-font-body); letter-spacing: .12em; text-transform: uppercase; }
.bs-table-row a,.bs-table-link { color: #ffad67; text-decoration: none; font-weight: 700; }
.bs-table-row input,.bs-table-row select { width: 100%; height: 36px; border: 1px solid #33332f; border-radius: 6px; background: #0b0c0b; color: var(--bs-text); padding: 0 8px; }
.bs-table-row input:focus-visible,.bs-table-row select:focus-visible { border-color: var(--bs-orange); outline: 1px solid var(--bs-orange); outline-offset: 1px; box-shadow: none; }
.bs-pill { display: inline-flex; width: fit-content; padding: 4px 9px; border: 1px solid var(--bs-semantic-good); border-radius: 999px; color: var(--bs-semantic-good); font-size: 10px; }
.bs-pill.is-good { border-color: var(--bs-semantic-good); color: var(--bs-semantic-good); }.bs-pill.is-warn { border-color: var(--bs-semantic-warn); color: var(--bs-semantic-warn); }.bs-pill.is-info,.bs-pill.is-forecast { border-color: var(--bs-semantic-info); color: var(--bs-semantic-info); }.bs-pill.is-risk { border-color: var(--bs-semantic-risk); color: var(--bs-semantic-risk); }

/* Accordions and nesting: same disclosure at every level, quieter with depth. */
.bs-accordion { overflow: hidden; border: 1px solid var(--bs-border); border-radius: var(--bs-radius); background: #101110; }
.bs-accordion + .bs-accordion { margin-top: 12px; }
.bs-accordion summary { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 16px; list-style: none; cursor: pointer; }
.bs-accordion summary::-webkit-details-marker { display: none; }
.bs-disclosure { --bs-disclosure-x: 7px; position: relative; display: inline-flex; align-items: center; gap: 9px; padding-left: 22px; }
.bs-expand-glyph { --bs-disclosure-x: 50%; position: relative; display: inline-block; width: 22px; height: 22px; flex: 0 0 22px; }
.bs-disclosure::before,.bs-disclosure::after,.bs-expand-glyph::before,.bs-expand-glyph::after { content: ''; position: absolute; left: var(--bs-disclosure-x); top: 50%; width: 12px; height: 2px; border-radius: 999px; background: var(--bs-orange); transform: translate(-50%,-50%); transform-origin: center; }
.bs-disclosure::after,.bs-expand-glyph::after { width: 2px; height: 12px; opacity: 1; transition: transform var(--bs-motion-fast) var(--bs-ease),opacity var(--bs-motion-fast) var(--bs-ease); }
.bs-accordion[open] > summary .bs-disclosure::after,.bs-rail-group[open] > summary .bs-disclosure::after,.bs-expand-glyph[data-open='true']::after { opacity: 0; transform: translate(-50%,-50%) scaleY(0); }
.bs-accordion-body { border-top: 1px solid var(--bs-border); }
.bs-accordion .bs-accordion { margin: 12px 14px; background: #141514; border-color: #292a28; }
.bs-accordion .bs-accordion .bs-accordion { margin-left: 28px; background: #171817; }
.bs-table-section { overflow-x: auto; }

/* Project-table composition: inline status tables with one page scroll. */
.bs-page .capacity-data-filter-portal { position: relative; }
.bs-page .capacity-data-filter-portal:has(.capacity-data-filter-sidebar) { padding: 0; border: 0; background: transparent; }
.bs-page .capacity-data-filter-sidebar > button { width: 100%; min-height: 36px; text-align: left; }
.bs-page .capacity-data-filter-sidebar > .capacity-data-filter { top: calc(100% + 9px); left: 0; width: min(760px,calc(100vw - 240px)); }
.bs-page .capacity-planning-filter__fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 15px 16px; border-bottom: 1px solid var(--bs-border); }
.bs-page .capacity-planning-filter__fields label { display: grid; gap: 6px; color: var(--bs-muted); font: 700 8px var(--bs-font-body); letter-spacing: .08em; text-transform: uppercase; }
.bs-page .capacity-planning-filter__fields select { height: 38px; padding: 0 10px; border: 1px solid var(--bs-border); border-radius: 7px; background: #0d0f0d; color: var(--bs-text); font: 600 10px var(--bs-font-body); }
.bs-page .capacity-data-filter > header > b { font-size: 12px; }
.bs-page .capacity-data-filter__mode { padding-top: 13px; }

/* Record-list data toolbar: sortable headers and the shared condition-builder popover. */
.data-column-head { position:relative; display:flex; min-width:0; align-items:center; }
.data-column-head > button { display:flex; width:auto; max-width:100%; min-width:0; align-items:center; justify-content:flex-start; gap:3px; padding:10px 3px; border:0; background:none; color:var(--bs-muted); font:800 9px/1 var(--bs-font-body); letter-spacing:.1em; text-transform:uppercase; text-align:left; cursor:pointer; }
.data-column-head > button span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.data-column-head > button i { color:var(--bs-orange); font-style:normal; font-size:11px; }
.data-column-head:hover > button,.data-column-head > button.is-sorted { color:var(--bs-text); }
.data-column-head--amount { justify-content:flex-end; }.data-column-head--amount > button { justify-content:flex-start; text-align:right; }
.data-column-menu { position:absolute; z-index:90; top:36px; left:0; width:220px; padding:8px; border:1px solid var(--bs-border); border-radius:var(--bs-radius); background:var(--bs-surface); box-shadow:0 24px 64px rgba(0,0,0,.62); }
.data-column-head--amount .data-column-menu,.data-column-head--invoice .data-column-menu,.data-column-head--comments .data-column-menu { right:0; left:auto; }
.data-column-menu b { display:block; padding:8px 9px 10px; color:var(--bs-text); font-size:11px; }
.data-column-menu button { display:block; width:100%; min-height:34px; padding:8px 9px; border:0; border-radius:6px; background:transparent; color:var(--bs-muted); font:500 11px/1.2 var(--bs-font-body); text-align:left; cursor:pointer; }
.data-column-menu button:hover { background:var(--bs-surface-raised); color:var(--bs-text); }.data-column-menu button:disabled { opacity:.32; cursor:default; }.data-column-menu hr { margin:6px 4px; border:0; border-top:1px solid var(--bs-border); }
.data-filter-popover { position:absolute; z-index:120; top:46px; right:0; width:min(760px,calc(100vw - 48px)); padding:14px; border:1px solid var(--bs-border); border-top:2px solid var(--bs-orange); border-radius:var(--bs-radius); background:rgba(15,16,15,.98); box-shadow:0 28px 90px rgba(0,0,0,.68); backdrop-filter:blur(18px); }
.data-filter-popover > header { display:flex; align-items:center; justify-content:space-between; padding:0 2px 12px; border-bottom:1px solid var(--bs-border); }.data-filter-popover > header > div { display:flex; align-items:baseline; gap:10px; }.data-filter-popover > header b { color:var(--bs-text); font-size:13px; }.data-filter-popover > header span { color:var(--bs-muted); font-size:10px; }.data-filter-popover > header button { border:0; background:none; color:var(--bs-muted); font-size:18px; cursor:pointer; }
.data-filter-ai { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:9px; margin:12px 0; padding:7px 8px 7px 11px; border:1px solid var(--bs-border); border-radius:8px; background:var(--bs-canvas); }.data-filter-ai > span { color:var(--bs-orange); font-size:15px; }.data-filter-ai input { width:100%; height:30px; border:0; outline:0; background:transparent; color:var(--bs-text); font:12px/1 var(--bs-font-body); }.data-filter-ai button { height:30px; padding:0 11px; border:1px solid color-mix(in srgb,var(--bs-orange) 34%,var(--bs-border)); border-radius:6px; background:color-mix(in srgb,var(--bs-orange) 10%,var(--bs-surface)); color:#ffb27f; font:700 10px/1 var(--bs-font-body); cursor:pointer; }.data-filter-ai button:disabled { opacity:.42; cursor:default; }
.data-filter-logic { display:flex; align-items:center; gap:7px; margin:4px 2px 10px; color:var(--bs-muted); font-size:10px; }.data-filter-logic select,.data-filter-group > label select { border:0; background:transparent; color:#ff9a65; font:700 10px/1 var(--bs-font-body); }.data-filter-empty { margin:14px 2px; color:var(--bs-muted); font-size:11px; }.data-filter-rules { display:grid; max-height:340px; gap:7px; overflow-y:auto; padding-right:2px; }
.data-filter-condition { display:grid; grid-template-columns:48px minmax(110px,1fr) minmax(110px,.9fr) minmax(130px,1.2fr) 32px; align-items:center; gap:6px; }.data-filter-condition > span:first-child { padding-right:4px; color:var(--bs-muted); font-size:10px; text-align:right; }.data-filter-condition select,.data-filter-condition input,.data-filter-no-value { width:100%; min-width:0; height:34px; padding:0 8px; border:1px solid var(--bs-border); border-radius:6px; background:var(--bs-canvas); color:var(--bs-text); font:11px/1 var(--bs-font-body); }.data-filter-no-value { display:flex; align-items:center; color:var(--bs-muted); }.data-filter-condition > button { height:32px; padding:0; border:0; background:transparent; color:var(--bs-muted); cursor:pointer; }.data-filter-condition > button:hover { color:var(--bs-semantic-risk); }
.data-filter-group { display:grid; gap:7px; padding:10px 8px 10px 2px; border-left:2px solid color-mix(in srgb,var(--bs-orange) 34%,var(--bs-border)); background:var(--bs-surface); }.data-filter-group > label { margin-left:10px; color:var(--bs-muted); font-size:10px; }.data-filter-add-inline { justify-self:start; margin-left:58px; border:0; background:none; color:#ff9a65; font-size:10px; cursor:pointer; }
.data-filter-popover > footer { display:flex; align-items:center; gap:6px; margin-top:12px; padding-top:11px; border-top:1px solid var(--bs-border); }.data-filter-popover > footer button { padding:6px 4px; border:0; background:transparent; color:#ff9a65; font:600 10px/1 var(--bs-font-body); cursor:pointer; }.data-filter-popover > footer .is-clear { margin-left:auto; color:var(--bs-muted); }.data-filter-period { display:inline-flex; align-items:center; gap:7px; margin-left:4px; color:#ff9a65; font:700 10px/1 var(--bs-font-body); }.data-filter-period select { height:30px; max-width:190px; padding:0 28px 0 8px; border:1px solid var(--bs-border); border-radius:6px; outline:0; background:#10110f; color:var(--bs-text); font:600 10px/1 var(--bs-font-body); cursor:pointer; }.data-filter-period select:hover,.data-filter-period select:focus { border-color:var(--bs-orange); }.data-filter-popover select { color-scheme:dark; }.data-filter-popover option { background:#10110f; color:#f4f0eb; }
.bs-page .capacity-data-board { width: 100%; margin: 0; border: 0; border-radius: 0; background: transparent; overflow-x: auto; overflow-y: visible; scrollbar-width: thin; scrollbar-color: var(--bs-orange) transparent; }
.bs-page .capacity-data-board__header,.bs-page .capacity-data-board.is-violet .capacity-data-board__header { position: sticky; left: 0; min-height: 58px; padding: 0 2px 14px; border: 0; border-radius: 0; background: transparent; }
.bs-page .capacity-data-board__header h2 { font-size: 28px; }
.bs-page .capacity-data-scroll { max-height: none; overflow: visible; }
.bs-page .capacity-data-group { min-width: 0; overflow: hidden; margin-bottom: 18px; border-color: var(--bs-border); border-radius: 11px; background: #101110; }
.bs-page .capacity-data-group > header { position: static; min-width: 0; height: 42px; padding: 0 14px; border-radius: 10px 10px 0 0; background: #171817; }
.bs-page .capacity-data-group > header span { font-size: 10px; }
.bs-page .capacity-data-group-toggle { width: 100%; height: 100%; display: flex; align-items: center; gap: 9px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.bs-page .capacity-data-group-toggle > i { width: 12px; color: var(--bs-muted); font: 800 15px/1 var(--bs-font-body); transition: color var(--bs-motion-fast) var(--bs-ease),transform var(--bs-motion-fast) var(--bs-ease); }
.bs-page .capacity-data-group-toggle:hover > i,.bs-page .capacity-data-group-toggle:focus-visible > i { color: var(--bs-orange); transform: translateX(2px); }
.bs-page .capacity-data-group-toggle:focus-visible { outline: 1px solid var(--bs-orange); outline-offset: 4px; border-radius: 5px; }
.bs-page .capacity-data-head { min-width: 0; min-height: 42px; background: #1b1c1b; }
.bs-page .capacity-data-column-static { color:var(--bs-muted); font:800 9px/1 var(--bs-font-body); letter-spacing:.1em; text-transform:uppercase; }
.bs-page .capacity-data-row { min-width: 0; min-height: 76px; background: #101110; content-visibility: auto; contain-intrinsic-size: 0 76px; }
.bs-page .capacity-data-row:last-child { border-bottom: 0; border-radius: 0 0 10px 10px; }
.bs-page .capacity-data-row > div { align-self: stretch; display: flex; align-items: center; padding: 10px 12px; }
.bs-page .capacity-task-identity { min-width: 0; display: grid; gap: 2px; color: var(--bs-text); text-decoration: none; }
.bs-page .capacity-task-identity strong,.bs-page .capacity-task-identity b,.bs-page .capacity-task-identity span { overflow: visible; white-space: normal; }
.bs-page .capacity-task-identity strong { color: var(--bs-text); font: 750 11px/1.25 var(--bs-font-body); }
.bs-page .capacity-task-identity span { color: var(--bs-muted); font: 500 8px/1.3 var(--bs-font-body); }
.bs-page .capacity-task-identity b { color: #b4b0aa; font: 650 9px/1.3 var(--bs-font-body); }
.bs-page .capacity-task-identity:hover strong,.bs-page .capacity-task-identity:hover b { color: var(--bs-orange); }
.bs-page .capacity-manager-stack { display: grid; gap: 4px; }
.bs-page .capacity-manager + .capacity-manager::before { display: none; }
.bs-page .capacity-data-load-more { position: sticky; left: 0; justify-content: flex-end; min-height: 50px; padding: 9px 0; border: 0; background: transparent; }
.bs-page .capacity-data-load-more button { height: 34px; padding: 0 13px; }
.bs-page .closure-timeline { width: 100%; height: auto; display: grid; gap: 7px; background: none; }
.bs-page .closure-timeline::before { display: none; }
.bs-page .closure-timeline__track { position: relative; height: 20px; display: block; background: repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(255,255,255,.06) calc(12.5% - 1px),rgba(255,255,255,.06) 12.5%); }
.bs-page .closure-timeline__track::after { content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: rgba(255,255,255,.16); }
.bs-page .closure-timeline__bar { top: 8px; height: 5px; }
.bs-page .closure-timeline__due { top: 4px; }
.bs-page .closure-timeline__dates { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: var(--bs-muted); font: 600 8px var(--bs-font-body); }
.bs-page .closure-timeline__dates time:last-child { color: #b4b0aa; }
.bs-page .capacity-due-date { font-size: 9px; white-space: nowrap; }
.bs-page .capacity-closure-date { display:inline-flex; align-items:center; min-height:30px; padding:0 9px; border:1px solid var(--bs-border); border-radius:7px; color:#b6b2ad; font:700 9px var(--bs-font-body); white-space:nowrap; }
.bs-page .capacity-closure-date.is-new { border-color:color-mix(in srgb,var(--bs-orange) 45%,var(--bs-border)); color:var(--bs-orange-soft); }
.bs-page .capacity-closure-shift { display:grid; grid-template-columns:8px minmax(0,1fr); align-items:center; gap:3px 7px; min-width:0; }
.bs-page .capacity-closure-shift > i { grid-row:1 / span 2; width:7px; height:7px; border-radius:50%; background:var(--bs-muted); }
.bs-page .capacity-closure-shift > b { color:#c5c1bb; font-size:10px; }
.bs-page .capacity-closure-shift > small { overflow:hidden; color:var(--bs-muted); font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.bs-page .capacity-closure-shift.is-late > i { background:var(--bs-semantic-risk); }.bs-page .capacity-closure-shift.is-late > b { color:var(--bs-semantic-risk); }
.bs-page .capacity-closure-shift.is-early > i { background:var(--bs-semantic-good); }.bs-page .capacity-closure-shift.is-early > b { color:var(--bs-semantic-good); }
.bs-page .capacity-closure-shift.is-steady > i { background:var(--bs-semantic-info); }

@media(max-width:900px) {
  .bs-page .capacity-data-filter-sidebar > .capacity-data-filter { width: min(640px,calc(100vw - 52px)); }
  .bs-page .capacity-planning-filter__fields { grid-template-columns: 1fr; }
  .bs-page .capacity-data-board { overflow-x: visible; }
  .bs-page .capacity-data-group { min-width: 0; }
  .bs-page .capacity-data-head { display: none; }
  .bs-page .capacity-data-row { display: grid!important; grid-template-columns: 1fr!important; }
  .bs-page .capacity-data-row > div { display: grid; }
}

/* Two navigations: global API header on top; workspace navigation becomes a rail. */
.bs-workspace { position: relative; }
.bs-workspace-rail { position: fixed; z-index: 40; top: calc(var(--bs-bar-height) + 30px); left: 18px; width: 172px; display: flex; flex-direction: column; gap: 7px; }
.bs-workspace-rail > span { padding: 0 4px 7px; color: #777; font: 700 9px/1 var(--bs-font-body); letter-spacing: .12em; text-transform: uppercase; }
.bs-workspace-rail .bs-button { display: block; width: 100%; text-align: left; }
.bs-rail-item { display: grid; gap: 5px; }
.bs-rail-item > .bs-button { display: flex; align-items: center; gap: 9px; text-decoration: none; }
.bs-workspace-rail.is-table-layout .bs-rail-group { width: 100%; }
.bs-rail-group { padding:12px; border:1px solid var(--bs-border); border-radius:12px; background:#101110; }
.bs-rail-group > summary { display:flex; align-items:center; justify-content:space-between; list-style:none; color:#777; font:800 8px/1.2 var(--bs-font-body); letter-spacing:.15em; text-transform:uppercase; cursor:pointer; }
.bs-rail-group > summary::-webkit-details-marker { display:none; }
.bs-rail-group > div { display:grid; gap:5px; margin-top:10px; }
.bs-rail-group .bs-button { border-color: transparent; background: transparent; }
.bs-rail-group .bs-button:hover,.bs-rail-group .bs-button:focus-visible,.bs-rail-group .bs-button.is-active { border-color: rgba(255,92,0,.45); background: rgba(255,92,0,.07); color: var(--bs-text); }
.bs-rail-nested { display: grid; gap: 3px; padding: 1px 0 5px 15px; border-left: 1px solid var(--bs-border); }
.bs-rail-nested span { display: contents; }
.bs-rail-nested a,.bs-rail-nested button { width: 100%; padding: 7px 9px; border: 0; border-radius: 5px; background: transparent; color: var(--bs-muted); font: 700 9px/1.3 var(--bs-font-body); text-align: left; text-decoration: none; cursor: pointer; }
.bs-rail-nested a:hover,.bs-rail-nested a:focus-visible,.bs-rail-nested a.is-active,.bs-rail-nested button:hover,.bs-rail-nested button:focus-visible,.bs-rail-nested button.is-active { background: #1c1713; color: var(--bs-orange-soft); outline: none; }
.workspace-nav-flyout { position: relative; }
.workspace-nav-flyout > .nav-btn { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; }
.workspace-nav-flyout-arrow { font-size: 17px; font-weight: 500; line-height: 1; transition: transform var(--bs-motion-fast) var(--bs-ease); }
.workspace-nav-flyout.is-open .workspace-nav-flyout-arrow { transform: rotate(90deg); }
.workspace-nav-flyout-panel { position: absolute; z-index: 60; top: 0; left: calc(100% + 12px); width: 230px; display: grid; gap: 4px; padding: 7px; border: 1px solid var(--bs-border); border-radius: 12px; background: var(--bs-surface); box-shadow: 0 22px 60px rgba(0,0,0,.48); }
.workspace-nav-option { width: 100%; min-height: 36px; padding: 0 11px; border: 0; border-radius: 7px; background: transparent; color: #b9bbb7; font: 800 10px/1.2 var(--bs-font-body); text-align: left; cursor: pointer; }
.workspace-nav-option:hover,.workspace-nav-option:focus-visible,.workspace-nav-option.is-active { border-color: rgba(255,92,0,.45); background: rgba(255,92,0,.07); color: var(--bs-orange-soft); }
.bs-rail-search { display: grid; gap: 6px; margin-top: 4px; }
.bs-rail-search > span { padding-inline: 4px; color: #777; font: 700 8px/1 var(--bs-font-body); letter-spacing: .12em; text-transform: uppercase; }
.bs-rail-search input { width: 100%; height: var(--bs-control-height); padding: 0 11px; border: 1px solid var(--bs-border); border-radius: 7px; background: #141514; color: var(--bs-text); font: 600 9px var(--bs-font-body); outline: none; }
.bs-rail-search input:focus { border-color: var(--bs-orange); }
.bs-workspace-content { width: min(var(--bs-content), calc(100% - 420px)); margin-inline: auto; padding-top:28px; padding-bottom:90px; }
.pricing-calculator-embed { width:100%; min-width:0; padding:0; background:transparent; }
.pricing-calculator-embed iframe { display:block; width:100%; min-height:900px; border:0; background:var(--bs-canvas); }

/* Ask Baldspot is one continuous canvas: black dissolves into an orange glow. */
.bs-ask-workspace { position: fixed; isolation: isolate; inset: 0; z-index: 1100; min-height: 100dvh; display: grid; grid-template-columns: minmax(430px,720px) minmax(420px,1fr); overflow: auto; background: #080908; }
.bs-ask-workspace[hidden] { display: none; }
.bs-ask-workspace::before { content: ""; position: absolute; z-index: -1; inset: 0; min-height: 100%; pointer-events: none; background: radial-gradient(ellipse 72% 92% at 76% 48%,rgba(109,39,5,.7) 0%,rgba(63,22,4,.58) 37%,rgba(29,12,4,.34) 59%,rgba(8,9,8,0) 79%),linear-gradient(90deg,#080908 0%,#080908 25%,rgba(8,9,8,.96) 38%,rgba(15,9,5,.78) 58%,rgba(29,12,4,.62) 100%); }
.bs-ask-copy { align-self: center; position: relative; z-index: 1; padding: 72px clamp(32px,6vw,110px); background: transparent; }
.bs-ask-copy h2 { margin: 10px 0; font: 700 clamp(42px,5vw,78px)/.95 var(--bs-font-display); letter-spacing: -.055em; }
.bs-ask-close { position: absolute; top: 26px; left: clamp(24px,4vw,64px); width: 38px; height: 38px; border: 1px solid var(--bs-border); border-radius: 50%; background: rgba(8,9,8,.7); color: var(--bs-text); font-size: 22px; line-height: 1; cursor: pointer; }
.bs-ask-sources { display: grid; gap: 5px; margin: 0 0 24px; color: var(--bs-muted); font-size: 10px; }
.bs-ask-sources b { color: var(--bs-orange-soft); font: 800 8px/1 var(--bs-font-body); letter-spacing: .12em; text-transform: uppercase; }
.bs-ask-prompt { display: grid; gap: 10px; margin-top: 24px; }
.bs-ask-prompt textarea { min-height: 132px; resize: vertical; padding: 14px; border: 1px solid var(--bs-border); border-radius: var(--bs-radius); background: rgba(11,12,11,.86); color: var(--bs-text); outline: none; }
.bs-ask-prompt textarea:focus-visible { border-color: var(--bs-orange); box-shadow: 0 0 0 3px rgba(255,92,0,.14); }
.bs-ask-prompt-actions { display: flex; justify-content: flex-end; }
.bs-ask-examples { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 22px; }
.bs-ask-examples > button { padding: 11px 12px; border: 1px solid var(--bs-border); border-radius: 8px; background: rgba(17,18,17,.72); color: var(--bs-muted); text-align: left; cursor: pointer; }
.bs-ask-figure { min-height: 100dvh; display: grid; place-items: center; position: relative; z-index: 1; overflow: hidden; background: transparent; }
.bs-ask-figure img { display: block; width: min(760px,100%); max-height: 96dvh; object-fit: contain; filter: drop-shadow(0 40px 80px rgba(0,0,0,.65)); }

@media (max-width: 1500px) {
  .bs-workspace-rail { position: relative; inset: auto; width: min(var(--bs-content), calc(100% - 40px)); margin: 0 auto; padding-top: 20px; flex-direction: row; flex-wrap: wrap; }
  .bs-workspace-rail > span { flex-basis: 100%; }
  .bs-workspace-rail .bs-button { width: auto; }
  .bs-workspace-content { width: min(var(--bs-content), calc(100% - 40px)); }
  .workspace-nav-flyout-panel { top: calc(100% + 8px); left: 0; }
}
@media (max-width: 800px) { .bs-hero { grid-template-columns: minmax(0,1fr) 150px; }.bs-mascot-stage img { width: 140px; height: 140px; }.bs-ask-workspace { grid-template-columns: 1fr; }.bs-ask-figure { display: none; }.bs-ask-examples { grid-template-columns: 1fr; } }
@media (max-width: 800px) { .bs-stat-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 980px) { .data-filter-condition { grid-template-columns: 40px minmax(90px,1fr) minmax(90px,.9fr) minmax(100px,1fr) 28px; } }
@media (max-width: 720px) { .data-filter-condition { grid-template-columns: 1fr 1fr; }.data-filter-condition > span:first-child { display: none; }.data-filter-condition > button { position: absolute; right: 18px; }.data-filter-popover > footer { flex-wrap: wrap; }.data-filter-period { flex: 1 1 100%; margin-left: 0; } }
@media (max-width: 560px) { .bs-shell { width: min(100% - 24px,var(--bs-content)); }.bs-hero { grid-template-columns: 1fr; min-height: 270px; }.bs-mascot-stage { display: none; }.bs-segmented { width: 100%; }.bs-segmented .bs-button { flex: 1; min-width: 0; } }
@media (max-width:560px) { .bs-hero--search { min-height:390px; padding-block:28px; gap:20px; }.bs-hero--search .bs-mascot-stage { display:grid; justify-self:center; width:220px; height:220px; min-height:220px; } }
@media (max-width: 560px) { .bs-stat-grid { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .bs-page *,.top-nav * { scroll-behavior: auto!important; transition-duration: 0.01ms!important; animation-duration: 0.01ms!important; animation-iteration-count: 1!important; }.bs-mascot-ring { animation: none; } }

/* Living design-language page: examples use the same primitives they document. */
.dsl-shell { padding-bottom: 90px; }
.dsl-section { padding-top: 52px; }
.dsl-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; padding-bottom: 14px; border-bottom: 1px solid var(--bs-border); }
.dsl-heading p { margin: 0 0 9px; color: var(--bs-orange); font: 800 9px var(--bs-font-body); letter-spacing: .15em; text-transform: uppercase; }
.dsl-heading h2 { margin: 0; font: 700 26px var(--bs-font-display); }.dsl-heading > span { color: var(--bs-muted); font-size: 11px; }
.dsl-colors { display: grid; grid-template-columns: repeat(5,1fr); gap: 10px; padding-top: 16px; }.dsl-colors article { display: grid; gap: 5px; padding: 10px; border: 1px solid var(--bs-border); border-radius: 9px; background: var(--bs-surface); }.dsl-colors i { height: 78px; border: 1px solid rgba(255,255,255,.12); border-radius: 6px; }.dsl-colors strong { font-size: 11px; }.dsl-colors code { color: var(--bs-muted); font-size: 10px; }
.dsl-colors--categorical { grid-template-columns: repeat(6,1fr); }
.dsl-demo { margin-top: 16px; }.dsl-demo.bs-toolbar { padding-inline: 14px; border: 1px solid var(--bs-border); border-radius: var(--bs-radius); background: var(--bs-surface); }
.dsl-interactions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px; }:where(.dsl-interactions > *) { min-height:48px; display:flex; align-items:center; padding:0 14px; border:1px solid var(--bs-border); border-radius:8px; background:var(--bs-surface); color:var(--bs-muted); font:700 10px var(--bs-font-body); text-align:left; }
.dsl-nav-rule { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 14px; padding-top: 16px; }.dsl-nav-rule aside { min-height: 120px; display: grid; align-content: center; gap: 6px; padding: 18px; border: 1px solid var(--bs-border); border-radius: var(--bs-radius); background: var(--bs-surface); }.dsl-nav-rule aside span { color: var(--bs-orange); font-size: 9px; font-weight: 800; letter-spacing: .12em; }.dsl-nav-rule aside strong { font-size: 18px; }.dsl-nav-rule aside small { color: var(--bs-muted); }.dsl-nav-rule > b { color: var(--bs-orange); font-size: 22px; }
.dsl-ask-demo { min-height: 310px; display: grid; grid-template-columns: 1fr 1fr; margin-top: 16px; overflow: hidden; border: 1px solid var(--bs-border); border-radius: 12px; background: linear-gradient(90deg,#080908,#1d0c04); }.dsl-ask-demo > div { align-self: center; padding: 38px; }.dsl-ask-demo h3 { margin: 9px 0 12px; font: 700 38px/.95 var(--bs-font-display); letter-spacing: -.045em; }.dsl-ask-demo p { max-width: 450px; margin: 0 0 20px; color: var(--bs-muted); }.dsl-ask-demo img { align-self: end; justify-self: center; width: 300px; height: 300px; object-fit: contain; filter: drop-shadow(0 24px 38px rgba(0,0,0,.5)); }
.dsl-mascots { display: grid; grid-template-columns: repeat(4,1fr); gap: 12px; padding-top: 16px; }.dsl-mascots article { overflow: hidden; border: 1px solid var(--bs-border); border-radius: 11px; background: radial-gradient(circle at 50% 45%,rgba(255,92,0,.13),transparent 48%),var(--bs-surface); }.dsl-mascots img { display: block; width: 100%; height: 210px; object-fit: contain; padding: 20px; }.dsl-mascots div { display: flex; align-items: center; justify-content: space-between; padding: 13px; border-top: 1px solid var(--bs-border); }.dsl-mascots strong { font-size: 11px; }.dsl-mascots a { color: #ff7a35; font-size: 10px; text-decoration: none; }
@media(max-width:800px){.dsl-colors{grid-template-columns:repeat(2,1fr)}.dsl-mascots{grid-template-columns:repeat(2,1fr)}.dsl-nav-rule{grid-template-columns:1fr}.dsl-nav-rule>b{transform:rotate(90deg);justify-self:center}.dsl-ask-demo{grid-template-columns:1fr}.dsl-ask-demo img{display:none}}

/* Proof route: only content rhythm is page-specific; every visual primitive above is shared. */
.bs-proof-intro { display: grid; gap: 12px; padding: 48px 0 30px; border-bottom: 1px solid var(--bs-border-quiet); }
.bs-proof-intro p { max-width: 720px; color: var(--bs-muted); }
.bs-proof-stack { display: grid; gap: 18px; padding: 28px 0 80px; }
.bs-proof-entity-list { display: grid; }
.bs-proof-entity-list p { display: flex; justify-content: space-between; gap: 20px; padding: 14px 16px; border-top: 1px solid var(--bs-border-quiet); }
.bs-proof-entity-list p:first-child { border-top: 0; }
.bs-proof-entity-list span,.bs-proof-empty { color: var(--bs-muted); }
.bs-proof-empty { padding: 24px 16px; }

/* Shared platform bar */
:root{--bald-bar-h:72px}
.bald-bar{position:sticky;top:0;z-index:1000;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:16px;min-height:72px;padding:10px 40px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,8,8,.92);backdrop-filter:blur(18px) saturate(130%);font-family:Poppins,Arial,sans-serif}
.bald-bar .home-brand{justify-self:start;display:inline-flex;align-items:baseline;color:#fff;font-size:18px;font-weight:800;letter-spacing:-.045em;text-decoration:none}.home-brand-bald{color:#ff5c00}.home-brand-spot{color:#fff}
.top-nav{display:flex;align-items:center;gap:2px;justify-self:center}.top-nav-item{position:relative;display:flex}.top-nav-trigger{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid transparent;border-radius:999px;background:none;color:#c9c9c9;font:600 .78rem Poppins,Arial,sans-serif;cursor:pointer}.top-nav-trigger i{width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.55}.top-nav-item.is-open .top-nav-trigger,.top-nav-trigger:hover,.top-nav-trigger:focus-visible{color:#fff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09)}.top-nav-item.is-open .top-nav-trigger i{transform:rotate(225deg) translateY(2px)}
.top-nav-panel{position:absolute;top:calc(100% + 10px);left:50%;width:300px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(16,16,16,.97);box-shadow:0 24px 70px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.05);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) translateY(-6px);transition:.18s}.top-nav-panel:before{content:'';position:absolute;inset:-12px 0 auto;height:12px}.top-nav-item.is-open .top-nav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%)}.top-nav-panel-head{display:flex;align-items:center;gap:8px;padding:0 4px 10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.07);color:#8b8b8b;font:700 .6rem Poppins,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.top-nav-panel-head img{width:26px;height:26px;object-fit:contain}.top-nav-panel-list{display:grid;gap:4px}.top-nav-card{display:grid;gap:2px;padding:9px 10px;border:1px solid transparent;border-radius:10px;text-decoration:none}.top-nav-card:hover,.top-nav-card:focus-visible{border-color:rgba(255,92,0,.45);background:rgba(255,92,0,.07)}.top-nav-card-title{color:#eee;font:700 .78rem Poppins,Arial,sans-serif}.top-nav-card-sub{color:#8a8a8a;font:.66rem/1.45 Poppins,Arial,sans-serif}
.baldspot-account{justify-self:end;display:flex;align-items:center;gap:12px}.account-trigger,.admin-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #303030;border-radius:999px;background:#121212;color:#eee;font:700 10px Poppins,Arial,sans-serif;text-decoration:none}.account-trigger i{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor}
@media(max-width:1250px){.bald-bar{display:flex;flex-wrap:wrap;justify-content:space-between}.top-nav{order:4;flex:1 0 100%;justify-content:center}}@media(max-width:900px){.bald-bar{padding:8px 14px}.top-nav{flex-wrap:wrap}.top-nav-item{position:static}.top-nav-panel{left:12px;right:12px;width:auto;transform:translateY(-6px)}.top-nav-item.is-open .top-nav-panel{transform:none}}