:root {
  color-scheme: light;
  --bg: #f4f7f8;
  --panel: #ffffff;
  --panel-soft: #f8fbfb;
  --ink: #15232b;
  --muted: #667780;
  --line: #d9e3e7;
  --accent: #246a73;
  --accent-strong: #164e57;
  --green: #20845a;
  --amber: #9a6415;
  --blue: #335c9f;
  --rose: #a83b5e;
  --shadow: 0 12px 30px rgba(25, 52, 61, 0.08);
}

/* Sales intelligence and explainable customer-value scoring */
.sales-signal-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
}

.sales-signal-chip,
.customer-value-inline {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 24px;
  padding: 3px 7px;
  border: 1px solid #d7e0e3;
  border-radius: 4px;
  background: #fff;
  color: #33474d;
  font-size: 11px;
  line-height: 1.2;
  letter-spacing: 0;
}

.sales-signal-chip strong {
  color: #162c31;
  font-weight: 700;
}

.sales-signal-chip small {
  color: #697b80;
}

.signal-funding {
  border-color: #d5b36a;
  background: #fffaf0;
}

.signal-ai-news {
  border-color: #7fb1c2;
  background: #f2f9fb;
}

.signal-ai-hiring {
  border-color: #8eb99c;
  background: #f3faf5;
}

.customer-value-section {
  margin: 22px 0 26px;
}

.customer-value-section.is-invalid {
  opacity: 0.72;
}

.customer-value-band {
  display: grid;
  grid-template-columns: 128px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  padding: 18px 0;
  border-top: 1px solid #d9e2e5;
  border-bottom: 1px solid #d9e2e5;
}

.customer-value-total {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.customer-value-total strong {
  color: #133d45;
  font-size: 38px;
  line-height: 1;
  letter-spacing: 0;
}

.customer-value-total span,
.customer-value-copy span {
  color: #6a7a80;
  font-size: 12px;
}

.customer-value-copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.customer-value-copy strong {
  color: #23383d;
  font-size: 14px;
  line-height: 1.55;
}

.customer-value-dimensions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  padding: 18px 0 8px;
}

.value-dimension {
  min-width: 0;
}

.value-dimension > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  color: #293e43;
  font-size: 12px;
}

.value-dimension > div:first-child span,
.value-dimension > small {
  color: #6c7e83;
}

.value-dimension > small {
  display: block;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.45;
}

.value-meter {
  height: 5px;
  margin-top: 8px;
  overflow: hidden;
  border-radius: 2px;
  background: #e7edef;
}

.value-meter i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #1c6875;
}

.sales-intelligence-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.sales-intelligence-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid #d8e1e4;
  border-top: 3px solid #8ca0a6;
  border-radius: 6px;
  background: #fff;
}

.sales-intelligence-card.signal-funding {
  border-top-color: #b48a2e;
}

.sales-intelligence-card.signal-ai-news {
  border-top-color: #3d849b;
}

.sales-intelligence-card.signal-ai-hiring {
  border-top-color: #4f8b63;
}

.sales-intelligence-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.sales-intelligence-head > div {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.sales-intelligence-head span,
.signal-checked {
  color: #6a7b80;
  font-size: 11px;
}

.sales-intelligence-head strong {
  color: #233a40;
  font-size: 13px;
  line-height: 1.35;
}

.sales-intelligence-head b {
  color: #163f47;
  font-size: 22px;
  line-height: 1;
}

.sales-intelligence-head b small {
  color: #7a898d;
  font-size: 10px;
}

.signal-evidence-list {
  display: grid;
  gap: 8px;
  margin: 12px 0;
}

.signal-evidence-link {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding-top: 8px;
  border-top: 1px solid #e4eaec;
  color: inherit;
  text-decoration: none;
}

.signal-evidence-link > span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.signal-evidence-link strong,
.signal-evidence-link p {
  overflow-wrap: anywhere;
}

.signal-evidence-link strong {
  color: #1c4d57;
  font-size: 12px;
  line-height: 1.4;
}

.signal-evidence-link small,
.signal-evidence-link p,
.signal-empty {
  color: #6b7b80;
  font-size: 11px;
  line-height: 1.5;
}

.signal-evidence-link p,
.signal-empty {
  margin: 0;
}

.signal-checked {
  display: block;
  margin-top: 10px;
}

@media (max-width: 980px) {
  .customer-value-dimensions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sales-intelligence-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .customer-value-band,
  .customer-value-dimensions {
    grid-template-columns: 1fr;
  }

  .customer-value-total strong {
    font-size: 32px;
  }
}

/* Customer-first authority prospect workflow */
.authority-action-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 14px;
}

.authority-action-stat {
  display: flex;
  min-width: 0;
  min-height: 72px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--panel);
  color: var(--muted);
  text-align: left;
  cursor: pointer;
}

.authority-action-stat:hover,
.authority-action-stat.active {
  border-color: #74a5ad;
  background: #edf6f6;
  color: var(--accent-strong);
}

.authority-action-stat span {
  min-width: 0;
  font-size: 12px;
  line-height: 1.35;
}

.authority-action-stat strong {
  flex: 0 0 auto;
  color: var(--ink);
  font-size: 26px;
  line-height: 1;
}

.authority-more-filters {
  position: relative;
}

.authority-more-filters > summary,
.authority-reference-panel > summary,
.authority-source-panel > summary {
  list-style: none;
  cursor: pointer;
}

.authority-more-filters > summary::-webkit-details-marker,
.authority-reference-panel > summary::-webkit-details-marker,
.authority-source-panel > summary::-webkit-details-marker {
  display: none;
}

.authority-more-filters > summary {
  display: flex;
  min-height: 40px;
  align-items: center;
  padding: 0 34px 0 12px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--panel);
  color: #38525a;
  font-size: 13px;
}

.authority-more-filters > summary::after {
  position: absolute;
  right: 12px;
  content: "+";
  font-size: 16px;
}

.authority-more-filters[open] > summary::after {
  content: "−";
}

.authority-more-filters > div {
  position: absolute;
  z-index: 10;
  top: calc(100% + 6px);
  right: 0;
  display: grid;
  min-width: 230px;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--panel);
  box-shadow: var(--shadow);
}

.authority-opportunity-list {
  border-top: 1px solid var(--line);
}

.authority-prospect-row {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 18px;
  padding: 20px 0;
  border-bottom: 1px solid var(--line);
}

.authority-prospect-score {
  display: grid;
  width: 70px;
  height: 70px;
  align-content: center;
  justify-items: center;
  border: 1px solid #d2e0e3;
  border-radius: 6px;
  background: #f7fafb;
}

.authority-prospect-score strong {
  color: var(--ink);
  font-size: 24px;
  line-height: 1;
}

.authority-prospect-score span,
.authority-prospect-score small {
  color: var(--muted);
  font-size: 9px;
  line-height: 1.35;
}

.authority-prospect-main {
  min-width: 0;
}

.authority-prospect-heading,
.authority-prospect-foot,
.authority-prospect-actions {
  display: flex;
  align-items: center;
}

.authority-prospect-heading,
.authority-prospect-foot {
  justify-content: space-between;
  gap: 16px;
}

.authority-prospect-heading > div:first-child {
  min-width: 0;
}

.authority-prospect-heading h2,
.prospect-company-link {
  margin: 0;
  color: var(--ink);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
}

.authority-prospect-heading p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.authority-prospect-heading .pill-stack {
  justify-content: flex-end;
}

.prospect-status-ready {
  background: #e2f2e8;
  color: #176345;
}

.prospect-status-fit {
  background: #e8f1f7;
  color: #245d7b;
}

.prospect-status-review,
.prospect-status-new {
  background: #fff1d6;
  color: #7b5516;
}

.authority-trigger {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 3px 10px;
  margin-top: 13px;
}

.authority-trigger > span {
  grid-row: span 2;
  color: var(--muted);
  font-size: 11px;
}

.authority-trigger a {
  color: var(--accent-strong);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.authority-trigger small {
  color: var(--muted);
  font-size: 11px;
}

.authority-prospect-context {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 14px;
  padding: 12px 0;
  border-top: 1px solid #e5ebed;
  border-bottom: 1px solid #e5ebed;
}

.authority-prospect-context span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
}

.authority-prospect-context p {
  margin-top: 4px;
  color: #304a52;
  font-size: 12px;
  line-height: 1.5;
}

.authority-prospect-foot {
  margin-top: 12px;
}

.authority-prospect-foot .authority-item-tags {
  margin-top: 0;
}

.authority-prospect-actions {
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}

.authority-prospect-actions a {
  text-decoration: none;
}

.authority-reference-panel,
.authority-source-panel {
  margin-top: 18px;
  border-top: 1px solid var(--line);
}

.authority-reference-panel > summary,
.authority-source-panel > summary {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  color: #38525a;
  font-size: 13px;
  font-weight: 750;
}

.authority-reference-panel > summary::after,
.authority-source-panel > summary::after {
  content: "+";
  margin-left: 10px;
  color: var(--muted);
  font-size: 18px;
}

.authority-reference-panel[open] > summary::after,
.authority-source-panel[open] > summary::after {
  content: "−";
}

.authority-reference-panel > summary strong {
  margin-left: auto;
  color: var(--muted);
  font-size: 12px;
}

.authority-reference-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 0;
  border-bottom: 1px solid var(--line);
}

.authority-reference-item > div:first-child {
  display: grid;
  min-width: 0;
  gap: 4px;
}

.authority-reference-item span {
  color: var(--muted);
  font-size: 10px;
}

.authority-reference-item a,
.lead-authority-signal-list a {
  color: var(--accent-strong);
  text-decoration: none;
}

.authority-source-panel .authority-source-grid {
  padding-bottom: 8px;
}

.lead-authority-signals .detail-section-heading {
  margin-bottom: 10px;
}

.lead-authority-signal-list {
  display: grid;
  gap: 8px;
}

.lead-authority-signal-list a {
  display: grid;
  gap: 3px;
  padding: 9px 0;
  border-top: 1px solid var(--line);
}

.lead-authority-signal-list span {
  color: var(--muted);
  font-size: 10px;
}

.lead-authority-signal-list strong {
  color: #304a52;
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 960px) {
  .authority-action-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .authority-prospect-context {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

@media (max-width: 620px) {
  .authority-action-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .authority-action-stat {
    min-height: 64px;
    padding: 10px;
  }

  .authority-action-stat strong {
    font-size: 22px;
  }

  .authority-prospect-row {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .authority-prospect-score {
    width: 100%;
    height: 48px;
    grid-template-columns: auto auto auto;
    align-content: center;
    justify-content: start;
    gap: 6px;
    padding: 0 10px;
  }

  .authority-prospect-heading,
  .authority-prospect-foot,
  .authority-reference-item {
    align-items: flex-start;
    flex-direction: column;
  }

  .authority-prospect-heading .pill-stack,
  .authority-prospect-actions {
    justify-content: flex-start;
  }

  .authority-prospect-actions {
    width: 100%;
  }

  .authority-prospect-actions > * {
    flex: 1;
    min-width: 120px;
    text-align: center;
  }

  .authority-trigger {
    grid-template-columns: 1fr;
  }

  .authority-trigger > span {
    grid-row: auto;
  }

  .authority-more-filters {
    width: 100%;
  }

  .authority-more-filters > div {
    right: auto;
    left: 0;
    width: 100%;
  }
}

.pill-source-signal {
  border-color: #c9ddd4;
  background: #eef7f2;
  color: #236247;
}

.external-source-section {
  margin-top: 24px;
}

.external-source-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  gap: 12px;
}

.external-source-card {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.external-source-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.external-source-head span {
  color: var(--muted);
  font-size: 11px;
}

.external-source-head h3 {
  margin-top: 4px;
  font-size: 15px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.external-source-head > strong {
  flex: 0 0 auto;
  padding: 3px 6px;
  border: 1px solid;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 700;
}

.source-status-active {
  border-color: #b8d8c8;
  background: #edf7f1;
  color: #206044;
}

.source-status-license {
  border-color: #e3d09d;
  background: #fff8e8;
  color: #7b5814;
}

.source-status-pending {
  border-color: #d8dfe3;
  background: #f5f7f8;
  color: #596870;
}

.external-source-coverage {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.external-source-coverage span {
  min-width: 0;
  padding: 7px;
  border: 1px solid #e2e8eb;
  border-radius: 4px;
  color: var(--muted);
  font-size: 10px;
  text-align: center;
}

.external-source-coverage b {
  display: block;
  color: var(--text);
  font-size: 15px;
}

.external-source-card p {
  margin-top: 12px;
  color: #596970;
  font-size: 12px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.external-source-card > a {
  display: inline-flex;
  margin-top: 10px;
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 700;
}

.external-intelligence-panel {
  margin-top: 14px;
}

.external-signal-group + .external-signal-group {
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.external-app-list,
.external-legal-list {
  margin-top: 8px;
}

.external-app-row {
  display: grid;
  grid-template-columns: minmax(180px, 0.8fr) minmax(220px, 1.2fr);
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 9px 0;
  border-bottom: 1px solid #e7ecee;
}

.external-app-row:last-child {
  border-bottom: 0;
}

.external-app-row a,
.external-legal-list a {
  color: var(--accent-strong);
  font-weight: 700;
}

.external-app-row small,
.external-legal-list small {
  display: block;
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 400;
}

.external-legal-list a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 10px 0;
  border-bottom: 1px solid #e7ecee;
}

.external-signal-note {
  margin-top: 8px;
  color: #65757c;
  font-size: 11px;
  line-height: 1.5;
}

.external-source-links {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
}

.external-source-links a {
  padding: 4px 7px;
  border: 1px solid #d7e1e5;
  border-radius: 4px;
  color: #46616b;
  font-size: 10px;
  font-weight: 700;
}

.external-observed-at {
  display: block;
  margin-top: 10px;
  color: var(--muted);
}

@media (max-width: 720px) {
  .external-source-grid,
  .external-app-row,
  .external-legal-list a {
    grid-template-columns: 1fr;
  }

  .external-source-head {
    align-items: flex-start;
  }
}

/* Sales-first information architecture */
.page-context {
  min-height: 18px;
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--accent);
  font-size: 12px;
  font-weight: 800;
}

.page-context button {
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--accent);
  font: inherit;
}

.page-context button:hover {
  color: var(--accent-strong);
  text-decoration: underline;
}

.sidebar-panel {
  display: none;
}

.nav-label-short {
  display: none;
}

.topbar-actions > [hidden],
.search-box[hidden] {
  display: none;
}

.sales-workspace-intro {
  max-width: 620px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
}

.sales-kpis {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.sales-kpis .kpi-card {
  min-height: 98px;
  padding: 15px 17px;
}

.sales-kpis .kpi-value {
  margin-top: 8px;
  font-size: 30px;
}

.sales-kpis .kpi-note {
  margin-top: 7px;
}

.sales-focus-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 16px;
}

.sales-focus-grid > .surface {
  min-width: 0;
}

.sales-focus-grid .sales-recommendation {
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 11px;
  padding: 11px 0;
}

.sales-focus-grid .recommendation-score {
  width: 54px;
  min-height: 50px;
}

.sales-focus-grid .recommendation-score strong {
  font-size: 20px;
}

.sales-focus-grid .recommendation-content p {
  margin-top: 6px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.sales-focus-grid .recommendation-actions {
  margin-top: 8px;
}

.entity-link {
  min-width: 0;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--accent-strong);
  font-weight: 850;
  line-height: 1.25;
  text-align: left;
  overflow-wrap: anywhere;
}

.entity-link:hover {
  text-decoration: underline;
}

.sales-opportunity-title .entity-link {
  font-size: 16px;
}

.sales-pipeline {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.pipeline-stage,
.pipeline-stage:first-child {
  min-height: 48px;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0 10px;
}

.lead-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 10px;
  padding: 12px;
}

.lead-primary-filters {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.lead-primary-filters select,
.advanced-filters summary {
  min-height: 38px;
}

.advanced-filters {
  position: relative;
}

.advanced-filters summary {
  min-width: 108px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  background: #ffffff;
  color: var(--accent-strong);
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}

.advanced-filters summary::-webkit-details-marker {
  display: none;
}

.advanced-filters[open] > div {
  position: absolute;
  z-index: 5;
  top: calc(100% + 7px);
  left: 0;
  width: min(520px, calc(100vw - 64px));
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(25, 52, 61, 0.16);
}

.status-filter-row {
  margin: 0 0 10px;
  gap: 6px;
}

.candidate-gate-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.candidate-gate-tab {
  min-width: 0;
  min-height: 76px;
  display: grid;
  grid-template-columns: 1fr auto;
  align-content: center;
  gap: 3px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px 14px;
  background: #ffffff;
  color: var(--ink);
  text-align: left;
}

.candidate-gate-tab:hover,
.candidate-gate-tab.active {
  border-color: #6fa0a8;
  background: #eef7f7;
}

.candidate-gate-tab span { font-size: 13px; font-weight: 800; }
.candidate-gate-tab strong { grid-row: span 2; font-size: 25px; line-height: 1; }
.candidate-gate-tab small { min-width: 0; color: var(--muted); font-size: 11px; line-height: 1.35; }

.status-chip {
  min-height: 34px;
  padding: 0 10px;
}

.lead-card-grid {
  grid-template-columns: 1fr;
  gap: 8px;
}

.lead-summary-card {
  display: grid;
  grid-template-columns: minmax(210px, 0.78fr) minmax(300px, 1.45fr) minmax(250px, 0.92fr);
  align-items: center;
  gap: 18px;
  min-height: 132px;
  padding: 16px 18px;
  box-shadow: none;
}

.lead-summary-identity,
.lead-summary-focus,
.lead-summary-side {
  min-width: 0;
}

.lead-summary-identity .muted {
  margin-top: 5px;
  line-height: 1.4;
}

.lead-summary-identity .pill-stack {
  justify-content: flex-start;
  margin-top: 10px;
}

.lead-summary-focus > span,
.lead-summary-focus > strong,
.lead-summary-focus > small {
  display: block;
}

.lead-summary-focus > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.lead-summary-focus > strong {
  margin-top: 5px;
  color: #2c454d;
  font-size: 13px;
  line-height: 1.5;
}

.lead-summary-focus > small {
  margin-top: 7px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}

.lead-summary-side {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
}

.summary-score {
  min-height: 58px;
  display: grid;
  place-content: center;
  border-left: 3px solid #d08c2f;
  background: #fff8ea;
  text-align: center;
}

.summary-score strong,
.summary-score span {
  display: block;
}

.summary-score strong {
  color: #795016;
  font-size: 23px;
}

.summary-score span {
  color: #8d6b3b;
  font-size: 9px;
}

.lead-summary-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.lead-summary-actions button {
  min-height: 36px;
}

.back-link {
  min-height: 34px;
  margin-bottom: 12px;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--accent-strong);
  font-size: 13px;
  font-weight: 800;
}

.lead-detail-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 110px auto;
  align-items: center;
  gap: 20px;
  border-bottom: 1px solid var(--line);
  padding: 4px 0 20px;
}

.lead-detail-heading .pill-stack {
  justify-content: flex-start;
  margin-bottom: 10px;
}

.lead-detail-heading h2 {
  font-size: 25px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.lead-detail-heading p {
  margin-top: 6px;
  color: var(--muted);
  font-size: 13px;
}

.lead-detail-score {
  min-height: 78px;
  display: grid;
  place-content: center;
  border-left: 4px solid #d08c2f;
  background: #fff8ea;
  text-align: center;
}

.lead-detail-score strong,
.lead-detail-score span,
.lead-detail-score small {
  display: block;
}

.lead-detail-score strong {
  color: #795016;
  font-size: 30px;
  line-height: 1;
}

.lead-detail-score span {
  margin-top: 4px;
  color: #775b33;
  font-size: 11px;
  font-weight: 800;
}

.lead-detail-score small {
  margin-top: 2px;
  color: #9a805d;
  font-size: 9px;
}

.lead-detail-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.lead-detail-actions a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.lead-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.8fr);
  align-items: start;
  gap: 18px;
  margin-top: 18px;
}

.lead-detail-main,
.lead-detail-side {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.lead-detail-main .lead-contact,
.lead-detail-main .lead-battlecard,
.lead-detail-side .lead-outreach-status,
.lead-detail-side .lead-c360,
.lead-detail-side .verification-panel {
  margin-top: 0;
}

.lead-detail-main .lead-contact {
  border: 0;
  padding: 0;
  background: transparent;
}

.lead-next-step {
  border-left: 4px solid var(--accent);
  box-shadow: none;
}

.lead-next-step > span {
  color: var(--accent);
  font-size: 11px;
  font-weight: 850;
}

.lead-next-step h3 {
  margin-top: 7px;
  color: #26434b;
  font-size: 17px;
  line-height: 1.45;
}

.lead-next-step p,
.detail-management p {
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.detail-section-heading {
  margin-top: 8px;
  border-top: 1px solid var(--line);
  padding-top: 16px;
}

.detail-section-heading h3,
.detail-facts h3,
.detail-management h3 {
  font-size: 15px;
}

.detail-section-heading p {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
}

.detail-facts,
.detail-management {
  box-shadow: none;
}

.detail-facts dl {
  margin: 12px 0 0;
}

.detail-facts dl > div {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 10px;
  border-top: 1px solid var(--line);
  padding: 9px 0;
}

.detail-facts dt,
.detail-facts dd {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

.detail-facts dt {
  color: var(--muted);
}

.detail-facts dd {
  color: #29454d;
  font-weight: 750;
  overflow-wrap: anywhere;
}

.detail-management .lead-management-actions {
  justify-content: flex-start;
  margin-top: 12px;
}

.resource-intro {
  max-width: 680px;
  margin-bottom: 18px;
}

.resource-intro h2 {
  font-size: 20px;
}

.resource-intro p {
  margin-top: 7px;
  color: var(--muted);
  font-size: 13px;
}

.resource-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.resource-link {
  min-width: 0;
  min-height: 92px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 15px 16px;
  background: #ffffff;
  color: var(--ink);
  text-align: left;
}

.resource-link:hover {
  border-color: #9fbfc5;
  background: #f8fbfb;
}

.resource-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #e7f1f2;
  color: var(--accent-strong);
  font-weight: 900;
}

.resource-link strong,
.resource-link small {
  display: block;
}

.resource-link strong {
  font-size: 15px;
}

.resource-link small {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
}

.resource-arrow {
  color: #8da0a6;
  font-size: 24px;
  text-align: right;
}

.data-management-panel {
  max-width: 920px;
}

.data-status-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.data-status-grid > div {
  border-top: 1px solid var(--line);
  padding-top: 12px;
}

.data-status-grid span,
.data-status-grid strong {
  display: block;
}

.data-status-grid span {
  color: var(--muted);
  font-size: 12px;
}

.data-status-grid strong {
  margin-top: 6px;
  color: #26434b;
  font-size: 21px;
}

.c360-summary-strip {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  border-left: 3px solid var(--accent);
  padding: 9px 12px;
  background: #eef6f6;
  color: #31525b;
  font-size: 12px;
  line-height: 1.45;
}

.c360-grid.c360-summary-list {
  grid-template-columns: 1fr;
  gap: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}

.c360-summary-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(210px, 0.9fr) minmax(360px, 1.6fr) 150px;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid var(--line);
  padding: 14px 16px;
}

.c360-summary-row:last-child {
  border-bottom: 0;
}

.c360-summary-main,
.c360-summary-owner,
.c360-summary-state {
  min-width: 0;
}

.c360-summary-main h2 {
  margin-top: 4px;
  font-size: 15px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.c360-summary-owner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.c360-summary-owner span,
.c360-summary-owner strong,
.c360-summary-state small {
  display: block;
}

.c360-summary-owner span {
  color: var(--muted);
  font-size: 10px;
}

.c360-summary-owner strong {
  margin-top: 4px;
  color: #29454d;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.c360-summary-state {
  display: grid;
  justify-items: end;
  gap: 6px;
}

.c360-summary-state small {
  color: var(--muted);
  font-size: 10px;
}

.c360-detail-disclosure {
  grid-column: 1 / -1;
  border-top: 1px dashed #d8e2e5;
  padding-top: 9px;
}

.c360-detail-disclosure > summary {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.c360-detail-content {
  margin-top: 12px;
}

@media (max-width: 1050px) {
  .c360-summary-row {
    grid-template-columns: minmax(190px, 0.8fr) minmax(300px, 1.2fr);
  }

  .c360-summary-state {
    grid-column: 1 / -1;
    justify-items: start;
    grid-auto-flow: column;
    justify-content: start;
  }
}

@media (max-width: 720px) {
  .c360-summary-strip {
    align-items: flex-start;
    flex-direction: column;
  }

  .c360-summary-row,
  .c360-summary-owner {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1180px) {
  .sales-focus-grid,
  .lead-detail-grid {
    grid-template-columns: 1fr;
  }

  .lead-summary-card {
    grid-template-columns: minmax(190px, 0.75fr) minmax(280px, 1.25fr);
  }

  .lead-summary-side {
    grid-column: 1 / -1;
  }

  .lead-summary-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 840px) {
  .nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
  }

  .nav-item {
    min-height: 40px;
    padding: 0 4px;
    font-size: 12px;
  }

  .sales-kpis,
  .resource-grid,
  .data-status-grid,
  .lead-summary-card,
  .lead-detail-header {
    grid-template-columns: 1fr;
  }

  .lead-summary-side {
    grid-column: auto;
    grid-template-columns: 56px minmax(0, 1fr);
  }

  .lead-detail-header {
    align-items: start;
  }

  .lead-detail-score {
    width: 110px;
  }

  .lead-detail-actions,
  .lead-summary-actions {
    justify-content: flex-start;
  }

  .lead-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .lead-primary-filters,
  .customer-pool-actions {
    width: 100%;
  }

  .lead-primary-filters > select,
  .advanced-filters {
    flex: 1 1 160px;
  }

  .advanced-filters summary {
    width: 100%;
  }

  .advanced-filters[open] > div {
    position: static;
    width: 100%;
    grid-template-columns: 1fr;
    margin-top: 7px;
    box-shadow: none;
  }

  .sales-pipeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .sidebar {
    padding: 14px 12px;
    gap: 14px;
  }

  .brand {
    min-height: 42px;
  }

  .brand-mark {
    width: 36px;
    height: 36px;
  }

  .nav-item {
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
  }

  .main {
    padding: 14px;
  }

  .sales-pipeline {
    grid-template-columns: 1fr;
  }

  .lead-summary-card {
    gap: 14px;
    padding: 14px;
  }

  .lead-summary-side {
    grid-template-columns: 1fr;
  }

  .summary-score {
    width: 62px;
  }

  .lead-summary-actions > button,
  .lead-detail-actions > button,
  .lead-detail-actions > a {
    flex: 1 1 120px;
    justify-content: center;
    text-align: center;
  }
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-width: 320px;
  background: var(--bg);
  color: var(--ink);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  letter-spacing: 0;
}

button,
input,
select {
  font: inherit;
}

button {
  cursor: pointer;
}

.app-shell {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  min-height: 100vh;
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 22px 18px;
  background: #10282f;
  color: #e8f2f4;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
}

.brand-mark {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e1f1ef;
  color: #14383f;
  font-weight: 800;
}

.brand-title {
  font-size: 15px;
  font-weight: 750;
}

.brand-subtitle {
  margin-top: 2px;
  color: #9eb4ba;
  font-size: 12px;
}

.nav {
  display: grid;
  gap: 8px;
}

.nav-item {
  width: 100%;
  min-height: 42px;
  border: 0;
  border-radius: 8px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  color: #c8d8dc;
  text-align: left;
}

.nav-item:hover,
.nav-item.active {
  background: #1b3b43;
  color: #ffffff;
}

.nav-icon {
  width: 22px;
  text-align: center;
  font-weight: 800;
}

.sidebar-panel {
  margin-top: auto;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  padding: 14px;
  background: rgba(255, 255, 255, 0.05);
}

.panel-label {
  color: #9eb4ba;
  font-size: 12px;
  margin-bottom: 10px;
}

.live-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 650;
}

.live-dot {
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: #c8d8dc;
}

.live-dot.connected {
  background: #4ade80;
}

.live-dot.error {
  background: #f87171;
}

.small-muted {
  margin-top: 8px;
  color: #a9bdc2;
  font-size: 12px;
  line-height: 1.4;
}

.main {
  min-width: 0;
  padding: 24px;
}

.topbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 22px;
}

.eyebrow {
  color: var(--accent);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}

h1,
h2,
p {
  margin: 0;
}

h1 {
  margin-top: 5px;
  font-size: 28px;
  line-height: 1.15;
  letter-spacing: 0;
}

.topbar-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 420px;
}

.search-box {
  flex: 1;
  min-width: 240px;
  height: 42px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--muted);
}

.search-box input {
  border: 0;
  outline: 0;
  width: 100%;
  min-width: 0;
  color: var(--ink);
  background: transparent;
}

.primary-action {
  height: 42px;
  border: 0;
  border-radius: 8px;
  padding: 0 16px;
  background: var(--accent-strong);
  color: #ffffff;
  font-weight: 700;
  white-space: nowrap;
}

.primary-action:disabled {
  opacity: 0.6;
  cursor: wait;
}

.ghost-action {
  min-height: 36px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  background: #ffffff;
  color: var(--accent-strong);
  font-weight: 800;
}

.ghost-action:hover {
  border-color: #b8d0d6;
  background: #eaf4f5;
}

.ghost-action:disabled {
  opacity: 0.6;
  cursor: wait;
}

.view {
  display: none;
}

.view.active {
  display: block;
}

.kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}

.kpi-grid.six {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.kpi-card,
.surface {
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.kpi-card {
  padding: 18px;
  min-height: 112px;
}

.kpi-label {
  color: var(--muted);
  font-size: 13px;
  font-weight: 650;
}

.kpi-value {
  margin-top: 10px;
  font-size: 34px;
  line-height: 1;
  font-weight: 800;
}

.kpi-note {
  margin-top: 10px;
  color: var(--muted);
  font-size: 12px;
}

.overview-layout,
.two-column,
.update-layout {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.wide-section {
  margin-top: 16px;
}

.first-section {
  margin-top: 0;
}

.surface {
  padding: 18px;
}

.section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.section-head h2 {
  font-size: 17px;
  line-height: 1.2;
}

.section-head p {
  margin-top: 5px;
  color: var(--muted);
  font-size: 13px;
}

.bars {
  display: grid;
  gap: 12px;
}

.bar-row {
  display: grid;
  grid-template-columns: minmax(120px, 180px) 1fr 42px;
  align-items: center;
  gap: 10px;
}

.bar-label,
.bar-value {
  font-size: 13px;
  color: var(--muted);
}

.bar-track {
  height: 10px;
  border-radius: 999px;
  background: #edf2f4;
  overflow: hidden;
}

.bar-fill {
  height: 100%;
  border-radius: inherit;
  background: var(--accent);
}

.compact-list {
  display: grid;
  gap: 10px;
}

.compact-item {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--panel-soft);
}

.compact-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-weight: 750;
}

.compact-meta {
  margin-top: 7px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}

.pill-p0 {
  background: #ddf5e7;
  color: var(--green);
}

.pill-p1 {
  background: #fff0ca;
  color: var(--amber);
}

.pill-p2 {
  background: #eef2f6;
  color: var(--muted);
}

.pill-segment {
  background: #e8eefb;
  color: var(--blue);
}

.pill-region {
  background: #f3e9f2;
  color: var(--rose);
}

.pill-c360-ok {
  background: #dff5ef;
  color: #14674d;
}

.pill-c360-miss {
  background: #fdebed;
  color: #9c2f47;
}

.pill-c360-absent {
  background: #e6f5ee;
  color: #126044;
}

.pill-c360-recheck {
  background: #fff0ca;
  color: #7b4e0f;
}

.pill-c360-tele {
  background: #f1e8ff;
  color: #65419a;
}

.pill-open {
  background: #ddf5e7;
  color: #14674d;
}

.pill-uncontacted {
  background: #e5f3fb;
  color: #1f6288;
}

.pill-owned-idle {
  background: #fff0ca;
  color: var(--amber);
}

.pill-contacted {
  background: #eef2f6;
  color: var(--muted);
}

.pill-local-edit {
  background: #e7f3ef;
  color: #17644b;
}

.pill-reverify {
  background: #fff0ca;
  color: #7b4e0f;
}

.pill-published {
  background: #e6f5ed;
  color: #176448;
}

.pill-verified-no-fit {
  background: #fff0ca;
  color: #7b4e0f;
}

.mini-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.mini-pill {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  background: #eef4f5;
  color: #36515a;
  font-size: 12px;
  font-weight: 650;
}

.mini-pills.warning .mini-pill {
  background: #fff0e5;
  color: #9a4d13;
}

.toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.filter-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.toolbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}

.customer-pool-actions {
  flex-wrap: wrap;
}

select {
  height: 38px;
  min-width: 140px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  color: var(--ink);
  padding: 0 10px;
}

.result-count {
  color: var(--muted);
  font-size: 13px;
  white-space: nowrap;
}

.status-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
}

.status-chip {
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #ffffff;
  color: #36515a;
}

.status-chip:hover,
.status-chip.active {
  border-color: #b8d0d6;
  background: #eaf4f5;
  color: var(--accent-strong);
}

.status-chip span {
  font-size: 12px;
  font-weight: 750;
}

.status-chip strong {
  min-width: 22px;
  border-radius: 999px;
  padding: 2px 6px;
  background: #f0f4f6;
  color: inherit;
  font-size: 12px;
  line-height: 1.4;
}

.table-wrap {
  width: 100%;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

table {
  width: 100%;
  min-width: 1180px;
  border-collapse: collapse;
}

th,
td {
  padding: 12px 12px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
  text-align: left;
  font-size: 13px;
  line-height: 1.45;
}

th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #e9f2f4;
  color: #1a3c44;
  font-weight: 800;
}

td {
  background: #ffffff;
}

tr:hover td {
  background: #f7fbfc;
}

.company-cell {
  min-width: 180px;
}

.company-cell a,
.entry-link {
  color: var(--accent-strong);
  text-decoration: none;
  font-weight: 750;
}

.muted {
  color: var(--muted);
}

.industry-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.industry-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 14px;
  background: var(--panel-soft);
}

.industry-name {
  font-size: 14px;
  font-weight: 800;
}

.industry-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.industry-metrics span {
  border-radius: 999px;
  padding: 5px 8px;
  background: #e9f2f4;
  color: #31525b;
  font-size: 12px;
  font-weight: 700;
}

.lead-card-grid,
.scenario-grid,
.playbook-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
}

.lead-card {
  min-width: 0;
  max-width: 100%;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

.lead-head,
.playbook-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.lead-title {
  color: var(--accent-strong);
  text-decoration: none;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.2;
}

.pill-stack {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.lead-score {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.lead-score span {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  border-radius: 999px;
  padding: 5px 8px;
  background: #f0f4f6;
  color: #38515a;
  font-size: 12px;
  font-weight: 750;
}

.lead-outreach-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  border: 1px solid #dbe6e9;
  border-radius: 8px;
  padding: 10px 12px;
  background: #f7fbfc;
  color: #31525b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

.lead-outreach-status span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.lead-contact {
  margin-top: 14px;
  border: 1px solid #dbe6e9;
  border-radius: 8px;
  padding: 12px;
  background: #fbfdfd;
}

.lead-contact-title {
  color: #26434b;
  font-size: 12px;
  font-weight: 850;
  margin-bottom: 10px;
}

.lead-contact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.contact-row {
  min-width: 0;
  border: 1px solid #e3eaed;
  border-radius: 8px;
  padding: 10px;
  background: #ffffff;
}

.contact-row > span,
.contact-row > div {
  display: block;
}

.contact-row > span {
  color: var(--muted);
  font-size: 11px;
  font-weight: 750;
  margin-bottom: 6px;
}

.contact-row > div {
  color: #2e4850;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.contact-row a {
  display: block;
  color: var(--accent-strong);
  text-decoration: none;
  font-weight: 800;
}

.contact-row-wide {
  grid-column: span 2;
}

.contact-link-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.contact-row .contact-link-list a {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border: 1px solid #d6e3e7;
  border-radius: 999px;
  padding: 2px 8px;
  background: #f6fbfc;
  line-height: 1.2;
}

.contact-row a + a,
.contact-row span + a {
  margin-top: 4px;
}

.contact-row .contact-link-list a + a {
  margin-top: 0;
}

.contact-missing {
  color: #8c9aa0;
  font-weight: 650;
}

.lead-grid,
.detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.lead-grid > div,
.detail-grid > div {
  border: 1px solid #e3eaed;
  border-radius: 8px;
  padding: 12px;
  background: var(--panel-soft);
}

.lead-grid strong,
.detail-grid strong,
.playbook-section strong {
  display: block;
  color: #26434b;
  font-size: 12px;
  margin-bottom: 6px;
}

.lead-grid p,
.detail-grid p,
.playbook-section p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.lead-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
}

.lead-foot-meta {
  min-width: 0;
  overflow-wrap: anywhere;
}

.lead-management-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.lead-c360 {
  margin-top: 14px;
  border: 1px solid #d6e6df;
  border-radius: 8px;
  padding: 12px;
  background: #f4fbf8;
}

.lead-c360-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: #31525b;
  font-size: 12px;
  font-weight: 750;
}

.lead-c360-byteplus {
  margin-top: 8px;
  font-weight: 650;
}

.lead-c360 p {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.scenario-card,
.playbook-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

.scenario-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.playbook-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.card-kicker {
  color: var(--accent);
  font-size: 12px;
  font-weight: 850;
  margin-bottom: 6px;
}

.scenario-card h2,
.playbook-card h2 {
  font-size: 18px;
  line-height: 1.2;
}

.scenario-summary {
  margin-top: 10px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.scenario-note,
.scenario-email {
  margin-top: 12px;
  border-radius: 8px;
  padding: 12px;
  background: #f6fafb;
  color: #40565e;
  font-size: 13px;
  line-height: 1.5;
}

.scenario-email {
  background: #eef7f3;
}

.playbook-section {
  margin-top: 12px;
  border-top: 1px solid var(--line);
  padding-top: 12px;
}

.c360-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.c360-meta > div {
  border: 1px solid #e3eaed;
  border-radius: 8px;
  padding: 12px;
  background: var(--panel-soft);
}

.c360-meta strong,
.c360-meta span {
  display: block;
}

.c360-meta strong {
  color: #26434b;
  font-size: 12px;
  margin-bottom: 6px;
}

.c360-meta span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.c360-grid,
.pending-grid {
  display: grid;
  gap: 14px;
  margin-top: 14px;
}

.c360-card,
.pending-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--shadow);
  padding: 16px;
}

.c360-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.c360-head h2 {
  font-size: 19px;
  line-height: 1.2;
}

.c360-records {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.c360-record {
  border: 1px solid #e2ebee;
  border-radius: 8px;
  padding: 12px;
  background: #f8fbfb;
}

.record-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 800;
}

.record-title a {
  color: var(--accent-strong);
  text-decoration: none;
}

.record-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.record-grid div {
  min-width: 0;
  border-radius: 8px;
  background: #ffffff;
  padding: 9px;
}

.record-grid span,
.record-grid strong {
  display: block;
}

.record-grid span {
  color: var(--muted);
  font-size: 11px;
  margin-bottom: 5px;
}

.record-grid strong {
  color: #26434b;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.c360-empty,
.c360-implication {
  margin-top: 14px;
  border-radius: 8px;
  padding: 12px;
  background: #fff7f2;
  color: #65402a;
  font-size: 13px;
  line-height: 1.5;
}

.c360-implication {
  background: #eef7f3;
  color: #31525b;
}

.c360-miss-detail {
  margin-top: 14px;
  border: 1px solid #ead8aa;
  border-radius: 8px;
  padding: 12px;
  background: #fff9e8;
  color: #604618;
  font-size: 13px;
  line-height: 1.5;
}

.c360-implication strong,
.c360-miss-detail strong,
.pending-card strong {
  display: block;
  color: #26434b;
  font-size: 12px;
  margin-bottom: 6px;
}

.c360-implication p,
.c360-miss-detail p,
.pending-card p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.byteplus-c360 {
  margin-top: 14px;
  border: 1px solid #d5e4ee;
  border-radius: 8px;
  background: #f4f9fb;
  padding: 12px;
}

.byteplus-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.byteplus-head strong,
.byteplus-head span,
.byteplus-c360 p {
  display: block;
}

.byteplus-head strong {
  color: #26434b;
  font-size: 12px;
  margin-bottom: 5px;
}

.byteplus-head span,
.byteplus-c360 p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.byteplus-c360 p {
  margin-top: 10px;
}

.byteplus-records {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

.byteplus-record {
  border: 1px solid #dbe8ed;
  border-radius: 8px;
  background: #ffffff;
  padding: 10px;
}

.pending-card h3 {
  margin: 0 0 10px;
  font-size: 16px;
  line-height: 1.25;
}

.pending-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cadence-grid,
.template-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.cadence-card,
.template-card,
.channel-card,
.role-card,
.objection-card,
.compliance-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #ffffff;
}

.cadence-card,
.template-card {
  padding: 16px;
}

.cadence-card h2,
.template-card h2 {
  font-size: 18px;
  line-height: 1.25;
}

.cadence-fit,
.template-meta {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.cadence-steps {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.cadence-step {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr);
  gap: 10px;
  border: 1px solid #e3eaed;
  border-radius: 8px;
  padding: 10px;
  background: var(--panel-soft);
}

.cadence-day {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 850;
}

.cadence-copy,
.template-body,
.template-follow,
.role-list,
.channel-list,
.objection-list,
.compliance-list {
  display: grid;
  gap: 10px;
}

.cadence-copy {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.channel-card,
.role-card,
.objection-card,
.compliance-card {
  padding: 12px;
  background: var(--panel-soft);
}

.channel-card h3,
.role-card h3,
.objection-card h3 {
  font-size: 14px;
  line-height: 1.25;
}

.channel-card p,
.role-card p,
.objection-card p,
.compliance-card {
  margin-top: 7px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.template-body {
  margin-top: 12px;
  border-radius: 8px;
  padding: 12px;
  background: #f6fafb;
  color: #2e4850;
  font-size: 13px;
  line-height: 1.55;
  white-space: pre-wrap;
}

.template-follow {
  margin-top: 10px;
  border-radius: 8px;
  padding: 12px;
  background: #eef7f3;
  color: #31524a;
  font-size: 13px;
  line-height: 1.5;
}

.template-subjects {
  margin-top: 10px;
}

.template-cta {
  margin-top: 10px;
  font-size: 13px;
  color: var(--accent-strong);
  font-weight: 800;
}

.governance-list {
  display: grid;
  gap: 10px;
  margin-bottom: 16px;
}

.governance-list div {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--panel-soft);
  display: grid;
  gap: 5px;
}

.governance-list strong {
  color: #26434b;
}

.governance-list span {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.event-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.sea-events-panel {
  margin-bottom: 14px;
}

.sea-event-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.sea-event-card {
  min-width: 0;
  border: 1px solid #dbe6e9;
  border-radius: 8px;
  padding: 12px;
  background: #f7fbfc;
}

.sea-event-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.sea-event-top strong {
  min-width: 0;
  font-size: 13px;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.sea-event-meta {
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.sea-event-card p {
  margin-top: 8px;
  color: #36515a;
  font-size: 12px;
  line-height: 1.45;
}

.event-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 16px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

.event-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.event-title {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.25;
}

.event-date {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
}

.event-body {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}

.event-line {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 10px;
  font-size: 13px;
  line-height: 1.45;
}

.event-line span:first-child {
  color: var(--muted);
  font-weight: 700;
}

.event-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.steps {
  display: grid;
  gap: 14px;
}

.step {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px;
  align-items: flex-start;
}

.step-index {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: #e8f1f2;
  color: var(--accent-strong);
  font-weight: 800;
}

.step p {
  margin-top: 4px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.refresh-log {
  display: grid;
  gap: 10px;
}

.log-row {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: var(--panel-soft);
  font-size: 13px;
  line-height: 1.45;
}

.empty-state {
  padding: 24px;
  text-align: center;
  color: var(--muted);
}

.evidence-banner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.evidence-banner > div {
  border: 1px solid #c9dfe4;
  border-left: 4px solid var(--accent);
  border-radius: 8px;
  padding: 13px 14px;
  background: #f6fbfc;
}

.evidence-banner strong,
.evidence-banner span {
  display: block;
}

.evidence-banner strong {
  color: var(--accent-strong);
  font-size: 13px;
}

.evidence-banner span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.product-policy {
  margin-bottom: 14px;
}

.product-policy p {
  margin-top: 8px;
  color: var(--muted);
  line-height: 1.55;
}

.product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.product-card {
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  background: #ffffff;
  box-shadow: var(--shadow);
}

.product-card-head,
.product-fit-head,
.verification-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.product-card h2 {
  margin-top: 3px;
  font-size: 19px;
  line-height: 1.25;
}

.product-kicker {
  color: var(--accent);
  font-size: 12px;
  font-weight: 850;
  text-transform: uppercase;
}

.product-status-ok,
.pill-verified {
  background: #e6f5ed;
  color: #1f6a48;
}

.product-status-limited {
  background: #fff4dc;
  color: #8a5a10;
}

.pill-quarantined {
  background: #fdebed;
  color: #9f3545;
}

.candidate-review-panel {
  border-left: 4px solid #d49a35;
}

.candidate-review-panel.quarantined { border-left-color: #b54a5e; }
.candidate-review-panel > div { display: flex; align-items: center; gap: 10px; }
.candidate-review-panel > div > strong { font-size: 14px; line-height: 1.5; }
.candidate-review-panel p { margin-top: 10px; color: var(--muted); line-height: 1.6; }
.candidate-review-panel ul { margin: 10px 0 0; padding-left: 20px; color: #5f4248; line-height: 1.6; }

@media (max-width: 900px) {
  .candidate-gate-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
  .candidate-gate-summary { grid-template-columns: 1fr; }
  .candidate-gate-tab { min-height: 64px; }
  .candidate-review-panel > div { align-items: flex-start; flex-direction: column; }
}

.product-market-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 14px;
}

.product-market-grid > div {
  border: 1px solid #e0e9ec;
  border-radius: 8px;
  padding: 10px;
  background: var(--panel-soft);
}

.product-market-grid span,
.product-market-grid strong {
  display: block;
}

.product-market-grid span {
  color: var(--muted);
  font-size: 11px;
}

.product-market-grid strong {
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.4;
}

.product-scope,
.product-boundary p {
  margin-top: 12px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.product-opportunity-count {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 14px;
}

.product-opportunity-count strong {
  color: var(--accent-strong);
  font-size: 26px;
}

.product-opportunity-count span {
  color: var(--muted);
  font-size: 12px;
}

.product-capabilities {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.product-boundary {
  margin-top: 14px;
  border-left: 3px solid #d8a14a;
  padding-left: 10px;
}

.product-boundary > strong,
.product-sources > strong,
.fit-evidence > strong,
.fit-next > strong,
.fit-buyers > strong {
  color: #36515a;
  font-size: 12px;
}

.product-sources {
  display: grid;
  gap: 7px;
  margin-top: 14px;
}

.product-sources a,
.fit-evidence a {
  display: block;
  border: 1px solid #dfe9ec;
  border-radius: 8px;
  padding: 9px 10px;
  background: #f9fcfc;
  color: var(--accent-strong);
  text-decoration: none;
  overflow-wrap: anywhere;
}

.product-sources a span,
.product-sources a small,
.fit-evidence a span,
.fit-evidence a small {
  display: block;
}

.product-sources a span,
.fit-evidence a span {
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
}

.product-sources a small,
.fit-evidence a small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.4;
}

.truth-note {
  margin: 10px 0 12px;
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff8e8;
  color: #77521b;
  font-size: 12px;
  line-height: 1.5;
}

.local-correction-note {
  margin: 10px 0 12px;
  border: 1px solid #c7ded6;
  border-radius: 8px;
  padding: 10px 12px;
  background: #f2faf6;
  color: #315e4d;
  font-size: 12px;
  line-height: 1.5;
}

.local-correction-note.identity-changed {
  border-color: #e6c886;
  background: #fff8e8;
  color: #77521b;
}

.verification-panel {
  margin-top: 14px;
  border: 1px solid #bcdaca;
  border-radius: 8px;
  padding: 12px;
  background: #f4fbf7;
}

.verification-panel.needs-reverification {
  border-color: #e6c886;
  background: #fffaf0;
}

.verification-head {
  align-items: center;
  flex-wrap: wrap;
}

.verification-head > span {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  color: #4d685e;
  font-size: 11px;
  font-weight: 750;
}

.verification-panel p {
  margin-top: 9px;
  color: #456058;
  font-size: 12px;
  line-height: 1.5;
}

.verification-panel small {
  display: block;
  margin-top: 8px;
  color: #6e837c;
  font-size: 10px;
}

.verification-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
}

.verification-links a {
  min-width: 0;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  border: 1px solid #cfe3d7;
  border-radius: 999px;
  padding: 4px 8px;
  background: #ffffff;
  color: #226447;
  font-size: 10px;
  font-weight: 750;
  text-decoration: none;
}

.product-fit-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  gap: 10px;
  margin-top: 14px;
}

.product-fit-card {
  min-width: 0;
  max-width: 100%;
  border: 1px solid #d8e5e8;
  border-radius: 9px;
  padding: 14px;
  background: #fbfdfd;
}

.product-fit-head span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.product-fit-head h3 {
  min-width: 0;
  overflow-wrap: anywhere;
  margin: 3px 0 0;
  color: var(--accent-strong);
  font-size: 15px;
}

.fit-score {
  color: var(--accent-strong);
  font-size: 24px;
  font-weight: 900;
  text-align: right;
}

.fit-score small {
  display: block;
  color: var(--muted);
  font-size: 9px;
  font-weight: 700;
}

.fit-warning,
.fit-access {
  overflow-wrap: anywhere;
  margin-top: 9px;
  border-radius: 6px;
  padding: 7px 9px;
  background: #fff4dc;
  color: #7d561b;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.4;
}

.fit-rationale {
  margin-top: 10px;
  color: #334e57;
  font-size: 13px;
  line-height: 1.55;
}

.fit-evidence,
.fit-next,
.fit-buyers {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}

.fit-next {
  border-left: 3px solid var(--accent);
  padding-left: 10px;
}

.fit-next p {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.sales-workspace-head,
.sales-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.sales-workspace-head h2 {
  margin-top: 4px;
  font-size: 22px;
}

.sales-team-controls { display: flex; gap: 10px; align-items: end; }
.sales-team-controls label { display: grid; gap: 5px; color: var(--muted); font-size: 12px; font-weight: 700; }
.sales-team-controls input, .sales-team-controls select { min-height: 38px; border: 1px solid var(--line); border-radius: 8px; padding: 0 10px; background: #fff; color: var(--ink); }

@media (max-width: 760px) {
  .sales-team-controls { width: 100%; align-items: stretch; flex-wrap: wrap; }
  .sales-team-controls label { flex: 1 1 150px; }
}

.sales-data-freshness {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  border-left: 4px solid var(--green);
  padding: 10px 12px;
  background: #eef8f3;
  color: #31524a;
  font-size: 12px;
  line-height: 1.45;
}

.sales-data-freshness.is-stale {
  border-left-color: #bd4e46;
  background: #fff4f2;
  color: #7d423d;
}

.sales-data-freshness strong {
  white-space: nowrap;
}

.sales-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sales-money {
  font-size: 27px;
}

.sales-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  gap: 16px;
}

.sales-queue,
.sales-opportunity-list,
.sales-recommendations {
  display: grid;
}

.sales-opportunity {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 270px;
  gap: 18px;
  padding: 16px 2px;
  border-top: 1px solid var(--line);
}

.sales-opportunity:first-child {
  border-top: 0;
  padding-top: 2px;
}

.sales-opportunity.is-due {
  border-left: 3px solid #bd4e46;
  padding-left: 12px;
}

.sales-opportunity-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.sales-opportunity-title > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

.sales-opportunity-title a {
  min-width: 0;
  color: var(--accent-strong);
  font-size: 16px;
  font-weight: 850;
  line-height: 1.25;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.sales-opportunity-meta {
  margin-top: 7px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.sales-next-action {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  margin-top: 11px;
  color: #31525b;
  font-size: 13px;
  line-height: 1.5;
}

.sales-next-action strong {
  color: var(--accent-strong);
}

.sales-opportunity-side {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 10px;
}

.sales-opportunity-side span,
.sales-opportunity-side strong {
  display: block;
}

.sales-opportunity-side span {
  color: var(--muted);
  font-size: 11px;
}

.sales-opportunity-side strong {
  margin-top: 4px;
  color: #26434b;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.sales-opportunity-side .due-text {
  color: #a63e38;
}

.sales-row-actions,
.recommendation-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.sales-row-actions {
  grid-column: 1 / -1;
  justify-content: flex-end;
}

.sales-row-actions .primary-action,
.recommendation-actions .primary-action,
.lead-action-buttons .primary-action {
  height: 36px;
}

.sales-pipeline {
  display: grid;
  gap: 2px;
}

.pipeline-stage {
  width: 100%;
  min-height: 43px;
  display: grid;
  grid-template-columns: minmax(110px, 1fr) 42px 80px;
  align-items: center;
  gap: 8px;
  border: 0;
  border-top: 1px solid var(--line);
  padding: 0 6px;
  background: transparent;
  color: #31525b;
  text-align: left;
}

.pipeline-stage:first-child {
  border-top: 0;
}

.pipeline-stage:hover,
.pipeline-stage.active {
  background: #edf6f5;
}

.pipeline-stage span {
  font-size: 13px;
  font-weight: 750;
}

.pipeline-stage strong {
  color: var(--accent-strong);
  font-size: 17px;
  text-align: center;
}

.pipeline-stage small {
  color: var(--muted);
  font-size: 11px;
  text-align: right;
}

.sales-recommendation {
  display: grid;
  grid-template-columns: 86px minmax(0, 1fr);
  gap: 14px;
  padding: 15px 2px;
  border-top: 1px solid var(--line);
}

.sales-recommendation:first-child {
  border-top: 0;
  padding-top: 2px;
}

.recommendation-score {
  width: 78px;
  min-height: 64px;
  align-self: start;
  display: grid;
  place-content: center;
  border-left: 4px solid #d08c2f;
  background: #fff8ea;
  text-align: center;
}

.recommendation-score strong,
.recommendation-score span {
  display: block;
}

.recommendation-score strong {
  color: #795016;
  font-size: 24px;
}

.recommendation-score span {
  color: #8d6b3b;
  font-size: 10px;
}

.recommendation-content p {
  margin-top: 9px;
  color: #40565e;
  font-size: 13px;
  line-height: 1.5;
}

.recommendation-actions {
  margin-top: 11px;
}

.sales-empty {
  display: grid;
  gap: 5px;
  padding: 24px 4px;
  color: var(--muted);
  text-align: center;
}

.sales-empty strong {
  color: #36515a;
  font-size: 14px;
}

.sales-empty span {
  font-size: 12px;
}

.pill-action {
  background: #fff0d4;
  color: #81540e;
}

.pill-stage {
  background: #e7eff7;
  color: #315d86;
}

.stage-pilot,
.stage-commercial {
  background: #f4e9f5;
  color: #7d3c7d;
}

.stage-won {
  background: #ddf5e7;
  color: #14674d;
}

.stage-paused {
  background: #eef2f6;
  color: #697980;
}

.lead-sales-actions {
  display: grid;
  grid-template-columns: 94px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-top: 14px;
  border-left: 4px solid #d08c2f;
  padding: 13px 14px;
  background: #fffaf0;
}

.lead-action-score {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lead-action-score > strong {
  color: #795016;
  font-size: 28px;
  line-height: 1;
}

.lead-action-score > span,
.lead-action-score small {
  display: block;
}

.lead-action-score > span {
  color: #775b33;
  font-size: 11px;
  font-weight: 800;
}

.lead-action-score small {
  margin-top: 2px;
  color: #9a805d;
  font-size: 9px;
  font-weight: 650;
}

.lead-action-plan {
  min-width: 0;
}

.lead-action-plan > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 6px;
}

.lead-action-plan > strong,
.lead-action-plan > span {
  display: block;
  overflow-wrap: anywhere;
}

.lead-action-plan > strong {
  color: #3f4f45;
  font-size: 13px;
  line-height: 1.45;
}

.lead-action-plan > span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.4;
}

.lead-action-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.lead-details {
  margin-top: 12px;
  border-top: 1px solid var(--line);
}

.lead-details > summary {
  padding: 13px 2px 2px;
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.lead-details[open] > summary {
  margin-bottom: 10px;
}

.lead-battlecard {
  border-left: 3px solid var(--accent);
  padding: 12px 14px;
  background: #f5faf9;
}

.lead-contact-title span {
  margin-left: 6px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 650;
}

.battlecard-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
}

.battlecard-grid > div {
  min-width: 0;
}

.battlecard-grid strong {
  color: #26434b;
  font-size: 11px;
}

.battlecard-grid p,
.battlecard-grid li {
  margin-top: 6px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.battlecard-grid ol {
  margin: 5px 0 0;
  padding-left: 20px;
}

.battlecard-wide {
  grid-column: 1 / -1;
}

.load-more-row {
  display: flex;
  justify-content: center;
  padding: 18px 0 4px;
}

.load-more-row button[hidden] {
  display: none;
}

.sales-dialog {
  width: min(720px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0;
  background: #ffffff;
  color: var(--ink);
  box-shadow: 0 24px 70px rgba(20, 44, 52, 0.25);
}

.sales-dialog::backdrop {
  background: rgba(11, 29, 34, 0.58);
}

.sales-dialog form {
  padding: 22px;
}

.dialog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.dialog-head h2 {
  margin-top: 4px;
  font-size: 20px;
  overflow-wrap: anywhere;
}

.dialog-close {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  border: 0;
  background: transparent;
  color: var(--muted);
  font-size: 25px;
  line-height: 1;
}

.dialog-close:hover {
  background: #eef4f5;
}

.dialog-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}

.customer-edit-boundary {
  margin-top: 18px;
  border: 1px solid #e6c886;
  border-radius: 8px;
  padding: 12px;
  background: #fffaf0;
}

.form-status {
  min-height: 18px;
  color: #9b3e37;
  font-size: 12px;
  font-weight: 750;
}

.dialog-form-grid label,
.contact-name-field {
  display: grid;
  gap: 6px;
}

.dialog-form-grid label > span,
.contact-name-field > span,
.message-output-label {
  color: #36515a;
  font-size: 12px;
  font-weight: 800;
}

.dialog-form-grid input,
.dialog-form-grid select,
.dialog-form-grid textarea,
.contact-name-field input,
.message-output {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 10px 11px;
  background: #ffffff;
  color: var(--ink);
  font: inherit;
  line-height: 1.5;
}

.dialog-form-grid input,
.contact-name-field input {
  height: 42px;
}

.dialog-form-grid textarea,
.message-output {
  resize: vertical;
}

.dialog-field-wide {
  grid-column: 1 / -1;
}

.dialog-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--line);
}

.dialog-actions > div {
  display: flex;
  gap: 8px;
}

.delete-dialog-copy {
  margin-top: 14px;
  color: #526a72;
  font-size: 13px;
  line-height: 1.55;
}

.delete-impact {
  margin-top: 12px;
  border: 1px solid #e6c886;
  border-radius: 8px;
  padding: 10px 12px;
  background: #fff8e8;
  color: #77521b;
  font-size: 12px;
  line-height: 1.5;
}

.delete-fields {
  margin-top: 16px;
}

.hidden-customers-shell {
  margin-top: 16px;
}

.hidden-customer-list {
  display: grid;
  gap: 10px;
}

.hidden-customer-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 12px;
  background: #f8fbfb;
}

.hidden-customer-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: #26434b;
}

.hidden-customer-row span,
.hidden-customer-row small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.danger-action {
  min-height: 36px;
  border: 1px solid #e4b8b4;
  border-radius: 8px;
  padding: 0 12px;
  background: #fff5f4;
  color: #9b3e37;
  font-weight: 800;
}

.message-controls {
  display: grid;
  grid-template-columns: auto auto minmax(160px, 1fr);
  align-items: end;
  gap: 12px;
  margin-top: 18px;
}

.segmented {
  display: inline-grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(88px, 1fr);
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 3px;
  background: #f2f6f7;
}

.segmented button {
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.segmented button.active {
  background: #ffffff;
  color: var(--accent-strong);
  box-shadow: 0 1px 4px rgba(25, 52, 61, 0.12);
}

.message-output-label {
  display: block;
  margin-top: 18px;
}

.message-output {
  margin-top: 7px;
  min-height: 310px;
}

.message-actions #copyStatus {
  color: var(--green);
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 1180px) {
  .app-shell {
    grid-template-columns: 220px minmax(0, 1fr);
  }

  .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .kpi-grid.six {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sales-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .event-grid,
  .sea-event-grid,
  .scenario-grid,
  .playbook-grid,
  .cadence-grid,
  .template-grid,
  .pending-grid,
  .industry-grid,
  .overview-layout,
  .two-column,
  .update-layout,
  .product-grid,
  .evidence-banner {
    grid-template-columns: 1fr;
  }

  .lead-grid,
  .detail-grid,
  .lead-contact-grid,
  .c360-meta,
  .record-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact-row-wide {
    grid-column: span 2;
  }

  .sales-overview-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 840px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
    height: auto;
  }

  .nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .nav-item {
    justify-content: center;
    padding: 0 8px;
  }

  .nav-icon {
    display: none;
  }

  .sidebar-panel {
    display: none;
  }

  .main {
    padding: 18px;
  }

  .topbar {
    flex-direction: column;
  }

  .topbar-actions {
    width: 100%;
    min-width: 0;
    flex-direction: column;
    align-items: stretch;
  }

  .search-box {
    min-width: 0;
  }

  .kpi-grid {
    grid-template-columns: 1fr;
  }

  .kpi-grid.six {
    grid-template-columns: 1fr;
  }

  .sales-kpis {
    grid-template-columns: 1fr;
  }

  .lead-grid,
  .detail-grid,
  .lead-contact-grid,
  .c360-meta,
  .record-grid {
    grid-template-columns: 1fr;
  }

  .contact-row-wide {
    grid-column: span 1;
  }

  .lead-head,
  .playbook-top,
  .c360-head,
  .lead-foot {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-market-grid {
    grid-template-columns: 1fr;
  }

  .verification-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .sales-workspace-head,
  .sales-section-head,
  .dialog-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .sales-data-freshness {
    align-items: flex-start;
    flex-direction: column;
  }

  .sales-opportunity,
  .lead-sales-actions,
  .message-controls,
  .sales-opportunity-side,
  .battlecard-grid,
  .dialog-form-grid {
    grid-template-columns: 1fr;
  }

  .sales-row-actions,
  .lead-action-buttons,
  .lead-management-actions {
    justify-content: flex-start;
  }

  .customer-pool-actions {
    justify-content: flex-start;
  }

  .battlecard-wide,
  .dialog-field-wide {
    grid-column: auto;
  }

  .sales-recommendation {
    grid-template-columns: 68px minmax(0, 1fr);
  }

  .recommendation-score {
    width: 62px;
  }

  .dialog-actions > div {
    width: 100%;
  }

  .dialog-actions > div > button {
    flex: 1;
    min-height: 44px;
  }

  .hidden-customer-row {
    grid-template-columns: 1fr;
  }

  .hidden-customer-row .primary-action {
    width: 100%;
    min-height: 44px;
  }

  select {
    flex: 1;
    min-width: 160px;
  }
}

/* Keep the sales-first overrides after the legacy component rules. */
.sales-kpis {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lead-card-grid {
  grid-template-columns: 1fr;
}

.sales-pipeline {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.pipeline-stage,
.pipeline-stage:first-child {
  min-height: 48px;
  border: 1px solid var(--line);
  border-radius: 6px;
  padding: 0 10px;
}

@media (max-width: 840px) {
  .nav {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 4px;
  }

  .sales-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sales-pipeline {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .sales-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .sales-kpis .kpi-card {
    min-height: 86px;
    padding: 11px;
  }

  .sales-kpis .kpi-label {
    font-size: 11px;
  }

  .sales-kpis .kpi-value,
  .sales-kpis .sales-money {
    font-size: 22px;
  }

  .sales-kpis .kpi-note {
    display: none;
  }

  .sales-pipeline {
    grid-template-columns: 1fr;
  }

  .main {
    padding: 14px;
  }
}

@media (max-width: 840px) {
  .nav-label {
    display: none;
  }

  .nav-label-short {
    display: inline;
  }
}

/* Curated WeChat and institutional intelligence */
.authority-boundary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 16px;
  padding: 13px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.authority-boundary > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.authority-boundary strong {
  color: var(--ink);
  font-size: 13px;
}

.authority-source-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.authority-source-card {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--panel);
}

.authority-source-head,
.authority-source-meta,
.authority-source-foot,
.authority-item-meta,
.authority-item-tags,
.authority-item-side {
  display: flex;
  align-items: center;
}

.authority-source-head,
.authority-source-foot {
  justify-content: space-between;
  gap: 12px;
}

.authority-source-head > div {
  min-width: 0;
}

.authority-source-head span,
.authority-source-operator,
.authority-source-card p,
.authority-source-foot {
  color: var(--muted);
  font-size: 12px;
}

.authority-source-head h2 {
  margin-top: 3px;
  font-size: 17px;
  line-height: 1.25;
}

.authority-source-operator {
  margin-top: 8px;
  overflow-wrap: anywhere;
}

.authority-source-meta {
  flex-wrap: wrap;
  gap: 7px 12px;
  margin-top: 14px;
}

.authority-source-meta > span:not(.authority-health) {
  color: #526870;
  font-size: 11px;
}

.authority-source-card p {
  min-height: 36px;
  margin-top: 12px;
  line-height: 1.5;
}

.authority-source-foot {
  margin-top: 14px;
  padding-top: 11px;
  border-top: 1px solid #e5ebed;
}

.authority-source-foot a,
.authority-item a {
  color: var(--accent-strong);
  text-decoration: none;
}

.authority-source-foot a:hover,
.authority-item a:hover {
  text-decoration: underline;
}

.authority-tier,
.authority-health {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.authority-tier-a,
.authority-health-healthy {
  background: #e2f2e8;
  color: #176345;
}

.authority-tier-b {
  background: #e8f1f7;
  color: #245d7b;
}

.authority-tier-c,
.authority-health-stale {
  background: #fff1d6;
  color: #7b5516;
}

.authority-health-error,
.authority-health-unknown {
  background: #f8e8ea;
  color: #8e3347;
}

.authority-toolbar {
  margin-top: 18px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
}

.authority-feed {
  border-top: 1px solid var(--line);
}

.authority-item {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) 84px;
  gap: 18px;
  align-items: start;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}

.authority-item-date {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.authority-item-main {
  min-width: 0;
}

.authority-item-meta {
  flex-wrap: wrap;
  gap: 5px 10px;
  color: var(--muted);
  font-size: 11px;
}

.authority-item-meta strong {
  color: var(--accent-strong);
}

.authority-item h2 {
  margin-top: 7px;
  font-size: 16px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.authority-item p {
  margin-top: 8px;
  color: #52656d;
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.authority-item-tags {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.authority-item-tags span {
  padding: 3px 6px;
  border: 1px solid #dbe5e8;
  border-radius: 3px;
  color: #526870;
  font-size: 10px;
}

.authority-item-side {
  flex-direction: column;
  align-items: flex-end;
  gap: 13px;
  font-size: 12px;
}

@media (max-width: 840px) {
  .nav {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .authority-source-grid {
    grid-template-columns: 1fr;
  }

  .authority-boundary {
    align-items: flex-start;
    flex-direction: column;
  }

  .authority-item {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .authority-item-side {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

@media (max-width: 620px) {
  .nav-item {
    padding: 0 4px;
  }

  .authority-source-head,
  .authority-source-foot {
    align-items: flex-start;
  }
}