/* tools/boss.html — "The whole desk in one app". A product manual for BOSS:
   the real window in the hero, a contents page, eleven chapters with one screen each,
   who does what, the connections and a back cover. Every selector is scoped to .t-boss. */

.t-boss {
  --bx-sand: #f2e6cf; --bx-sand-ink: #7a5418; --bx-tint: #faf4e8; --bx-num: #d3bf97;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .t-boss { --bx-sand: #3a3020; --bx-sand-ink: #f0d29a; --bx-tint: #1c1912; --bx-num: #5b4b2f; }
}

/* ---------- shared bits ---------- */
.t-boss .bx-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.t-boss .bx-spark { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 7px; background: var(--carmine-soft); color: var(--carmine); flex: none; }
.t-boss .bx-spark svg { width: 12px; height: 12px; }
.t-boss .bx-spark--sm { width: 20px; height: 20px; border-radius: 999px; background: none; }
.t-boss .bx-spark--sm svg { width: 12px; height: 12px; }
.t-boss .bx-spark--xs { width: 16px; height: 16px; border-radius: 5px; }
.t-boss .bx-spark--xs svg { width: 10px; height: 10px; }
.t-boss .bx-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--ink); flex: none; }
.t-boss .bx-cap { margin: 0 0 8px; font: 500 10.5px/1.3 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }
.t-boss .bx-cap b { color: var(--ink); font-weight: 500; }
.t-boss .bx-h { margin: 0; font-size: 18px; line-height: 1.25; font-weight: 600; letter-spacing: -0.02em; color: var(--ink); }
.t-boss .bx-sub { margin: 2px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--muted); }
.t-boss .bx-sub b { color: var(--ink); font-weight: 500; }
.t-boss .code { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
.t-boss .dim { color: var(--muted); }
.t-boss .ok { color: var(--ok); }
.t-boss .bx-x { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--line); border-radius: var(--radius-md); }
.t-boss .bx-chip { display: inline-flex; align-items: center; height: 20px; padding: 0 7px; border-radius: 6px; background: var(--surface-sunk); color: var(--ink-2); font: 500 11px/1 var(--font-sans); white-space: nowrap; flex: none; }
.t-boss .bx-chip--ok { background: var(--ok-soft); color: var(--ok); }
.t-boss .bx-chip--warn { background: var(--warn-soft); color: var(--warn); }
.t-boss .bx-chip--alert { background: var(--carmine-soft); color: var(--carmine); }
.t-boss .bx-chip--jev, .t-boss .bx-chip--run { background: var(--frost); color: var(--frost-ink); }
.t-boss .bx-tag { display: inline-flex; align-items: center; height: 20px; padding: 0 8px; border-radius: 999px; background: var(--bx-sand); color: var(--bx-sand-ink); font: 500 11px/1 var(--font-sans); }
.t-boss .bx-tabs { display: inline-flex; gap: 2px; padding: 3px; border-radius: 9px; background: var(--surface-sunk); font-size: 12px; color: var(--ink-2); flex: none; }
.t-boss .bx-tabs span { padding: 5px 10px; border-radius: 7px; white-space: nowrap; }
.t-boss .bx-tabs span.is-on { background: var(--surface); color: var(--ink); font-weight: 600; box-shadow: 0 1px 2px rgba(18,18,17,.08); }
.t-boss .bx-link { font-size: 12px; color: var(--ink-2); white-space: nowrap; text-decoration: underline; text-decoration-color: var(--line-strong); text-underline-offset: 3px; }
.t-boss .ghost { flex: none; white-space: nowrap; }
.t-boss .bx-win { font-size: 13px; }
.t-boss .bx-win .mb-table th { font-size: 10.5px; padding: 9px 12px; }
.t-boss .bx-win .mb-table td { padding: 9px 12px; font-size: 12.5px; }
.t-boss .bx-win .mb-table td b { font-weight: 600; color: var(--ink); }
.t-boss .bx-win .mb-table th small { font: inherit; color: var(--muted); opacity: .8; }
.t-boss .bx-search { min-width: 220px; }
.t-boss .bx-search svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.5; }

/* ---------- Hero ---------- */
.t-boss .bx-hero { padding: var(--space-16) 0 var(--space-12); }
.t-boss .bx-hero__top { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: var(--space-12); align-items: end; }
.t-boss .bx-hero__brand { display: flex; align-items: center; gap: 12px; margin: 0 0 var(--space-6); }
.t-boss .bx-hero__brand .app-ico { margin: 0; }
.t-boss .bx-hero__brand b { display: block; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; color: var(--ink); }
.t-boss .bx-hero__brand small { display: block; font: 500 11px/1.3 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }
.t-boss .bx-hero__side { display: grid; gap: var(--space-8); padding-bottom: 10px; }
.t-boss .bx-stage { margin-top: var(--space-16); }
.t-boss .bx-stage__cap { margin: 12px 0 0; font-size: 13px; color: var(--muted); }
.t-boss .bx-facts { margin: var(--space-12) 0 var(--space-6); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.t-boss .bx-facts div { padding: 18px 20px 0 0; }
.t-boss .bx-facts div + div { padding-left: 20px; border-left: 1px solid var(--line); }
.t-boss .bx-facts dt { font: 500 30px/1.1 var(--font-mono); letter-spacing: -0.02em; color: var(--ink); }
.t-boss .bx-facts dd { margin: 6px 0 0; font-size: 14px; color: var(--muted); }

/* The app: sidebar + main */
.t-boss .bx-app { display: grid; grid-template-columns: 228px minmax(0, 1fr); height: 604px; }
.t-boss .bx-side { display: flex; flex-direction: column; gap: 2px; padding: 12px 10px; background: var(--surface-sunk); border-right: 1px solid var(--line); min-height: 0; }
.t-boss .bx-team { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 4px 6px 10px; border-bottom: 1px solid var(--line); margin-bottom: 4px; }
.t-boss .bx-team__logo { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: var(--ink); color: var(--paper); }
.t-boss .bx-team__logo svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linejoin: round; stroke-linecap: round; }
.t-boss .bx-team b { display: block; font-size: 13.5px; font-weight: 600; color: var(--ink); letter-spacing: -0.01em; }
.t-boss .bx-team small { display: block; font-size: 11px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-boss .bx-team__chev { width: 14px; height: 14px; fill: currentColor; color: var(--muted); }
.t-boss .bx-side__group { margin: 0; padding: 10px 8px 4px; font: 500 10px/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.t-boss .bx-nav { display: grid; gap: 1px; }
.t-boss .bx-nav__a { display: flex; align-items: center; gap: 9px; height: 30px; padding: 0 8px; border-radius: 7px; font-size: 13px; color: var(--ink-2); text-decoration: none; transition: background-color .15s ease, color .15s ease; }
.t-boss .bx-nav__a svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; color: var(--muted); flex: none; }
.t-boss .bx-nav__a span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-boss .bx-nav__a:hover { background: var(--surface); color: var(--ink); }
.t-boss .bx-nav__a:focus-visible { outline: 2px solid var(--ink); outline-offset: -2px; }
.t-boss .bx-nav__a.is-on { background: var(--surface); color: var(--ink); font-weight: 600; box-shadow: 0 0 0 1px var(--line), 0 1px 2px rgba(18,18,17,.05); }
.t-boss .bx-nav__a.is-on svg { color: var(--ink); }
.t-boss .bx-nav__a.is-sub { padding-left: 24px; font-size: 12.5px; }
.t-boss .bx-nav__a.is-sub svg { width: 12px; height: 12px; }
.t-boss .bx-nav__sep { display: block; height: 1px; margin: 6px 8px; background: var(--line); }
.t-boss .bx-side__foot { margin-top: auto; padding-top: 8px; border-top: 1px solid var(--line); display: grid; gap: 6px; }
.t-boss .bx-user { display: flex; align-items: center; gap: 9px; padding: 4px 6px; }
.t-boss .bx-user img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; flex: none; }
.t-boss .bx-user b { display: block; font-size: 12.5px; font-weight: 600; color: var(--ink); }
.t-boss .bx-user small { display: block; font-size: 11px; color: var(--muted); }
.t-boss .bx-main { padding: 20px 24px; display: grid; gap: 16px; align-content: start; min-width: 0; overflow: hidden; }
.t-boss .bx-home__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; flex-wrap: wrap; }
.t-boss .bx-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; }
.t-boss .bx-kpi { background: var(--surface); padding: 12px 14px; display: grid; gap: 3px; align-content: start; min-width: 0; }
.t-boss .bx-kpi__l { font-size: 12px; color: var(--muted); }
.t-boss .bx-kpi__v { font: 500 22px/1.15 var(--font-mono); letter-spacing: -0.02em; color: var(--ink); font-variant-numeric: tabular-nums; }
.t-boss .bx-kpi small { font-size: 11px; color: var(--muted); }
.t-boss .bx-kpi__d { font-style: normal; font-size: 11.5px; color: var(--muted); }
.t-boss .bx-kpi__d.is-up { color: var(--ok); }
.t-boss .bx-home__grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: 16px; min-height: 0; }
.t-boss .bx-card { border: 1px solid var(--line); border-radius: var(--radius-md); padding: 14px 16px 6px; background: var(--surface); min-width: 0; }
.t-boss .bx-card__h { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.t-boss .bx-card__h b { display: block; font-size: 14px; font-weight: 600; color: var(--ink); }
.t-boss .bx-card__h small { display: block; font-size: 12px; color: var(--muted); }
.t-boss .bx-week { list-style: none; margin: 12px 0 8px; padding: 0; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px; }
.t-boss .bx-week li { display: grid; justify-items: center; gap: 1px; padding: 6px 0; border-radius: 8px; }
.t-boss .bx-week li.past { opacity: .5; }
.t-boss .bx-week li.today { background: var(--paper); box-shadow: inset 0 0 0 1px var(--line); }
.t-boss .bx-week span { font: 500 10px/1.2 var(--font-mono); color: var(--muted); }
.t-boss .bx-week b { font-size: 13px; font-weight: 600; color: var(--ink); }
.t-boss .bx-week i { display: grid; gap: 2px; justify-items: center; margin-top: 4px; height: 10px; }
.t-boss .bx-week i::before, .t-boss .bx-week i::after { content: ""; height: 3px; border-radius: 2px; }
.t-boss .bx-week i::before { width: calc(var(--l) * 7px); background: var(--ink-2); }
.t-boss .bx-week i::after { width: calc(var(--d) * 7px); background: var(--frost-ink); }
.t-boss .bx-loads { list-style: none; margin: 0; padding: 0; }
.t-boss .bx-loads li { display: grid; grid-template-columns: 64px 64px minmax(0, 1fr) auto 22px; gap: 10px; align-items: center; padding: 8px 0; border-top: 1px solid var(--line); font-size: 12.5px; }
.t-boss .bx-load__when { font: 500 11px/1.2 var(--font-mono); color: var(--muted); }
.t-boss .bx-load__k { justify-self: start; font-size: 11px; padding: 2px 7px; border-radius: 5px; background: var(--surface-sunk); color: var(--ink-2); }
.t-boss .bx-load__k--delivery { background: var(--frost); color: var(--frost-ink); }
.t-boss .bx-load__what { min-width: 0; }
.t-boss .bx-load__what b { display: block; font-size: 12.5px; font-weight: 600; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-boss .bx-load__what small { display: block; font-size: 11.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-boss .bx-load__id { font: 500 11px/1 var(--font-mono); color: var(--muted); }
.t-boss .bx-loads img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; }
.t-boss .bx-feed { list-style: none; margin: 10px 0 0; padding: 0; }
.t-boss .bx-feed__r { display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 0; border-top: 1px solid var(--line); transition: opacity .45s ease, transform .5s cubic-bezier(.2,.7,.2,1); }
.t-boss .bx-feed__r img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; }
.t-boss .bx-feed__ai { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; background: var(--carmine-soft); color: var(--carmine); flex: none; }
.t-boss .bx-feed__ai svg { width: 13px; height: 13px; }
.t-boss .bx-feed__r b { display: block; font-size: 12.5px; font-weight: 600; color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-boss .bx-feed__r small { display: block; font-size: 11.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-boss .bx-feed__r time { font: 500 11px/1 var(--font-mono); color: var(--muted); }
.t-boss .bx-feed.is-armed .bx-feed__r:not(.is-in) { opacity: 0; transform: translateY(6px); }

/* ---------- Contents ---------- */
.t-boss .bx-contents { padding-top: var(--space-24); }
.t-boss .bx-toc-wrap { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: var(--space-12); align-items: start; }
.t-boss .bx-toc { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid var(--line); }
.t-boss .bx-toc a { display: grid; grid-template-columns: 52px auto minmax(24px, 1fr) auto; gap: 16px; align-items: baseline; padding: 16px 4px; border-top: 1px solid var(--line); text-decoration: none; color: var(--ink); transition: background-color .15s ease; }
.t-boss .bx-toc a:hover { background: var(--bx-tint); }
.t-boss .bx-toc a:hover .bx-toc__t b { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.t-boss .bx-toc__n { font: 500 14px/1 var(--font-mono); color: var(--bx-sand-ink); }
.t-boss .bx-toc__t { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.t-boss .bx-toc__t b { font-size: 20px; font-weight: 600; letter-spacing: -0.02em; }
.t-boss .bx-toc__t small { font-size: 14.5px; color: var(--muted); }
.t-boss .bx-toc__dots { align-self: end; height: 1px; margin-bottom: 6px; border-bottom: 1.5px dotted var(--line-strong); }
.t-boss .bx-toc__m { display: flex; gap: 6px; align-self: center; }
.t-boss .bx-mk { display: inline-flex; align-items: center; justify-content: center; height: 24px; min-width: 24px; border-radius: 999px; flex: none; }
.t-boss .bx-mk--ai { background: var(--carmine-soft); color: var(--carmine); }
.t-boss .bx-mk--you { background: var(--surface-sunk); box-shadow: inset 0 0 0 1px var(--line); }
.t-boss .bx-mk--you .bx-dot { width: 7px; height: 7px; }
.t-boss .bx-mk--none { white-space: nowrap; padding: 0 9px; border: 1px solid var(--line); font: 500 10.5px/1 var(--font-mono); letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.t-boss .bx-legend { position: sticky; top: 100px; display: grid; gap: 16px; padding: var(--space-6); border-radius: var(--radius-lg); background: var(--surface); border: 1px solid var(--line); }
.t-boss .bx-legend__h { margin: 0; font: 500 11px/1.3 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }
.t-boss .bx-legend p:not(.bx-legend__h) { margin: 0; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 12px; align-items: start; font-size: 14.5px; line-height: 1.5; color: var(--ink-2); }
.t-boss .bx-legend b { color: var(--ink); font-weight: 600; }
.t-boss .bx-legend .bx-mk { justify-self: start; }

/* ---------- The book: chapter rail + chapters ---------- */
.t-boss .bx-rail { position: sticky; top: 72px; z-index: 20; background: var(--paper); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.t-boss .bx-rail__in { display: flex; align-items: center; gap: 2px; height: 50px; overflow-x: auto; scrollbar-width: none; }
.t-boss .bx-rail__in::-webkit-scrollbar { display: none; }
.t-boss .bx-rail a { display: inline-flex; align-items: center; gap: 7px; height: 32px; padding: 0 10px; border-radius: 999px; font-size: 13px; color: var(--muted); text-decoration: none; white-space: nowrap; flex: none; transition: background-color .2s ease, color .2s ease; }
.t-boss .bx-rail a b { font: 500 11px/1 var(--font-mono); color: var(--bx-sand-ink); }
.t-boss .bx-rail a:hover { color: var(--ink); }
.t-boss .bx-rail a.is-on { background: var(--surface-sunk); color: var(--ink); font-weight: 500; }
.t-boss .bx-rail .bx-rail__home { font-weight: 500; color: var(--ink); margin-right: 6px; padding-left: 0; }
.t-boss .bx-chapters { padding-bottom: var(--space-8); }
.t-boss .bx-ch { padding-top: 120px; scroll-margin-top: 90px; }
.t-boss .bx-ch__head { display: grid; grid-template-columns: 132px minmax(0, 1.1fr) minmax(0, 1fr); gap: var(--space-8); align-items: end; margin-bottom: var(--space-12); }
.t-boss .bx-ch__n { font: 600 104px/.78 var(--font-sans); letter-spacing: -0.06em; color: var(--bx-num); font-variant-numeric: tabular-nums; }
.t-boss .bx-ch__t .mb-eyebrow { display: flex; margin-bottom: 14px; }
.t-boss .bx-ch__head .lead { font-size: 18px; padding-bottom: 4px; }
.t-boss .bx-ch__foot { margin-top: var(--space-8); display: grid; gap: var(--space-6); }
.t-boss .bx-notes { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-6); }
.t-boss .bx-notes li { padding-top: 14px; border-top: 1px solid var(--line); font-size: 14.5px; line-height: 1.5; color: var(--ink-2); }
.t-boss .bx-notes b { display: block; margin-bottom: 4px; font-weight: 600; color: var(--ink); }
.t-boss .bx-who { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; }
.t-boss .bx-who p { margin: 0; padding: 16px 18px; background: var(--surface); font-size: 14.5px; line-height: 1.5; color: var(--ink-2); }
.t-boss .bx-who__k { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font: 500 11px/1.2 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--ink); }
.t-boss .bx-who__ai .bx-who__k { color: var(--carmine); }
.t-boss .bx-who__ai .bx-spark { width: 20px; height: 20px; border-radius: 6px; }
.t-boss .bx-who__ai.is-none { background: var(--surface-sunk); }
.t-boss .bx-who__ai.is-none .bx-who__k { color: var(--muted); }
.t-boss .bx-who__you .bx-dot { margin: 0 6px 0 6px; }

/* 01 · Order */
.t-boss .bx-order { display: grid; grid-template-columns: 164px minmax(0, 1fr); }
.t-boss .bx-secnav { display: grid; gap: 2px; align-content: start; padding: 14px 10px; background: var(--surface-sunk); border-right: 1px solid var(--line); }
.t-boss .bx-secnav span { display: flex; justify-content: space-between; padding: 7px 10px; border-radius: 7px; font-size: 13px; color: var(--ink-2); }
.t-boss .bx-secnav em { font: 400 11px/1.4 var(--font-mono); font-style: normal; color: var(--muted); }
.t-boss .bx-secnav span.is-on { background: var(--surface); color: var(--ink); font-weight: 600; box-shadow: 0 0 0 1px var(--line); }
.t-boss .bx-order__main { padding: 18px 22px 22px; display: grid; gap: 18px; min-width: 0; }
.t-boss .bx-order__top { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }
.t-boss .bx-order__id { margin: 0 0 6px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font: 500 12px/1 var(--font-mono); color: var(--muted); }
.t-boss .bx-order__top .bx-h { font-size: 22px; }
.t-boss .bx-owner { display: inline-flex; align-items: center; gap: 5px; margin-left: 6px; color: var(--ink-2); white-space: nowrap; }
.t-boss .bx-owner img { width: 18px; height: 18px; border-radius: 50%; object-fit: cover; }
.t-boss .bx-ready { flex: none; width: 260px; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius-md); display: grid; gap: 4px; }
.t-boss .bx-ready__l { font-size: 11.5px; color: var(--muted); }
.t-boss .bx-ready > b { font: 500 26px/1.1 var(--font-mono); color: var(--ink); }
.t-boss .bx-ready > b small { font-size: 13px; color: var(--muted); }
.t-boss .bx-ready p { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--ink-2); }
.t-boss .bx-ready__by { display: flex; align-items: center; gap: 6px; margin-top: 2px; font-size: 11.5px; color: var(--muted); }
.t-boss .bx-order__grid { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 20px; align-items: start; }
.t-boss .bx-totals { margin: 14px 0 0 auto; max-width: 440px; display: grid; }
.t-boss .bx-totals div { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 6px 0; border-bottom: 1px dashed var(--line); font-size: 12.5px; color: var(--ink-2); }
.t-boss .bx-totals dt { display: flex; align-items: center; gap: 8px; }
.t-boss .bx-totals dd { margin: 0; font-family: var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ink); }
.t-boss .bx-totals .is-total { border-bottom: 0; padding-top: 10px; font-size: 14px; font-weight: 600; color: var(--ink); }
.t-boss .bx-totals .is-total dd { color: var(--ok); font-weight: 500; font-size: 15px; }
.t-boss .bx-totals .is-total small { margin-left: 6px; font-size: 12px; }
.t-boss .bx-steps { padding: 14px 16px 6px; border: 1px solid var(--line); border-radius: var(--radius-md); }
.t-boss .bx-steps__h { margin: 0 0 12px; display: grid; gap: 2px; }
.t-boss .bx-steps__h b { font-size: 13.5px; color: var(--ink); }
.t-boss .bx-steps__h span { font-size: 12px; color: var(--muted); }
.t-boss .bx-steps ol { list-style: none; margin: 0; padding: 0; }
.t-boss .bx-steps li { position: relative; display: grid; padding: 0 0 12px 26px; }
.t-boss .bx-steps li::before { content: ""; position: absolute; left: 0; top: 1px; width: 15px; height: 15px; border-radius: 50%; border: 1.5px solid var(--line-strong); background: var(--surface); box-sizing: border-box; }
.t-boss .bx-steps li::after { content: ""; position: absolute; left: 7px; top: 18px; bottom: 2px; width: 1px; background: var(--line); }
.t-boss .bx-steps li:last-child::after { display: none; }
.t-boss .bx-steps li.is-done::before { border-color: var(--ok); background: var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.3 2.3 4.7-5.3' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat; }
.t-boss .bx-steps li.is-now::before { border-color: var(--warn); background: var(--warn-soft); }
.t-boss .bx-steps b { font-size: 12.5px; font-weight: 600; color: var(--ink); }
.t-boss .bx-steps li.is-todo b { color: var(--muted); font-weight: 500; }
.t-boss .bx-steps small { font-size: 11.5px; color: var(--muted); }

/* 02 · Generate documents */
.t-boss .bx-gen { display: grid; grid-template-columns: 264px minmax(0, 1fr); }
.t-boss .bx-gen__menu { padding: 16px 14px; background: var(--surface-sunk); border-right: 1px solid var(--line); }
.t-boss .bx-docs { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 2px; }
.t-boss .bx-docs li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px; align-items: center; padding: 7px 8px; border-radius: 8px; }
.t-boss .bx-docs li.is-on { background: var(--surface); box-shadow: 0 0 0 1px var(--line); }
.t-boss .bx-doc__p { height: 26px; display: grid; place-items: center; border-radius: 6px; background: var(--surface); border: 1px solid var(--line); font: 600 10.5px/1 var(--font-mono); color: var(--ink); }
.t-boss .bx-docs b { display: block; font-size: 13px; font-weight: 600; color: var(--ink); }
.t-boss .bx-docs small { display: block; font-size: 11.5px; color: var(--muted); }
.t-boss .bx-files { list-style: none; margin: 0; padding: 0; }
.t-boss .bx-files li { display: flex; gap: 8px; align-items: flex-start; padding: 8px 2px; border-top: 1px solid var(--line); }
.t-boss .bx-files svg, .t-boss .bx-flist svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.3; color: var(--muted); flex: none; margin-top: 1px; }
.t-boss .bx-files b { display: block; font: 500 11px/1.4 var(--font-mono); color: var(--ink); word-break: break-all; }
.t-boss .bx-files small { display: block; font-size: 11.5px; color: var(--muted); }
.t-boss .bx-files small.ok { color: var(--ok); }
.t-boss .bx-gen__form { padding: 18px 22px; display: grid; gap: 12px; min-width: 0; align-content: start; }
.t-boss .bx-gen__top { display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; flex-wrap: wrap; }
.t-boss .bx-seg2 { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border-radius: 9px; background: var(--surface-sunk); font-size: 12px; }
.t-boss .bx-seg2 span { padding: 0 8px; color: var(--muted); }
.t-boss .bx-seg2 em { font-style: normal; padding: 5px 10px; border-radius: 7px; color: var(--ink-2); }
.t-boss .bx-seg2 em.is-on { background: var(--surface); color: var(--ink); font-weight: 600; box-shadow: 0 1px 2px rgba(18,18,17,.08); }
.t-boss .bx-gen__meta { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; font-size: 12.5px; color: var(--muted); }
.t-boss .bx-t--td tr.is-fix td { background: color-mix(in srgb, var(--carmine-soft) 60%, transparent); }
.t-boss .bx-miss { color: var(--carmine); font-weight: 500; font-family: var(--font-sans); }
.t-boss .bx-pre { padding: 10px 14px; border: 1px solid var(--line); border-radius: var(--radius-md); display: grid; gap: 2px; }
.t-boss .bx-pre__h { margin: 0 0 4px; font: 500 10.5px/1.3 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }
.t-boss .bx-pre__r { margin: 0; display: flex; align-items: baseline; gap: 10px; padding: 4px 0; font-size: 12.5px; line-height: 1.45; color: var(--ink-2); }
.t-boss .bx-pre__r .bx-chip { min-width: 64px; justify-content: center; }
.t-boss .bx-gen__foot { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 10px 16px; padding-top: 12px; border-top: 1px solid var(--line); }
.t-boss .bx-count { margin-right: auto; font-size: 12.5px; color: var(--muted); }
.t-boss .bx-check { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--ink-2); }
.t-boss .bx-check svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.4; }

/* 03 · Check uploaded files */
.t-boss .bx-chk { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); }
.t-boss .bx-chk__files { padding: 16px; background: var(--surface-sunk); border-right: 1px solid var(--line); min-width: 0; }
.t-boss .bx-flist { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.t-boss .bx-flist li { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 8px 10px; border-radius: 8px; }
.t-boss .bx-flist li.is-sel { background: var(--surface); box-shadow: 0 0 0 1px var(--line); }
.t-boss .bx-flist b { display: block; font: 500 11.5px/1.35 var(--font-mono); color: var(--ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-boss .bx-flist small { display: block; font-size: 11px; color: var(--muted); }
.t-boss .bx-paper { position: relative; margin-top: 14px; height: 150px; padding: 14px 16px; display: grid; gap: 9px; align-content: start; background: var(--surface); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.t-boss .bx-paper b { font: 600 11px/1 var(--font-mono); letter-spacing: .06em; color: var(--ink); }
.t-boss .bx-paper span { display: block; height: 7px; border-radius: 3px; background: var(--surface-sunk); transition: background-color .4s ease, box-shadow .4s ease; }
.t-boss .bx-paper span:nth-of-type(1) { width: 70%; } .t-boss .bx-paper span:nth-of-type(2) { width: 88%; } .t-boss .bx-paper span:nth-of-type(3) { width: 78%; }
.t-boss .bx-paper span:nth-of-type(4) { width: 60%; } .t-boss .bx-paper span:nth-of-type(5) { width: 84%; } .t-boss .bx-paper span:nth-of-type(6) { width: 40%; }
.t-boss .bx-paper span.is-hit, .t-boss .bx-paper span.is-hit2 { background: var(--warn-soft); box-shadow: 0 0 0 1px var(--warn); }
.t-boss .bx-paper__scan { position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--carmine); opacity: 0; }
.t-boss .bx-chk.is-armed .bx-paper span.is-hit, .t-boss .bx-chk.is-armed .bx-paper span.is-hit2 { background: var(--surface-sunk); box-shadow: none; }
.t-boss .bx-chk.is-armed.is-found .bx-paper span.is-hit, .t-boss .bx-chk.is-armed.is-found .bx-paper span.is-hit2 { background: var(--warn-soft); box-shadow: 0 0 0 1px var(--warn); }
.t-boss .bx-chk.is-scan .bx-paper__scan { animation: bx-scan 1.5s cubic-bezier(.4,0,.6,1) 1 forwards; }
@keyframes bx-scan { 0% { top: 0; opacity: .6; } 90% { opacity: .6; } 100% { top: 100%; opacity: 0; } }
.t-boss .bx-chk__dlg { padding: 18px 20px; display: grid; gap: 12px; align-content: start; min-width: 0; }
.t-boss .bx-chk__h b { display: block; font-size: 14px; font-weight: 600; color: var(--ink); word-break: break-word; }
.t-boss .bx-chk__h small { display: block; font-size: 12px; color: var(--muted); }
.t-boss .bx-issue { padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius-md); display: grid; gap: 8px; transition: opacity .45s ease, transform .5s cubic-bezier(.2,.7,.2,1); }
.t-boss .bx-chk.is-armed:not(.is-found) .bx-issue { opacity: 0; transform: translateY(8px); }
.t-boss .bx-chk.is-armed.is-found .bx-issue.is-low { transition-delay: .25s; }
.t-boss .bx-issue__t { margin: 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.t-boss .bx-issue__t b { font-size: 13.5px; font-weight: 600; color: var(--ink); }
.t-boss .bx-issue__kv { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 16px; }
.t-boss .bx-issue__kv div { display: flex; gap: 6px; align-items: baseline; font-size: 12.5px; min-width: 0; flex-wrap: wrap; }
.t-boss .bx-issue__kv dt { color: var(--muted); }
.t-boss .bx-issue__kv dd { margin: 0; color: var(--ink); }
.t-boss .bx-issue__kv dd small { font-family: var(--font-sans); font-size: 11.5px; color: var(--muted); }
.t-boss .bx-issue__rec { margin: 0; font-size: 12.5px; line-height: 1.45; color: var(--ink-2); }
.t-boss .bx-issue__rec b { color: var(--ink); font-weight: 500; }
.t-boss .bx-issue__acts { display: flex; flex-wrap: wrap; gap: 6px; }
.t-boss .bx-issue__acts span { padding: 6px 10px; border-radius: 999px; border: 1px solid var(--line); font-size: 12px; color: var(--ink); }
.t-boss .bx-issue__acts span.is-pick { background: var(--ink); color: var(--paper); border-color: var(--ink); }

/* 04 · Invoice register */
.t-boss .bx-reg { display: grid; grid-template-columns: minmax(0, 1fr) 290px; }
.t-boss .bx-reg__main { padding: 18px 22px; display: grid; gap: 12px; min-width: 0; align-content: start; }
.t-boss .bx-reg__top { display: flex; align-items: flex-start; gap: 8px; flex-wrap: wrap; }
.t-boss .bx-reg__top > div { flex: 1 1 260px; }
.t-boss .bx-series { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.t-boss .bx-series li { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; border: 1px solid var(--line); font-size: 12px; color: var(--ink-2); }
.t-boss .bx-series b { font: 600 11.5px/1 var(--font-mono); color: var(--ink); }
.t-boss .bx-gap { margin: 0; display: flex; align-items: center; gap: 10px; font-size: 12.5px; color: var(--ink-2); flex-wrap: wrap; }
.t-boss .bx-issue-sum { padding: 18px; background: var(--surface-sunk); border-left: 1px solid var(--line); display: grid; gap: 10px; align-content: start; }
.t-boss .bx-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.t-boss .bx-checks li { position: relative; padding: 6px 0 6px 24px; font-size: 12.5px; line-height: 1.4; color: var(--ink-2); }
.t-boss .bx-checks li::before { content: ""; position: absolute; left: 0; top: 7px; width: 15px; height: 15px; border-radius: 50%; }
.t-boss .bx-checks li.ok { color: var(--ink-2); }
.t-boss .bx-checks li.ok::before { background: var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.3 2.3 4.7-5.3' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat; }
.t-boss .bx-checks li.rev::before { content: "!"; display: grid; place-items: center; background: var(--warn-soft); color: var(--warn); font: 700 10px/15px var(--font-sans); text-align: center; }
.t-boss .bx-issue-sum__lang { margin: 0; font-size: 12.5px; color: var(--muted); }
.t-boss .bx-issue-sum__lang b { color: var(--ink); font-weight: 500; }
.t-boss .bx-issue-sum__go { justify-self: start; }

/* 05 · Transport offers */
.t-boss .bx-tr { display: grid; grid-template-columns: 320px minmax(0, 1fr); }
.t-boss .bx-tr__paste { padding: 16px; background: var(--surface-sunk); border-right: 1px solid var(--line); display: grid; gap: 12px; align-content: start; }
.t-boss .bx-mail { padding: 12px 14px; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; font-size: 12.5px; line-height: 1.65; color: var(--ink-2); }
.t-boss .bx-mail p { margin: 0; }
.t-boss .bx-mail__from { display: flex; align-items: center; gap: 6px; margin-bottom: 6px !important; font-size: 11.5px; color: var(--muted); }
.t-boss .bx-mail__from svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.3; }
.t-boss .bx-mail mark { background: var(--carmine-soft); color: var(--ink); border-radius: 3px; padding: 0 2px; margin: 0 -2px; transition: background-color .35s ease; }
.t-boss [data-bx-paste].is-armed mark:not(.is-lit) { background: transparent; box-shadow: none; color: inherit; }
.t-boss .bx-tr__go { justify-self: start; gap: 8px; }
.t-boss .bx-tr__go .bx-spark { background: rgba(255,255,255,.14); color: inherit; }
.t-boss .bx-tr__note { margin: 0; font-size: 12px; line-height: 1.45; color: var(--muted); }
.t-boss .bx-tr__list { padding: 18px 22px; display: grid; gap: 12px; min-width: 0; align-content: start; }
.t-boss .bx-tr__top { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.t-boss .bx-tr__list tr.is-new td { background: var(--bx-tint); transition: background-color .5s ease, opacity .45s ease; }
.t-boss [data-bx-paste].is-armed tr.is-new:not(.is-in) td { opacity: 0; }
.t-boss .bx-best { padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius-md); }
.t-boss .bx-best__h { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 10px; font-size: 13px; color: var(--ink-2); }
.t-boss .bx-best__h b { color: var(--ink); }
.t-boss .bx-best__h .code { font-size: 11px; color: var(--muted); }
.t-boss .bx-best ol { list-style: none; margin: 10px 0 8px; padding: 0; display: grid; gap: 6px; }
.t-boss .bx-best li { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto auto; gap: 12px; align-items: center; font-size: 13px; }
.t-boss .bx-best li > span { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: var(--paper); font: 500 11px/1 var(--font-mono); }
.t-boss .bx-best li:nth-child(2) > span { background: var(--surface-sunk); color: var(--ink); }
.t-boss .bx-best li b { color: var(--ink); font-weight: 600; }
.t-boss .bx-best em { font-style: normal; font-size: 12px; color: var(--muted); white-space: nowrap; }
.t-boss .bx-best em.code { color: var(--ink); }
.t-boss .bx-best__rule { margin: 0; font-size: 12px; color: var(--muted); }

/* 06 · Coldstore */
.t-boss .bx-cs { display: grid; grid-template-columns: minmax(0, 1fr) 310px; }
.t-boss .bx-t--inv th { white-space: normal; vertical-align: bottom; }
.t-boss .bx-t--inv td { padding-left: 10px; padding-right: 10px; }
.t-boss .bx-cs__list { padding: 18px 22px; display: grid; gap: 12px; min-width: 0; align-content: start; }
.t-boss .bx-cs__top { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; flex-wrap: wrap; }
.t-boss .bx-held { display: inline-block; margin-left: 8px; padding: 1px 6px; border-radius: 5px; background: var(--frost); color: var(--frost-ink); font-size: 10.5px; font-weight: 500; }
.t-boss .bx-exp { display: inline-flex; height: 20px; align-items: center; padding: 0 7px; border-radius: 6px; font-size: 11px; font-weight: 500; background: var(--surface-sunk); color: var(--ink-2); }
.t-boss .bx-exp--warn { background: var(--warn-soft); color: var(--warn); }
.t-boss .bx-exp--alert { background: var(--carmine-soft); color: var(--carmine); }
.t-boss .bx-cs tr.is-sel td { background: var(--paper); }
.t-boss .bx-cs tr.is-sel td:first-child { box-shadow: inset 3px 0 0 var(--ink); }
.t-boss .bx-cs__lot { padding: 18px; background: var(--surface-sunk); border-left: 1px solid var(--line); display: grid; gap: 12px; align-content: start; }
.t-boss .bx-bar { display: flex; height: 12px; border-radius: 6px; overflow: hidden; background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); }
.t-boss .bx-bar i { width: calc(var(--w) * 1%); transform-origin: left; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.t-boss .bx-bar .s { background: var(--ink-2); } .t-boss .bx-bar .d { background: var(--warn); } .t-boss .bx-bar .h { background: var(--frost-ink); } .t-boss .bx-bar .a { background: var(--ok); }
.t-boss [data-bx-lot].is-armed:not(.is-in) .bx-bar i { transform: scaleX(0); }
.t-boss .bx-math { margin: 0; display: grid; }
.t-boss .bx-math div { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; font-size: 12.5px; color: var(--ink-2); }
.t-boss .bx-math dd { margin: 0; font-family: var(--font-mono); font-variant-numeric: tabular-nums; color: var(--ink); }
.t-boss .bx-math .is-sum { border-top: 1px solid var(--line-strong); padding-top: 6px; margin-bottom: 4px; font-weight: 600; color: var(--ink); }
.t-boss .bx-math .is-ok dd { color: var(--ok); font-weight: 500; }
.t-boss .bx-hold { display: flex; justify-content: space-between; align-items: flex-end; gap: 10px; padding: 10px 12px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); flex-wrap: wrap; }
.t-boss .bx-hold p { margin: 0; display: grid; gap: 1px; }
.t-boss .bx-hold b { font-size: 13px; color: var(--ink); }
.t-boss .bx-hold span { font-size: 12px; color: var(--ink-2); }
.t-boss .bx-hold small { font-size: 11px; color: var(--muted); }
.t-boss .bx-hold__acts, .t-boss .bx-mini__acts { display: flex; flex-wrap: wrap; gap: 6px; }
.t-boss .bx-hold__acts em, .t-boss .bx-mini__acts em { font-style: normal; font-size: 12px; font-weight: 500; padding: 5px 10px; border-radius: 999px; border: 1px solid var(--line); color: var(--ink); white-space: nowrap; }
.t-boss .bx-hold__acts em.is-main, .t-boss .bx-mini__acts em.is-main { background: var(--ink); color: var(--paper); border-color: var(--ink); }
.t-boss .bx-storage { margin: 0; font-size: 12px; line-height: 1.55; color: var(--ink-2); }
.t-boss .bx-storage b { color: var(--ink); font-weight: 600; }

.t-boss .bx-hist { border: 1px solid var(--line); border-radius: var(--radius-md); padding: 12px 14px 4px; }
.t-boss .bx-hist ul { list-style: none; margin: 0; padding: 0; }
.t-boss .bx-hist li { display: grid; grid-template-columns: 52px 92px 110px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 7px 0; border-top: 1px solid var(--line); font-size: 12.5px; color: var(--ink-2); }
.t-boss .bx-hist time { font: 500 11px/1 var(--font-mono); color: var(--muted); }
.t-boss .bx-ut { justify-self: start; padding: 2px 7px; border-radius: 5px; background: var(--surface-sunk); font-size: 11.5px; color: var(--ink); }
.t-boss .bx-hist b { font-weight: 500; color: var(--ink); }
.t-boss .bx-hist__n { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-boss .bx-hist small { font-size: 11.5px; color: var(--muted); white-space: nowrap; }

/* 07 · Returnables */
.t-boss .bx-rt { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); }
.t-boss .bx-rt__main { padding: 18px 22px; display: grid; gap: 12px; min-width: 0; align-content: start; }
.t-boss .bx-rt__top { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.t-boss .bx-rt__top > div { flex: 1 1 220px; }
.t-boss .bx-item { display: inline-block; padding: 2px 6px; border-radius: 5px; background: var(--surface-sunk); font: 500 11px/1.3 var(--font-mono); color: var(--ink); }
.t-boss .bx-acts span { margin-left: 10px; font-size: 12px; color: var(--ink-2); text-decoration: underline; text-decoration-color: var(--line-strong); text-underline-offset: 3px; }
.t-boss .bx-rt tr.is-sel td { background: var(--paper); }
.t-boss .bx-sched { margin: 0; display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 8px; background: var(--surface-sunk); font-size: 12.5px; line-height: 1.45; color: var(--ink-2); }
.t-boss .bx-sched svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.3; color: var(--muted); flex: none; margin-top: 1px; }
.t-boss .bx-sched b { color: var(--ink); font-weight: 500; }
.t-boss .bx-rt__hist { padding: 16px 18px; background: var(--surface-sunk); border-left: 1px solid var(--line); min-width: 0; }
.t-boss .bx-mov { list-style: none; margin: 0; padding: 0; }
.t-boss .bx-mov li { display: grid; grid-template-columns: 46px minmax(0, 1fr) 36px 48px 112px; gap: 8px; align-items: center; padding: 8px 0; border-top: 1px solid var(--line); font-size: 12px; color: var(--ink-2); }
.t-boss .bx-mov li.bx-mov__h { border-top: 0; padding-top: 0; font: 500 10px/1 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.t-boss .bx-mov time { font: 500 11px/1 var(--font-mono); color: var(--muted); }
.t-boss .bx-mov b { color: var(--ink); font-weight: 500; text-align: right; }
.t-boss .bx-mov li.is-rev > span:nth-child(2), .t-boss .bx-mov li.is-rev b { color: var(--muted); text-decoration: line-through; }
.t-boss .bx-mov li.is-revd > span:nth-child(2), .t-boss .bx-mov li.is-revd b { color: var(--muted); }
.t-boss .bx-mov em { display: inline-block; margin-left: 6px; padding: 1px 5px; border-radius: 4px; border: 1px solid var(--line); font-style: normal; font-size: 10.5px; color: var(--muted); text-decoration: none; }
.t-boss .bx-mov__doc { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-boss .bx-mov__doc svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.3; flex: none; }
.t-boss .bx-letter { margin-top: 14px; padding: 12px 14px; display: grid; gap: 8px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); }
.t-boss .bx-letter p { margin: 0; }
.t-boss .bx-letter p b { display: block; font-size: 13px; color: var(--ink); }
.t-boss .bx-letter p span { font-size: 12px; color: var(--muted); }
.t-boss .bx-letter__line { padding-left: 10px; border-left: 2px solid var(--line-strong); font-size: 13px; color: var(--ink-2); }
.t-boss .bx-letter__line b { display: inline !important; }
.t-boss .bx-letter .ghost { justify-self: start; }

/* 08 · Getting paid */
.t-boss .bx-pay { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.t-boss .bx-pay__card { padding: 18px 22px; min-width: 0; }
.t-boss .bx-pay__h, .t-boss .bx-credit__h { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.t-boss .bx-sync { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); }
.t-boss .bx-sync::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--ok); }
.t-boss .bx-kv { margin: 12px 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; }
.t-boss .bx-kv div { background: var(--surface); padding: 9px 12px; min-width: 0; }
.t-boss .bx-kv dt { display: flex; align-items: center; gap: 4px; font-size: 11.5px; color: var(--muted); }
.t-boss .bx-kv dt svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.t-boss .bx-kv dd { margin: 2px 0 0; font-size: 14px; color: var(--ink); }
.t-boss .bx-kv dd b { font-weight: 600; }
.t-boss .bx-kv dd small { font-family: var(--font-sans); font-size: 11px; color: var(--muted); }
.t-boss .bx-kv--credit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.t-boss .bx-kv--credit .is-alert { grid-column: 1 / -1; }
.t-boss .bx-kv--credit .is-alert dd { color: var(--carmine); font-weight: 500; font-size: 16px; }
.t-boss .bx-pay__state { margin: 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 12.5px; color: var(--muted); }
.t-boss .bx-states { list-style: none; margin: 14px 0 0; padding: 12px 0 0; border-top: 1px solid var(--line); display: grid; gap: 7px; }
.t-boss .bx-states li { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 10px; align-items: center; font-size: 12.5px; color: var(--muted); }
.t-boss .bx-states .mb-status { justify-self: start; }
.t-boss .bx-states small { font-size: 12.5px; }
.t-boss .bx-credit { padding: 18px 22px; background: var(--surface-sunk); border-left: 1px solid var(--line); display: grid; gap: 4px; align-content: start; min-width: 0; }
.t-boss .bx-credit__who { margin: 6px 0 0; display: grid; }
.t-boss .bx-credit__who b { font-size: 15px; color: var(--ink); }
.t-boss .bx-credit__who span { font-size: 12px; color: var(--muted); }
.t-boss .bx-meter { position: relative; height: 10px; margin: 12px 0 18px; border-radius: 5px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); }
.t-boss .bx-meter i { position: absolute; top: 0; bottom: 0; left: calc(var(--l) * 1%); width: calc(var(--w) * 1%); }
.t-boss .bx-meter .o { background: var(--ink-2); border-radius: 5px 0 0 5px; }
.t-boss .bx-meter .n { background: var(--carmine); border-radius: 0 5px 5px 0; opacity: .85; }
.t-boss .bx-meter__over { position: absolute; right: 0; top: 14px; font: 500 11px/1 var(--font-mono); color: var(--carmine); }
.t-boss .bx-warn { margin: 4px 0 0; padding: 9px 12px; border-radius: 8px; background: var(--warn-soft); color: var(--warn); font-size: 12.5px; line-height: 1.45; }

/* 09 · Clean records */
.t-boss .bx-cl { display: grid; grid-template-columns: minmax(0, 1fr) 300px; }
.t-boss .bx-cl__rec { padding: 18px 22px; display: grid; gap: 14px; min-width: 0; align-content: start; }
.t-boss .bx-cl__top { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; flex-wrap: wrap; }
.t-boss .bx-cl__grid { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 16px; align-items: start; }
.t-boss .bx-classes { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.t-boss .bx-classes li { display: flex; justify-content: space-between; gap: 10px; padding: 8px 10px; border-radius: 8px; font-size: 12.5px; color: var(--ink-2); }
.t-boss .bx-classes li b { color: var(--ink); font-weight: 500; }
.t-boss .bx-classes li.is-open { background: var(--surface-sunk); color: var(--ink); font-weight: 600; box-shadow: inset 0 0 0 1px var(--line); }
.t-boss .bx-fix { display: grid; gap: 8px; min-width: 0; }
.t-boss .bx-fix__r { display: grid; grid-template-columns: 88px minmax(0, 1fr) 82px 104px auto; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--line); border-radius: 8px; font-size: 12.5px; color: var(--ink-2); }
.t-boss .bx-fix__r > .code { font-size: 11.5px; color: var(--ink); }
.t-boss .bx-fix__r b { color: var(--ink); font-weight: 600; }
.t-boss .bx-fix__v { display: grid; gap: 1px; min-width: 0; }
.t-boss .bx-fix__v small { font: 500 9.5px/1 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.t-boss .bx-fix__v b { font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-boss .bx-fix__v b.dim { color: var(--muted); }
.t-boss .bx-fix__r.is-ai { grid-template-columns: 88px minmax(0, 1fr) auto; background: var(--bx-tint); }
.t-boss .bx-fix__ask { grid-column: 2; grid-row: 2; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); }
.t-boss .bx-fix__ask em { font-style: normal; padding: 3px 9px; border-radius: 999px; border: 1px solid var(--line-strong); background: var(--surface); color: var(--ink); }
.t-boss .bx-fix__r.is-ai .ghost { grid-column: 3; grid-row: 1 / 3; }
.t-boss .bx-fix__r.is-ai .bx-spark { background: rgba(255,255,255,.14); color: inherit; }
.t-boss .bx-cl__side { padding: 16px; background: var(--surface-sunk); border-left: 1px solid var(--line); display: grid; gap: 10px; align-content: start; }
.t-boss .bx-mini { padding: 12px 14px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); display: grid; gap: 7px; }
.t-boss .bx-mini .bx-cap { margin: 0; }
.t-boss .bx-mini p { margin: 0; }
.t-boss .bx-mini__name { font-size: 13.5px; font-weight: 500; color: var(--ink); }
.t-boss .bx-mini__sug { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12.5px; color: var(--ink-2); }
.t-boss .bx-mini__pair { display: grid; gap: 2px; }
.t-boss .bx-mini__pair b { font-size: 12.5px; font-weight: 500; color: var(--ink); }

.t-boss .bx-fix__note { margin: 2px 0 0; font-size: 12px; color: var(--muted); }

/* 10 · Analytics */
.t-boss .bx-an { display: grid; grid-template-columns: 216px minmax(0, 1fr); }
.t-boss .bx-gal { padding: 14px 10px; background: var(--surface-sunk); border-right: 1px solid var(--line); display: grid; gap: 10px; align-content: start; }
.t-boss .bx-gal p { margin: 0; padding: 4px 8px; font: 500 10px/1.3 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }
.t-boss .bx-gal ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; }
.t-boss .bx-gal li { padding: 4px 8px; border-radius: 6px; font-size: 12.5px; color: var(--ink-2); }
.t-boss .bx-gal li.is-on { background: var(--surface); color: var(--ink); font-weight: 600; box-shadow: 0 0 0 1px var(--line); }
.t-boss .bx-an__main { padding: 18px 22px; display: grid; gap: 16px; min-width: 0; align-content: start; }
.t-boss .bx-an__main > *, .t-boss .bx-cs__list > *, .t-boss .bx-reg__main > *, .t-boss .bx-tr__list > *, .t-boss .bx-rt__main > *, .t-boss .bx-cl__rec > *, .t-boss .bx-gen__form > *, .t-boss .bx-order__main > * { min-width: 0; }
.t-boss .bx-an__top { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; flex-wrap: wrap; }
.t-boss .bx-an__grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: 20px; align-items: stretch; }
.t-boss .bx-walk { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; height: 210px; }
.t-boss .bx-walk li { display: grid; grid-template-rows: minmax(0, 1fr) auto auto; gap: 3px; min-width: 0; }
.t-boss .bx-walk__bar { position: relative; border-bottom: 1px solid var(--line-strong); }
.t-boss .bx-walk__bar i { position: absolute; left: 18%; right: 18%; bottom: calc(var(--b) * 1%); height: calc(var(--h) * 1%); border-radius: 4px; transform-origin: bottom; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.t-boss .bx-walk li.is-base i { background: var(--ink-2); }
.t-boss .bx-walk li.is-neg i { background: var(--warn); opacity: .8; }
.t-boss .bx-walk li.is-sum i { background: var(--ok); }
.t-boss .bx-walk li:nth-child(2) i { transition-delay: .15s; } .t-boss .bx-walk li:nth-child(3) i { transition-delay: .3s; } .t-boss .bx-walk li:nth-child(4) i { transition-delay: .45s; }
.t-boss [data-bx-walk].is-armed:not(.is-in) i { transform: scaleY(0); }
.t-boss .bx-walk b { font-size: 12.5px; font-weight: 500; color: var(--ink); white-space: nowrap; }
.t-boss .bx-walk small { font-size: 11.5px; line-height: 1.3; color: var(--muted); }
.t-boss .bx-explain { padding: 14px 16px; border: 1px solid var(--line); border-radius: var(--radius-md); display: grid; gap: 8px; align-content: start; }
.t-boss .bx-explain .bx-cap { margin: 0; }
.t-boss .bx-explain__p { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--ink); }
.t-boss .bx-explain__by { margin: 0; display: flex; align-items: center; gap: 6px; font-size: 11.5px; line-height: 1.4; color: var(--muted); }
.t-boss .bx-explain .ghost { justify-self: start; }
.t-boss .bx-radar ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; }
.t-boss .bx-radar li { background: var(--surface); padding: 10px 12px; display: grid; gap: 2px; }
.t-boss .bx-radar b { font-size: 20px; font-weight: 500; color: var(--ink); }
.t-boss .bx-radar li.is-warn b { color: var(--warn); }
.t-boss .bx-radar span { font-size: 12px; color: var(--muted); }

/* 11 · Agents */
.t-boss .bx-ag { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
.t-boss .bx-ag__chat { padding: 20px 22px; display: grid; gap: 14px; align-content: start; min-width: 0; }
.t-boss .bx-q { margin: 0; justify-self: end; max-width: 92%; display: flex; align-items: center; gap: 10px; padding: 10px 14px 10px 10px; border-radius: 14px; background: var(--surface-sunk); font-size: 13.5px; line-height: 1.45; color: var(--ink); }
.t-boss .bx-q img { width: 26px; height: 26px; border-radius: 50%; object-fit: cover; flex: none; }
.t-boss .bx-calls { list-style: none; margin: 0 0 0 12px; padding: 2px 0 2px 16px; border-left: 2px solid var(--line); display: grid; gap: 6px; }
.t-boss .bx-calls li { display: flex; align-items: baseline; gap: 10px; font-size: 12px; min-width: 0; }
.t-boss .bx-calls .code { font-size: 11.5px; color: var(--ink); word-break: break-all; }
.t-boss .bx-calls small { color: var(--muted); white-space: nowrap; }
.t-boss .bx-calls i { margin-left: auto; font-style: normal; font-size: 11px; }
.t-boss .bx-a { margin: 0; display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; line-height: 1.55; color: var(--ink-2); }
.t-boss .bx-a b { color: var(--ink); }
.t-boss .bx-ag__side { padding: 16px; background: var(--surface-sunk); border-left: 1px solid var(--line); display: grid; gap: 10px; align-content: start; min-width: 0; }
.t-boss .bx-auth, .t-boss .bx-audit { padding: 12px 14px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); display: grid; gap: 8px; }
.t-boss .bx-auth .bx-cap, .t-boss .bx-audit .bx-cap { margin: 0; }
.t-boss .bx-auth__back { margin: 0; font-size: 12.5px; color: var(--muted); }
.t-boss .bx-auth__back b { color: var(--ink); font-weight: 500; }
.t-boss .bx-scopes { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.t-boss .bx-scopes li { padding: 2px 6px; border-radius: 5px; border: 1px solid var(--line); background: var(--surface-sunk); font: 500 10.5px/1.4 var(--font-mono); color: var(--ink-2); }
.t-boss .bx-auth .ghost { justify-self: start; }
.t-boss .bx-audit p { margin: 0; display: grid; gap: 1px; font-size: 12px; }
.t-boss .bx-audit p + p { padding-top: 8px; border-top: 1px solid var(--line); }
.t-boss .bx-audit b { font: 500 11.5px/1.35 var(--font-mono); color: var(--ink); word-break: break-all; }
.t-boss .bx-audit span { color: var(--ink-2); }
.t-boss .bx-audit small { font-size: 11px; color: var(--muted); }
.t-boss .bx-usage { margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; }
.t-boss .bx-usage div { background: var(--surface); padding: 8px 10px; }
.t-boss .bx-usage dt { font-size: 11px; color: var(--muted); }
.t-boss .bx-usage dd { margin: 2px 0 0; font-size: 15px; color: var(--ink); }

/* ---------- Who does what ---------- */
.t-boss .bx-ledger { padding-bottom: var(--space-24); }
.t-boss .bx-ledger__grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--space-8); align-items: start; }
.t-boss .bx-ledger .bx-x { border-radius: var(--radius-lg); background: var(--surface); }
.t-boss .bx-lt { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.t-boss .bx-lt th { text-align: left; padding: 14px 16px; border-bottom: 1px solid var(--line-strong); font: 500 11px/1.3 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); white-space: nowrap; }
.t-boss .bx-lt th .bx-spark, .t-boss .bx-lt th .bx-dot { vertical-align: -3px; margin-right: 8px; }
.t-boss .bx-lt th .bx-dot { vertical-align: 0; width: 7px; height: 7px; }
.t-boss .bx-lt td { padding: 14px 16px; border-bottom: 1px solid var(--line); vertical-align: top; color: var(--ink-2); line-height: 1.45; }
.t-boss .bx-lt tr:last-child td { border-bottom: 0; }
.t-boss .bx-lt td:first-child b { display: block; font-weight: 600; color: var(--ink); }
.t-boss .bx-lt td .bx-spark { vertical-align: -3px; margin-right: 8px; }
.t-boss .bx-lt td .bx-dot { width: 7px; height: 7px; margin-right: 9px; vertical-align: 1px; }
.t-boss .bx-ref { display: inline-block; margin-top: 4px; font: 500 11px/1 var(--font-mono); color: var(--bx-sand-ink); text-decoration: none; }
.t-boss .bx-ref:hover { text-decoration: underline; }
.t-boss .bx-never { position: sticky; top: 140px; padding: var(--space-6); border-radius: var(--radius-lg); background: var(--ink); color: var(--paper); }
.t-boss .bx-never__h { margin: 0 0 14px; font: 500 11px/1.3 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; color: color-mix(in srgb, var(--paper) 65%, transparent); }
.t-boss .bx-never ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.t-boss .bx-never li { position: relative; padding-left: 18px; font-size: 15px; line-height: 1.4; }
.t-boss .bx-never li::before { content: ""; position: absolute; left: 0; top: .65em; width: 8px; height: 1.5px; background: currentColor; opacity: .6; }
.t-boss .bx-never__models { margin: 20px 0 0; padding-top: 16px; border-top: 1px solid color-mix(in srgb, var(--paper) 18%, transparent); font-size: 13.5px; line-height: 1.5; color: color-mix(in srgb, var(--paper) 75%, transparent); }
.t-boss .bx-never__models b { color: var(--paper); font-weight: 600; }

/* ---------- Connections ---------- */
.t-boss .bx-con-grid { display: grid; grid-template-columns: minmax(0, 1fr) 160px minmax(0, 1fr); align-items: start; }
.t-boss .bx-con-hub { align-self: stretch; }
.t-boss .bx-con-col { display: grid; gap: 12px; position: relative; z-index: 1; }
.t-boss .bx-con-col__h { margin: 0; font: 500 11px/1.3 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }
.t-boss .bx-con { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px 14px; align-items: center; padding: 16px 18px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); text-decoration: none; color: var(--ink); transition: border-color .2s ease, transform .3s cubic-bezier(.2,.7,.2,1); }
.t-boss .bx-con:hover { border-color: var(--line-strong); transform: translateY(-2px); }
.t-boss .bx-con .app-ico { margin: 0; width: 40px; height: 40px; }
.t-boss .bx-con__t b { display: block; font-size: 16px; font-weight: 600; letter-spacing: -0.015em; }
.t-boss .bx-con__t small { display: block; font: 500 10.5px/1.2 var(--font-mono); letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.t-boss .bx-con p { grid-column: 2 / 4; margin: 0; font-size: 14px; line-height: 1.45; color: var(--ink-2); }
.t-boss .bx-con__chk { grid-column: 2 / 4; font-style: normal; font-size: 12px; line-height: 1.4; color: var(--warn); }
.t-boss .bx-con__go { grid-column: 3; grid-row: 1; color: var(--muted); transition: transform .2s ease; }
.t-boss .bx-con:hover .bx-con__go { transform: translateX(3px); color: var(--ink); }
.t-boss .bx-con-col:first-child .bx-con::after { content: ""; position: absolute; top: 50%; right: -80px; width: 80px; height: 1px; background: var(--line-strong); }
.t-boss .bx-con-hub { display: grid; justify-items: center; gap: 8px; position: relative; height: 100%; align-content: center; }
.t-boss .bx-con-hub::before { content: ""; position: absolute; left: 50%; top: 18%; bottom: 18%; width: 1px; background: var(--line-strong); }
.t-boss .bx-con-hub .app-ico { position: relative; width: 64px; height: 64px; border-radius: 18px; margin: 0; box-shadow: 0 0 0 8px var(--paper), inset 0 0 0 1px rgba(18,18,17,.05); }
.t-boss .bx-con-hub .app-ico svg { width: 28px; height: 28px; }
.t-boss .bx-con-hub b { position: relative; padding: 2px 8px; background: var(--paper); font-size: 15px; font-weight: 600; color: var(--ink); }
.t-boss .bx-out { position: relative; list-style: none; margin: 0; padding: 4px 20px; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); }
.t-boss .bx-out::before { content: ""; position: absolute; top: 50%; left: -80px; width: 80px; height: 1px; background: var(--line-strong); }
.t-boss .bx-out li { display: grid; gap: 2px; padding: 12px 0; border-top: 1px solid var(--line); }
.t-boss .bx-out li:first-child { border-top: 0; }
.t-boss .bx-out b { font-size: 15px; font-weight: 600; color: var(--ink); }
.t-boss .bx-out span { font-size: 13.5px; line-height: 1.4; color: var(--muted); }

/* ---------- Who it is for ---------- */
.t-boss .bx-for { padding-top: 0; }
.t-boss .bx-for__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: var(--space-12); align-items: start; }
.t-boss .bx-for__grid .mb-eyebrow { margin-bottom: var(--space-6); }
.t-boss .bx-for__lead { margin: 16px 0 0; max-width: 42ch; font-size: 16px; line-height: 1.55; color: var(--ink-2); }
.t-boss .bx-roles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--space-8); border-top: 1px solid var(--line); }
.t-boss .bx-role { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 16px 0; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink); }
.t-boss .bx-role b { font-size: 18px; font-weight: 600; letter-spacing: -0.015em; }
.t-boss .bx-role span { grid-column: 1; font-size: 14px; line-height: 1.45; color: var(--muted); }
.t-boss .bx-role em { grid-column: 2; grid-row: 1 / 3; align-self: center; font-style: normal; color: var(--muted); transition: transform .2s ease, color .2s ease; }
.t-boss .bx-role:hover em { transform: translateX(3px); color: var(--ink); }
.t-boss .bx-role:hover b { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }

/* ---------- Back cover ---------- */
.t-boss .bx-cover { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--space-12); align-items: end; padding: var(--space-12) var(--space-12) var(--space-12); border-radius: var(--radius-xl); background: var(--surface); border: 1px solid var(--line); }
.t-boss .bx-cover__text { display: grid; gap: var(--space-6); justify-items: start; }
.t-boss .bx-cover .hero__cta { align-items: center; gap: var(--space-6); }
.t-boss .bx-mail-link { font-size: 15px; color: var(--ink); text-underline-offset: 4px; text-decoration-color: var(--line-strong); }
.t-boss .bx-colophon { margin: 0; display: grid; }
.t-boss .bx-colophon div { padding: 12px 0; border-top: 1px solid var(--line); }
.t-boss .bx-colophon dt { font: 500 10.5px/1.3 var(--font-mono); letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }
.t-boss .bx-colophon dd { margin: 4px 0 0; font-size: 15px; color: var(--ink); }
.t-boss .bx-set { margin-top: var(--space-8); display: grid; grid-template-columns: 220px minmax(0, 1fr) auto; gap: var(--space-6); align-items: center; }
.t-boss .bx-set > p { margin: 0; display: grid; gap: 2px; }
.t-boss .bx-set > p b { font-size: 15px; color: var(--ink); }
.t-boss .bx-set > p span { font-size: 13px; color: var(--muted); }
.t-boss .bx-set > div { display: flex; flex-wrap: wrap; gap: 8px; }
.t-boss .bx-set > div a { display: inline-flex; align-items: center; gap: 8px; padding: 5px 14px 5px 5px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); text-decoration: none; transition: border-color .2s ease; }
.t-boss .bx-set > div a:hover { border-color: var(--line-strong); }
.t-boss .bx-set .app-ico { width: 28px; height: 28px; border-radius: 999px; margin: 0; }
.t-boss .bx-set .app-ico svg { width: 14px; height: 14px; }
.t-boss .bx-set > div b { font-size: 13.5px; font-weight: 600; color: var(--ink); }
.t-boss .bx-set > div small { font-size: 12px; color: var(--muted); }
.t-boss .bx-set__all { font-size: 14px; font-weight: 500; color: var(--ink); text-decoration: none; white-space: nowrap; }

/* ---------- Responsive ---------- */
@media (max-width: 1180px) {
  .t-boss .bx-ch__head { grid-template-columns: 96px minmax(0, 1fr); }
  .t-boss .bx-ch__head .lead { grid-column: 2; }
  .t-boss .bx-ch__n { font-size: 80px; }
  .t-boss .bx-notes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .t-boss .bx-gen, .t-boss .bx-chk, .t-boss .bx-reg, .t-boss .bx-tr, .t-boss .bx-cs, .t-boss .bx-rt, .t-boss .bx-pay, .t-boss .bx-cl, .t-boss .bx-an, .t-boss .bx-ag { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-gen__menu, .t-boss .bx-chk__files, .t-boss .bx-tr__paste, .t-boss .bx-gal { border-right: 0; border-bottom: 1px solid var(--line); }
  .t-boss .bx-issue-sum, .t-boss .bx-cs__lot, .t-boss .bx-rt__hist, .t-boss .bx-credit, .t-boss .bx-cl__side, .t-boss .bx-ag__side { border-left: 0; border-top: 1px solid var(--line); }
  .t-boss .bx-gen__menu { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 20px; }
  .t-boss .bx-gen__menu .bx-cap:nth-of-type(2) { grid-column: 2; grid-row: 1; }
  .t-boss .bx-gen__menu .bx-files { grid-column: 2; grid-row: 2; }
  .t-boss .bx-gal { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .t-boss .bx-cl__side { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .t-boss .bx-ledger__grid { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-never { position: static; }
  .t-boss .bx-con-grid { grid-template-columns: minmax(0, 1fr) 100px minmax(0, 1fr); }
  .t-boss .bx-con-col:first-child .bx-con::after { right: -50px; width: 50px; }
  .t-boss .bx-out::before { left: -50px; width: 50px; }
}
@media (max-width: 1100px) {
  .t-boss .bx-hero__top { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  .t-boss .bx-app { height: auto; }
  .t-boss .bx-home__grid { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-toc-wrap { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-legend { position: static; }
  .t-boss .bx-order__grid { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-for__grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  .t-boss .bx-cover { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-set { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
}
@media (max-width: 960px) {
  .t-boss .bx-app { grid-template-columns: 56px minmax(0, 1fr); }
  .t-boss .bx-side { padding: 10px 8px; align-items: center; }
  .t-boss .bx-team { grid-template-columns: auto; padding: 2px 0 10px; }
  .t-boss .bx-team > span:not(.bx-team__logo), .t-boss .bx-team__chev, .t-boss .bx-side__group, .t-boss .bx-nav__a span, .t-boss .bx-user span { display: none; }
  .t-boss .bx-nav__a { width: 36px; height: 34px; justify-content: center; padding: 0; }
  .t-boss .bx-nav__a.is-sub { padding: 0; }
  .t-boss .bx-nav__sep { margin: 6px 4px; }
  .t-boss .bx-user { padding: 4px 0; justify-content: center; }
  .t-boss .bx-main { padding: 16px; }
  .t-boss .bx-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .t-boss .bx-ch { padding-top: 88px; }
  .t-boss .bx-con-grid { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); }
  .t-boss .bx-con-hub { display: none; }
  .t-boss .bx-con-col:first-child .bx-con::after, .t-boss .bx-out::before { display: none; }
  .t-boss .bx-search { display: none; }
  .t-boss .bx-cl__grid { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-classes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .t-boss .bx-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .t-boss .bx-facts div:nth-child(3) { padding-left: 0; border-left: 0; }
  .t-boss .bx-facts dt { font-size: 24px; }
  .t-boss .bx-ch__head { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); margin-bottom: var(--space-8); }
  .t-boss .bx-ch__head .lead { grid-column: 1; font-size: 17px; }
  .t-boss .bx-ch__n { font-size: 56px; }
  .t-boss .bx-notes, .t-boss .bx-who { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-order { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-secnav { display: flex; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line); padding: 8px; scrollbar-width: none; }
  .t-boss .bx-secnav span { flex: none; gap: 6px; }
  .t-boss .bx-order__top { flex-direction: column; }
  .t-boss .bx-ready { width: 100%; }
  .t-boss .bx-order__main, .t-boss .bx-gen__form, .t-boss .bx-chk__dlg, .t-boss .bx-reg__main, .t-boss .bx-tr__list, .t-boss .bx-cs__list, .t-boss .bx-rt__main, .t-boss .bx-pay__card, .t-boss .bx-credit, .t-boss .bx-cl__rec, .t-boss .bx-an__main, .t-boss .bx-ag__chat { padding: 16px; }
  .t-boss .bx-gen__menu { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-gen__menu .bx-cap:nth-of-type(2), .t-boss .bx-gen__menu .bx-files { grid-column: 1; grid-row: auto; }
  .t-boss .bx-gal { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .t-boss .bx-cl__side { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-an__grid { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-radar ul, .t-boss .bx-kv { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .t-boss .bx-issue__kv { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-fix__r { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .t-boss .bx-fix__r > span:nth-child(2) { grid-column: 1 / -1; }
  .t-boss .bx-fix__r .ghost { grid-column: 1 / -1; justify-self: start; }
  .t-boss .bx-fix__r.is-ai { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-fix__r.is-ai .bx-fix__ask, .t-boss .bx-fix__r.is-ai .ghost { grid-column: 1; grid-row: auto; }
  .t-boss .bx-best li { grid-template-columns: 22px minmax(0, 1fr) auto; }
  .t-boss .bx-best li em:not(.code) { display: none; }
  .t-boss .bx-mov li { grid-template-columns: 42px minmax(0, 1fr) 32px 42px; }
  .t-boss .bx-mov__doc, .t-boss .bx-mov li.bx-mov__h span:last-child { display: none; }
  .t-boss .bx-loads li { grid-template-columns: 58px minmax(0, 1fr) 22px; }
  .t-boss .bx-hist li { grid-template-columns: 46px minmax(0, 1fr) auto; }
  .t-boss .bx-hist__n, .t-boss .bx-hist small { display: none; }
  .t-boss .bx-load__k, .t-boss .bx-load__id { display: none; }
  .t-boss .bx-week { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 2px; }
  .t-boss .bx-toc a { grid-template-columns: 34px minmax(0, 1fr) auto; gap: 12px; }
  .t-boss .bx-toc__dots { display: none; }
  .t-boss .bx-toc__t { display: grid; gap: 2px; }
  .t-boss .bx-toc__t b { font-size: 18px; }
  .t-boss .bx-toc__t small { font-size: 13.5px; }
  .t-boss .bx-legend p:not(.bx-legend__h) { grid-template-columns: 48px minmax(0, 1fr); font-size: 14px; }
  .t-boss .bx-roles { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-cover { padding: var(--space-6); border-radius: var(--radius-lg); }
  .t-boss .bx-lt thead { display: none; }
  .t-boss .bx-lt, .t-boss .bx-lt tbody, .t-boss .bx-lt tr, .t-boss .bx-lt td { display: block; }
  .t-boss .bx-lt tr { padding: 14px 16px; border-bottom: 1px solid var(--line); }
  .t-boss .bx-lt tr:last-child { border-bottom: 0; }
  .t-boss .bx-lt td { padding: 4px 0; border: 0; }
  .t-boss .bx-lt td:first-child { padding-bottom: 8px; }
  .t-boss .bx-ledger .bx-x { overflow: visible; }
}
@media (max-width: 480px) {
  .t-boss .bx-kpi__v { font-size: 19px; }
  .t-boss .bx-kpi small { display: none; }
  .t-boss .bx-home__top .bx-tabs { display: none; }
  .t-boss .bx-week b { font-size: 12px; }
  .t-boss .bx-week span { font-size: 9px; }
}

@media (prefers-reduced-motion: reduce) {
  .t-boss .bx-feed__r, .t-boss .bx-issue, .t-boss .bx-bar i, .t-boss .bx-walk__bar i, .t-boss .bx-con, .t-boss .bx-mail mark { transition: none; }
  .t-boss .bx-chk.is-scan .bx-paper__scan { animation: none; }
}

/* Chapter 11: a conversation in Claude, with BOSS orders inside it */
.t-boss .bx-claude-wrap { margin-top: var(--space-8); padding: var(--space-12); border-radius: var(--radius-xl); background: var(--surface-sunk); }
.t-boss .bx-claude { max-width: 760px; margin: 0 auto; border-radius: 22px; background: var(--surface); border: 1px solid var(--line); box-shadow: var(--shadow-window); overflow: hidden; font-size: 15px; line-height: 1.55; color: var(--ink); }
.t-boss .bx-claude__bar { display: flex; align-items: center; gap: 10px; height: 52px; padding: 0 20px; border-bottom: 1px solid var(--line); }
.t-boss .bx-claude__bar > b { font-size: 15px; font-weight: 600; }
.t-boss .bx-claude__conn { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; height: 30px; padding: 0 12px 0 5px; border-radius: var(--radius-pill); background: var(--ok-soft); color: var(--ok); font-size: 12.5px; font-weight: 500; }
.t-boss .bx-cl-ico { width: 30px; height: 30px; flex: none; display: inline-grid; place-items: center; border-radius: 50%; background: #faf0eb; border: 1px solid #f1ddd2; font-style: normal; }
.t-boss .bx-cl-ico svg { width: 16px; height: 16px; }
.t-boss .bx-cl-boss { width: 20px; height: 20px; border-radius: 6px; flex: none; margin: 0; }
.t-boss .bx-cl-boss svg { width: 12px; height: 12px; }
.t-boss .bx-claude__body { display: grid; gap: 24px; padding: 28px 28px 8px; }
.t-boss .bx-cl-me { justify-self: end; max-width: 80%; margin: 0; padding: 12px 16px; border-radius: 18px 18px 4px 18px; background: var(--surface-sunk); }
.t-boss .bx-cl-ai { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 14px; align-items: start; }
.t-boss .bx-cl-ai > div { display: grid; gap: 12px; min-width: 0; }
.t-boss .bx-cl-ai p { margin: 0; }
.t-boss .bx-cl-ai b { font-weight: 600; }
.t-boss .bx-cl-used { display: inline-flex; align-items: center; gap: 8px; justify-self: start; height: 28px; padding: 0 12px 0 4px; border-radius: var(--radius-pill); border: 1px solid var(--line); font-size: 12.5px; color: var(--muted); }
.t-boss .bx-cl-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; }
.t-boss .bx-cl-card { display: grid; gap: 8px; justify-items: start; padding: 12px 14px; border-radius: 14px; border: 1px solid var(--line); background: var(--paper); }
.t-boss .bx-cl-card__top { display: flex; align-items: center; gap: 8px; width: 100%; margin: 0; font-size: 12px; color: var(--muted); }
.t-boss .bx-cl-card__top .code { font-size: 12px; color: var(--ink); }
.t-boss .bx-cl-card__top span { margin-left: auto; }
.t-boss .bx-cl-card__what { display: grid; gap: 1px; margin: 0; }
.t-boss .bx-cl-card__what b { font-size: 14px; }
.t-boss .bx-cl-card__what span { font-size: 12.5px; color: var(--muted); }
.t-boss .bx-claude__input { display: flex; align-items: center; justify-content: space-between; margin: 18px 22px 22px; padding: 0 8px 0 18px; height: 50px; border-radius: var(--radius-pill); border: 1px solid var(--line-strong); font-size: 14.5px; color: var(--muted); }
.t-boss .bx-claude__input i { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #d97757; color: #fff; }
.t-boss .bx-claude__input svg { width: 15px; height: 15px; }
@media (max-width: 760px) {
  .t-boss .bx-claude-wrap { padding: var(--space-4); }
  .t-boss .bx-claude__body { padding: 20px 16px 6px; }
  .t-boss .bx-cl-ai { grid-template-columns: minmax(0, 1fr); }
  .t-boss .bx-cl-ai > .bx-cl-ico { display: none; }
  .t-boss .bx-cl-me { max-width: 92%; }
  .t-boss .bx-claude__conn { display: none; }
}