.mobile-header { display: none; }

.prompt { border-top: 1px solid var(--border); padding: 17px 20px; }
.prompt h3 { margin: 0; font-size: 14px; font-weight: 680; }
.prompt p { margin: 7px 0 0; font-size: 14px; line-height: 1.5; white-space: pre-wrap; }

.metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.metric { min-width: 0; padding: 15px 20px; }
.metric + .metric { border-left: 1px solid var(--border); }
.metric span, .metric strong { display: block; }
.metric span { color: var(--muted); font-size: 14px; font-weight: 650; text-transform: uppercase; }
.metric strong { margin-top: 5px; overflow-wrap: anywhere; font-size: 14px; font-weight: 620; }

.approval-box { border-top: 1px solid var(--border); background: var(--amber-soft); padding: 16px 20px; }
.approval-box h3 { margin: 0; font-size: 14px; font-weight: 680; }
.approval-box p { margin: 3px 0 14px; color: var(--muted); font-size: 14px; }
.approval-fields { display: grid; grid-template-columns: minmax(0, 1fr) 100px auto; gap: 8px; }
select, input, textarea { width: 100%; min-height: 38px; border: 1px solid var(--border-strong); border-radius: var(--control-radius); background: var(--surface); color: var(--foreground); padding: 7px 9px; font: inherit; }
textarea { min-height: 96px; resize: vertical; }
select:focus, input:focus, textarea:focus { border-color: var(--blue); outline: 2px solid color-mix(in oklch, var(--blue) 18%, transparent); }
.primary { min-height: 38px; border: 1px solid var(--blue); border-radius: var(--control-radius); background: var(--blue); color: white; cursor: pointer; padding: 7px 13px; font: inherit; font-size: 14px; font-weight: 650; white-space: nowrap; }
.primary:hover { background: color-mix(in oklch, var(--blue) 88%, black); }
.primary:disabled { cursor: wait; opacity: .55; }

.outcome { border-top: 1px solid var(--border); padding: 16px 20px; }
.outcome.success { background: var(--green-soft); }
.outcome.failure { background: var(--red-soft); }
.outcome h3 { margin: 0 0 6px; font-size: 14px; font-weight: 680; }
.outcome p { margin: 0; font-size: 14px; white-space: pre-wrap; }

.djinni-tags { border-top: 1px solid var(--border); padding: 12px 20px; }
.djinni-detail .decision-button, #djinni-detail .decision-button { text-decoration: none; }

.timeline { border-top: 1px solid var(--border); padding: 18px 20px 24px; }
.timeline > .section-title { margin: 0 0 7px; font-size: 14px; font-weight: 680; }
.events { margin: 0; padding: 0; list-style: none; }
.events li { position: relative; display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; gap: 10px; padding: 8px 0; }
.events li::before { position: absolute; top: 21px; bottom: -11px; left: 5px; width: 1px; background: var(--border); content: ""; }
.events li:last-child::before { display: none; }
.events i { z-index: 1; width: 11px; height: 11px; margin-top: 4px; border: 2px solid var(--surface); border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 1px var(--border-strong); }
.events strong, .events span { display: block; }
.events strong { font-size: 14px; }
.events span { margin-top: 2px; color: var(--muted); font-size: 14px; white-space: pre-wrap; }
.events time { color: var(--muted); font-size: 14px; white-space: nowrap; }

.templates-workspace { max-width: none; margin: 0; }
.statistics-workspace, .job-sources-workspace { max-width: none; margin: 0; }
.page-heading, .template-card { border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.page-heading { display: flex; align-items: center; justify-content: space-between; padding: 20px; }
.page-heading p, .page-heading h1, .page-heading span { margin: 0; }
.page-heading p { color: var(--blue); font-size: 14px; font-weight: 700; text-transform: uppercase; }
.page-heading h1 { margin-top: 3px; font-size: 19px; font-weight: 680; }
.page-heading span { display: block; margin-top: 5px; color: var(--muted); font-size: 14px; }
.page-heading > svg { width: 38px; height: 38px; color: var(--blue); }
.template-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.template-card { padding: 20px; }
.template-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.template-card h2 { margin: 5px 0 0; font-size: 16px; font-weight: 660; }
.template-card p { min-height: 42px; margin: 7px 0 15px; color: var(--muted); font-size: 14px; }
.action-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.action-chips span { border-radius: var(--control-radius); background: var(--subtle); color: var(--muted); padding: 3px 7px; font-size: 14px; }
.template-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 18px; border-top: 1px solid var(--border); padding-top: 14px; }
.template-foot small { color: var(--muted); font-size: 14px; }
.switch { position: relative; width: 38px; height: 22px; border: 1px solid var(--border-strong); border-radius: 12px; background: var(--subtle); cursor: pointer; padding: 3px; }
.switch::after { display: block; width: 14px; height: 14px; border-radius: 50%; background: var(--muted); content: ""; transition: 140ms ease; }
.switch.on { border-color: var(--blue); background: var(--blue-soft); }
.switch.on::after { transform: translateX(16px); background: var(--blue); }

.statistics-tabs { display: inline-flex; gap: 4px; margin-top: 14px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); padding: 4px; }
.statistics-tabs button { display: inline-flex; min-height: 36px; align-items: center; gap: 7px; border: 0; border-radius: var(--control-radius); background: transparent; color: var(--muted); cursor: pointer; padding: 6px 12px; font-size: 14px; font-weight: 650; }
.statistics-tabs button:hover { background: var(--subtle); color: var(--foreground); }
.statistics-tabs button.active { background: var(--blue-soft); color: var(--blue); }
.statistics-tabs .lucide { width: 16px; height: 16px; }
.statistics-panel { margin-top: 10px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.statistics-panel[hidden] { display: none !important; }
.statistics-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.statistics-summary > div { min-width: 0; padding: 16px 20px; }
.statistics-summary > div + div { border-left: 1px solid var(--border); }
.statistics-summary span, .statistics-summary strong { display: block; }
.statistics-summary span { color: var(--muted); font-size: 14px; font-weight: 650; text-transform: uppercase; }
.statistics-summary strong { margin-top: 4px; font-size: 20px; font-weight: 680; }
.statistics-summary + .category-chart { border-top: 1px solid var(--border); }
.category-chart { display: grid; gap: 17px; padding: 20px; }
.category-row { min-width: 0; }
.category-row-link { display: block; border-radius: 10px; color: inherit; text-decoration: none; }
.category-row-link:hover .category-row-head strong { color: var(--blue); }
.category-row-link:hover .category-track { box-shadow: 0 0 0 2px var(--blue-soft); }
.category-row-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 7px; }
.category-row-head strong { overflow: hidden; font-size: 14px; font-weight: 660; text-overflow: ellipsis; white-space: nowrap; }
.category-row-head span { flex: 0 0 auto; color: var(--muted); font-size: 14px; font-weight: 650; }
.category-track { height: 14px; overflow: hidden; border-radius: 99px; background: var(--subtle); }
.category-track i { display: block; min-width: 3px; height: 100%; border-radius: inherit; background: var(--blue); }
.category-track.stacked i { display: flex; background: color-mix(in oklch, var(--muted) 36%, var(--subtle)); }
.category-track.stacked b { display: block; min-width: 0; height: 100%; }
.category-track.stacked .segment-direct { background: var(--blue); }
.category-track.stacked .segment-relevant { background: var(--green); }
.category-track.stacked .segment-other { background: color-mix(in oklch, var(--muted) 36%, var(--subtle)); }

.overview-workspace, .crm-workspace { max-width: none; margin: 0; }
.prototype-badge { display: inline-flex !important; min-height: 28px; align-items: center; margin: 0 !important; border-radius: 99px; background: var(--blue-soft); color: var(--blue) !important; padding: 4px 10px; font-size: 14px !important; font-weight: 700; white-space: nowrap; }
.daily-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.daily-metrics article { min-width: 0; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); padding: 17px 18px; }
.daily-metrics article > span { display: block; color: var(--muted); font-size: 14px; font-weight: 700; text-transform: uppercase; }
.daily-metrics article > strong { display: block; margin-top: 5px; font-size: 27px; font-weight: 700; letter-spacing: -.03em; }
.daily-metrics article > strong small { color: var(--muted); font-size: 15px; font-weight: 600; }
.daily-metrics article > p { margin: 9px 0 0; color: var(--muted); font-size: 14px; }
.quota-track { height: 7px; overflow: hidden; margin-top: 10px; border-radius: 99px; background: var(--subtle); }
.quota-track i { display: block; height: 100%; border-radius: inherit; background: var(--blue); }
.quota-track.violet i { background: var(--violet); }
.metric-split { display: flex; min-height: 24px; align-items: center; gap: 6px; margin-top: 5px; color: var(--muted); font-size: 14px; }
.metric-split b { color: var(--foreground); font-size: 14px; }
.metric-split i { width: 3px; height: 3px; border-radius: 50%; background: var(--border-strong); }

.funnel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 14px; }
.funnel-panel, .setup-panel { overflow: hidden; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.funnel-panel > header, .setup-panel > header, .crm-panel > header { display: flex; min-height: 70px; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--border); padding: 14px 18px; }
.funnel-panel > header > div { display: flex; min-width: 0; align-items: center; gap: 11px; }
.funnel-panel h2, .funnel-panel p, .setup-panel h2, .setup-panel p, .crm-panel h2, .crm-panel p { margin: 0; }
.funnel-panel h2, .setup-panel h2, .crm-panel h2 { font-size: 16px; font-weight: 680; }
.funnel-panel p, .setup-panel p, .crm-panel header p { margin-top: 2px; color: var(--muted); font-size: 14px; }
.funnel-panel header button, .setup-panel footer button { border: 0; background: transparent; color: var(--blue); cursor: pointer; padding: 5px; font-size: 14px; font-weight: 700; }
.funnel-icon { display: grid; width: 38px; height: 38px; flex: 0 0 auto; place-items: center; border-radius: 9px; font-size: 18px; }
.funnel-icon.job { background: var(--blue-soft); color: var(--blue); }
.funnel-icon.service { background: var(--violet-soft); color: var(--violet); }
.pipeline-stages { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 7px; padding: 17px 18px; border-bottom: 1px solid var(--border); }
.pipeline-stages > div { min-width: 0; }
.pipeline-stages span, .pipeline-stages strong { display: block; }
.pipeline-stages span { overflow: hidden; color: var(--muted); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.pipeline-stages strong { margin-top: 2px; font-size: 19px; }
.pipeline-stages > i { width: 16px; height: 1px; background: var(--border-strong); }
.queue-preview { padding: 15px 18px 17px; }
.queue-preview h3 { margin: 0 0 6px; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.queue-preview > div { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; padding: 9px 0; border-top: 1px solid var(--border); }
.queue-preview strong, .queue-preview span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.queue-preview strong { font-size: 14px; }
.queue-preview span { grid-column: 1; color: var(--muted); font-size: 14px; }
.queue-preview b { grid-column: 2; grid-row: 1 / 3; align-self: center; border-radius: var(--control-radius); background: var(--green-soft); color: var(--green); padding: 3px 7px; font-size: 14px; }
.queue-preview b.warning { background: var(--amber-soft); color: var(--amber); }
.funnel-empty { display: grid; min-height: 170px; grid-template-columns: 40px minmax(0, 1fr); align-content: center; align-items: center; gap: 12px; padding: 22px 18px; }
.funnel-empty > span { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 9px; background: var(--subtle); color: var(--muted); font-size: 18px; }
.funnel-empty strong, .funnel-empty p { display: block; margin: 0; }
.funnel-empty strong { font-size: 14px; }
.funnel-empty p { margin-top: 3px; color: var(--muted); font-size: 14px; }

.overview-lower-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .7fr); gap: 14px; margin-top: 14px; }
.setup-panel > header span { flex: 0 0 auto; color: var(--muted); font-size: 14px; }
.setup-panel ul { margin: 0; padding: 0; list-style: none; }
.setup-panel li { display: grid; grid-template-columns: 16px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 11px 18px; border-top: 1px solid var(--border); }
.setup-panel li:first-child { border-top: 0; }
.setup-panel li > i { width: 10px; height: 10px; border: 2px solid var(--border-strong); border-radius: 50%; }
.setup-panel li > i.done { border-color: var(--green); background: var(--green); box-shadow: 0 0 0 3px var(--green-soft); }
.setup-panel li strong, .setup-panel li span { display: block; }
.setup-panel li strong { font-size: 14px; }
.setup-panel li span { color: var(--muted); font-size: 14px; }
.setup-panel li > b { color: var(--muted); font-size: 14px; }
.history-summary { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.history-summary > div { padding: 22px 18px; }
.history-summary > div + div { border-left: 1px solid var(--border); }
.history-summary span, .history-summary strong { display: block; }
.history-summary span { color: var(--muted); font-size: 14px; }
.history-summary strong { margin-top: 4px; font-size: 24px; }
.setup-panel footer { border-top: 1px solid var(--border); padding: 9px 13px; text-align: right; }

.crm-heading { min-height: 118px; }
.heading-quota { flex: 0 0 auto; min-width: 132px; border-left: 1px solid var(--border); padding-left: 22px; text-align: right; }
.heading-quota strong, .heading-quota span { display: block; }
.heading-quota strong { font-size: 23px; }
.heading-quota span { margin-top: 2px; color: var(--muted); font-size: 14px; }
.crm-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 14px; overflow: hidden; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.crm-summary-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.crm-summary-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.crm-summary > div { min-width: 0; padding: 15px 18px; }
.crm-summary > div + div { border-left: 1px solid var(--border); }
.crm-summary span, .crm-summary strong, .crm-summary small { display: block; }
.crm-summary span { color: var(--muted); font-size: 14px; font-weight: 700; text-transform: uppercase; }
.crm-summary strong { margin-top: 3px; font-size: 20px; }
.crm-summary small { margin-top: 2px; color: var(--muted); font-size: 14px; }
.crm-panel { margin-top: 14px; overflow: hidden; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.crm-workspace > .crm-panel:first-child { margin-top: 0; }
.crm-toolbar { display: flex; min-height: 62px; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--border); padding: 11px 14px; }
.crm-toolbar > div:last-child { display: flex; gap: 8px; }
.crm-toolbar input { width: 210px; min-height: 34px; }
.segment-control { display: inline-flex; gap: 3px; border-radius: var(--control-radius); background: var(--subtle); padding: 3px; }
.segment-control button { min-height: 30px; border: 0; border-radius: 5px; background: transparent; color: var(--muted); cursor: pointer; padding: 5px 9px; font-size: 14px; font-weight: 650; white-space: nowrap; }
.segment-control button.active { background: var(--surface); color: var(--blue); box-shadow: 0 1px 3px rgb(15 23 42 / .08); }
.segment-control b { margin-left: 3px; font-size: 14px; }
/* The sources people are found in. Everybody on file so far came from one of
   them, and the rest are drawn faintly: a tab that collects nobody yet should
   look like a plan rather than an empty result. */
/* Only drawn when one of the two windows is shut, and then it says which work
   has stopped rather than which port is closed. */
.browser-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px;
  margin: 0 0 16px; border: 1px solid var(--border-strong); border-left: 3px solid #c0392b;
  border-radius: var(--control-radius); background: var(--surface); padding: 10px 14px; }
.browser-bar span { font-size: 14px; }
.browser-bar small { color: var(--muted); font-size: 13px; }
.browser-bar button { min-height: 30px; border: 1px solid var(--border-strong);
  border-radius: var(--control-radius); background: var(--subtle); color: var(--foreground);
  cursor: pointer; padding: 5px 11px; font-size: 13px; font-weight: 650; }
.browser-bar button:hover { background: var(--border); }
.browser-bar button[disabled] { cursor: default; opacity: .6; }

.source-tabs { display: flex; flex-wrap: wrap; margin: 0 0 18px; max-width: 100%; }
.source-tabs button.quiet { opacity: .45; }
.source-tabs button.quiet.active { opacity: .8; }
.toolbar-button { display: inline-flex; min-height: 34px; align-items: center; border: 1px solid var(--border-strong); border-radius: var(--control-radius); background: var(--surface); color: var(--foreground); cursor: pointer; padding: 6px 10px; font-size: 14px; font-weight: 650; text-decoration: none; white-space: nowrap; }
.toolbar-button:hover { background: var(--subtle); }

.record-table { overflow-x: auto; }
.record-head, .record-table article { display: grid; min-width: 960px; align-items: center; gap: 18px; padding: 11px 16px; }
.applications-table .record-head, .applications-table article { grid-template-columns: minmax(190px, 1.25fr) minmax(150px, .85fr) minmax(180px, 1fr) minmax(130px, .8fr) minmax(145px, .85fr); }
.ml-recovery-table .record-head, .ml-recovery-table article { grid-template-columns: minmax(210px, 1.05fr) minmax(90px, .45fr) minmax(260px, 1.25fr) minmax(220px, 1fr) minmax(120px, .45fr); }
.relevant-route-panel { overflow: hidden; }
.relevant-route-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.relevant-route-grid article { min-width: 0; border-left: 1px solid var(--border); padding: 16px 18px; }
.relevant-route-grid article:first-child { border-left: 0; }
.relevant-route-grid span, .relevant-route-grid strong, .relevant-route-grid small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.relevant-route-grid span { color: var(--muted); font-size: 12px; font-weight: 820; letter-spacing: .035em; text-transform: uppercase; }
.relevant-route-grid strong { margin-top: 6px; font-size: 26px; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -.035em; }
.relevant-route-grid small { margin-top: 7px; color: var(--muted); font-size: 13px; }
.relevant-route-grid .healthy strong { color: var(--green); }
.relevant-route-grid .warning strong { color: var(--amber); }
.relevant-route-grid .critical strong { color: var(--red); }
.relevant-route-table .record-head, .relevant-route-table article { grid-template-columns: minmax(230px, 1.2fr) minmax(170px, .75fr) minmax(180px, .75fr) minmax(270px, 1.2fr) minmax(170px, .7fr); }
.jobs-balance-panel { overflow: hidden; }
.jobs-balance-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.jobs-balance-grid article { min-width: 0; border-left: 1px solid var(--border); padding: 16px 18px; }
.jobs-balance-grid article:first-child { border-left: 0; }
.jobs-balance-grid span, .jobs-balance-grid strong, .jobs-balance-grid small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jobs-balance-grid span { color: var(--muted); font-size: 12px; font-weight: 820; letter-spacing: .035em; text-transform: uppercase; }
.jobs-balance-grid strong { margin-top: 6px; font-size: 26px; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -.035em; }
.jobs-balance-grid small { margin-top: 7px; color: var(--muted); font-size: 13px; }
.jobs-balance-grid .healthy strong { color: var(--green); }
.jobs-balance-grid .warning strong { color: var(--amber); }
.jobs-balance-grid .critical strong { color: var(--red); }
.jobs-balance-grid .quiet strong { color: var(--muted); }
.labeling-table .record-head, .labeling-table article { grid-template-columns: minmax(230px, 1.15fr) minmax(170px, .8fr) minmax(160px, .7fr) minmax(240px, 1.05fr) minmax(250px, 1.1fr); }
.direct-route-panel, .direct-service-panel { overflow: hidden; }
.direct-route-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.direct-route-grid article { min-width: 0; border-left: 1px solid var(--border); padding: 16px 18px; }
.direct-route-grid article:first-child { border-left: 0; }
.direct-route-grid span, .direct-route-grid strong, .direct-route-grid small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.direct-route-grid span { color: var(--muted); font-size: 12px; font-weight: 820; letter-spacing: .035em; text-transform: uppercase; }
.direct-route-grid strong { margin-top: 6px; font-size: 26px; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -.035em; }
.direct-route-grid small { margin-top: 7px; color: var(--muted); font-size: 13px; }
.direct-route-grid .healthy strong { color: var(--green); }
.direct-route-grid .warning strong { color: var(--amber); }
.direct-route-grid .quiet strong { color: var(--muted); }
.direct-service-list { display: grid; border-top: 1px solid var(--border); }
.direct-service-list article { display: grid; grid-template-columns: minmax(220px, 1fr) 80px minmax(180px, .7fr); align-items: center; gap: 16px; border-top: 1px solid var(--border); padding: 12px 16px; }
.direct-service-list article:first-child { border-top: 0; }
.direct-service-list strong, .direct-service-list span { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.direct-service-list strong { font-size: 14px; }
.direct-service-list span { margin-top: 4px; color: var(--muted); font-size: 13px; }
.direct-service-list b { font-size: 19px; font-variant-numeric: tabular-nums; }
.direct-links-table .record-head, .direct-links-table article { grid-template-columns: minmax(210px, 1fr) minmax(150px, .55fr) minmax(260px, 1.25fr) minmax(220px, 1fr) minmax(190px, .65fr); }
.direct-link-row.ats { box-shadow: inset 3px 0 0 var(--green); }
.direct-link-row.platform, .direct-link-row.landing { box-shadow: inset 3px 0 0 var(--amber); }
.direct-link-row.custom, .direct-link-row.missing { box-shadow: inset 3px 0 0 var(--border-strong); }
.direct-link-row.invalid { box-shadow: inset 3px 0 0 var(--red); }
.direct-url { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.invalid-url { display: block; overflow: hidden; color: var(--red); font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.leads-table .record-head, .leads-table article { grid-template-columns: minmax(170px, .9fr) minmax(220px, 1.2fr) minmax(190px, 1fr) minmax(150px, .8fr) minmax(90px, .5fr); }
.record-head { min-height: 39px; background: var(--subtle); color: var(--muted); font-size: 14px; font-weight: 750; text-transform: uppercase; }
.record-table article { min-height: 72px; border-top: 1px solid var(--border); }
.record-table article:first-of-type { border-top: 0; }
.record-table article:hover { background: color-mix(in oklch, var(--subtle) 55%, var(--surface)); }
.record-table article.job-row-relevant { background: color-mix(in oklch, var(--green-soft) 42%, var(--surface)); box-shadow: inset 4px 0 0 var(--green); }
.record-table article.job-row-relevant:hover { background: color-mix(in oklch, var(--green-soft) 58%, var(--surface)); }
.record-table article.job-row-maybe { background: color-mix(in oklch, var(--amber-soft) 48%, var(--surface)); box-shadow: inset 4px 0 0 var(--amber); }
.record-table article.job-row-maybe:hover { background: color-mix(in oklch, var(--amber-soft) 62%, var(--surface)); }
.record-table article.job-row-excluded { opacity: .62; background: color-mix(in oklch, var(--subtle) 65%, var(--surface)); }
.record-table article > div { min-width: 0; }
.record-table article strong, .record-table article span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.record-table article strong { font-size: 14px; font-weight: 650; }
.record-table article span { margin-top: 3px; color: var(--muted); font-size: 14px; }
.record-table article button { margin-top: 4px; border: 0; background: transparent; color: var(--blue); cursor: pointer; padding: 0; font-size: 14px; font-weight: 700; }
.table-link { display: block; margin-top: 4px; color: var(--blue); font-size: 14px; font-weight: 700; text-decoration: none; }
.relevant-penalty-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.record-table article .relevant-penalty-actions button { margin-top: 0; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--muted); cursor: pointer; font-size: 12px; font-weight: 800; padding: 5px 8px; }
.record-table article .relevant-penalty-actions button:hover { border-color: color-mix(in oklch, var(--red) 35%, var(--border)); color: var(--red); }
.list-pager { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid var(--border); background: color-mix(in oklch, var(--subtle) 45%, var(--surface)); padding: 10px 16px; }
.list-pager span { color: var(--muted); font-size: 14px; }
.list-pager strong { color: var(--foreground); }
.route-loading { min-height: calc(100vh - 32px); padding: 34px; }
.route-loading[hidden] { display: none; }
.route-loading > div { display: grid; min-height: 300px; place-content: center; justify-items: center; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); text-align: center; box-shadow: var(--shadow-soft); }
.route-loading-icon { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 12px; background: var(--blue-soft); color: var(--blue); }
.route-loading-icon svg { width: 22px; height: 22px; }
.route-loading p { margin: 18px 0 2px; color: var(--blue); font-size: 14px; font-weight: 800; text-transform: uppercase; }
.route-loading h1 { margin: 0; font-size: 25px; }
.route-loading > div > span:last-of-type { max-width: 460px; margin-top: 7px; color: var(--muted); font-size: 14px; }
.route-loading i { width: 180px; height: 4px; margin-top: 24px; overflow: hidden; border-radius: 999px; background: var(--subtle); }
.route-loading i::after { display: block; width: 45%; height: 100%; border-radius: inherit; background: var(--blue); content: ""; animation: route-loading-slide 1.15s ease-in-out infinite alternate; }
.route-loading.failed i { display: none; }
.route-loading.failed [data-retry-current] { margin-top: 20px; }
@keyframes route-loading-slide { to { transform: translateX(122%); } }
.score { display: inline-grid; min-width: 35px; height: 27px; place-items: center; border-radius: var(--control-radius); font-size: 14px; }
.score.healthy { background: var(--green-soft); color: var(--green); }
.score.warning { background: var(--amber-soft); color: var(--amber); }
.score.quiet { background: var(--subtle); color: var(--muted); }
.status-pill { display: inline-flex; min-height: 24px; align-items: center; border-radius: 99px; padding: 3px 8px; font-size: 14px; font-style: normal; font-weight: 700; white-space: nowrap; }
.status-pill.healthy { background: var(--green-soft); color: var(--green); }
.status-pill.warning { background: var(--amber-soft); color: var(--amber); }
.status-pill.critical { background: var(--red-soft); color: var(--red); }
.status-pill.quiet { background: var(--subtle); color: var(--muted); }
.token-pill { display: inline-flex; margin: 2px 3px 2px 0; border-radius: 999px; padding: 2px 7px; font-size: 12px; font-style: normal; font-weight: 750; white-space: nowrap; }
.token-pill.positive { background: var(--green-soft); color: var(--green); }
.token-pill.negative { background: var(--subtle); color: var(--muted); }

.offer-catalog > header > span { color: var(--muted); font-size: 14px; white-space: nowrap; }
.offer-catalog-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.offer-catalog-grid article { display: flex; min-width: 0; flex-direction: column; padding: 15px; border-left: 1px solid var(--border); }
.offer-catalog-grid article:first-child { border-left: 0; }
.offer-catalog-grid article > span { align-self: flex-start; border-radius: 99px; background: var(--blue-soft); color: var(--blue); padding: 2px 7px; font-size: 14px; font-weight: 700; }
.offer-catalog-grid h3 { margin: 9px 0 0; font-size: 14px; line-height: 1.35; }
.offer-catalog-grid p { flex: 1; margin: 6px 0 13px; color: var(--muted); font-size: 14px; line-height: 1.45; }
.offer-catalog-grid footer { border-top: 1px solid var(--border); padding-top: 9px; }
.offer-catalog-grid footer b, .offer-catalog-grid footer strong { display: block; }
.offer-catalog-grid footer b { color: var(--muted); font-size: 14px; text-transform: uppercase; }
.offer-catalog-grid footer strong { margin-top: 2px; font-size: 14px; }

.city-sources > header > button { flex: 0 0 auto; }
.city-source-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.city-source-grid article { display: grid; min-width: 0; grid-template-columns: 34px minmax(0, 1fr); gap: 10px; padding: 16px; border-left: 1px solid var(--border); }
.city-source-grid article:first-child { border-left: 0; }
.city-source-grid article > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 8px; background: var(--subtle); color: var(--muted); font-size: 16px; }
.city-source-grid strong, .city-source-grid p { display: block; margin: 0; }
.city-source-grid strong { font-size: 14px; }
.city-source-grid p { margin-top: 3px; color: var(--muted); font-size: 14px; line-height: 1.4; }
.city-source-grid article > b { grid-column: 2; color: var(--amber); font-size: 14px; }
.businesses-table .record-head, .businesses-table article { grid-template-columns: 1.2fr .8fr 1fr .8fr .7fr; }
.city-source-grid article > b.connected { color: var(--green); }
.category-pills { display: flex; flex-wrap: wrap; gap: 6px; border-bottom: 1px solid var(--border); padding: 10px 14px; }
.category-pills span { border-radius: 99px; background: var(--subtle); color: var(--muted); padding: 4px 8px; font-size: 14px; font-weight: 650; }
.category-pills b { margin-left: 3px; color: var(--foreground); }
.research-scope > header > span { color: var(--muted); font-size: 14px; white-space: nowrap; }
.research-scope-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.research-scope-grid article { display: grid; min-width: 0; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; padding: 16px; border-left: 1px solid var(--border); }
.research-scope-grid article:first-child { border-left: 0; }
.research-scope-grid article > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: var(--blue-soft); color: var(--blue); font-size: 14px; font-weight: 750; }
.research-scope-grid strong, .research-scope-grid p { display: block; margin: 0; }
.research-scope-grid strong { font-size: 14px; }
.research-scope-grid p { margin-top: 4px; color: var(--muted); font-size: 14px; line-height: 1.45; }
.research-table .record-head, .research-table article { min-width: 1120px; grid-template-columns: minmax(170px, .8fr) minmax(310px, 1.5fr) minmax(130px, .65fr) minmax(260px, 1.25fr) minmax(130px, .65fr); }
.research-table article { align-items: start; }
.research-table article strong, .research-table article span { overflow: visible; line-height: 1.4; text-overflow: clip; white-space: normal; }
.source-funnel-panel, .source-priority-panel, .source-catalog-panel { overflow: hidden; }
.source-funnel-panel > header, .source-priority-panel > header { align-items: center; }
.source-funnel-panel > header > button { flex: 0 0 auto; }
.source-funnel { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.source-funnel article { min-width: 0; border-left: 1px solid var(--border); padding: 17px 18px 18px; }
.source-funnel article:first-child { border-left: 0; }
.source-funnel span, .source-funnel strong, .source-funnel small { display: block; }
.source-funnel span { color: var(--muted); font-size: 13px; font-weight: 750; }
.source-funnel strong { margin-top: 5px; font-size: 26px; font-variant-numeric: tabular-nums; letter-spacing: -.035em; }
.source-funnel small { margin-top: 3px; color: var(--muted); font-size: 13px; }
.source-funnel i, .source-coverage > i { display: block; height: 4px; overflow: hidden; margin-top: 13px; border-radius: 99px; background: var(--subtle); }
.source-funnel i b, .source-coverage > i b { display: block; height: 100%; border-radius: inherit; background: var(--blue); }
.source-funnel article:last-child i b, .source-coverage > i.forms b { background: var(--green); }
.source-priority-panel > header > span, .source-catalog-intro > span { flex: 0 0 auto; color: var(--muted); font-size: 14px; white-space: nowrap; }
.source-priority-list { border-top: 1px solid var(--border); }
.source-priority-list article { display: grid; grid-template-columns: 28px minmax(220px, 1fr) minmax(300px, 1.25fr) auto; align-items: center; gap: 14px; min-height: 70px; border-top: 1px solid var(--border); padding: 12px 16px; }
.source-priority-list article:first-child { border-top: 0; }
.source-priority-list article > b { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; background: var(--foreground); color: var(--surface); font-size: 13px; }
.source-priority-list strong, .source-priority-list span { display: block; }
.source-priority-list strong { font-size: 14px; }
.source-priority-list span { margin-top: 3px; color: var(--muted); font-size: 13px; line-height: 1.4; }
.source-priority-list a { color: var(--blue); font-size: 13px; font-weight: 750; text-decoration: none; white-space: nowrap; }
.source-priority-list a:hover { text-decoration: underline; }
.source-action { display: inline-flex; width: max-content; max-width: 100%; align-items: center; border-radius: var(--control-radius); background: var(--blue-soft); color: var(--blue); padding: 3px 7px; font-size: 12px; font-style: normal; font-weight: 750; }
.source-action.forms, .source-action.plans, .source-action.verify { background: var(--amber-soft); color: var(--amber); }
.source-action.ready { background: var(--green-soft); color: var(--green); }
.source-action.ingest, .source-action.disabled { background: var(--subtle); color: var(--muted); }
.source-catalog-panel > .crm-toolbar { border-bottom: 1px solid var(--border); }
.source-catalog-intro { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 16px; }
.source-catalog-intro h2, .source-catalog-intro p { margin: 0; }
.source-catalog-intro h2 { font-size: 15px; }
.source-catalog-intro p { margin-top: 3px; color: var(--muted); font-size: 13px; }
.source-ops-table { overflow-x: auto; border-top: 1px solid var(--border); }
.source-ops-head, .source-ops-row { display: grid; min-width: 1080px; grid-template-columns: minmax(190px, 1fr) minmax(150px, .72fr) minmax(250px, 1.15fr) minmax(230px, 1.05fr) minmax(170px, .75fr); align-items: center; gap: 16px; padding: 0 16px; }
.source-ops-head { min-height: 36px; background: color-mix(in oklch, var(--subtle) 55%, var(--surface)); color: var(--muted); font-size: 12px; font-weight: 750; }
.source-ops-row { min-height: 94px; border-top: 1px solid var(--border); transition: background 160ms ease; }
.source-ops-row:hover { background: color-mix(in oklch, var(--blue-soft) 24%, var(--surface)); }
.source-ops-row > div { min-width: 0; }
.source-identity a, .source-corpus strong, .source-next strong { display: block; overflow: hidden; color: var(--foreground); font-size: 14px; font-weight: 700; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.source-identity a:hover { color: var(--blue); }
.source-identity span, .source-corpus span, .source-next span, .source-health span, .source-health small { display: block; overflow: hidden; margin-top: 4px; color: var(--muted); font-size: 12px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.source-coverage { display: grid; grid-template-columns: 1fr 68px; align-items: center; gap: 3px 10px; }
.source-coverage > div { display: flex; min-width: 0; align-items: baseline; justify-content: space-between; gap: 8px; }
.source-coverage > div span { color: var(--muted); font-size: 12px; }
.source-coverage > div strong { font-size: 13px; font-variant-numeric: tabular-nums; }
.source-coverage > div strong small { color: var(--muted); font-size: 11px; font-weight: 650; }
.source-coverage > i { width: 68px; margin: 0; }
.source-coverage > small { grid-column: 1 / -1; color: var(--muted); font-size: 12px; }
.source-next { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 8px; }
.source-next .source-action { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.source-next > strong { font-variant-numeric: tabular-nums; text-align: right; }
.source-next > span { grid-column: 1 / -1; }
.source-health .status-pill { margin-bottom: 2px; }
.source-health small { margin-top: 2px; }
.source-region-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--border); }
.source-region-grid article { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 12px; border-left: 1px solid var(--border); padding: 13px 15px; }
.source-region-grid article:first-child { border-left: 0; }
.source-region-grid strong, .source-region-grid span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.source-region-grid strong { font-size: 14px; }
.source-region-grid span { margin-top: 2px; color: var(--muted); font-size: 14px; }
.source-region-grid b { flex: 0 0 auto; border-radius: var(--control-radius); background: var(--blue-soft); color: var(--blue); padding: 4px 7px; font-size: 14px; }
.apply-flow-header { display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 18px; border: 1px solid var(--border); border-radius: var(--panel-radius); background: linear-gradient(135deg, var(--surface), var(--subtle)); padding: 22px; }
.apply-flow-header.warning { border-color: color-mix(in oklch, var(--amber) 42%, var(--border)); background: linear-gradient(135deg, color-mix(in oklch, var(--amber-soft) 55%, var(--surface)), var(--surface)); }
.apply-flow-header.healthy { border-color: color-mix(in oklch, var(--green) 34%, var(--border)); }
.apply-flow-header p, .apply-flow-header h1, .apply-flow-header span { display: block; margin: 0; }
.apply-flow-header p { color: var(--muted); font-size: 14px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.apply-flow-header h1 { margin-top: 7px; font-size: clamp(28px, 4vw, 52px); line-height: .98; letter-spacing: -.06em; }
.apply-flow-header span { max-width: 980px; margin-top: 10px; color: var(--muted); font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.apply-flow-status { display: grid; align-content: center; justify-items: center; border: 1px solid var(--border); border-radius: var(--control-radius); background: var(--surface); text-align: center; }
.apply-flow-status strong { font-size: 34px; line-height: 1; }
.apply-flow-status span { max-width: none; margin-top: 5px; font-size: 14px; }
.apply-next-panel { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 14px; margin-top: 14px; border: 1px solid var(--border); border-radius: var(--panel-radius); background: var(--surface); padding: 16px 18px; }
.apply-next-panel.warning { border-color: color-mix(in oklch, var(--amber) 38%, var(--border)); }
.apply-next-panel span, .apply-next-panel strong { display: block; }
.apply-next-panel span { color: var(--muted); font-size: 14px; font-weight: 750; text-transform: uppercase; }
.apply-next-panel strong { margin-top: 4px; font-size: 16px; line-height: 1.4; }
.apply-next-panel button { min-height: 38px; border: 0; border-radius: var(--control-radius); background: var(--foreground); color: var(--background); cursor: pointer; padding: 8px 13px; font-size: 14px; font-weight: 800; }
.apply-decision-panel { margin-top: 14px; }
.apply-decision-panel.warning { border-color: color-mix(in oklch, var(--amber) 38%, var(--border)); }
.apply-decision-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 1px solid var(--border); }
.apply-decision-grid article { display: grid; min-width: 0; grid-template-columns: 32px minmax(0, 1fr); gap: 11px; border-left: 1px solid var(--border); padding: 16px; }
.apply-decision-grid article:first-child { border-left: 0; }
.apply-decision-grid article.primary { background: color-mix(in oklch, var(--amber-soft) 42%, transparent); }
.apply-decision-grid article > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: var(--foreground); color: var(--background); font-size: 14px; font-weight: 850; }
.apply-decision-grid strong, .apply-decision-grid p { display: block; margin: 0; }
.apply-decision-grid strong { font-size: 15px; }
.apply-decision-grid p { margin-top: 4px; color: var(--muted); font-size: 14px; line-height: 1.45; }
.apply-decision-panel footer { display: flex; flex-wrap: wrap; gap: 10px; padding: 14px 16px; }
.toolbar-button.primary { border-color: var(--foreground); background: var(--foreground); color: var(--background); }
/* Lifted, not repainted. The hover used to wash the fill to pale blue and leave
   the white label on it, so the button went blank under the cursor. */
.toolbar-button.primary:hover { background: color-mix(in oklch, var(--foreground) 86%, var(--background)); border-color: color-mix(in oklch, var(--foreground) 86%, var(--background)); color: var(--background); }
/* A letter written and waiting to be sent. Orange rather than the filled
   black of a finished exchange: it is the one state that needs somebody. */
.toolbar-button.has-draft { border-color: #c2620a; background: #fff4e6; color: #9a4c05; }
.toolbar-button.has-draft:hover { background: #ffe8cc; }
/* Somebody wrote back. Green because it is the outcome the letters are for,
   and it should be findable in a list of five hundred without reading. */
.toolbar-button.has-reply { border-color: #1f7a3d; background: #e9f7ed; color: #14612f; }
.toolbar-button.has-reply:hover { background: #d6f0de; }
.field-override-input { width: min(260px, 100%); min-height: 34px; box-sizing: border-box; border: 1px solid var(--border-strong); border-radius: var(--control-radius); background: var(--surface); color: var(--foreground); padding: 6px 9px; font: inherit; font-size: 14px; }
.field-override-input:focus { border-color: var(--blue); outline: 2px solid color-mix(in oklch, var(--blue) 18%, transparent); }
.top-questions-panel { border-color: color-mix(in oklch, var(--amber) 28%, var(--border)); }
.top-questions-table .record-head, .top-questions-table article { grid-template-columns: minmax(280px, 1.2fr) 150px minmax(260px, 1fr) minmax(260px, .9fr); }
.top-questions-table article span { white-space: normal; }
.top-question-links { display: grid; gap: 3px; }
.top-question-links .table-link { margin: 0; }
.top-question-links button { justify-self: start; margin: 0 0 6px; }
.top-question-answer { display: flex; align-items: center; gap: 8px; }
.top-question-answer .field-override-input { flex: 1 1 auto; width: auto; min-width: 0; }
.apply-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(320px, .7fr); gap: 14px; }
.apply-grid.secondary { align-items: start; }
.apply-control-panel > header > span, .apply-control-panel > header > em { flex: 0 0 auto; }
.apply-flow article { min-height: 116px; }
.cdp-detail-panel { margin-top: 14px; }
.cdp-detail-panel.auth-gate { border-color: color-mix(in oklch, var(--amber) 38%, var(--border)); }
.cdp-diagnosis { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(130px, .55fr)); border-bottom: 1px solid var(--border); }
.cdp-diagnosis article { min-width: 0; padding: 14px 16px; border-left: 1px solid var(--border); }
.cdp-diagnosis article:first-child { border-left: 0; }
.cdp-diagnosis span, .cdp-diagnosis strong, .cdp-diagnosis small { display: block; }
.cdp-diagnosis span { color: var(--muted); font-size: 14px; font-weight: 700; text-transform: uppercase; }
.cdp-diagnosis strong { margin-top: 3px; font-size: 18px; }
.cdp-diagnosis small { margin-top: 2px; color: var(--muted); font-size: 14px; }
.cdp-columns { display: grid; grid-template-columns: minmax(240px, .85fr) repeat(2, minmax(260px, 1fr)); }
.cdp-columns section { min-width: 0; padding: 15px 16px; border-left: 1px solid var(--border); }
.cdp-columns section:first-child { border-left: 0; }
.cdp-columns h3 { margin: 0 0 10px; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.cdp-trace { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.cdp-trace li { border-radius: var(--control-radius); background: var(--subtle); padding: 7px 9px; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 14px; overflow-wrap: anywhere; }
.field-snapshot-list { display: grid; gap: 8px; }
.field-snapshot-list article { min-width: 0; border: 1px solid var(--border); border-radius: var(--control-radius); background: var(--surface); padding: 9px 10px; }
.field-snapshot-list strong, .field-snapshot-list span, .field-snapshot-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.field-snapshot-list strong { font-size: 14px; }
.field-snapshot-list span { margin-top: 2px; color: var(--muted); font-size: 14px; }
.field-snapshot-list small { margin-top: 3px; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 14px; }
.apply-runs-table .record-head, .apply-runs-table article { min-width: 1050px; grid-template-columns: minmax(210px, 1.1fr) minmax(190px, .9fr) minmax(180px, .85fr) minmax(150px, .75fr) minmax(260px, 1.25fr); }
.apply-runs-table article { align-items: start; }
.apply-runs-clickable article { cursor: pointer; }
.apply-runs-clickable article:hover { background: var(--subtle); }
.apply-runs-clickable article:focus-visible { outline: 2px solid var(--blue); outline-offset: -2px; }
.apply-run-detail { margin-bottom: 14px; }
.apply-run-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--border); }
.apply-run-summary article { min-width: 0; border-left: 1px solid var(--border); padding: 14px 16px; }
.apply-run-summary article:first-child { border-left: 0; }
.apply-run-summary span, .apply-run-summary strong { display: block; }
.apply-run-summary span { color: var(--muted); font-size: 14px; font-weight: 750; text-transform: uppercase; }
.apply-run-summary strong { margin-top: 4px; font-size: 15px; overflow-wrap: anywhere; }
.breakthrough-board { overflow: hidden; }
.breakthrough-service-panel { overflow: hidden; }
.breakthrough-service-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.breakthrough-service-flow article { min-width: 0; border-left: 1px solid var(--border); padding: 16px 18px 17px; }
.breakthrough-service-flow article:first-child { border-left: 0; }
.breakthrough-service-flow span, .breakthrough-service-flow strong, .breakthrough-service-flow small { display: block; }
.breakthrough-service-flow span { color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.breakthrough-service-flow strong { margin-top: 6px; font-size: 26px; font-variant-numeric: tabular-nums; letter-spacing: -.035em; line-height: 1; }
.breakthrough-service-flow small { margin-top: 6px; color: var(--muted); font-size: 13px; }
.breakthrough-service-legend { display: flex; justify-content: flex-end; gap: 14px; border-top: 1px solid var(--border); padding: 9px 16px; color: var(--muted); font-size: 12px; font-weight: 700; }
.breakthrough-service-legend span { display: inline-flex; align-items: center; gap: 6px; }
.breakthrough-service-legend span::before { width: 8px; height: 8px; border-radius: 2px; background: var(--subtle); content: ""; }
.breakthrough-service-legend .verified::before, .breakthrough-service-coverage b.verified { background: var(--green); }
.breakthrough-service-legend .planned::before, .breakthrough-service-coverage b.planned { background: var(--blue); }
.breakthrough-service-legend .captured::before, .breakthrough-service-coverage b.captured { background: var(--amber); }
.breakthrough-service-list { border-top: 1px solid var(--border); }
.breakthrough-service-head, .breakthrough-service-row { display: grid; grid-template-columns: minmax(190px, .8fr) minmax(260px, 1.15fr) 64px 64px 72px minmax(260px, 1.15fr); align-items: center; gap: 16px; }
.breakthrough-service-head { min-height: 39px; background: var(--subtle); color: var(--muted); padding: 8px 16px; font-size: 12px; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }
.breakthrough-service-row { width: 100%; min-height: 76px; border: 0; border-top: 1px solid var(--border); background: var(--surface); color: var(--foreground); cursor: pointer; padding: 12px 16px; text-align: left; transition: background 150ms ease, box-shadow 150ms ease; }
.breakthrough-service-row:first-of-type { border-top: 0; }
.breakthrough-service-row:hover { background: color-mix(in oklch, var(--blue-soft) 42%, var(--surface)); }
.breakthrough-service-row:active { transform: translateY(1px); }
.breakthrough-service-row:focus-visible { position: relative; z-index: 1; outline: 2px solid var(--blue); outline-offset: -2px; }
.breakthrough-service-row.active { background: var(--blue-soft); box-shadow: inset 3px 0 0 var(--blue); }
.breakthrough-service-row > strong { font-size: 15px; font-variant-numeric: tabular-nums; }
.breakthrough-service-name strong, .breakthrough-service-name small, .breakthrough-service-coverage small, .breakthrough-service-next strong, .breakthrough-service-next small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.breakthrough-service-name strong { font-size: 15px; }
.breakthrough-service-name small, .breakthrough-service-coverage small, .breakthrough-service-next small { margin-top: 4px; color: var(--muted); font-size: 12px; }
.breakthrough-service-coverage i { display: flex; width: 100%; height: 9px; overflow: hidden; border-radius: 3px; background: var(--subtle); }
.breakthrough-service-coverage b { display: block; height: 100%; }
.breakthrough-service-next { min-width: 0; }
.breakthrough-service-next em { display: inline-block; margin-bottom: 4px; color: var(--blue); font-size: 11px; font-style: normal; font-weight: 850; letter-spacing: .045em; text-transform: uppercase; }
.breakthrough-service-next strong { font-size: 14px; }
.breakthrough-stage-strip { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.breakthrough-stage-strip article { min-width: 0; padding: 12px 14px; border-left: 1px solid var(--border); }
.breakthrough-stage-strip article:first-child { border-left: 0; }
.breakthrough-stage-strip strong, .breakthrough-stage-strip span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.breakthrough-stage-strip strong { color: var(--muted); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.breakthrough-stage-strip span { margin-top: 3px; font-size: 20px; font-weight: 850; }
.job-funnel-panel { overflow: hidden; }
.job-funnel-strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.job-funnel-strip article { position: relative; min-width: 0; border-left: 1px solid var(--border); padding: 14px; }
.job-funnel-strip article:first-child { border-left: 0; }
.job-funnel-strip article > span, .job-funnel-strip small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.job-funnel-strip article > span { color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.job-funnel-strip strong { display: block; margin-top: 5px; font-size: 21px; }
.job-funnel-strip small { margin-top: 3px; color: var(--muted); font-size: 13px; }
.job-funnel-strip i { display: block; height: 3px; margin-top: 10px; border-radius: 999px; background: var(--blue); }
.job-funnel-strip b { position: absolute; top: 16px; right: -8px; z-index: 1; color: var(--muted); }
.job-funnel-alert { display: flex; align-items: center; justify-content: space-between; gap: 14px; border-top: 1px solid var(--border); background: color-mix(in oklch, var(--amber-soft) 35%, transparent); padding: 12px 16px; }
.job-funnel-alert strong { white-space: nowrap; }
.job-funnel-alert span { color: var(--muted); font-size: 14px; }
.apply-stage-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.apply-stage-grid article { min-width: 0; border-left: 1px solid var(--border); padding: 12px 14px; }
.apply-stage-grid article:first-child { border-left: 0; }
.apply-stage-grid span, .apply-stage-grid strong, .apply-stage-grid small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.apply-stage-grid span { color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.apply-stage-grid strong { margin-top: 4px; font-size: 20px; }
.apply-stage-grid small { margin-top: 2px; color: var(--muted); font-size: 13px; }
.job-funnel-source-table .record-head, .job-funnel-source-table article { grid-template-columns: minmax(180px, 1fr) 90px 90px 130px 90px 120px 90px 90px; }
.job-funnel-source-table i { display: block; height: 3px; border-radius: 999px; background: var(--blue); }
.apply-journal-panel { overflow: hidden; }
.apply-state-strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.apply-state-strip article { min-width: 0; border-left: 1px solid var(--border); padding: 15px 16px; }
.apply-state-strip article:first-child { border-left: 0; }
.apply-state-strip span, .apply-state-strip strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.apply-state-strip span { color: var(--muted); font-size: 12px; font-weight: 820; letter-spacing: .035em; text-transform: uppercase; }
.apply-state-strip strong { margin-top: 5px; font-size: 24px; line-height: 1; letter-spacing: -.03em; }
.apply-state-strip .queued strong { color: var(--muted); }
.apply-state-strip .running strong, .apply-state-strip .review strong { color: var(--blue); }
.apply-state-strip .attention strong { color: var(--amber); }
.apply-state-strip .submitted strong { color: var(--green); }
.apply-stage-strip { display: flex; flex-wrap: wrap; gap: 7px; border-top: 1px solid var(--border); background: var(--subtle); padding: 10px 12px; }
.apply-stage-strip span { display: inline-flex; max-width: 260px; align-items: center; gap: 8px; border: 1px solid var(--border); border-radius: 7px; background: var(--surface); padding: 6px 8px; }
.apply-stage-strip strong { min-width: 0; overflow: hidden; color: var(--muted); font-size: 12px; font-weight: 780; text-overflow: ellipsis; white-space: nowrap; }
.apply-stage-strip b { color: var(--foreground); font-size: 13px; font-weight: 840; font-variant-numeric: tabular-nums; }
.recipe-runs-table .record-head, .recipe-runs-table article { grid-template-columns: minmax(230px, 1.1fr) minmax(120px, .55fr) minmax(150px, .65fr) minmax(120px, .55fr) minmax(210px, .9fr); }
.recipe-runs-table article.selected-row { background: var(--blue-soft); }
.recipe-ops-panel, .recipe-explainer-panel, .selected-recipe-panel { overflow: hidden; }
.recipe-ops-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.recipe-ops-grid article { min-width: 0; border-left: 1px solid var(--border); padding: 16px 18px; }
.recipe-ops-grid article:first-child { border-left: 0; }
.recipe-ops-grid span, .recipe-ops-grid strong, .recipe-ops-grid small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recipe-ops-grid span { color: var(--muted); font-size: 12px; font-weight: 820; letter-spacing: .035em; text-transform: uppercase; }
.recipe-ops-grid strong { margin-top: 6px; font-size: 26px; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -.035em; }
.recipe-ops-grid small { margin-top: 7px; color: var(--muted); font-size: 13px; }
.recipe-ops-grid .healthy strong { color: var(--green); }
.recipe-ops-grid .warning strong { color: var(--amber); }
.recipe-ops-grid .quiet strong { color: var(--muted); }
.recipe-explainer-grid, .selected-recipe-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.recipe-explainer-grid article, .selected-recipe-grid article { min-width: 0; border-left: 1px solid var(--border); padding: 14px 16px; }
.recipe-explainer-grid article:first-child, .selected-recipe-grid article:first-child { border-left: 0; }
.recipe-explainer-grid span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 999px; background: var(--blue-soft); color: var(--blue); font-size: 13px; font-weight: 850; }
.recipe-explainer-grid strong, .recipe-explainer-grid p, .selected-recipe-grid span, .selected-recipe-grid strong, .selected-recipe-grid small { display: block; min-width: 0; margin: 0; }
.recipe-explainer-grid strong { margin-top: 9px; font-size: 15px; }
.recipe-explainer-grid p { margin-top: 5px; color: var(--muted); font-size: 14px; line-height: 1.4; }
.selected-recipe-grid span { color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.selected-recipe-grid strong { margin-top: 5px; overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.selected-recipe-grid small { margin-top: 3px; color: var(--muted); font-size: 13px; }
.breakthrough-table .record-head, .breakthrough-table article { grid-template-columns: minmax(260px, 1.2fr) 150px 80px minmax(190px, .8fr) minmax(260px, 1fr); }
.breakthrough-table article { cursor: pointer; }
.breakthrough-table article:hover { background: var(--blue-soft); }
.parser-pipeline-table .record-head,
.parser-pipeline-table article { grid-template-columns: minmax(230px, 1fr) 150px 170px minmax(330px, 1.25fr) minmax(210px, .9fr); }
.parser-adapter-table .record-head,
.parser-adapter-table article { grid-template-columns: minmax(220px, 1fr) minmax(180px, .8fr) 120px 150px 130px; }
.parser-badges { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.parser-badge { display: inline-flex; align-items: center; gap: 5px; border-radius: 999px; border: 1px solid var(--border); background: var(--subtle); color: var(--muted); padding: 5px 8px; font-size: 12px; font-weight: 800; line-height: 1; }
.parser-badge.on { border-color: rgba(37, 99, 235, .24); background: var(--blue-soft); color: var(--blue); }
.parser-badge.off { opacity: .62; }
.parser-badge b { font: inherit; }
.parser-badge small { color: inherit; font-size: 11px; font-weight: 750; opacity: .78; }
.pipeline-panel { overflow: hidden; }
.pipeline-next-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.pipeline-next-grid article { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; min-width: 0; border-left: 1px solid var(--border); padding: 16px; }
.pipeline-next-grid article:first-child { border-left: 0; }
.pipeline-next-grid > article > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 999px; background: var(--blue-soft); color: var(--blue); font-size: 14px; font-weight: 900; }
.pipeline-next-grid strong, .pipeline-next-grid small, .pipeline-next-grid li { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pipeline-next-grid strong { margin-top: 8px; font-size: 16px; }
.pipeline-next-grid small { margin-top: 4px; color: var(--muted); font-size: 13px; }
.pipeline-next-grid ul { grid-column: 2; display: grid; gap: 6px; margin: 12px 0 0; padding: 0; list-style: none; }
.pipeline-next-grid li { border-radius: 10px; background: var(--subtle); padding: 7px 9px; font-size: 13px; font-weight: 750; }
.pipeline-next-grid li small { display: inline; margin-left: 5px; font-size: 12px; font-weight: 700; }
.pipeline-mini-kpis { display: flex; flex-wrap: wrap; gap: 8px; border-top: 1px solid var(--border); padding: 12px 16px; }
.pipeline-mini-kpis span { border-radius: 999px; background: var(--subtle); color: var(--muted); padding: 6px 10px; font-size: 13px; font-weight: 750; }
.pipeline-mini-kpis b { color: var(--foreground); }
.pipeline-coverage-flow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.pipeline-coverage-flow article { position: relative; min-width: 0; border-left: 1px solid var(--border); padding: 15px 16px; }
.pipeline-coverage-flow article:first-child { border-left: 0; }
.pipeline-coverage-flow article > header { display: flex; min-height: 0; align-items: center; justify-content: flex-start; gap: 8px; border: 0; padding: 0; }
.pipeline-coverage-flow article > header span { display: grid; width: 22px; height: 22px; flex: 0 0 auto; place-items: center; border-radius: 999px; background: var(--blue-soft); color: var(--blue); font-size: 12px; font-weight: 850; }
.pipeline-coverage-flow article > header strong { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.pipeline-coverage-flow article > div { display: flex; align-items: baseline; gap: 6px; margin-top: 13px; }
.pipeline-coverage-flow article > div b { font-size: 26px; line-height: 1; letter-spacing: -.03em; }
.pipeline-coverage-flow article > div small { color: var(--muted); font-size: 13px; }
.pipeline-coverage-flow article > i { display: block; height: 7px; overflow: hidden; margin-top: 11px; border-radius: 999px; background: var(--subtle); }
.pipeline-coverage-flow article > i b { display: block; min-width: 2px; height: 100%; border-radius: inherit; background: var(--blue); }
.pipeline-coverage-flow article > footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; color: var(--muted); font-size: 12px; }
.pipeline-coverage-flow article > footer span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pipeline-coverage-flow article > footer strong { color: var(--foreground); }
.pipeline-filter-toolbar { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 14px; border-top: 1px solid var(--border); padding: 9px 14px; }
.pipeline-filter-toolbar > span { flex: 0 0 auto; color: var(--muted); font-size: 13px; font-weight: 700; }
.pipeline-filters { display: flex; align-items: center; gap: 5px; overflow-x: auto; }
.pipeline-filters button { display: inline-flex; min-height: 36px; align-items: center; gap: 8px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); cursor: pointer; padding: 6px 10px; font-size: 14px; font-weight: 680; white-space: nowrap; }
.pipeline-filters button:hover { background: var(--subtle); color: var(--foreground); }
.pipeline-filters button.active { background: var(--blue-soft); color: var(--blue); }
.pipeline-filters button strong { display: grid; min-width: 24px; min-height: 22px; place-items: center; border: 1px solid color-mix(in oklch, currentColor 18%, transparent); border-radius: 6px; padding: 1px 5px; font-size: 12px; }
.pipeline-gap-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.pipeline-gap-grid article { min-width: 0; border-left: 1px solid var(--border); padding: 14px 16px; }
.pipeline-gap-grid article:nth-child(3n + 1) { border-left: 0; }
.pipeline-gap-grid article:nth-child(n + 4) { border-top: 1px solid var(--border); }
.pipeline-gap-grid strong, .pipeline-gap-grid span, .pipeline-gap-grid small, .pipeline-gap-grid b { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pipeline-gap-grid strong { margin-top: 8px; font-size: 16px; }
.pipeline-gap-grid span { margin-top: 4px; color: var(--muted); font-size: 14px; }
.pipeline-gap-grid ul { display: grid; gap: 7px; margin: 12px 0 0; padding: 0; list-style: none; }
.pipeline-gap-grid li { border-radius: var(--control-radius); background: var(--subtle); padding: 8px 10px; }
.pipeline-gap-grid b { font-size: 13px; }
.pipeline-gap-grid small { margin-top: 2px; color: var(--muted); font-size: 12px; }
.pipeline-site-list { display: grid; gap: 12px; border-top: 1px solid var(--border); padding: 14px; background: color-mix(in oklch, var(--subtle) 45%, transparent); }
.pipeline-site-card { border: 1px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow-soft); overflow: hidden; }
.pipeline-site-card header { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: start; gap: 10px; padding: 14px 16px 10px; }
.pipeline-site-card header strong, .pipeline-site-card header span { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pipeline-site-card header strong { font-size: 16px; }
.pipeline-site-card header span { margin-top: 3px; color: var(--muted); font-size: 13px; }
.pipeline-site-link { border: 1px solid var(--border); border-radius: 999px; color: var(--accent); font-size: 13px; font-weight: 800; line-height: 1; padding: 7px 10px; text-decoration: none; white-space: nowrap; }
.pipeline-site-link:hover { background: var(--subtle); }
.pipeline-site-metrics { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 16px 12px; }
.pipeline-site-metrics span { border-radius: 999px; background: var(--subtle); color: var(--muted); padding: 5px 9px; font-size: 13px; font-weight: 750; }
.pipeline-site-metrics b { color: var(--foreground); }
.pipeline-stepper { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.pipeline-stepper div { position: relative; min-width: 0; min-height: 82px; border-left: 1px solid var(--border); padding: 12px 12px 10px; background: var(--subtle); }
.pipeline-stepper div:first-child { border-left: 0; }
.pipeline-stepper div.done { background: var(--blue-soft); }
.pipeline-stepper div.missing { background: var(--amber-soft); }
.pipeline-stepper i { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 999px; border: 2px solid var(--muted); background: var(--surface); }
.pipeline-stepper div.done i { border-color: var(--blue); background: var(--blue); }
.pipeline-stepper div.done i::after { content: ""; width: 6px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg) translate(-1px, -1px); }
.pipeline-stepper div.missing i { border-color: var(--amber); background: var(--surface); }
.pipeline-stepper strong, .pipeline-stepper span { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pipeline-stepper strong { margin-top: 8px; font-size: 13px; }
.pipeline-stepper span { margin-top: 3px; color: var(--muted); font-size: 12px; }
.pipeline-site-card footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 16px; }
.pipeline-site-card footer strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.breakthrough-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.breakthrough-summary article { min-width: 0; padding: 14px 16px; border-left: 1px solid var(--border); }
.breakthrough-summary article:first-child { border-left: 0; }
.breakthrough-summary span, .breakthrough-summary strong, .breakthrough-summary small { display: block; overflow-wrap: anywhere; }
.breakthrough-summary span { color: var(--muted); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.breakthrough-summary strong { margin-top: 5px; font-size: 15px; }
.breakthrough-summary small { margin-top: 3px; color: var(--muted); font-size: 14px; }
.breakthrough-url-grid { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 10px 14px; border-top: 1px solid var(--border); padding: 14px 16px; }
.breakthrough-url-grid > span { color: var(--muted); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.breakthrough-next { margin-top: 14px; overflow: hidden; }
.breakthrough-next-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.breakthrough-next-grid article { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; min-height: 126px; padding: 14px; border-left: 1px solid var(--border); }
.breakthrough-next-grid article:first-child { border-left: 0; }
.breakthrough-next-grid span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 999px; background: var(--subtle); color: var(--muted); font-size: 13px; font-weight: 850; }
.breakthrough-next-grid strong, .breakthrough-next-grid p { display: block; margin: 0; }
.breakthrough-next-grid strong { font-size: 14px; }
.breakthrough-next-grid p { margin-top: 4px; color: var(--muted); font-size: 14px; line-height: 1.38; }
.breakthrough-next footer { display: flex; justify-content: flex-end; gap: 8px; border-top: 1px solid var(--border); padding: 12px 16px; }
.breakthrough-reasons { display: flex; flex-wrap: wrap; gap: 7px; border-top: 1px solid var(--border); padding: 14px 16px; }
.breakthrough-reasons span { border-radius: 999px; background: var(--subtle); color: var(--muted); padding: 5px 9px; font-size: 14px; font-weight: 750; }
.breakthrough-description { margin: 0; border-top: 1px solid var(--border); padding: 16px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.apply-run-url { display: grid; grid-template-columns: 70px minmax(0, 1fr); gap: 12px; padding: 14px 16px; }
.apply-run-url > span { color: var(--muted); font-size: 14px; font-weight: 750; text-transform: uppercase; }
.adapter-list { display: grid; }
.adapter-list article { display: grid; grid-template-columns: minmax(0, 1fr) auto 34px 70px; align-items: center; gap: 10px; min-height: 70px; border-top: 1px solid var(--border); padding: 12px 16px; }
.adapter-list article:first-child { border-top: 0; }
.adapter-list strong, .adapter-list span, .adapter-list small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.adapter-list strong { font-size: 14px; }
.adapter-list span, .adapter-list small { color: var(--muted); font-size: 14px; }
.adapter-list b { display: grid; width: 30px; height: 26px; place-items: center; border-radius: var(--control-radius); background: var(--subtle); color: var(--muted); font-size: 14px; }
.recipe-check-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.recipe-check-grid article { display: flex; gap: 10px; min-height: 62px; padding: 12px 14px; border-left: 1px solid var(--border); }
.recipe-check-grid article:nth-child(3n + 1) { border-left: 0; }
.recipe-check-grid article:nth-child(n + 4) { border-top: 1px solid var(--border); }
.recipe-check-grid span { display: grid; flex: 0 0 24px; width: 24px; height: 24px; place-items: center; border-radius: 999px; background: var(--subtle); color: var(--muted); font-size: 13px; }
.recipe-check-grid article.passed span { background: rgba(34, 197, 94, 0.12); color: var(--green); }
.recipe-check-grid article.failed span { background: rgba(239, 68, 68, 0.12); color: var(--red); }
.recipe-check-grid strong, .recipe-check-grid p { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recipe-check-grid strong { font-size: 14px; }
.recipe-check-grid p { margin: 2px 0 0; color: var(--muted); font-size: 14px; }
.recipe-state-list { border-top: 1px solid var(--border); padding: 12px 16px; }
.recipe-state-list summary { cursor: pointer; color: var(--muted); font-size: 14px; }
.recipe-state-list ol { display: grid; gap: 10px; margin: 12px 0 0; padding-left: 20px; }
.recipe-state-list li strong, .recipe-state-list li span { margin-right: 8px; font-size: 14px; }
.recipe-state-list li span { color: var(--muted); }
.recipe-state-list li p { margin: 3px 0 0; color: var(--muted); font-size: 14px; }
.compiler-catalog-layout { display: grid; grid-template-columns: minmax(280px, .36fr) minmax(0, .64fr); gap: 14px; align-items: start; }
.compiler-detail { display: grid; gap: 14px; min-width: 0; }
.compiler-recipe-list { overflow: hidden; }
.compiler-recipe-list > div { display: grid; }
.compiler-recipe-list button { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; width: 100%; border: 0; border-top: 1px solid var(--border); background: var(--surface); color: var(--foreground); cursor: pointer; padding: 14px 16px; text-align: left; }
.compiler-recipe-list button:first-child { border-top: 0; }
.compiler-recipe-list button:hover, .compiler-recipe-list button.selected { background: var(--blue-soft); }
.compiler-recipe-list button > span { min-width: 0; }
.compiler-recipe-list strong, .compiler-recipe-list small, .compiler-recipe-list b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.compiler-recipe-list strong { font-size: 14px; }
.compiler-recipe-list small { margin-top: 3px; color: var(--muted); font-size: 14px; }
.compiler-recipe-list b { grid-column: 1 / -1; color: var(--muted); font-size: 14px; font-weight: 750; }
.form-compiler-demo { overflow: hidden; }
.form-demo-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.form-demo-tabs button { min-width: 0; border: 0; border-left: 1px solid var(--border); background: var(--surface); color: var(--foreground); cursor: pointer; padding: 13px 16px; text-align: left; }
.form-demo-tabs button:first-child { border-left: 0; }
.form-demo-tabs button:hover, .form-demo-tabs button.active { background: var(--blue-soft); }
.form-demo-tabs strong, .form-demo-tabs span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.form-demo-tabs strong { font-size: 14px; }
.form-demo-tabs span { margin-top: 3px; color: var(--muted); font-size: 14px; }
.form-demo-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.form-demo-summary article { min-width: 0; padding: 14px 16px; border-left: 1px solid var(--border); }
.form-demo-summary article:first-child { border-left: 0; }
.form-demo-summary span, .form-demo-summary strong, .form-demo-summary small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.form-demo-summary span { color: var(--muted); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.form-demo-summary strong { margin-top: 4px; font-size: 20px; }
.form-demo-summary small { margin-top: 2px; color: var(--muted); font-size: 14px; }
.fill-invariant-list { display: flex; flex-wrap: wrap; gap: 7px; border-top: 1px solid var(--border); padding: 12px 16px; }
.fill-invariant-list span { border-radius: 999px; background: var(--subtle); color: var(--muted); padding: 5px 9px; font-size: 13px; font-weight: 750; }
.fill-review-panel { overflow: hidden; }
.fill-review-panel.ready, .draft-fill-report-panel.ready { box-shadow: inset 4px 0 var(--green); }
.fill-review-panel.blocked, .draft-fill-report-panel.blocked { box-shadow: inset 4px 0 var(--amber); }
.fill-review-gates, .fill-review-execution { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.fill-review-gates article, .fill-review-execution article { display: flex; min-width: 0; gap: 10px; align-items: center; border-left: 1px solid var(--border); padding: 14px 16px; }
.fill-review-gates article:first-child, .fill-review-execution article:first-child { border-left: 0; }
.fill-review-gates article span { display: grid; width: 24px; height: 24px; flex: 0 0 auto; place-items: center; border-radius: 999px; background: var(--subtle); color: var(--muted); font-weight: 900; }
.fill-review-gates article.passed span { background: var(--green-soft); color: var(--green); }
.fill-review-gates article.failed span { background: var(--amber-soft); color: var(--amber); }
.fill-review-gates strong, .fill-review-gates small, .fill-review-execution span, .fill-review-execution strong, .fill-review-execution small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fill-review-gates strong { font-size: 14px; }
.fill-review-gates small, .fill-review-execution span, .fill-review-execution small { color: var(--muted); font-size: 13px; font-weight: 750; }
.fill-review-execution strong { margin-top: 3px; font-size: 18px; }
.fill-review-table .record-head, .fill-review-table article { grid-template-columns: 150px minmax(230px, 1fr) minmax(250px, 1fr) minmax(210px, .9fr) minmax(300px, 1.2fr); }
.fill-review-table article span { white-space: normal; }
.draft-fill-report-panel { overflow: hidden; }
.draft-proof-table .record-head, .draft-proof-table article { grid-template-columns: 150px minmax(220px, 1fr) minmax(240px, 1fr) minmax(210px, .9fr) minmax(280px, 1.1fr); }
.draft-proof-table article span { white-space: normal; }
.draft-runs-history { border-top: 1px solid var(--border); }
.draft-runs-history > header { display: flex; justify-content: space-between; gap: 12px; padding: 13px 16px; color: var(--muted); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.draft-runs-table .record-head, .draft-runs-table article { grid-template-columns: minmax(260px, 1.1fr) 160px 120px minmax(320px, 1.3fr) 110px; }
.draft-runs-table article span { white-space: normal; }
.compiler-details { border-top: 1px solid var(--border); }
.compiler-details summary { cursor: pointer; padding: 13px 16px; color: var(--muted); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.compiler-details[open] summary { border-bottom: 1px solid var(--border); color: var(--foreground); }
.apply-status-panel { overflow: hidden; }
.apply-status-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.apply-status-strip article { min-width: 0; border-left: 1px solid var(--border); padding: 16px; }
.apply-status-strip article:first-child { border-left: 0; }
.apply-status-strip span, .apply-status-strip strong, .apply-status-strip small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.apply-status-strip span { color: var(--muted); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.apply-status-strip strong { margin-top: 5px; font-size: 22px; }
.apply-status-strip small { margin-top: 3px; color: var(--muted); font-size: 13px; }
.apply-status-strip article.ready { box-shadow: inset 0 3px var(--green); }
.apply-status-strip article.blocked { box-shadow: inset 0 3px var(--amber); }
.apply-status-strip article.waiting { box-shadow: inset 0 3px var(--border-strong); }
.form-mapping-table .record-head, .form-mapping-table article { grid-template-columns: minmax(230px, 1fr) minmax(190px, .9fr) minmax(210px, .9fr) 150px minmax(300px, 1.2fr); }
.form-mapping-table article span { white-space: normal; }
.form-corpus-panel { overflow: hidden; }
.form-corpus-table .record-head, .form-corpus-table article { grid-template-columns: minmax(260px, 1.2fr) 140px 170px minmax(170px, .8fr) minmax(260px, 1fr); }
.form-corpus-table article span { white-space: normal; }
.profile-runtime-card, .profile-check-panel { overflow: hidden; margin-bottom: 14px; }
.profile-runtime-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.profile-runtime-grid article { min-width: 0; border-left: 1px solid var(--border); border-top: 1px solid var(--border); padding: 14px 16px; }
.profile-runtime-grid article:nth-child(3n + 1) { border-left: 0; }
.profile-runtime-grid article:nth-child(-n + 3) { border-top: 0; }
.profile-runtime-grid article.wide { grid-column: 1 / -1; border-left: 0; }
.profile-runtime-grid span, .profile-runtime-grid strong, .profile-runtime-grid small { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.profile-runtime-grid span { color: var(--muted); font-size: 12px; font-weight: 850; text-transform: uppercase; }
.profile-runtime-grid strong { margin-top: 5px; font-size: 16px; }
.profile-runtime-grid small { margin-top: 3px; color: var(--muted); font-size: 13px; }
.profile-runtime-grid article.passed strong { color: var(--green); }
.training-progress { height: 8px; overflow: hidden; border-top: 1px solid var(--border); background: var(--subtle); }
.training-progress i { display: block; height: 100%; border-radius: 999px; background: var(--blue); }
.training-workbench { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 14px; padding: 14px; }
.training-focus-card { display: grid; gap: 18px; border: 1px solid var(--border); border-radius: 20px; background: linear-gradient(180deg, var(--surface), var(--subtle)); padding: 22px; }
.training-focus-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.training-focus-head span, .training-focus-head p { color: var(--muted); font-size: 14px; font-weight: 700; }
.training-focus-head h2 { margin: 5px 0; font-size: clamp(24px, 3vw, 36px); line-height: 1.08; }
.training-focus-head p { margin: 0; }
.training-focus-meta { display: flex; flex-wrap: wrap; gap: 8px; }
.training-focus-meta span, .training-focus-meta a { border-radius: 999px; background: var(--surface); color: var(--muted); padding: 7px 10px; font-size: 13px; font-weight: 800; text-decoration: none; }
.training-focus-meta a { color: var(--blue); }
.training-excerpt { max-width: 980px; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.58; }
.training-decision-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.training-decision-grid button { min-height: 92px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); color: var(--foreground); cursor: pointer; padding: 13px; text-align: left; }
.training-decision-grid button:hover { transform: translateY(-1px); box-shadow: var(--shadow-soft); }
.training-decision-grid button strong, .training-decision-grid button span { display: block; }
.training-decision-grid button strong { font-size: 16px; }
.training-decision-grid button span { margin-top: 5px; color: var(--muted); font-size: 13px; line-height: 1.35; }
.training-decision-grid .good { border-color: rgb(34 197 94 / .35); background: var(--green-soft); }
.training-decision-grid .maybe { border-color: rgb(245 158 11 / .35); background: var(--amber-soft); }
.training-decision-grid .never { color: var(--muted); }
.training-side { display: grid; align-content: start; gap: 12px; }
.training-side section { border: 1px solid var(--border); border-radius: 16px; background: var(--surface); padding: 14px; }
.training-side h3 { margin: 0 0 7px; font-size: 14px; }
.training-side p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.45; }
.training-next-item { border-top: 1px solid var(--border); padding: 10px 0 0; margin-top: 10px; }
.training-next-item strong, .training-next-item span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.training-next-item strong { font-size: 13px; }
.training-next-item span { margin-top: 2px; color: var(--muted); font-size: 12px; }
.crm-summary [role="button"] { cursor: pointer; }
.crm-summary [role="button"]:hover { transform: translateY(-1px); border-color: var(--blue-soft); box-shadow: var(--shadow-soft); }
.training-mini-summary { display: grid; gap: 8px; margin-top: 14px; }
.training-mini-summary .crm-summary { margin-top: 0; }
.training-mini-summary .crm-summary strong { font-size: 18px; }
.training-mini-summary .crm-summary small { color: color-mix(in oklch, var(--muted) 82%, var(--foreground)); }
.training-diagnostics-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 14px; }
.training-signal-box, .training-diagnostic-queue { min-width: 0; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); padding: 14px; }
.training-signal-box h3, .training-diagnostic-queue h3 { margin: 0 0 10px; font-size: 14px; }
.training-signal-box p { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.training-signal-box span { border-radius: 999px; background: var(--subtle); color: var(--muted); padding: 4px 8px; font-size: 12px; font-weight: 800; }
.training-signal-box b { color: var(--foreground); }
.training-diagnostic-queue > div { border-top: 1px solid var(--border); padding-top: 10px; margin-top: 10px; }
.training-diagnostic-queue > div:first-of-type { border-top: 0; padding-top: 0; margin-top: 0; }
.training-diagnostic-queue strong, .training-diagnostic-queue span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.training-diagnostic-queue a { color: var(--blue); text-decoration: none; }
.training-diagnostic-queue span, .training-signal-box small, .training-diagnostic-queue small { color: var(--muted); font-size: 12px; font-weight: 750; }
.training-review-list { display: grid; gap: 10px; padding: 14px; }
.training-review-card { display: grid; gap: 12px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); padding: 16px; }
.training-review-card.is-hidden { display: none; }
.training-review-card > header { display: grid; grid-template-columns: minmax(0, 1fr) 180px; gap: 14px; align-items: start; }
.training-review-card h3 { margin: 3px 0; font-size: 18px; line-height: 1.25; }
.training-review-card a { color: var(--blue); text-decoration: none; }
.training-review-card p, .training-review-card span { margin: 0; color: var(--muted); font-size: 14px; font-weight: 700; }
.training-review-card .training-evidence-cell { border-top: 1px solid var(--border); padding-top: 10px; }
.training-review-card .training-prediction-cell { justify-items: stretch; }
.training-review-card .training-prediction-cell .status-pill { justify-content: center; width: 100%; }
.training-review-actions .training-row-actions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.training-review-actions .training-row-actions button { min-height: 38px; margin: 0; border-color: var(--border); background: var(--surface); color: var(--foreground); padding: 7px 10px; }
.training-review-actions .training-row-actions button:hover { border-color: var(--blue-soft); color: var(--blue); }
.training-review-actions .training-row-actions button.active { background: var(--blue-soft); color: var(--blue); }
.training-review-actions .training-always-actions { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 0; padding-top: 8px; border-top: 1px dashed var(--border); }
.training-review-actions .training-always-actions button { background: var(--subtle); color: color-mix(in oklch, var(--muted) 88%, var(--foreground)); font-size: 12px; }
.training-review-card button[data-training-decision],
.training-review-card button[data-training-always-decision] {
  appearance: none;
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  color: var(--foreground);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  padding: 8px 12px;
}
.training-review-card button[data-training-always-decision] { background: var(--subtle); color: var(--muted); }
.training-review-card button[data-training-decision]:hover,
.training-review-card button[data-training-always-decision]:hover { border-color: var(--blue-soft); color: var(--blue); }
.training-review-card button[data-training-decision].active,
.training-review-card button[data-training-always-decision].active { border-color: var(--blue-soft); background: var(--blue-soft); color: var(--blue); }
.training-advanced-panel { padding: 0; }
.training-advanced-panel > summary { cursor: pointer; padding: 14px 16px; color: var(--muted); font-size: 14px; font-weight: 800; }
.training-advanced-panel[open] > summary { border-bottom: 1px solid var(--border); color: var(--foreground); }
.training-advanced-panel > .training-mini-summary { margin: 14px; }
.training-quality-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); border-top: 1px solid var(--border); }
.training-quality-grid article { min-width: 0; padding: 14px 16px; }
.training-quality-grid article + article { border-left: 1px solid var(--border); }
.training-quality-grid span, .training-quality-grid small { display: block; color: var(--muted); font-size: 12px; font-weight: 800; }
.training-quality-grid strong { display: block; margin: 3px 0; color: var(--foreground); font-size: 22px; line-height: 1.05; }
.training-source-quality { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; padding: 12px 16px 16px; border-top: 1px solid var(--border); }
.training-source-quality article { min-width: 0; border: 1px solid var(--border); border-radius: 8px; background: var(--subtle); padding: 9px 10px; }
.training-source-quality strong, .training-source-quality span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.training-source-quality strong { color: var(--foreground); font-size: 13px; }
.training-source-quality span { margin-top: 2px; color: var(--muted); font-size: 12px; font-weight: 800; }
.training-decisions-table .record-head, .training-decisions-table article { min-width: 1120px; grid-template-columns: minmax(320px, 1.5fr) 130px 150px minmax(260px, 1fr) 300px; }
.training-rules-table .record-head, .training-rules-table article { min-width: 980px; grid-template-columns: minmax(420px, 1.4fr) 140px 140px 120px 160px; }
.technology-group-filters { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-bottom: 12px; }
.technology-group-filters button { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 8px; border: 1px solid var(--border); border-radius: var(--card-radius); background: var(--surface); color: var(--muted); cursor: pointer; padding: 10px 12px; font: inherit; font-size: 13px; font-weight: 820; }
.technology-group-filters button:hover { border-color: color-mix(in oklch, var(--blue) 28%, var(--border)); background: var(--subtle); }
.technology-group-filters button.active { border-color: color-mix(in oklch, var(--blue) 45%, var(--border)); background: var(--blue-soft); color: var(--blue); }
.technology-group-filters strong { display: inline-flex; min-width: 28px; justify-content: center; border-radius: 999px; background: color-mix(in oklch, var(--muted) 10%, transparent); padding: 2px 6px; color: inherit; font-size: 13px; }
.technology-overview-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; padding: 16px; }
.technology-overview-grid button { display: grid; min-height: 112px; align-content: center; justify-items: start; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--foreground); cursor: pointer; padding: 14px; text-align: left; }
.technology-overview-grid button:hover { border-color: color-mix(in oklch, var(--blue) 35%, var(--border)); background: var(--blue-soft); }
.technology-overview-grid span, .technology-overview-grid strong, .technology-overview-grid small { display: block; }
.technology-overview-grid span { color: var(--muted); font-size: 14px; font-weight: 800; }
.technology-overview-grid strong { margin-top: 5px; font-size: 26px; }
.technology-overview-grid small { margin-top: 4px; color: var(--muted); font-size: 12px; }
.technology-group-block + .technology-group-block { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border); }
.technology-group-block > header { display: flex; align-items: center; justify-content: space-between; margin: 0 0 8px; }
.technology-group-block > header strong, .technology-group-block > header span { display: block; }
.technology-group-block > header strong { color: var(--foreground); font-size: 15px; }
.technology-group-block > header span { margin-top: 2px; color: var(--muted); font-size: 12px; font-weight: 780; }
.technologies-table .record-head, .technologies-table article { min-width: 1180px; grid-template-columns: minmax(190px, .8fr) minmax(220px, 1fr) 130px minmax(280px, 1.2fr) minmax(380px, 1.45fr); }
.technology-example { display: block; overflow: hidden; color: var(--muted); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.technology-decision-actions { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
.technology-decision-actions button { min-height: 32px; border: 1px solid var(--border); border-radius: var(--control-radius); background: var(--surface); color: var(--muted); cursor: pointer; font-size: 12px; font-weight: 720; }
.technology-decision-actions button.active { border-color: rgba(0, 118, 255, .45); background: var(--blue-soft); color: var(--blue); }
@media (max-width: 1100px) { .technology-group-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); } .technology-overview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.training-decisions-table a { color: var(--blue); text-decoration: none; }
.training-row-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.training-row-actions button { appearance: none; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--muted); cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 800; line-height: 1; padding: 6px 8px; text-transform: capitalize; }
.record-table article .training-row-actions button { margin-top: 0; border: 1px solid var(--border); background: var(--surface); padding: 6px 8px; font-size: 12px; }
.training-row-actions button:hover { border-color: var(--blue-soft); color: var(--blue); }
.training-row-actions button.active { background: var(--blue-soft); border-color: var(--blue-soft); color: var(--blue); }
.training-always-actions { flex-basis: 100%; display: flex; flex-wrap: wrap; gap: 5px; margin-top: 2px; padding-top: 4px; border-top: 1px dashed var(--border); }
.record-table article .training-row-actions .training-always-actions button { background: var(--subtle); color: color-mix(in oklch, var(--muted) 88%, var(--foreground)); font-size: 11px; padding: 4px 7px; }
.record-table article .training-row-actions .training-always-actions button:hover { border-color: color-mix(in oklch, var(--blue) 35%, var(--border)); color: var(--blue); }
.record-table article .training-why-next { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 6px; }
.record-table article .training-why-next span { display: inline-flex; align-items: center; width: auto; max-width: none; margin: 0; overflow: visible; white-space: nowrap; border-radius: 999px; background: var(--blue-soft); color: color-mix(in oklch, var(--blue) 72%, var(--foreground)); padding: 3px 7px; font-size: 12px; font-weight: 800; }
.training-prediction-cell { display: grid; gap: 5px; }
.record-table article .training-prediction-cell span { margin: 0; font-size: 12px; font-weight: 800; }
.training-probabilities { display: flex; width: 100%; height: 7px; overflow: hidden; border-radius: 999px; background: var(--subtle); }
.training-probabilities i { display: block; height: 100%; }
.training-probabilities i.healthy { background: var(--green); }
.training-probabilities i.warning { background: var(--amber); }
.training-probabilities i.critical { background: var(--red); }
.training-evidence-cell { display: grid; gap: 6px; }
.training-evidence-cell p { display: flex; flex-wrap: wrap; gap: 5px; margin: 0; }
.record-table article .training-evidence-cell p span { display: inline-flex; width: auto; max-width: 100%; margin: 0; border-radius: 999px; background: var(--subtle); color: var(--muted); padding: 3px 7px; font-size: 12px; font-weight: 800; }

.achievement-workspace > .crm-toolbar > div:last-child { width: min(420px, 42vw); }
.achievement-track { overflow: hidden; }
.achievement-track-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); padding: 18px; }
.achievement-track-steps article { position: relative; min-width: 0; padding: 4px 32px 4px 0; }
.achievement-track-steps article > span { display: block; margin-bottom: 7px; color: var(--blue); font-size: 13px; font-weight: 800; }
.achievement-track-steps article > strong { display: block; font-size: 16px; }
.achievement-track-steps article > p { margin: 5px 0 0; color: var(--muted); line-height: 1.45; }
.achievement-track-steps article > i { position: absolute; top: 24px; right: 14px; color: var(--muted); font-style: normal; }
.career-resume-preview { overflow: hidden; }
.career-resume-preview-stats { display: grid; justify-items: end; gap: 3px; }
.career-resume-preview-stats span { color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.career-resume-preview-stats strong { font-size: 14px; font-variant-numeric: tabular-nums; }
.career-resume-paper { width: min(920px, calc(100% - 36px)); margin: 18px auto 28px; border: 1px solid var(--border); background: var(--surface); padding: clamp(28px, 5vw, 62px); }
.career-resume-paper h1 { margin: 0; font-size: 28px; letter-spacing: -.025em; }
.career-resume-paper h2 { margin: 26px 0 11px; border-bottom: 1px solid var(--border); padding-bottom: 6px; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; }
.career-resume-paper h3 { margin: 18px 0 4px; font-size: 16px; }
.career-resume-paper p { max-width: 78ch; margin: 3px 0; color: var(--muted); font-size: 14px; line-height: 1.5; }
.career-resume-paper ul { display: grid; gap: 8px; margin: 9px 0 0; padding-left: 20px; }
.career-resume-paper li { padding-left: 3px; font-size: 14px; line-height: 1.5; }
.career-resume-paper li code { display: inline-flex; margin-left: 7px; border-radius: 4px; background: var(--blue-soft); color: var(--blue); padding: 2px 5px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; font-weight: 750; vertical-align: 1px; }
.achievement-groups { display: grid; gap: 22px; padding: 18px; }
.achievement-company { display: grid; gap: 10px; }
.achievement-company.is-collapsed { gap: 0; }
.achievement-company-toggle { appearance: none; display: flex; width: 100%; align-items: end; justify-content: space-between; gap: 16px; border: 0; border-radius: 8px; background: transparent; color: var(--foreground); cursor: pointer; padding: 5px 6px; text-align: left; transition: background-color 160ms ease, color 160ms ease; }
.achievement-company-toggle:hover { background: var(--subtle); }
.achievement-company-toggle:active { transform: translateY(1px); }
.achievement-company-toggle:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.achievement-company-toggle h2,
.achievement-company-toggle p { margin: 0; }
.achievement-company-toggle h2 { font-size: 18px; }
.achievement-company-toggle p { margin-top: 3px; color: var(--muted); font-size: 13px; }
.achievement-company-toggle > span { display: flex; align-items: center; gap: 7px; color: var(--muted); }
.achievement-company-toggle > span > strong { font-size: 14px; font-variant-numeric: tabular-nums; }
.achievement-company-toggle svg { width: 16px; height: 16px; transform: rotate(90deg); transition: transform 160ms ease; }
.achievement-company.is-collapsed .achievement-company-toggle svg { transform: rotate(0); }
.achievement-company.is-collapsed .achievement-list { display: none; }
.achievement-list { display: grid; gap: 10px; }
.achievement-card { border: 1px solid var(--border); border-radius: 11px; background: var(--surface); padding: 15px; }
.achievement-card.is-dirty { border-color: color-mix(in oklch, var(--blue) 42%, var(--border)); }
.achievement-card.is-saved { border-color: color-mix(in oklch, var(--green) 48%, var(--border)); }
.achievement-card > header { display: flex; align-items: start; justify-content: space-between; gap: 16px; padding-bottom: 13px; }
.achievement-card > header span { display: block; color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.achievement-card > header h3 { max-width: 960px; margin: 4px 0 0; font-size: 15px; line-height: 1.4; }
.achievement-repositories { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.achievement-repositories a { display: inline-flex; align-items: center; gap: 5px; border-radius: 999px; background: var(--subtle); color: var(--muted); padding: 4px 8px; font-size: 12px; font-weight: 750; text-decoration: none; }
.achievement-repositories a:hover { background: var(--blue-soft); color: var(--blue); }
.achievement-repositories svg { width: 13px; height: 13px; }
.achievement-save-control { display: flex; align-items: center; gap: 9px; }
.achievement-save-control > span { color: var(--muted); font-size: 12px; font-weight: 700; letter-spacing: 0; text-transform: none; white-space: nowrap; }
.achievement-save:disabled { cursor: wait; opacity: .72; }
.achievement-flow { display: grid; grid-template-columns: minmax(0, 1fr) 22px minmax(0, 1fr) 22px minmax(0, 1fr); align-items: center; gap: 8px; }
.achievement-flow > i { color: var(--muted); font-style: normal; text-align: center; }
.achievement-card label { display: grid; gap: 6px; }
.achievement-card label > span { color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.achievement-card textarea { min-height: 92px; line-height: 1.45; }
.achievement-cv-bullet { margin-top: 11px; }
.achievement-cv-bullet textarea { min-height: 68px; background: var(--subtle); font-weight: 650; }
.training-evidence-cell small { display: block; color: var(--muted); font-size: 13px; line-height: 1.45; }

@media (max-width: 1100px) {
  .achievement-track-steps { grid-template-columns: 1fr; gap: 18px; }
  .achievement-track-steps article > i { display: none; }
  .career-resume-preview-stats { justify-items: start; }
  .career-resume-paper { width: calc(100% - 24px); margin: 12px; padding: 24px 20px; }
  .achievement-flow { grid-template-columns: 1fr; }
  .achievement-flow > i { display: none; }
  .achievement-workspace > .crm-toolbar > div:last-child { width: 100%; }
}
.training-filter-panel .crm-toolbar { padding: 10px 12px; }
.training-filter-control { display: flex; flex-wrap: wrap; width: 100%; }
.learned-signals-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.learned-signals-grid article { min-width: 0; padding: 14px 16px; }
.learned-signals-grid article + article { border-left: 1px solid var(--border); }
.learned-signals-grid h3 { margin: 0 0 8px; font-size: 14px; }
.learned-signals-grid p { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.learned-signals-grid span { border-radius: 999px; background: var(--subtle); color: var(--muted); padding: 5px 8px; font-size: 12px; font-weight: 800; }
.learned-signals-grid em { color: var(--muted); font-size: 13px; font-style: normal; }
.profile-editor { overflow: hidden; }
.profile-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; padding: 16px; }
.profile-form-grid label { display: grid; gap: 6px; min-width: 0; }
.profile-form-grid label.wide { grid-column: 1 / -1; }
.profile-form-grid label span { color: var(--muted); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.profile-form-grid .cover-letter-textarea { min-height: 260px; line-height: 1.5; }
.profile-check-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.profile-check-grid article { display: flex; gap: 8px; align-items: center; border-left: 1px solid var(--border); padding: 14px 16px; }
.profile-check-grid article:first-child { border-left: 0; }
.profile-check-grid article span { display: grid; width: 22px; height: 22px; place-items: center; border-radius: 999px; background: var(--subtle); color: var(--muted); font-weight: 800; }
.profile-check-grid article.passed span { background: var(--green-soft); color: var(--green); }
.profile-check-grid article.failed span { background: var(--amber-soft); color: var(--amber); }
.profile-check-grid article strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.compiler-intuition-panel { overflow: hidden; }
.compiler-mental-model { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.compiler-mental-model article { position: relative; min-height: 148px; padding: 16px; border-left: 1px solid var(--border); background: linear-gradient(135deg, rgba(37, 99, 235, 0.06), transparent 62%); }
.compiler-mental-model article:first-child { border-left: 0; }
.compiler-mental-model article:not(:last-child)::after { content: "→"; position: absolute; top: 18px; right: -10px; z-index: 1; display: grid; width: 20px; height: 20px; place-items: center; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--muted); font-size: 14px; font-weight: 900; }
.compiler-mental-model span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 999px; background: var(--foreground); color: var(--surface); font-size: 13px; font-weight: 850; }
.compiler-mental-model strong { display: block; margin-top: 12px; font-size: 15px; }
.compiler-mental-model p { margin: 5px 0 0; color: var(--muted); font-size: 14px; line-height: 1.38; }
.compiler-legend { display: flex; flex-wrap: wrap; gap: 8px; border-top: 1px solid var(--border); padding: 12px 16px; }
.compiler-legend span { display: inline-flex; align-items: center; gap: 7px; border: 1px solid var(--border); border-radius: 999px; background: var(--surface); padding: 6px 10px; }
.compiler-legend i { width: 9px; height: 9px; border-radius: 999px; background: var(--muted); }
.compiler-legend b, .compiler-legend small { font-size: 13px; }
.compiler-legend small { color: var(--muted); }
.compiler-state-flow { display: flex; gap: 10px; overflow-x: auto; border-top: 1px solid var(--border); padding: 16px; }
.compiler-state-flow button { position: relative; display: grid; flex: 0 0 178px; min-height: 104px; align-content: start; gap: 7px; border: 1px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--foreground); cursor: pointer; padding: 12px; text-align: left; }
.compiler-state-flow button:not(:last-child)::after { content: ""; position: absolute; top: 50%; right: -11px; width: 11px; height: 2px; background: var(--border-strong); }
.compiler-state-flow button.selected { border-color: var(--blue); box-shadow: 0 0 0 3px var(--blue-soft); }
.compiler-state-flow button span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 999px; background: var(--subtle); color: var(--muted); font-size: 13px; font-weight: 850; }
.compiler-state-flow button strong, .compiler-state-flow button small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.compiler-state-flow button strong { font-size: 14px; }
.compiler-state-flow button small { color: var(--muted); font-size: 13px; }
.compiler-state-inspector { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.compiler-state-inspector article { min-width: 0; padding: 14px 16px; border-left: 1px solid var(--border); }
.compiler-state-inspector article:first-child { border-left: 0; }
.compiler-state-inspector span, .compiler-state-inspector strong, .compiler-state-inspector p { display: block; margin: 0; }
.compiler-state-inspector span { color: var(--muted); font-size: 13px; font-weight: 800; text-transform: uppercase; }
.compiler-state-inspector strong { margin-top: 4px; font-size: 14px; overflow-wrap: anywhere; }
.compiler-state-inspector p { margin-top: 5px; color: var(--muted); font-size: 14px; line-height: 1.38; overflow-wrap: anywhere; }
.type-code i, .compiler-state-flow .type-code span { background: rgba(37, 99, 235, 0.16); color: var(--blue); }
.type-cdp_action i, .compiler-state-flow .type-cdp_action span { background: rgba(168, 85, 247, 0.16); color: var(--violet); }
.type-cdp_snapshot i, .compiler-state-flow .type-cdp_snapshot span { background: rgba(14, 165, 233, 0.16); color: #0284c7; }
.type-approval i, .compiler-state-flow .type-approval span { background: rgba(245, 158, 11, 0.18); color: var(--amber); }
.type-final i, .compiler-state-flow .type-final span { background: rgba(34, 197, 94, 0.16); color: var(--green); }
.compiler-flow-panel { overflow: hidden; }
.compiler-graph { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.compiler-graph article { min-height: 210px; padding: 14px; border-left: 1px solid var(--border); border-top: 1px solid var(--border); }
.compiler-graph article:nth-child(4n + 1) { border-left: 0; }
.compiler-graph article:nth-child(-n + 4) { border-top: 0; }
.compiler-graph article.final { background: rgba(34, 197, 94, 0.06); }
.compiler-graph article.approval { background: rgba(245, 158, 11, 0.08); }
.compiler-node-head { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; align-items: center; gap: 8px; }
.compiler-node-head span { display: grid; width: 26px; height: 26px; place-items: center; border-radius: 999px; background: var(--subtle); color: var(--muted); font-size: 13px; font-weight: 750; }
.compiler-node-head strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.compiler-node-head em { border-radius: 999px; background: var(--blue-soft); color: var(--blue); padding: 4px 8px; font-size: 12px; font-style: normal; font-weight: 750; }
.compiler-graph p { min-height: 54px; margin: 10px 0; color: var(--muted); font-size: 14px; line-height: 1.35; }
.compiler-graph ul { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.compiler-graph li { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 6px; align-items: center; border-radius: var(--control-radius); background: var(--subtle); padding: 6px 8px; font-size: 13px; }
.compiler-graph li b, .compiler-graph li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.compiler-graph li i { color: var(--muted); font-style: normal; }
.compiler-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr); gap: 12px; margin-top: 12px; }
.compiler-contract-list { display: grid; border-top: 1px solid var(--border); }
.compiler-contract-list article { padding: 14px 16px; border-top: 1px solid var(--border); }
.compiler-contract-list article:first-child { border-top: 0; }
.compiler-contract-list strong, .compiler-contract-list span { display: block; font-size: 14px; }
.compiler-contract-list span { margin-top: 4px; color: var(--muted); line-height: 1.35; }
.compiler-transition-table .record-head, .compiler-transition-table article { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr); }
.apply-step-list { display: grid; }
.apply-step-list article { display: grid; grid-template-columns: 32px minmax(210px, 1fr) 120px minmax(170px, .8fr) minmax(150px, .7fr); align-items: start; gap: 14px; min-height: 78px; border-top: 1px solid var(--border); padding: 14px 16px; }
.apply-step-list.compact article { grid-template-columns: 32px minmax(0, 1fr) auto; }
.apply-step-list article:first-child { border-top: 0; }
.apply-step-list article > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: var(--subtle); color: var(--muted); font-size: 14px; font-weight: 750; }
.apply-step-list article.verified > span { background: var(--green-soft); color: var(--green); }
.apply-step-list article.blocked > span { background: var(--amber-soft); color: var(--amber); }
.apply-step-list strong, .apply-step-list b, .apply-step-list p { display: block; margin: 0; }
.apply-step-list strong, .apply-step-list b { font-size: 14px; }
.apply-step-list p { margin-top: 3px; color: var(--muted); font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.apply-artifact-panel { margin-bottom: 14px; }
.apply-artifact-list { display: grid; }
.apply-artifact-list article { display: grid; grid-template-columns: 34px minmax(0, 1fr) 96px; gap: 14px; align-items: start; border-top: 1px solid var(--border); padding: 15px 16px; }
.apply-artifact-list article:first-child { border-top: 0; }
.artifact-index { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: var(--subtle); color: var(--muted); font-size: 14px; font-weight: 800; }
.artifact-main { min-width: 0; }
.artifact-title-row { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: 12px; }
.artifact-title-row strong { display: block; min-width: 0; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.artifact-main > p { margin: 8px 0 0; color: var(--muted); font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }
.artifact-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.artifact-actions span { max-width: 280px; overflow: hidden; border: 1px solid var(--border); border-radius: 999px; background: var(--subtle); color: var(--muted); padding: 5px 9px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.artifact-targets { margin-top: 10px; color: var(--muted); font-size: 14px; }
.artifact-targets summary { cursor: pointer; font-weight: 800; }
.artifact-targets p { margin: 7px 0 0; overflow-wrap: anywhere; }
.artifact-files { display: grid; gap: 7px; justify-items: end; }
.artifact-files a { color: var(--muted); font-size: 14px; font-weight: 800; text-decoration: none; }
.artifact-files a:hover { color: var(--foreground); }
.incident-list { display: grid; }
.incident-list article { display: grid; grid-template-columns: 86px minmax(0, 1fr) auto; align-items: start; gap: 14px; border-top: 1px solid var(--border); padding: 14px 16px; }
.incident-list article:first-child { border-top: 0; }
.incident-list strong, .incident-list p, .incident-list span { display: block; margin: 0; }
.incident-list strong { font-size: 14px; }
.incident-list p { margin-top: 3px; color: var(--muted); font-size: 14px; line-height: 1.4; }
.incident-list > article > span { color: var(--muted); font-size: 14px; white-space: nowrap; }
.incident-focus { border-color: color-mix(in oklch, var(--amber) 38%, var(--border)); }
.incident-focus > p { margin: 0; padding: 16px; color: var(--muted); font-size: 15px; line-height: 1.5; overflow-wrap: anywhere; }
.crm-empty-state { display: grid; min-height: 270px; align-content: center; justify-items: center; padding: 28px; text-align: center; }
.crm-empty-state > span { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 10px; background: var(--subtle); color: var(--muted); font-size: 21px; }
.crm-empty-state strong { margin-top: 11px; font-size: 14px; }
.crm-empty-state p { max-width: 460px; margin: 4px 0 0; color: var(--muted); font-size: 14px; }
.crm-empty-state button { min-height: 34px; margin-top: 14px; border: 1px solid var(--border-strong); border-radius: var(--control-radius); background: var(--surface); color: var(--foreground); cursor: pointer; padding: 6px 11px; font-size: 14px; font-weight: 650; }
.crm-empty-state button:hover { background: var(--subtle); }
.inbox-empty { min-height: 430px; }
.match-contract { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 10px; border-bottom: 1px solid var(--border); padding: 16px; }
.match-contract > div { display: grid; min-width: 0; grid-template-columns: 23px minmax(0, 1fr); align-items: center; gap: 8px; }
.match-contract > div > span { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; background: var(--blue-soft); color: var(--blue); font-size: 14px; font-weight: 750; }
.match-contract strong { font-size: 14px; line-height: 1.35; }
.match-contract > i { width: 17px; height: 1px; background: var(--border-strong); }

.outreach-grid { display: grid; grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr); gap: 14px; }
.channel-panel, .message-preview { margin-top: 14px; }
.channel-panel header > span { color: var(--muted); font-size: 14px; }
.channel-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 14px; padding: 15px 18px; border-top: 1px solid var(--border); }
.channel-row:first-of-type { border-top: 0; }
.channel-row strong, .channel-row span { display: block; }
.channel-row strong { font-size: 14px; }
.channel-row span { color: var(--muted); font-size: 14px; }
.channel-row > b { align-self: center; font-size: 14px; }
.channel-row .quota-track { grid-column: 1 / -1; margin-top: 1px; }
.message-preview > header > div { min-width: 0; }
.message-body { padding: 18px; }
.message-body > span { color: var(--muted); font-size: 14px; font-weight: 700; text-transform: uppercase; }
.message-body > strong { display: block; margin-top: 4px; font-size: 14px; }
.message-body > p { margin: 14px 0 0; border-left: 3px solid var(--violet); background: var(--violet-soft); padding: 13px 14px; font-size: 14px; line-height: 1.55; }
.offer-spec { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 13px; overflow: hidden; border: 1px solid var(--border); border-radius: var(--control-radius); }
.offer-spec > div { min-width: 0; padding: 9px 11px; }
.offer-spec > div:nth-child(even) { border-left: 1px solid var(--border); }
.offer-spec > div:nth-child(n + 3) { border-top: 1px solid var(--border); }
.offer-spec span, .offer-spec strong { display: block; }
.offer-spec span { color: var(--muted); font-size: 14px; font-weight: 700; text-transform: uppercase; }
.offer-spec strong { margin-top: 2px; font-size: 14px; }
.personalization-checks { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.personalization-checks span { border-radius: 99px; background: var(--green-soft); color: var(--green); padding: 3px 8px; font-size: 14px; font-weight: 700; }
.message-preview footer { display: flex; justify-content: flex-end; gap: 8px; border-top: 1px solid var(--border); padding: 12px 18px; }
.message-preview footer button { min-height: 35px; border: 1px solid var(--border-strong); border-radius: var(--control-radius); background: var(--surface); cursor: pointer; padding: 6px 11px; font-size: 14px; font-weight: 650; }
.message-preview footer button.primary { border-color: var(--blue); background: var(--blue); }
.offer-gate ol { margin: 0; padding: 0; list-style: none; }
.offer-gate li { display: grid; grid-template-columns: 25px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 13px 18px; border-top: 1px solid var(--border); }
.offer-gate li:first-child { border-top: 0; }
.offer-gate li > span { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid var(--border-strong); border-radius: 50%; color: var(--muted); font-size: 14px; font-weight: 700; }
.offer-gate li strong, .offer-gate li p { display: block; margin: 0; }
.offer-gate li strong { font-size: 14px; }
.offer-gate li p { margin-top: 2px; color: var(--muted); font-size: 14px; }
.offer-gate li > b { border-radius: 99px; background: var(--red-soft); color: var(--red); padding: 3px 8px; font-size: 14px; }
.offer-gate footer { display: flex; justify-content: flex-end; border-top: 1px solid var(--border); padding: 12px 18px; }
.offer-gate footer button { min-height: 34px; border: 1px solid var(--border); border-radius: var(--control-radius); background: var(--subtle); color: var(--muted); padding: 6px 11px; font-size: 14px; font-weight: 650; }

.inbox-shell { display: grid; grid-template-columns: minmax(290px, .72fr) minmax(0, 1.28fr); min-height: 560px; }
.inbox-list { border-right: 1px solid var(--border); }
.inbox-list > header { min-height: 58px; padding: 11px 14px; }
.inbox-item { display: grid; grid-template-columns: 8px minmax(0, 1fr); width: 100%; gap: 10px; border: 0; border-top: 1px solid var(--border); background: var(--surface); cursor: pointer; padding: 14px; text-align: left; }
.inbox-item:hover, .inbox-item.selected { background: var(--blue-soft); }
.inbox-dot { width: 8px; height: 8px; margin-top: 5px; border-radius: 50%; background: var(--muted); }
.inbox-dot.positive { background: var(--green); }
.inbox-dot.later { background: var(--amber); }
.inbox-item strong, .inbox-item small, .inbox-item b { display: block; }
.inbox-item strong { font-size: 14px; }
.inbox-item small { margin-top: 1px; color: var(--muted); font-size: 14px; }
.inbox-item b { margin-top: 7px; font-size: 14px; }
.inbox-item p { overflow: hidden; margin: 2px 0 0; color: var(--muted); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.inbox-detail > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--border); padding: 18px; }
.inbox-detail h2, .inbox-detail p { margin: 0; }
.inbox-detail h2 { margin-top: 3px; font-size: 19px; }
.inbox-detail header p { margin-top: 2px; color: var(--muted); font-size: 14px; }
.conversation { padding: 20px; }
.incoming { max-width: 78%; border-radius: 0 10px 10px 10px; background: var(--subtle); padding: 13px 15px; }
.incoming span, .reply-draft > span { color: var(--muted); font-size: 14px; font-weight: 700; text-transform: uppercase; }
.incoming p { margin: 5px 0 0; font-size: 14px; }
.reply-draft { margin-top: 24px; border: 1px solid var(--border); border-radius: 10px; padding: 14px; }
.reply-draft textarea { width: 100%; min-height: 92px; resize: vertical; margin-top: 7px; border: 0; background: transparent; color: var(--foreground); padding: 0; font: inherit; font-size: 14px; outline: 0; }
.reply-draft > div { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid var(--border); padding-top: 11px; }
.reply-draft small { color: var(--muted); font-size: 14px; }

.forms-workspace { display: grid; gap: 14px; min-width: 0; }
.forms-hero, .forms-lifecycle-panel, .forms-adapter-panel, .forms-list-panel, .forms-detail-head, .forms-detail-summary, .forms-tailored-panel, .forms-values-panel, .forms-technical { border: 1px solid var(--border); border-radius: 14px; background: var(--surface); }
.forms-hero { display: flex; min-height: 132px; align-items: center; justify-content: space-between; gap: 28px; padding: 24px 26px; }
.forms-hero-copy { min-width: 0; }
.forms-hero-copy > span, .forms-detail-title > span { color: var(--blue); font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.forms-hero-copy h1, .forms-hero-copy p, .forms-detail-title h1, .forms-detail-title p { margin: 0; }
.forms-hero-copy h1 { margin-top: 5px; font-size: 27px; font-weight: 720; letter-spacing: -.025em; }
.forms-hero-copy p { max-width: 700px; margin-top: 7px; color: var(--muted); font-size: 14px; line-height: 1.45; }
.forms-hero-total { display: grid; min-width: 132px; flex: 0 0 auto; place-items: end; border-left: 1px solid var(--border); padding: 6px 0 6px 25px; }
.forms-hero-total strong { font-size: 34px; line-height: 1; letter-spacing: -.04em; }
.forms-hero-total span { margin-top: 6px; color: var(--muted); font-size: 14px; white-space: nowrap; }
.forms-lifecycle-panel, .forms-adapter-panel { overflow: hidden; }
.forms-lifecycle-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--border); }
.forms-lifecycle-grid article { min-width: 0; border-left: 1px solid var(--border); padding: 16px 18px; }
.forms-lifecycle-grid article:first-child { border-left: 0; }
.forms-lifecycle-grid span, .forms-lifecycle-grid strong, .forms-lifecycle-grid small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.forms-lifecycle-grid span { color: var(--muted); font-size: 12px; font-weight: 820; letter-spacing: .035em; text-transform: uppercase; }
.forms-lifecycle-grid strong { margin-top: 6px; font-size: 26px; line-height: 1; font-variant-numeric: tabular-nums; letter-spacing: -.035em; }
.forms-lifecycle-grid small { margin-top: 7px; color: var(--muted); font-size: 13px; }
.forms-lifecycle-grid .healthy strong { color: var(--green); }
.forms-lifecycle-grid .warning strong { color: var(--amber); }
.forms-lifecycle-grid .quiet strong { color: var(--muted); }
.forms-adapter-panel > header { display: flex; min-height: 66px; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 18px; }
.forms-adapter-panel h2, .forms-adapter-panel p { margin: 0; }
.forms-adapter-panel h2 { font-size: 17px; }
.forms-adapter-panel p, .forms-adapter-panel > header > span { margin-top: 4px; color: var(--muted); font-size: 14px; }
.forms-adapter-list { display: grid; border-top: 1px solid var(--border); }
.forms-adapter-list article { display: grid; grid-template-columns: minmax(240px, 1fr) 80px minmax(180px, .7fr); align-items: center; gap: 16px; border-top: 1px solid var(--border); padding: 12px 18px; }
.forms-adapter-list article:first-child { border-top: 0; }
.forms-adapter-list strong, .forms-adapter-list span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.forms-adapter-list strong { font-size: 14px; }
.forms-adapter-list span { margin-top: 4px; color: var(--muted); font-size: 13px; }
.forms-adapter-list b { color: var(--green); font-size: 19px; font-variant-numeric: tabular-nums; }
.forms-list-panel { overflow: hidden; }
.forms-list-toolbar { display: flex; min-height: 62px; align-items: center; justify-content: space-between; gap: 14px; border-bottom: 1px solid var(--border); padding: 10px 14px; }
.forms-list-actions { display: flex; align-items: center; gap: 8px; }
.forms-tabs { display: flex; align-items: center; gap: 5px; overflow-x: auto; }
.forms-tabs button { display: inline-flex; min-height: 38px; align-items: center; gap: 8px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); cursor: pointer; padding: 7px 10px; font-size: 14px; font-weight: 680; white-space: nowrap; }
.forms-tabs button:hover { background: var(--subtle); color: var(--foreground); }
.forms-tabs button.active { background: var(--blue-soft); color: var(--blue); }
.forms-tabs button strong { display: grid; min-width: 25px; min-height: 23px; place-items: center; border: 1px solid color-mix(in oklch, currentColor 18%, transparent); border-radius: 6px; padding: 1px 6px; font-size: 13px; }
.forms-table { overflow-x: auto; }
.forms-table-head, .forms-row { display: grid; min-width: 920px; grid-template-columns: minmax(260px, 1.5fr) minmax(150px, .75fr) 100px 160px 145px 28px; align-items: center; gap: 18px; padding: 0 18px; }
.forms-table-head { min-height: 42px; background: var(--subtle); color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.forms-row { min-height: 76px; border-top: 1px solid var(--border); cursor: pointer; }
.forms-row:first-of-type { border-top: 0; }
.forms-row:hover, .forms-row:focus-visible { background: color-mix(in oklch, var(--blue-soft) 38%, var(--surface)); outline: 0; }
.forms-job, .forms-platform, .forms-fields, .forms-row > div { min-width: 0; }
.forms-job strong, .forms-job span, .forms-platform strong, .forms-fields strong, .forms-fields span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.forms-job strong { font-size: 14px; font-weight: 720; }
.forms-job span, .forms-platform a, .forms-fields span, .forms-row time, .forms-failed { color: var(--muted); font-size: 14px; }
.forms-job span { margin-top: 4px; }
.forms-platform strong { font-size: 14px; text-transform: capitalize; }
.forms-platform a { display: inline-block; margin-top: 4px; color: var(--blue); font-weight: 650; text-decoration: none; }
.forms-platform a:hover { text-decoration: underline; }
.forms-fields strong { font-size: 17px; }
.forms-fields span { margin-top: 2px; }
.forms-row time { white-space: nowrap; }
.forms-failed { display: block; margin-top: 4px; color: var(--amber); }
.forms-open { display: grid; width: 28px; height: 28px; place-items: center; color: var(--muted); }
.forms-open svg { width: 17px; height: 17px; }
.forms-row:hover .forms-open { color: var(--blue); transform: translateX(2px); }
.forms-empty { display: grid; min-height: 230px; place-items: center; align-content: center; padding: 28px; text-align: center; }
.forms-empty > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: var(--subtle); color: var(--muted); }
.forms-empty svg { width: 19px; height: 19px; }
.forms-empty strong { margin-top: 12px; font-size: 15px; }
.forms-empty p { margin: 4px 0 0; color: var(--muted); font-size: 14px; }
.forms-detail-workspace { gap: 12px; }
.forms-back { display: inline-flex; width: max-content; min-height: 34px; align-items: center; gap: 5px; border: 0; background: transparent; color: var(--muted); cursor: pointer; padding: 2px 4px; font-size: 14px; font-weight: 700; }
.forms-back:hover { color: var(--blue); }
.forms-back svg { width: 16px; height: 16px; transform: rotate(180deg); }
.forms-detail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 22px 24px; }
.forms-detail-title { min-width: 0; }
.forms-detail-title h1 { max-width: 820px; margin-top: 6px; font-size: 23px; line-height: 1.2; letter-spacing: -.02em; }
.forms-detail-title p { margin-top: 7px; color: var(--muted); font-size: 14px; }
.forms-detail-actions { display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; gap: 8px; }
.forms-detail-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; }
.forms-detail-summary article { min-width: 0; padding: 17px 20px; }
.forms-detail-summary article + article { border-left: 1px solid var(--border); }
.forms-detail-summary span, .forms-detail-summary strong { display: block; }
.forms-detail-summary span { color: var(--muted); font-size: 13px; font-weight: 750; text-transform: uppercase; }
.forms-detail-summary strong { margin-top: 5px; overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.forms-detail-summary strong.warning { color: var(--amber); }
.forms-tailored-panel { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 22px; }
.forms-tailored-panel > div:first-child { min-width: 0; }
.forms-tailored-panel span, .forms-tailored-panel h2, .forms-tailored-panel p { margin: 0; }
.forms-tailored-panel > div:first-child > span, .forms-tailored-panel > header span { color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.forms-tailored-panel h2 { margin-top: 5px; font-size: 17px; }
.forms-tailored-panel > div:first-child > p, .forms-tailored-panel > header p { margin-top: 5px; color: var(--muted); font-size: 14px; line-height: 1.45; }
.forms-tailored-panel.result { display: grid; gap: 0; padding: 0; overflow: hidden; }
.forms-tailored-panel.result > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 18px 20px; }
.forms-tailored-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 8px; }
.forms-tailored-copy, .forms-tailored-questions, .forms-tailored-error { border-top: 1px solid var(--border); padding: 16px 20px; }
.forms-tailored-copy > span { color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.forms-tailored-copy > p { margin-top: 8px; font-size: 14px; line-height: 1.55; white-space: pre-wrap; }
.forms-tailored-questions strong { font-size: 14px; }
.forms-tailored-questions ul { margin: 8px 0 0; padding-left: 20px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.forms-tailored-error { color: var(--red); font-size: 14px; }
.forms-tailored-audit { display: grid; grid-template-columns: 180px 180px 1fr; border-top: 1px solid var(--border); }
.forms-tailored-audit > div { min-width: 0; padding: 14px 20px; }
.forms-tailored-audit > div + div { border-left: 1px solid var(--border); }
.forms-tailored-audit span, .forms-tailored-audit strong, .forms-tailored-audit p { display: block; margin: 0; }
.forms-tailored-audit span { color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.forms-tailored-audit strong { margin-top: 5px; font-size: 18px; }
.forms-tailored-audit p { margin-top: 5px; font-size: 13px; line-height: 1.45; }
.forms-values-panel { overflow: hidden; }
.forms-values-panel > header { display: flex; min-height: 72px; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--border); padding: 14px 20px; }
.forms-values-panel h2, .forms-values-panel p { margin: 0; }
.forms-values-panel h2 { font-size: 17px; }
.forms-values-panel p { margin-top: 4px; color: var(--muted); font-size: 14px; }
.forms-values-panel > header > strong { display: grid; min-width: 31px; height: 28px; place-items: center; border-radius: 7px; background: var(--subtle); color: var(--muted); font-size: 14px; }
.forms-values { display: grid; }
.forms-value-row { display: grid; grid-template-columns: minmax(210px, .7fr) minmax(320px, 1.3fr) 110px; align-items: start; gap: 22px; border-top: 1px solid var(--border); padding: 16px 20px; }
.forms-value-row:first-child { border-top: 0; }
.forms-value-name, .forms-value-content { min-width: 0; }
.forms-value-name strong, .forms-value-name span, .forms-value-content span, .forms-value-content strong, .forms-value-content small { display: block; }
.forms-value-name strong { font-size: 14px; }
.forms-value-name span, .forms-value-content span, .forms-value-content small { margin-top: 3px; color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.forms-value-content span { margin-top: 0; font-weight: 700; text-transform: uppercase; }
.forms-value-content strong { margin-top: 5px; font-size: 14px; font-weight: 620; line-height: 1.48; overflow-wrap: anywhere; white-space: pre-wrap; }
.forms-value-row > .status-pill { justify-self: end; }
.forms-technical { overflow: hidden; }
.forms-technical > summary { cursor: pointer; color: var(--muted); padding: 14px 18px; font-size: 14px; font-weight: 700; }
.forms-technical[open] > summary { border-bottom: 1px solid var(--border); color: var(--foreground); }
.forms-technical-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.forms-technical-grid > div { min-width: 0; border-left: 1px solid var(--border); padding: 14px 16px; }
.forms-technical-grid > div:first-child { border-left: 0; }
.forms-technical-grid span, .forms-technical-grid strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.forms-technical-grid span { color: var(--muted); font-size: 12px; font-weight: 800; text-transform: uppercase; }
.forms-technical-grid strong { margin-top: 4px; font-size: 14px; }
.forms-technical-actions { display: flex; flex-wrap: wrap; gap: 8px; border-top: 1px solid var(--border); padding: 12px 16px; }
.forms-route-log { border-top: 1px solid var(--border); }
.forms-route-log article { padding: 12px 16px; border-top: 1px solid var(--border); }
.forms-route-log article:first-child { border-top: 0; }
.forms-route-log strong { font-size: 13px; }
.forms-route-log p { margin: 4px 0 0; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 12px; overflow-wrap: anywhere; }

#toast { position: fixed; right: 20px; bottom: 20px; z-index: 50; transform: translateY(20px); border-radius: var(--radius); background: var(--foreground); color: white; padding: 10px 14px; opacity: 0; pointer-events: none; transition: 160ms ease; }
#toast.show { transform: translateY(0); opacity: 1; }

@media (max-width: 1100px) {
  .crm-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .crm-summary > div:nth-child(n+3) { border-top: 1px solid var(--border); }
  .crm-summary > div:nth-child(odd) { border-left: 0; }
  .template-grid { grid-template-columns: 1fr; }
  .daily-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .funnel-grid, .overview-lower-grid { grid-template-columns: 1fr; }
  .offer-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .offer-catalog-grid article { border-top: 1px solid var(--border); }
  .offer-catalog-grid article:nth-child(odd) { border-left: 0; }
  .offer-catalog-grid article:nth-child(-n + 2) { border-top: 0; }
  .city-source-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .city-source-grid article { border-top: 1px solid var(--border); }
  .city-source-grid article:nth-child(odd) { border-left: 0; }
  .city-source-grid article:nth-child(-n + 2) { border-top: 0; }
  .source-region-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .source-region-grid article { border-top: 1px solid var(--border); }
  .source-region-grid article:nth-child(odd) { border-left: 0; }
  .source-region-grid article:nth-child(-n + 2) { border-top: 0; }
  .source-priority-list article { grid-template-columns: 28px minmax(0, 1fr) auto; }
  .source-priority-list article > div:nth-child(3) { grid-column: 2 / -1; }
  .source-priority-list article > a { grid-column: 3; grid-row: 1; }
  .relevant-route-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .relevant-route-grid article:nth-child(odd) { border-left: 0; }
  .relevant-route-grid article:nth-child(n + 3) { border-top: 1px solid var(--border); }
  .relevant-route-table { overflow-x: auto; }
  .relevant-route-table article, .relevant-route-table .record-head { min-width: 1060px; }
  .jobs-balance-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .jobs-balance-grid article:nth-child(odd) { border-left: 0; }
  .jobs-balance-grid article:nth-child(n + 3) { border-top: 1px solid var(--border); }
  .labeling-table { overflow-x: auto; }
  .labeling-table article, .labeling-table .record-head { min-width: 1080px; }
  .direct-route-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .direct-route-grid article:nth-child(odd) { border-left: 0; }
  .direct-route-grid article:nth-child(n + 3) { border-top: 1px solid var(--border); }
  .direct-service-list, .direct-links-table { overflow-x: auto; }
  .direct-service-list article { min-width: 720px; }
  .direct-links-table article, .direct-links-table .record-head { min-width: 1040px; }
  .apply-grid { grid-template-columns: 1fr; }
  .apply-run-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .apply-run-summary article:nth-child(3) { border-top: 1px solid var(--border); border-left: 0; }
  .apply-run-summary article:nth-child(4) { border-top: 1px solid var(--border); }
  .breakthrough-stage-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .breakthrough-stage-strip article:nth-child(3n + 1) { border-left: 0; }
  .breakthrough-stage-strip article:nth-child(n + 4) { border-top: 1px solid var(--border); }
  .apply-state-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .apply-state-strip article:nth-child(3n + 1) { border-left: 0; }
  .apply-state-strip article:nth-child(n + 4) { border-top: 1px solid var(--border); }
  .breakthrough-service-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .breakthrough-service-flow article:nth-child(odd) { border-left: 0; }
  .breakthrough-service-flow article:nth-child(n + 3) { border-top: 1px solid var(--border); }
  .breakthrough-service-list { overflow-x: auto; }
  .breakthrough-service-head, .breakthrough-service-row { min-width: 980px; }
  .recipe-ops-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .recipe-ops-grid article:nth-child(odd) { border-left: 0; }
  .recipe-ops-grid article:nth-child(n + 3) { border-top: 1px solid var(--border); }
  .job-funnel-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .job-funnel-strip article:nth-child(odd) { border-left: 0; }
  .job-funnel-strip article:nth-child(n + 3) { border-top: 1px solid var(--border); }
  .job-funnel-strip b { display: none; }
  .job-funnel-alert { align-items: flex-start; flex-direction: column; }
  .job-funnel-alert strong { white-space: normal; }
  .apply-stage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .apply-stage-grid article:nth-child(odd) { border-left: 0; }
  .apply-stage-grid article:nth-child(n + 3) { border-top: 1px solid var(--border); }
  .recipe-explainer-grid, .selected-recipe-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .recipe-explainer-grid article:nth-child(odd), .selected-recipe-grid article:nth-child(odd) { border-left: 0; }
  .recipe-explainer-grid article:nth-child(n + 3), .selected-recipe-grid article:nth-child(n + 3) { border-top: 1px solid var(--border); }
  .breakthrough-summary, .breakthrough-next-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .breakthrough-summary article:nth-child(odd), .breakthrough-next-grid article:nth-child(odd) { border-left: 0; }
  .breakthrough-summary article:nth-child(n + 3), .breakthrough-next-grid article:nth-child(n + 3) { border-top: 1px solid var(--border); }
  .apply-flow-header { grid-template-columns: 1fr; }
  .apply-flow-status { min-height: 92px; }
  .compiler-catalog-layout { grid-template-columns: 1fr; }
  .form-demo-tabs { grid-template-columns: 1fr; }
  .form-demo-tabs button { border-left: 0; border-top: 1px solid var(--border); }
  .form-demo-tabs button:first-child { border-top: 0; }
  .form-demo-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .form-demo-summary article:nth-child(odd) { border-left: 0; }
  .form-demo-summary article:nth-child(n + 3) { border-top: 1px solid var(--border); }
  .compiler-mental-model { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .compiler-mental-model article:nth-child(odd) { border-left: 0; }
  .compiler-mental-model article:nth-child(n + 3) { border-top: 1px solid var(--border); }
  .compiler-state-inspector { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .compiler-state-inspector article:nth-child(odd) { border-left: 0; }
  .compiler-state-inspector article:nth-child(n + 3) { border-top: 1px solid var(--border); }
  .compiler-graph { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .compiler-graph article, .compiler-graph article:nth-child(-n + 4) { border-top: 1px solid var(--border); }
  .compiler-graph article:nth-child(odd) { border-left: 0; }
  .compiler-graph article:nth-child(-n + 2) { border-top: 0; }
  .compiler-grid { grid-template-columns: 1fr; }
  .training-workbench { grid-template-columns: 1fr; }
  .training-decision-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .training-review-card > header { grid-template-columns: 1fr; }
  .training-diagnostics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cdp-diagnosis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cdp-diagnosis article:nth-child(3) { border-top: 1px solid var(--border); border-left: 0; }
  .cdp-diagnosis article:nth-child(4) { border-top: 1px solid var(--border); }
  .cdp-columns { grid-template-columns: 1fr; }
  .cdp-columns section { border-top: 1px solid var(--border); border-left: 0; }
  .cdp-columns section:first-child { border-top: 0; }
  .forms-lifecycle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .forms-lifecycle-grid article:nth-child(odd) { border-left: 0; }
  .forms-lifecycle-grid article:nth-child(n + 3) { border-top: 1px solid var(--border); }
  .forms-adapter-list { overflow-x: auto; }
  .forms-adapter-list article { min-width: 700px; }
  .forms-table-head, .forms-row { grid-template-columns: minmax(250px, 1.3fr) minmax(140px, .7fr) 90px 150px 130px 28px; }
  .pipeline-coverage-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .pipeline-coverage-flow article:nth-child(4) { border-top: 1px solid var(--border); border-left: 0; }
  .pipeline-coverage-flow article:nth-child(5) { border-top: 1px solid var(--border); }
}

@media (max-width: 760px) {
  .mobile-header { display: flex; align-items: center; justify-content: space-between; padding: 8px 8px 16px; }
  .mobile-header button { border: 1px solid var(--border); border-radius: var(--control-radius); background: var(--surface); padding: 6px 10px; }
  .metrics { grid-template-columns: 1fr; }
  .metric + .metric { border-top: 1px solid var(--border); border-left: 0; }
  .approval-fields { grid-template-columns: 1fr; }
  .statistics-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .statistics-summary > div:nth-child(3) { border-top: 1px solid var(--border); border-left: 0; }
  .statistics-summary > div:nth-child(4) { border-top: 1px solid var(--border); }
  .daily-metrics, .crm-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .training-review-actions .training-row-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .training-review-actions .training-always-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .training-diagnostics-grid { grid-template-columns: 1fr; }
  .technology-overview-grid { grid-template-columns: 1fr; }
  .crm-summary > div:nth-child(n+3) { border-top: 1px solid var(--border); }
  .crm-summary > div:nth-child(odd) { border-left: 0; }
  .crm-toolbar { align-items: stretch; flex-direction: column; }
  .crm-toolbar > div { overflow-x: auto; }
  .crm-toolbar > div:last-child { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
  .crm-toolbar input { width: 100%; }
  .outreach-grid, .inbox-shell { grid-template-columns: 1fr; }
  .inbox-list { border-right: 0; border-bottom: 1px solid var(--border); }
  .inbox-detail { min-height: 430px; }
  .match-contract { overflow-x: auto; }
  .match-contract > div { min-width: 140px; }
  .source-funnel { display: flex; overflow-x: auto; }
  .source-funnel article { flex: 0 0 180px; }
  .source-priority-panel > header { align-items: flex-start; flex-direction: column; }
  .source-priority-list article { grid-template-columns: 28px minmax(0, 1fr); }
  .source-priority-list article > div:nth-child(3), .source-priority-list article > a { grid-column: 2; }
  .source-priority-list article > a { grid-row: auto; justify-self: start; }
  .source-catalog-intro { align-items: flex-start; flex-direction: column; }
  .breakthrough-table { overflow-x: auto; }
  .breakthrough-table article, .breakthrough-table .record-head { min-width: 960px; }
  .job-funnel-source-table { overflow-x: auto; }
  .job-funnel-source-table article, .job-funnel-source-table .record-head { min-width: 980px; }
  .recipe-runs-table { overflow-x: auto; }
  .recipe-runs-table article, .recipe-runs-table .record-head { min-width: 900px; }
  .form-mapping-table { overflow-x: auto; }
  .form-mapping-table article, .form-mapping-table .record-head { min-width: 1080px; }
  .fill-review-table { overflow-x: auto; }
  .fill-review-table article, .fill-review-table .record-head { min-width: 1140px; }
  .draft-proof-table { overflow-x: auto; }
  .draft-proof-table article, .draft-proof-table .record-head { min-width: 1100px; }
  .draft-runs-table { overflow-x: auto; }
  .draft-runs-table article, .draft-runs-table .record-head { min-width: 980px; }
  .apply-status-strip { grid-template-columns: 1fr; }
  .apply-status-strip article { border-left: 0; border-top: 1px solid var(--border); }
  .apply-status-strip article:first-child { border-top: 0; }
  .fill-review-gates, .fill-review-execution { grid-template-columns: 1fr; }
  .fill-review-gates article, .fill-review-execution article { border-left: 0; border-top: 1px solid var(--border); }
  .fill-review-gates article:first-child, .fill-review-execution article:first-child { border-top: 0; }
  .form-corpus-table { overflow-x: auto; }
  .form-corpus-table article, .form-corpus-table .record-head { min-width: 980px; }
  .form-demo-summary { grid-template-columns: 1fr; }
  .form-demo-summary article { border-left: 0; border-top: 1px solid var(--border); }
  .form-demo-summary article:first-child { border-top: 0; }
  .profile-form-grid { grid-template-columns: 1fr; }
  .profile-check-grid { grid-template-columns: 1fr; }
  .profile-check-grid article { border-left: 0; border-top: 1px solid var(--border); }
  .profile-check-grid article:first-child { border-top: 0; }
  .breakthrough-summary, .breakthrough-next-grid, .breakthrough-stage-strip { grid-template-columns: 1fr; }
  .breakthrough-summary article, .breakthrough-next-grid article, .breakthrough-stage-strip article { border-left: 0; border-top: 1px solid var(--border); }
  .breakthrough-summary article:first-child, .breakthrough-next-grid article:first-child, .breakthrough-stage-strip article:first-child { border-top: 0; }
  .apply-state-strip { grid-template-columns: 1fr; }
  .apply-state-strip article, .apply-state-strip article:nth-child(n + 4) { border-left: 0; border-top: 1px solid var(--border); }
  .apply-state-strip article:first-child { border-top: 0; }
  .recipe-ops-grid { grid-template-columns: 1fr; }
  .recipe-ops-grid article, .recipe-ops-grid article:nth-child(n + 3) { border-left: 0; border-top: 1px solid var(--border); }
  .recipe-ops-grid article:first-child { border-top: 0; }
  .relevant-route-grid { grid-template-columns: 1fr; }
  .relevant-route-grid article, .relevant-route-grid article:nth-child(n + 3) { border-left: 0; border-top: 1px solid var(--border); }
  .relevant-route-grid article:first-child { border-top: 0; }
  .jobs-balance-grid { grid-template-columns: 1fr; }
  .jobs-balance-grid article, .jobs-balance-grid article:nth-child(n + 3) { border-left: 0; border-top: 1px solid var(--border); }
  .jobs-balance-grid article:first-child { border-top: 0; }
  .direct-route-grid { grid-template-columns: 1fr; }
  .direct-route-grid article, .direct-route-grid article:nth-child(n + 3) { border-left: 0; border-top: 1px solid var(--border); }
  .direct-route-grid article:first-child { border-top: 0; }
  .breakthrough-url-grid { grid-template-columns: 1fr; }
  .breakthrough-service-flow { grid-template-columns: 1fr; }
  .breakthrough-service-flow article { border-top: 1px solid var(--border); border-left: 0; }
  .breakthrough-service-flow article:first-child { border-top: 0; }
  .breakthrough-service-legend { justify-content: flex-start; overflow-x: auto; }
  .compiler-mental-model { grid-template-columns: 1fr; }
  .compiler-mental-model article { border-left: 0; border-top: 1px solid var(--border); }
  .compiler-mental-model article:first-child { border-top: 0; }
  .compiler-mental-model article:not(:last-child)::after { content: "↓"; top: auto; right: 16px; bottom: -10px; }
  .compiler-state-inspector { grid-template-columns: 1fr; }
  .compiler-state-inspector article { border-left: 0; border-top: 1px solid var(--border); }
  .compiler-state-inspector article:first-child { border-top: 0; }
  .apply-step-list { overflow-x: auto; }
  .apply-step-list article { min-width: 860px; }
  .apply-step-list.compact { overflow-x: visible; }
  .apply-step-list.compact article { min-width: 0; }
  .forms-hero, .forms-detail-head { align-items: stretch; flex-direction: column; }
  .forms-hero-total { min-width: 0; place-items: start; border-top: 1px solid var(--border); border-left: 0; padding: 16px 0 0; }
  .forms-lifecycle-grid { grid-template-columns: 1fr; }
  .forms-lifecycle-grid article, .forms-lifecycle-grid article:nth-child(n + 3) { border-left: 0; border-top: 1px solid var(--border); }
  .forms-lifecycle-grid article:first-child { border-top: 0; }
  .forms-list-toolbar { align-items: stretch; flex-direction: column; }
  .forms-detail-actions { flex-wrap: wrap; justify-content: flex-start; }
  .forms-tailored-panel, .forms-tailored-panel.result > header { align-items: stretch; flex-direction: column; }
  .forms-tailored-actions { flex-wrap: wrap; }
  .forms-tailored-audit { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .forms-tailored-audit > div:nth-child(3) { grid-column: 1 / -1; border-top: 1px solid var(--border); border-left: 0; }
  .forms-detail-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .forms-detail-summary article:nth-child(3) { border-top: 1px solid var(--border); border-left: 0; }
  .forms-detail-summary article:nth-child(4) { border-top: 1px solid var(--border); }
  .forms-value-row { grid-template-columns: 1fr auto; }
  .forms-value-content { grid-column: 1 / -1; grid-row: 2; }
  .forms-value-row > .status-pill { grid-column: 2; grid-row: 1; }
  .forms-technical-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .forms-technical-grid > div:nth-child(3) { border-top: 1px solid var(--border); border-left: 0; }
  .forms-technical-grid > div:nth-child(4) { border-top: 1px solid var(--border); }
  .pipeline-next-grid { grid-template-columns: 1fr; }
  .pipeline-next-grid article { border-top: 1px solid var(--border); border-left: 0; }
  .pipeline-next-grid article:first-child { border-top: 0; }
  .pipeline-filter-toolbar { align-items: stretch; flex-direction: column; }
  .pipeline-filter-toolbar > span { padding: 0 4px; }
  .pipeline-site-card header { grid-template-columns: minmax(0, 1fr) auto; }
  .pipeline-site-card header .status-pill { grid-column: 1 / -1; justify-self: start; }
  .route-loading { min-height: calc(100vh - 64px); padding: 14px; }
  .route-loading > div { min-height: 260px; padding: 24px; }
  .list-pager { align-items: stretch; flex-direction: column; }
}

@media (max-width: 520px) {
  .daily-metrics, .crm-summary { grid-template-columns: 1fr; }
  .crm-summary > div + div { border-top: 1px solid var(--border); border-left: 0; }
  .cdp-diagnosis { grid-template-columns: 1fr; }
  .cdp-diagnosis article + article { border-top: 1px solid var(--border); border-left: 0; }
  .apply-next-panel { grid-template-columns: 1fr; }
  .apply-next-panel button { width: 100%; }
  .apply-run-summary { grid-template-columns: 1fr; }
  .apply-run-summary article + article { border-top: 1px solid var(--border); border-left: 0; }
  .apply-run-url { grid-template-columns: 1fr; }
  .overview-heading, .crm-heading { align-items: flex-start; flex-direction: column; }
  .heading-quota { width: 100%; border-top: 1px solid var(--border); border-left: 0; padding-top: 12px; padding-left: 0; text-align: left; }
  .pipeline-stages { overflow-x: auto; }
  .pipeline-stages > div { min-width: 90px; }
  .setup-panel li { align-items: start; }
  .incoming { max-width: 94%; }
  .reply-draft > div { align-items: stretch; flex-direction: column; }
  .offer-catalog-grid, .offer-spec { grid-template-columns: 1fr; }
  .offer-catalog-grid article { border-top: 1px solid var(--border); border-left: 0; }
  .offer-catalog-grid article:first-child { border-top: 0; }
  .offer-spec > div:nth-child(even) { border-left: 0; }
  .offer-spec > div + div { border-top: 1px solid var(--border); }
  .city-source-grid { grid-template-columns: 1fr; }
  .city-source-grid article, .city-source-grid article:nth-child(-n + 2) { border-top: 1px solid var(--border); border-left: 0; }
  .city-source-grid article:first-child { border-top: 0; }
  .source-region-grid { grid-template-columns: 1fr; }
  .source-region-grid article, .source-region-grid article:nth-child(-n + 2) { border-top: 1px solid var(--border); border-left: 0; }
  .source-region-grid article:first-child { border-top: 0; }
  .compiler-graph { grid-template-columns: 1fr; }
  .compiler-graph article, .compiler-graph article:nth-child(-n + 2) { border-top: 1px solid var(--border); border-left: 0; }
  .compiler-graph article:first-child { border-top: 0; }
  .research-scope-grid { grid-template-columns: 1fr; }
  .research-scope-grid article { border-top: 1px solid var(--border); border-left: 0; }
  .research-scope-grid article:first-child { border-top: 0; }
  .forms-hero, .forms-detail-head { padding: 18px; }
  .forms-detail-summary { grid-template-columns: 1fr; }
  .forms-tailored-audit { grid-template-columns: 1fr; }
  .forms-tailored-audit > div + div, .forms-tailored-audit > div:nth-child(3) { grid-column: auto; border-top: 1px solid var(--border); border-left: 0; }
  .forms-detail-summary article + article, .forms-detail-summary article:nth-child(3), .forms-detail-summary article:nth-child(4) { border-top: 1px solid var(--border); border-left: 0; }
  .forms-value-row { gap: 12px; padding: 15px 16px; }
  .forms-technical-grid { grid-template-columns: 1fr; }
  .forms-technical-grid > div + div, .forms-technical-grid > div:nth-child(4) { border-top: 1px solid var(--border); border-left: 0; }
  .pipeline-coverage-flow { grid-template-columns: 1fr; }
  .pipeline-coverage-flow article + article, .pipeline-coverage-flow article:nth-child(4), .pipeline-coverage-flow article:nth-child(5) { border-top: 1px solid var(--border); border-left: 0; }
  .pipeline-stepper { overflow-x: auto; }
  .pipeline-stepper div { min-width: 128px; }
}

/* People: candidates pulled from the hiring thread */
.people-list { display: grid; gap: 10px; }
.people-card { border: 1px solid var(--border); border-radius: 10px; padding: 12px 14px; background: var(--surface); }
.people-card header { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.people-card header strong { font-size: 14px; }
.people-card header span { color: var(--muted); font-size: 12px; }
.people-card header em { margin-left: auto; color: var(--muted); font-size: 12px; font-style: normal; }
.people-tech { margin: 6px 0 0; font-size: 13px; line-height: 1.45; }
.people-meta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 6px; }
.people-meta span { font-size: 12px; color: var(--muted); }
.people-links { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 8px; }

/* People: one stored conversation */
.people-thread-list { display: grid; gap: 10px; }
.people-message { border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; }
.people-message.outbound { background: var(--subtle); }
.people-message.inbound { background: var(--green-soft); }
.people-message header { display: flex; align-items: baseline; gap: 10px; }
.people-message header em { margin-left: auto; color: var(--muted); font-size: 12px; font-style: normal; }
.people-message p { margin: 6px 0 0; font-size: 13px; line-height: 1.5; }
.people-card .people-thread-list { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--border); }
.people-price { display: flex; align-items: baseline; gap: 8px; margin-top: 6px; }
.people-price strong { font-size: 15px; }
.people-price span { font-size: 12px; color: var(--muted); }
.people-price em { font-size: 12px; color: var(--muted); font-style: normal; margin-left: auto; }
.people-message.draft { background: var(--amber-soft); border-style: dashed; }
.draft-badge { font-size: 11px; color: var(--amber); border: 1px solid var(--amber); border-radius: 999px; padding: 1px 8px; }


/* The reach funnel on the statistics page. Named apart from the .funnel-panel
   cards on the overview so the two cannot inherit each other's spacing. */
.reach-steps { display: flex; flex-direction: column; gap: 10px; padding: 18px 20px 20px; }
.reach-step { display: grid; grid-template-columns: 15rem 1fr auto; gap: 14px; align-items: center; }
.reach-label { font-size: 13px; color: var(--muted-foreground); }
.reach-track { height: 12px; border-radius: 3px; background: var(--subtle); overflow: hidden; }
/* Four tones, from the palette the rest of the application already uses: what
   has been collected, what we did with it, what came back, and where it stops. */
.reach-fill { display: block; height: 100%; border-radius: 3px; background: var(--blue); }
.reach-fill.thin { background: var(--amber); }
.reach-fill.work { background: var(--green); }
.reach-fill.last { background: var(--red); }
.reach-n { font-variant-numeric: tabular-nums; font-size: 13px; min-width: 3.5rem; text-align: right; }
.reach-note { margin: 6px 0 0; font-size: 13px; color: var(--muted-foreground); }
@media (max-width: 720px) {
  .reach-step { grid-template-columns: 1fr auto; }
  .reach-track { grid-column: 1 / -1; }
}

/* Headings that separate what is planned from what runs. */
.nav-heading { margin: 10px 4px 4px; color: var(--muted); font-size: 11px;
  font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.nav-heading:first-child { margin-top: 0; }
.next-panel .panel-heading { align-items: flex-start; gap: 16px; }
.next-panel .panel-heading h2 { margin: 0 0 4px; font-size: 18px; letter-spacing: -.01em; }
.next-panel .panel-heading p { margin: 0; color: var(--muted); font-size: 14px; max-width: 52ch; }
.next-body { display: grid; gap: 1px; background: var(--border); border-top: 1px solid var(--border); }
.next-body article { background: var(--surface); padding: 16px 18px; }
.next-body h3 { margin: 0 0 6px; color: var(--muted); font-size: 12px; font-weight: 820;
  letter-spacing: .04em; text-transform: uppercase; }
.next-body p { margin: 0; font-size: 15px; line-height: 1.62; max-width: 68ch; }
.state { display: inline-flex; align-items: center; gap: 6px; flex: none;
  border: 1px solid var(--border-strong); border-radius: 999px; padding: 3px 10px;
  color: var(--muted); font-size: 12px; font-weight: 700; white-space: nowrap; }

/* The queue of moves that are ours. */
.move-list { display: grid; gap: 1px; background: var(--border); border-top: 1px solid var(--border); }
.move-list article { background: var(--surface); padding: 14px 18px; }
.move-list header { display: flex; flex-wrap: wrap; align-items: baseline; gap: 9px; }
.move-list header strong { font-size: 15px; }
.move-list header em { color: var(--muted); font-size: 13px; font-style: normal; }
.move-list .waiting { margin-left: auto; border: 1px solid var(--border-strong);
  border-radius: 999px; padding: 2px 9px; font-size: 12px; font-weight: 700;
  font-variant-numeric: tabular-nums; }
.move-list article.stale .waiting { border-color: #c0392b; color: #c0392b; }
.move-list p { margin: 8px 0 10px; font-size: 14px; line-height: 1.55; max-width: 74ch; }
/* Items keep their own height. Stretched by default, the one filled button grew
   to the height of the three lines of blockers beside it. */
.move-list footer { display: flex; flex-wrap: wrap; align-items: flex-start;
  gap: 8px 14px; }
.move-list footer > .blockers { flex: 1 1 320px; margin-top: 0; }
.move-list footer > .side-actions { flex: 1 1 100%; }
.next-empty { margin: 0; padding: 16px 18px; border-top: 1px solid var(--border);
  color: var(--muted); font-size: 14px; }

/* Two rows of tabs: the letters, and the work the letters sell. */
/* The rows carry the spacing, because zeroing the margin on the tabs inside
   them took away the gap the page heading leaves for them. */
.stage-rows { display: grid; gap: 10px; margin: 18px 0; }
.stage-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.stage-row .statistics-tabs { margin: 0; flex-wrap: wrap; }
.stage-number { display: flex; align-items: baseline; gap: 14px; padding: 20px 18px;
  border-top: 1px solid var(--border); }
.stage-number b { font-size: 34px; line-height: 1; letter-spacing: -.035em;
  font-variant-numeric: tabular-nums; }
.stage-number span { color: var(--muted); font-size: 14px; max-width: 56ch; }

/* The shortlist under a candidate: what would be applied to, before it is. */






.shortlist-run { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 12px 0 4px; }
.shortlist-run small { color: var(--muted); font-size: 13px; }








/* One row per posting, in the table style the rest of the app uses. Narrower
   than the full-page tables because it sits inside a person's card. */
.batch { margin: 14px 0 4px; }
.batch .summary-strip { margin: 0 0 12px; }
/* Scoped to this table. Written as a bare .record-head it was the last such rule
   in the file and quietly set the minimum width of every table in the app. */
.batch-table .record-head, .batch-table article { min-width: 620px;
  grid-template-columns: minmax(180px, 1.2fr) minmax(150px, .9fr) minmax(180px, 1.1fr) 120px; }
.batch-table { margin: 4px 0 2px; border: 1px solid var(--border);
  border-radius: var(--control-radius); overflow-x: auto; }
.batch-table .status-pill { justify-self: start; }
/* The questions a form is still waiting on, as chips rather than a paragraph. */
.question-chips { display: flex; flex-wrap: wrap; gap: 4px; }
.question-chips span { display: inline-flex; width: auto; max-width: 100%; margin: 0;
  border-radius: 999px; background: var(--subtle); color: var(--muted);
  padding: 2px 8px; font-size: 12px; }
.batch-table .why { display: block; margin-top: 4px; color: var(--muted); font-size: 12px;
  line-height: 1.45; }
.link-button { margin-top: 4px; border: 0; background: none; padding: 0; color: var(--blue);
  cursor: pointer; font-size: 12px; font-weight: 650; }

/* What is running right now, and what is waiting behind it. */
/* Stuck to the top: it says what is running right now, and scrolled off the
   screen it was answering a question nobody could see it answering. */
.work-bar { position: sticky; top: 0; z-index: 30; display: grid; gap: 4px;
            margin: 0 0 12px; padding: 6px 0;
            background: var(--background); }
/* One line, always the same height. Wrapping, a long tail from the log threw
   the strip to two and three rows and the page under it jumped every four
   seconds as the text changed. */
/* Scoped to the strip, and resetting what it inherits. There is another
   .work-item in styles.css - a different list, on a different page - and its
   min-height of 105px beat a plain height of 34: min-height always does. The
   strip was three lines tall and no amount of setting the height moved it. */
#work-bar .work-item { display: flex; flex-wrap: nowrap; align-items: center; gap: 10px;
  box-sizing: border-box; height: 42px; min-height: 42px; overflow: hidden;
  border: 1px solid var(--border-strong); border-left: 3px solid var(--blue);
  border-radius: var(--control-radius); background: var(--surface);
  padding: 0 12px; font-size: 13px; }
#work-bar .work-item.queued { border-left-color: var(--border-strong); opacity: .75; }
/* A run that died says so on the page, in the colour of a thing that died. */
#work-bar .work-item.failed { border-left-color: var(--red); }
#work-bar .work-item.failed .work-state { color: var(--red); font-weight: 700; }
.work-state { flex: 0 0 auto; color: var(--blue); font-weight: 750; }
/* The strip's own buttons sit on the line, not below it: the shared link button
   carries a 4px top margin meant for a column of them, which pushed this one
   off centre and clipped its underside against the fixed height. */
#work-bar .work-item .link-button { flex: 0 0 auto; margin-top: 0; line-height: 1; }
#work-bar .work-item.queued .work-state { color: var(--muted); }
.work-title { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap; font-weight: 650; }
.work-age { flex: 0 0 auto; color: var(--muted); font-variant-numeric: tabular-nums; }
.work-tail { flex: 1 1 120px; min-width: 0; color: var(--muted); overflow: hidden;
  text-overflow: ellipsis; white-space: nowrap; }
/* Where a source is actually read from, under its name. */
.source-identity .source-url { display: block; margin-top: 2px; color: var(--muted);
  font-size: 11px; text-decoration: none; font-variant-numeric: tabular-nums; }
.source-identity a.source-url:hover { color: var(--blue); text-decoration: underline; }
.source-identity .source-url.none { color: var(--red); opacity: .7; }
/* What keeps this person's forms open, three at a time. */
.blockers { display: flex; flex-direction: column; gap: 2px; margin-top: 8px;
            color: var(--muted); font-size: 12px; }
.blockers b { color: var(--amber); font-variant-numeric: tabular-nums;
              margin-right: 6px; }
.evidence-panel { flex: 1 1 420px; display: flex; flex-direction: column; gap: 6px;
  min-width: 280px; margin-top: 8px; font-size: 12px; }
.evidence-panel > div { display: flex; flex-direction: column; gap: 4px;
  padding: 6px 8px; border: 1px solid var(--border);
  background: var(--surface-soft); border-radius: 6px; }
.evidence-head { display: grid; grid-template-columns: minmax(140px, 1fr) auto auto;
  align-items: center; gap: 8px; }
.evidence-panel span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  color: var(--muted); }
.evidence-panel b { color: var(--amber); font-variant-numeric: tabular-nums; margin-right: 6px; }
.evidence-panel strong { color: var(--foreground); font-weight: 700; white-space: nowrap; }
.evidence-panel p { margin: 0; color: var(--foreground); line-height: 1.35; overflow-wrap: anywhere; }
.evidence-panel .evidence-question,
.evidence-panel .evidence-reason { color: var(--muted); }
.evidence-panel a, .evidence-panel em { color: var(--muted); font-style: normal; overflow-wrap: anywhere; }
.evidence-panel .toolbar-button { margin: 0; padding: 5px 9px; min-height: 28px; }
.evidence-panel .evidence-muted { opacity: .72; }
/* Another posting by an employer already on the list: shown, because it is what
   the board published, but counted nowhere. */
.batch-table article.duplicate { opacity: .5; }
/* The form the browser is on at this moment. */
.batch-table article.current { background: var(--blue-soft);
  box-shadow: inset 3px 0 0 var(--blue); }
.batch-table article.current strong::after { content: " · заполняется";
  color: var(--blue); font-weight: 650; }
/* The list of forms, folded. */
.batch-fold { margin: 8px 0 4px; }
.batch-fold > summary { cursor: pointer; color: var(--muted); font-size: 13px;
                        font-weight: 650; list-style: none; padding: 4px 0; }
.batch-fold > summary::-webkit-details-marker { display: none; }
.batch-fold > summary::before { content: "▸ "; }
.batch-fold[open] > summary::before { content: "▾ "; }
.batch-fold > summary:hover { color: var(--foreground); }
/* The row under the one button that matters: everything else a person's card
   can do, quiet and on one line. Eleven equal buttons made the next step
   impossible to find. */
.side-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
                margin-top: 8px; font-size: 12px; }
.side-actions a { color: var(--blue); text-decoration: none; font-weight: 650; }
.side-actions a:hover { text-decoration: underline; }
.side-actions .link-button { margin-top: 0; }
/* A result, not a control: the count of postings the model matched to this
   person. On the button it read as an amount of work waiting. */
.match-count { align-self: center; color: var(--muted); font-size: 13px;
               font-variant-numeric: tabular-nums; }
/* Said, not linked, when there is nothing to link to. */
.no-cv { align-self: center; color: var(--muted); font-size: 13px; }
.batch-table .board { display: block; color: var(--muted); font-size: 12px; opacity: .85;
                      text-decoration: none; }
.batch-table a.board:hover { color: var(--blue); text-decoration: underline; }

/* Keywords. A word earns orange by being a keyword - a technology, tool,
   method or role, something that says what the work is. Ordinary language
   stays white: it is kept for the record and weighs almost nothing. */
.keywords-table .record-head, .keywords-table article { grid-template-columns: minmax(220px, 1.3fr) minmax(110px, .5fr) minmax(120px, .5fr) minmax(150px, .7fr) minmax(140px, .6fr); }
.keywords-table article strong { display: block; overflow: hidden; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }
.keywords-table article span { display: block; margin-top: 4px; color: var(--muted); font-size: 13px; }
.keywords-table article b { font-size: 19px; font-variant-numeric: tabular-nums; }
.keywords-table article.keyword-row { background: color-mix(in oklch, var(--amber-soft) 46%, var(--surface)); box-shadow: inset 4px 0 0 var(--amber); }
.keywords-table article.keyword-row:hover { background: color-mix(in oklch, var(--amber-soft) 62%, var(--surface)); }
.keywords-table article.keyword-row strong { color: var(--amber); }
.keywords-table article.ordinary-row strong { color: var(--foreground); }
.keywords-table article.keyword-empty { display: block; padding: 18px 16px; color: var(--muted); }
.keywords-table .pull-yes { color: var(--green); }
.keywords-table .pull-no { color: var(--red); }
.keywords-table .quiet { color: var(--muted); }
.keywords-controls { display: flex; gap: 10px; align-items: center; }
.keywords-controls input, .keywords-controls select { min-height: 34px; border: 1px solid var(--border-strong); border-radius: var(--control-radius); background: var(--surface); color: var(--foreground); padding: 5px 10px; font-size: 14px; }
.keywords-controls input { width: 200px; }