/* BusFactor product kit v2. Live HTML frames reproducing the CURRENT product (ui-polish/src, Nov 2026):
   Shell.jsx + SideNav.jsx + the TopBar in DashboardLayout.jsx, PageHeader.jsx, StatStrip.jsx, DataTable.jsx,
   ui/Card, ui/Badge (RiskShape, RiskBadge, CountBadge), ui/Button, ui/Toolbar (SearchInput, FilterTabs), ui/Tabs,
   ui/ProgressBar, ui/KeyValueList, ui/Skeleton, SettingsSection (Toggle), successor/SuccessorApp.jsx.
   Tokens are src/colors.js (WARM, UI, SEVERITY) and index.css. Inside the app shell the product is ONE typeface:
   index.css sets --font-heading and --font-mono to Inter under .bf-app, so headings are Inter 600 and figures are
   Inter with tabular numerals (.bf-num). No Sora and no IBM Plex Mono appear in these frames, because none appears
   in the product. Every selector is prefixed .kit or scoped under .kit. Nothing global. */

.kit{
  --k-ink:#2b2520;--k-body:#6b6055;--k-muted:#7A6F66;--k-text:#555;--k-grey:#999;--k-faint:#bbb;
  --k-border:#EADFD2;--k-tint:#FBF6F0;--k-canvas:#fafafa;--k-inset:#FBF6F0;
  --k-disabled:#F1ECE6;--k-disabled-text:#8A8077;--k-edge:#DCCFC0;--k-control:#9A8F86;--k-count:#F4EFE9;
  --k-critical:#B5503F;--k-high:#C4895C;--k-medium:#A8744B;--k-low:#846D51;--k-unknown:#7A6F66;--k-current:#FF6600;
  --k-sans:'Inter',system-ui,-apple-system,sans-serif;
  --k-ease:cubic-bezier(.2,.7,.2,1);
  position:relative;display:block;box-sizing:border-box;overflow:hidden;
  background:#fff;color:var(--k-ink);
  border:1px solid var(--k-border);border-radius:12px;
  font:400 14px/1.5 var(--k-sans);letter-spacing:-.006em;text-align:left;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
.kit.kit-noborder{border:0;border-radius:0}
.kit *,.kit *::before,.kit *::after{box-sizing:border-box;margin:0;padding:0}
.kit button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left;letter-spacing:inherit}
.kit input,.kit textarea{font:inherit;color:inherit;letter-spacing:inherit}
.kit svg{display:block;flex:none}
.kit img{display:block}
.kit ul{list-style:none}
.kit h1,.kit h2,.kit h3,.kit h4{letter-spacing:-.018em;font-weight:600}
.kit-in{position:relative;width:var(--k-natural);min-width:var(--k-natural);background:#fff;transform-origin:0 0}
.kit-in.kit-scaled{will-change:transform}
.kit-num{font-variant-numeric:tabular-nums}
.kit-trunc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.kit-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- the shell: Shell.jsx canvas, SideNav.jsx, the TopBar ---------- */
.kit-app{position:relative;display:flex;background:var(--k-canvas);min-height:100%}
.kit-app-col{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.kit-main{padding:24px 32px 24px}
.kit-main.kit-main-sm{padding:20px 16px}
.kit-main.kit-main-md{padding:24px 24px}

.kit-nav{flex:none;width:240px;background:#fff;border-right:1px solid var(--k-border);display:flex;flex-direction:column}
.kit-nav-head{flex:none;height:52px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--k-border)}
.kit-logo{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:-.025em;color:#222}
.kit-logo svg{width:20px;height:20px}
.kit-nav-body{flex:1 1 auto;padding:12px 12px 16px;overflow:hidden}
.kit-ws{display:flex;align-items:center;gap:10px;padding:6px 6px;margin-bottom:16px}
.kit-ws-tile{flex:none;width:32px;height:32px;border-radius:8px;background:var(--k-tint);border:1px solid var(--k-border);display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;color:var(--k-ink)}
.kit-ws-name{font-size:13px;font-weight:600;line-height:20px;color:var(--k-ink)}
.kit-ws-sub{font-size:12px;color:var(--k-muted);line-height:16px}
.kit-nav-group{margin-bottom:20px}
.kit-nav-group:last-child{margin-bottom:8px}
.kit-nav-label{padding:0 10px;margin-bottom:4px;font-size:12px;font-weight:500;color:var(--k-muted)}
.kit-nav-item{position:relative;display:flex;align-items:center;gap:10px;width:100%;height:32px;padding:0 8px 0 10px;border-radius:6px;font-size:13.5px;color:var(--k-body);white-space:nowrap}
.kit-nav-item svg{color:var(--k-muted)}
.kit-nav-item.kit-on{background:var(--k-tint);color:var(--k-ink);font-weight:500}
.kit-nav-item.kit-on svg{color:var(--k-ink)}
.kit-nav-item.kit-on::before{content:'';position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:999px;background:var(--k-current)}
.kit-nav-item + .kit-nav-item{margin-top:1px}

.kit-topbar{flex:none;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--k-border)}
.kit-topbar.kit-topbar-sm{padding:0 16px}
.kit-topbar-l,.kit-topbar-c,.kit-topbar-r{display:flex;align-items:center;min-width:0}
.kit-topbar-l{gap:12px}
.kit-crumbs{display:flex;align-items:center;gap:6px;font-size:13px;min-width:0}
.kit-crumb{color:var(--k-muted);white-space:nowrap}
.kit-crumb.kit-on{color:var(--k-ink);font-weight:500}
.kit-crumbs svg{color:var(--k-control)}
.kit-home{font-size:12px;color:var(--k-muted)}
.kit-topbar-c{gap:12px;font-size:13px}
.kit-topbar-c b{font-weight:500;color:var(--k-ink)}
.kit-topbar-c .kit-sep{color:var(--k-border)}
.kit-topbar-c .kit-dim{color:var(--k-grey)}
.kit-topbar-c .kit-swap{color:var(--k-low)}
.kit-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--k-tint);border:1px solid var(--k-border);font-size:12px;font-weight:600;color:var(--k-ink)}
.kit-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:-4px;border-radius:6px;color:var(--k-body)}

/* ---------- PageHeader.jsx ---------- */
.kit-ph{margin-bottom:24px}
.kit-ph-eyebrow{font-size:12.5px;color:var(--k-muted);margin-bottom:2px}
.kit-ph-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px 16px}
.kit-ph-titlerow{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}
.kit-ph h1{font-size:24px;line-height:32px;font-weight:600;color:var(--k-ink)}
.kit-ph-desc{margin-top:4px;font-size:13.5px;line-height:1.5;color:var(--k-body);max-width:72ch}
.kit-ph-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px;font-size:13px;color:var(--k-muted)}
.kit-ph-meta .kit-sep{color:var(--k-edge)}
.kit-ph-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex:none}

/* ---------- Badge.jsx ---------- */
.kit-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;background:var(--k-disabled);color:var(--k-body)}
.kit-badge.kit-warm{background:var(--k-tint);box-shadow:inset 0 0 0 1px var(--k-border)}
.kit-badge.kit-inkbadge{background:var(--k-ink);color:#fff}
.kit-count{display:inline-flex;align-items:center;padding:1px 6px;border-radius:6px;font-size:11.5px;line-height:16px;font-weight:500;background:var(--k-count);color:var(--k-body);font-variant-numeric:tabular-nums}
.kit-risk{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;white-space:nowrap;color:var(--k-ink)}
.kit-shape{width:8px;height:8px}

/* ---------- Button.jsx ---------- */
.kit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;border:1px solid transparent;background:#fff;color:var(--k-ink);border-color:var(--k-edge);transition:background-color .15s,border-color .15s}
.kit-btn.kit-sm{height:28px;padding:0 10px;font-size:12.5px;border-radius:6px;gap:6px}
.kit-btn.kit-lg{height:40px;padding:0 18px;font-size:14px}
.kit-btn.kit-primary{background:var(--k-ink);color:#fff;border-color:transparent}
.kit-btn.kit-ghost{border-color:transparent;color:var(--k-body)}
.kit-btn.kit-disabled,.kit-btn[disabled]{background:var(--k-disabled);color:var(--k-disabled-text);border-color:transparent;cursor:not-allowed}
.kit-btn.kit-pressed{background:#14110e}
.kit-link{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:500;color:var(--k-body)}

/* ---------- Card.jsx ---------- */
.kit-card{background:#fff;border:1px solid var(--k-border);border-radius:12px}
.kit-card-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 20px 12px}
.kit-card.kit-flush > .kit-card-h{padding:12px 20px;border-bottom:1px solid var(--k-border)}
.kit-card-t{font-size:15px;line-height:22px;font-weight:600;color:var(--k-ink)}
.kit-card-m{font-size:12.5px;color:var(--k-muted);margin-top:2px}
.kit-card-a{flex:none;display:flex;align-items:center;gap:8px;font-size:12.5px}
.kit-card-b{padding:0 20px 20px}
.kit-card-b.kit-only{padding:20px}
.kit-card-foot{padding:10px 20px;border-top:1px solid var(--k-border)}

/* ---------- StatStrip.jsx ---------- */
.kit-strip{background:#fff;border:1px solid var(--k-border);border-radius:12px;overflow:hidden;margin-bottom:24px}
.kit-strip-g{display:grid}
.kit-stat{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:16px 20px;border-color:var(--k-border)}
.kit-strip-g.kit-lg .kit-stat + .kit-stat{border-left:1px solid var(--k-border)}
.kit-strip-g.kit-two{grid-template-columns:1fr 1fr}
.kit-strip-g.kit-two .kit-stat:nth-child(2n){border-left:1px solid var(--k-border)}
.kit-strip-g.kit-two .kit-stat:nth-child(n+3){border-top:1px solid var(--k-border)}
.kit-stat-l{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:1.375;color:var(--k-body);max-width:100%}
.kit-stat-dot{width:8px;height:8px;border-radius:50%;flex:none}
.kit-stat-v{display:flex;align-items:baseline;gap:6px;margin-top:6px;font-size:28px;line-height:32px;font-weight:600;color:var(--k-ink);font-variant-numeric:tabular-nums}
.kit-stat-n{margin-top:2px;font-size:12.5px;line-height:1.375;color:var(--k-muted)}

/* ---------- Toolbar.jsx, Tabs.jsx ---------- */
.kit-tb{border-bottom:1px solid var(--k-border)}
.kit-tb-row{display:flex;align-items:center;gap:10px;padding:12px 20px}
.kit-tb-right{margin-left:auto;display:flex;align-items:center;gap:8px}
.kit-tb-meta{font-size:12.5px;color:var(--k-muted);font-variant-numeric:tabular-nums}
.kit-tb-tabs{padding:0 20px;margin-top:-4px}
.kit-search{position:relative;display:block;width:280px}
.kit-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--k-muted)}
.kit-input{display:flex;align-items:center;width:100%;height:34px;padding:0 11px 0 34px;border:1px solid var(--k-control);border-radius:8px;background:#fff;font-size:13px;color:var(--k-faint);white-space:nowrap;overflow:hidden}
.kit-select{display:inline-flex;align-items:center;height:34px;padding:0 34px 0 11px;border:1px solid var(--k-control);border-radius:8px;background:#fff;font-size:13px;color:var(--k-body);white-space:nowrap;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6055' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}
.kit-tabs{display:flex;align-items:flex-end;gap:24px;overflow:hidden}
.kit-tabs.kit-ruled{border-bottom:1px solid var(--k-border)}
.kit-tab{position:relative;flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;font-size:14px;font-weight:500;white-space:nowrap;color:var(--k-body)}
.kit-tab.kit-on{color:var(--k-ink)}
.kit-tab.kit-off{color:var(--k-disabled-text)}
.kit-tab.kit-on::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--k-ink)}

/* ---------- DataTable.jsx ---------- */
.kit-table{min-width:0}
.kit-th{display:grid;column-gap:16px;align-items:center;padding:10px 20px 10px 24px;border-bottom:1px solid var(--k-border);background:#fff}
.kit-th > span{display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:500;color:var(--k-muted);min-width:0;overflow:hidden;white-space:nowrap}
.kit-th > span.kit-r{justify-content:flex-end;text-align:right}
.kit-th > span.kit-sorted{color:var(--k-ink)}
.kit-th .kit-arrow{font-size:9px;line-height:1;opacity:.35}
.kit-th > span.kit-sorted .kit-arrow{opacity:1}
.kit-tr{position:relative;display:grid;column-gap:16px;align-items:center;min-height:44px;padding:12px 20px 12px 24px;border-bottom:1px solid var(--k-border);background:#fff}
.kit-table > .kit-tr:last-child,.kit-table > .kit-exp-g:last-child > .kit-tr{border-bottom:0}
.kit-rail{position:absolute;left:0;top:0;bottom:0;width:2px}
.kit-td{min-width:0;font-size:13.5px;color:var(--k-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kit-td.kit-r{text-align:right;font-variant-numeric:tabular-nums}
.kit-td.kit-wrap{white-space:normal;overflow:visible}
.kit-cell-name{display:block;font-size:13.5px;font-weight:500;line-height:18px;color:var(--k-ink)}
.kit-cell-sub{display:block;font-size:12.5px;line-height:18px;color:var(--k-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kit-exp{border-bottom:1px solid var(--k-border);background:var(--k-canvas)}
.kit-tfoot{padding:12px 24px;border-top:1px solid var(--k-border);font-size:12.5px;color:var(--k-muted)}

/* ---------- ProgressBar.jsx, KeyValueList.jsx, Toggle, Skeleton ---------- */
.kit-pb-l{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:12.5px}
.kit-pb-l span:first-child{color:var(--k-body)}
.kit-pb-l span:last-child{color:var(--k-muted);font-variant-numeric:tabular-nums}
.kit-pb{position:relative;width:100%;height:6px;border-radius:999px;background:var(--k-disabled);overflow:visible}
.kit-pb > i{display:block;height:100%;border-radius:999px;background:var(--k-ink);width:var(--w,0%);transition:width .7s var(--k-ease)}
.kit-pb > b{position:absolute;top:-3px;bottom:-3px;width:2px;border-radius:999px;background:var(--k-critical);left:calc(var(--x,0%) - 1px)}
.kit-pace{display:flex;align-items:center;gap:12px;min-width:0}
.kit-pace .kit-pb{width:88px;flex:none}
.kit-pace span{font-size:13px;color:var(--k-body);font-variant-numeric:tabular-nums}
.kit-kv > div{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:10px 0;border-top:1px solid var(--k-border)}
.kit-kv > div:first-child{border-top:0}
.kit-kv dt{font-size:13px;color:var(--k-body);flex:none}
.kit-kv dd{font-size:13.5px;line-height:1.45;color:var(--k-ink);text-align:right}
.kit-toggle{position:relative;display:inline-flex;align-items:center;flex:none;width:34px;height:20px;border-radius:999px;background:var(--k-control)}
.kit-toggle.kit-on{background:var(--k-ink)}
.kit-toggle > i{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transform:translateX(2px)}
.kit-toggle.kit-on > i{transform:translateX(16px)}
.kit-skel{display:block;height:12px;border-radius:6px;background:var(--k-disabled);animation:kit-skel 1.4s ease-in-out infinite}
@keyframes kit-skel{0%,100%{opacity:1}50%{opacity:.55}}
.kit-note{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.5;color:var(--k-muted)}
.kit-note svg{margin-top:1px;flex:none}

/* ---------- the demo footer every frame carries ---------- */
.kit-foot{display:flex;align-items:center;gap:12px;height:28px;padding:0 20px;border-top:1px solid var(--k-border);font-size:11px;color:var(--k-muted);background:#fff;white-space:nowrap;overflow:hidden}
.kit-foot span + span::before{content:'·';margin-right:12px;color:var(--k-edge)}
/* phone variant: the footer lines stack instead of running past the 390px frame (the Imprint's demo note is 398px alone) */
.kit[data-variant="phone"] .kit-foot{flex-direction:column;align-items:flex-start;gap:0;height:auto;min-height:28px;padding:5px 20px;line-height:16px;white-space:normal;overflow-wrap:anywhere}
.kit[data-variant="phone"] .kit-foot span + span::before{content:none;margin:0}

/* ---------- Overview (OverviewTab.jsx) ---------- */
.kit-read{margin-bottom:20px;font-size:15px;line-height:1.6;color:var(--k-ink);max-width:88ch}
.kit-read strong{font-weight:600}
.kit-read u{font-weight:600;text-decoration:underline;text-decoration-color:var(--k-control);text-underline-offset:3px}
.kit-ov{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}
.kit-ov.kit-stack{grid-template-columns:1fr}
.kit-sec{min-width:0;background:#fff;border:1px solid var(--k-border);border-radius:12px;overflow:hidden}
.kit-sec-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;padding:16px 20px 12px}
.kit-sec-h h3{font-size:15px;font-weight:600;color:var(--k-ink)}
.kit-sec-h > span{display:flex;align-items:center;gap:12px;font-size:12.5px;flex:none}
.kit-sec-h .kit-dim{color:var(--k-muted);font-variant-numeric:tabular-nums}
.kit-sec-h .kit-tog{font-weight:500;color:var(--k-body)}
.kit-att{display:flex;align-items:center;gap:12px;width:100%;padding:10px 20px;border-top:1px solid var(--k-border);text-align:left}
.kit-att .kit-shape{width:9px;height:9px}
.kit-att-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.kit-att-top{display:flex;align-items:baseline;gap:8px;min-width:0}
.kit-att-name{font-size:14px;font-weight:500;color:var(--k-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kit-att-role{font-size:12.5px;color:var(--k-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kit-att-why{font-size:12.5px;color:var(--k-body);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kit-att-score{flex:none;width:36px;text-align:right;font-size:13px;font-weight:500;color:var(--k-ink);font-variant-numeric:tabular-nums}
.kit-att-active{padding:0 20px 10px 41px;font-size:12.5px;color:var(--k-muted)}
.kit-dept{margin-top:10px}
.kit-dept:first-child{margin-top:0}
.kit-dept-l{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px}
.kit-dept-l span:first-child{color:var(--k-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kit-dept-l span:last-child{flex:none;font-size:12.5px;color:var(--k-body);font-variant-numeric:tabular-nums}
.kit-dept-bar{display:flex;height:4px;margin-top:4px;border-radius:999px;background:var(--k-disabled);overflow:hidden}
.kit-dept-bar i{display:block;height:100%}
.kit-dept-bar i.kit-c{background:var(--k-critical)}
.kit-dept-bar i.kit-h{background:var(--k-high)}

/* ---------- PersonDetail.jsx EvidenceTrail ---------- */
.kit-why-h{font-size:16px;line-height:1.55;font-weight:500;color:var(--k-ink)}
.kit-ev-sec{margin-top:16px;padding-top:16px;border-top:1px solid var(--k-border)}
.kit-ev-sec h4{font-size:13px;font-weight:500;color:var(--k-ink);margin-bottom:8px;letter-spacing:-.006em}
.kit-ev-li{position:relative;padding-left:16px;font-size:14px;line-height:1.55;color:var(--k-ink)}
.kit-ev-li + .kit-ev-li{margin-top:6px}
.kit-ev-li::before{content:'';position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--k-body)}
.kit-ev-foot{margin-top:8px;font-size:12.5px;line-height:1.5;color:var(--k-muted)}
.kit-sig{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 32px}
.kit-sig-note{margin-top:12px;font-size:12.5px;color:var(--k-muted)}

/* ---------- SuccessorApp.jsx (the Ask surface) ---------- */
.kit-ask{padding:16px 20px 20px}
.kit-ask h1{font-size:20px;line-height:28px;font-weight:600;color:var(--k-ink);overflow-wrap:anywhere}
.kit-ask-scope{margin-top:4px;font-size:13.5px;line-height:1.5;color:var(--k-body)}
.kit-askbox{margin-top:20px;border:1px solid var(--k-control);border-radius:12px;background:#fff}
.kit-askbox-q{display:block;min-height:72px;padding:14px 16px 0;font-size:15px;line-height:1.55;color:var(--k-ink);white-space:pre-wrap;overflow-wrap:anywhere}
.kit-askbox-q.kit-empty{color:var(--k-disabled-text)}
.kit-caret-i{display:inline-block;width:1px;height:1.05em;margin-left:1px;vertical-align:-.18em;background:var(--k-ink);animation:kit-caret 1s steps(1) infinite}
@keyframes kit-caret{50%{opacity:0}}
.kit-askbox-f{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 12px 12px}
.kit-askbox-f > p{padding-left:4px;font-size:12.5px;color:var(--k-muted)}
.kit-askbox-f .kit-btn{min-width:88px}
.kit-ask-honest{margin-top:10px}
.kit-turns{margin-top:24px}
.kit-turn{background:#fff;border:1px solid var(--k-border);border-radius:12px}
.kit-turn-h{padding:16px 20px 12px;border-bottom:1px solid var(--k-border)}
.kit-turn-h p:first-child{font-size:12px;color:var(--k-muted)}
.kit-turn-q{margin-top:2px;font-size:15px;line-height:1.45;font-weight:600;color:var(--k-ink);white-space:pre-line;overflow-wrap:anywhere}
.kit-turn-b{padding:16px 20px}
.kit-pending p{font-size:13px;color:var(--k-body)}
.kit-pending .kit-skel{margin-top:10px}
.kit-ans p{font-size:15px;line-height:1.6;color:var(--k-ink);white-space:pre-line;overflow-wrap:anywhere}
.kit-ans p + p{margin-top:12px}
.kit-notes{margin-top:16px;padding-top:12px;border-top:1px solid var(--k-border)}
.kit-notes-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px}
.kit-notes-h h3{font-size:13px;font-weight:600;color:var(--k-ink)}
.kit-notes-h p{font-size:12px;color:var(--k-muted);font-variant-numeric:tabular-nums}
.kit-cite{margin-top:12px;font-size:13px}
.kit-notes-h + .kit-cite{margin-top:10px}
.kit-cite blockquote{padding-left:12px;border-left:2px solid var(--k-edge);font-size:13.5px;line-height:1.55;color:var(--k-ink);white-space:pre-line;overflow-wrap:anywhere}
.kit-cite p{margin-top:6px;padding-left:14px;font-size:12px;line-height:1.5;color:var(--k-muted)}
.kit-cite p b{font-weight:500;color:var(--k-body)}

/* ---------- Sources (ConnectedTools.jsx, ReadTextSettings.jsx inside SettingsSection card flush) ---------- */
.kit-ss{background:#fff;border:1px solid var(--k-border);border-radius:12px;overflow:hidden}
.kit-ss + .kit-ss{margin-top:24px}
.kit-ss-h{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--k-border)}
.kit-ss-h h3{font-size:15px;line-height:22px;font-weight:600;color:var(--k-ink)}
.kit-ss-h p{margin-top:2px;font-size:13px;line-height:1.5;color:var(--k-body);max-width:72ch}
.kit-ss-aside{flex:none;padding-top:2px;font-size:12.5px;color:var(--k-muted)}
.kit-ss-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.kit-ss-grid.kit-one{grid-template-columns:1fr}
.kit-tool{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:14px 20px;border-top:1px solid var(--k-border)}
.kit-ss-grid > .kit-tool:nth-child(-n+2){border-top:0}
.kit-ss-grid.kit-one > .kit-tool:nth-child(2){border-top:1px solid var(--k-border)}
.kit-ss-grid > .kit-tool:nth-child(2n){border-left:1px solid var(--k-border)}
.kit-ss-grid.kit-one > .kit-tool:nth-child(2n){border-left:0}
.kit-tool-l{display:flex;align-items:center;gap:12px;min-width:0}
.kit-tool-logo{width:20px;height:20px;object-fit:contain;flex:none}
.kit-tool-n{font-size:14px;font-weight:500;color:var(--k-ink);line-height:20px}
.kit-tool-r{font-size:12.5px;color:var(--k-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:18px}
.kit-tool-state{display:flex;align-items:center;gap:12px;flex:none;font-size:12.5px;color:var(--k-muted)}

/* ---------- Imprint readers (ImprintsTab.jsx AccessPane) ---------- */
.kit-use{border-top:1px solid var(--k-border)}
.kit-use:first-child{border-top:0}
.kit-use-h{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 20px 0}
.kit-use-h p:first-child{font-size:14px;font-weight:500;color:var(--k-ink)}
.kit-use-h p + p{margin-top:2px;font-size:12.5px;color:var(--k-muted)}
.kit-use-l{padding:6px 20px 12px}
.kit-use-l li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0;font-size:13.5px;color:var(--k-ink)}
.kit-use-l li span:last-child{font-size:12.5px;color:var(--k-muted)}

/* ---------- Fund attention (FundAttention.jsx) ---------- */
.kit-fa-tabs{padding:0 20px;border-bottom:1px solid var(--k-border)}
.kit-fa-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:start;padding:14px 20px 14px 32px;border-bottom:1px solid var(--k-border)}
.kit-fa-row:last-child{border-bottom:0}
.kit-fa-row .kit-rail{width:3px}
.kit-fa-kind{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--k-muted)}
.kit-fa-head{margin-top:4px;font-size:13.5px;line-height:1.375;color:var(--k-ink)}
.kit-fa-ev{margin-top:4px;font-size:12px;line-height:1.5;color:var(--k-text);max-width:82ch}
.kit-fa-foot{margin-top:12px;font-size:11.5px;line-height:1.6;color:var(--k-grey);max-width:86ch}

/* ---------- Deal readout (DealReadout.jsx, DealClock.jsx) ---------- */
.kit-clock{background:#fff;border:1px solid var(--k-border);border-radius:12px;padding:16px 20px 20px;margin-bottom:24px}
.kit-clock-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:16px}
.kit-clock-h .kit-shape{align-self:center}
.kit-clock-h b{font-size:15px;font-weight:600;color:var(--k-ink);font-variant-numeric:tabular-nums}
.kit-clock-h span{font-size:13px;color:var(--k-body)}
.kit-clock-h .kit-clock-r{margin-left:auto;font-size:12.5px;color:var(--k-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.kit-rail-track{position:relative;height:26px}
.kit-rail-track > i{position:absolute;left:0;right:0;top:3px;height:2px;border-radius:999px;background:var(--k-disabled)}
.kit-rail-track > i.kit-fill{right:auto;background:var(--k-ink)}
.kit-mark{position:absolute;top:0}
.kit-mark > i{display:block;width:7px;height:7px;border-radius:50%;background:var(--k-edge);border:1px solid #fff}
.kit-mark.kit-past > i{background:var(--k-ink)}
.kit-mark > span{display:block;margin-top:4px;font-size:12px;white-space:nowrap;color:var(--k-muted)}
.kit-mark.kit-past > span{color:var(--k-body)}
.kit-today{position:absolute;top:-2px;width:2px;height:11px;background:var(--k-critical);transform:translateX(-50%)}
.kit-two{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.kit-row{display:flex;align-items:flex-start;gap:12px;padding:12px 20px;border-top:1px solid var(--k-border)}
.kit-row:first-child{border-top:0}
.kit-row-l{flex:1 1 auto;min-width:0}
.kit-row-l p:first-child{font-size:14px;color:var(--k-ink)}
.kit-row-l p + p{margin-top:2px;font-size:12.5px;color:var(--k-body)}
.kit-row-r{flex:none;font-size:13px;text-align:right;color:var(--k-body);font-variant-numeric:tabular-nums}
.kit-exec{font-size:13.5px;line-height:1.6;color:var(--k-ink);max-width:90ch}

/* ---------- Retention factors (RetentionTable.jsx Factors) ---------- */
.kit-factors{padding:16px 32px}
.kit-factors-h{margin-bottom:12px;font-size:12.5px;color:var(--k-body)}
.kit-factors-h b{font-weight:500;color:var(--k-ink)}
.kit-factors-h strong{font-weight:600;color:var(--k-ink)}
.kit-fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px}
.kit-f-l{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:12px}
.kit-f-l span:first-child{color:var(--k-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kit-f-l span:last-child{flex:none;color:var(--k-body);font-variant-numeric:tabular-nums}
.kit-f.kit-bad .kit-f-l span:last-child{color:var(--k-ink);font-weight:600}
.kit-f-bar{height:3px;margin-top:4px;border-radius:999px;background:var(--k-border)}
.kit-f-bar i{display:block;height:100%;border-radius:999px;background:var(--k-body);width:var(--w,0%);transition:width .7s var(--k-ease)}
.kit-f.kit-bad .kit-f-bar i{background:var(--k-critical)}
.kit-f-c{margin-top:4px;font-size:12px;line-height:1.4;color:var(--k-muted)}
.kit-next{margin-top:14px;padding-top:12px;border-top:1px solid var(--k-border);font-size:12.5px;line-height:1.55;color:var(--k-body);max-width:90ch}
.kit-next strong{font-weight:600;color:var(--k-ink)}

/* ---------- Handover record (HandoverCard.jsx, RelayRhythm.jsx) ---------- */
.kit-ho-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.kit-ho-head b{font-size:20px;font-weight:600;color:var(--k-ink);font-variant-numeric:tabular-nums}
.kit-ho-head span{font-size:12.5px;color:var(--k-body)}
.kit-ho-bar{margin-top:8px;max-width:420px}
.kit-ho-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.kit-ho-status > span{margin-right:4px;font-size:13px;color:var(--k-body)}
.kit-rhythm{font-size:14px;color:var(--k-body)}
.kit-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 32px;align-items:end;margin-top:16px}
.kit-fact-l{margin-bottom:4px;font-size:12.5px;color:var(--k-body)}
.kit-fact-v{font-size:15px;font-weight:600;color:var(--k-ink);font-variant-numeric:tabular-nums}
.kit-measured{margin:20px -20px 0;border-top:1px solid var(--k-border)}
.kit-measured-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 16px;padding:16px 20px 8px}
.kit-measured-h h4{font-size:14px;font-weight:600;color:var(--k-ink)}
.kit-measured-h span{font-size:12.5px;color:var(--k-muted)}

/* ---------- Report page (BoardReport.jsx) ---------- */
.kit-rp-row{display:flex;align-items:center;gap:12px;padding:10px 20px;border-top:1px solid var(--k-border)}
.kit-rp-row .kit-risk{width:72px;flex:none}
.kit-rp-main{flex:1 1 auto;min-width:0}
.kit-rp-top{display:flex;align-items:baseline;gap:8px;min-width:0}
.kit-rp-top .kit-att-name{font-size:14px}
.kit-rp-ev{display:block;margin-top:2px;font-size:12.5px;color:var(--k-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kit-rp-holders{flex:none;width:72px;text-align:right;font-size:12.5px;color:var(--k-body);font-variant-numeric:tabular-nums}
.kit-rp-note{padding:10px 20px;border-top:1px solid var(--k-border);font-size:12.5px;color:var(--k-muted)}
.kit-details{display:inline-flex;align-items:center;gap:4px;margin-top:24px;font-size:12.5px;font-weight:500;color:var(--k-body)}

/* ---------- record-card (#records, page scale, product tokens) ---------- */
.kit-rc{display:flex;flex-direction:column;height:100%;padding:16px 16px 14px}
.kit-rc-kind{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--k-muted)}
.kit-rc-logos{display:flex;align-items:center;gap:10px;margin-top:12px}
.kit-rc-logos img{width:18px;height:18px;object-fit:contain}
.kit-rc-rows{margin-top:14px;border-top:1px solid var(--k-border)}
.kit-rc-row{display:flex;flex-direction:column;gap:2px;padding:9px 0;border-bottom:1px solid var(--k-border);transition:background-color .3s}
.kit-rc-row.kit-lit{background:var(--k-tint);margin:0 -16px;padding-left:16px;padding-right:16px}
.kit-rc-row span:first-child{font-size:12px;color:var(--k-body)}
.kit-rc-row span:last-child{font-size:12.5px;color:var(--k-ink);line-height:1.35}
.kit-rc-foot{margin-top:auto;padding-top:10px;font-size:11px;line-height:1.45;color:var(--k-muted)}

/* ---------- entrances (once, quiet; static under reduced motion) ---------- */
.kit-stg > *{opacity:0;transform:translateY(6px);transition:opacity .5s var(--k-ease),transform .5s var(--k-ease)}
.kit-stg.kit-played > *{opacity:1;transform:none}
.kit-stg > *:nth-child(1){transition-delay:0ms}.kit-stg > *:nth-child(2){transition-delay:60ms}.kit-stg > *:nth-child(3){transition-delay:120ms}
.kit-stg > *:nth-child(4){transition-delay:180ms}.kit-stg > *:nth-child(5){transition-delay:240ms}.kit-stg > *:nth-child(6){transition-delay:300ms}
.kit-stg > *:nth-child(7){transition-delay:360ms}.kit-stg > *:nth-child(8){transition-delay:420ms}.kit-stg > *:nth-child(9){transition-delay:480ms}
.kit-stg > *:nth-child(10){transition-delay:540ms}.kit-stg > *:nth-child(11){transition-delay:600ms}.kit-stg > *:nth-child(12){transition-delay:660ms}
.kit-static .kit-stg > *{opacity:1;transform:none;transition:none}
.kit-fade{opacity:0;transform:translateY(6px);transition:opacity .4s var(--k-ease),transform .4s var(--k-ease)}
.kit-fade.kit-shown{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .kit *,.kit *::before,.kit *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .kit-stg > *,.kit-fade{opacity:1;transform:none}
}