/* Sales AI business product system. Marketing-page visuals remain owned by deep-sea-landing.css. */
:root {
  --sai-navy-950: #061421;
  --sai-navy-900: #0b2034;
  --sai-navy-800: #123451;
  --sai-blue-600: #2d7ff9;
  --sai-blue-500: #4b94ff;
  --sai-cyan-500: #56d8ea;
  --sai-cyan-100: #dff9fc;
  --sai-ink: #10233a;
  --sai-body: #50637a;
  --sai-muted: #7a8ba0;
  --sai-line: #dfe7ef;
  --sai-canvas: #f3f7fa;
  --sai-paper: #ffffff;
  --sai-success: #16856a;
  --sai-warning: #b56512;
  --sai-danger: #bd4057;
  --sai-radius-sm: 10px;
  --sai-radius: 16px;
  --sai-radius-lg: 24px;
  --sai-shadow: 0 12px 32px rgba(8, 35, 57, .07);
  --sai-shadow-lg: 0 28px 72px rgba(4, 26, 43, .15);
}

body:has(.app-shell),
body:has(.auth-page),
body:has(.legal-page) {
  background: var(--sai-canvas);
  color: var(--sai-ink);
}

.sales-ai-mark {
  display: block;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  object-fit: contain;
}

.sales-ai-brand-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sales-ai-brand-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
}

.sales-ai-mark.small { width: 25px; height: 25px; }

/* Workspace shell */
.app-shell { min-height: 100vh; background: var(--sai-canvas); }
.app-shell .topbar {
  height: 72px;
  padding: 0 max(28px, calc((100vw - 1760px) / 2));
  color: #f4f9fc;
  background:
    radial-gradient(circle at 78% -80%, rgba(86, 216, 234, .24), transparent 40%),
    linear-gradient(110deg, var(--sai-navy-950), var(--sai-navy-900) 55%, #10344f);
  border: 0;
  box-shadow: 0 10px 32px rgba(5, 25, 42, .14);
  backdrop-filter: none;
  z-index: 40;
}
.app-shell .topbar .brand { color: #f4f9fc; gap: 11px; font-size: 18px; }
.app-shell .topbar .brand small { color: #9eb4c7; letter-spacing: .09em; }
.app-shell .topbar .language {
  color: #dce9f2;
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(196, 221, 238, .15);
}
.app-shell .topbar .language option { color: var(--sai-ink); background: #fff; }
.app-shell .topbar .account { color: #a9bdcc; }
.app-shell .topbar .signout { color: #d4e1ea; }
.app-shell .topbar .signout:hover { color: #fff; background: rgba(255, 255, 255, .08); }

.app-shell .layout {
  max-width: 1760px;
  padding: 30px max(28px, calc((100vw - 1760px) / 2)) 64px;
}
.app-shell .nav.product-nav { border: 0; box-shadow: none; background: transparent; }
.app-shell .product-nav-group > span {
  color: #8798a9;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.app-shell .product-nav-group button {
  position: relative;
  min-height: 38px;
  color: #53687d;
  border: 0;
  border-radius: 10px;
  transition: color .16s ease, background .16s ease, transform .16s ease;
}
.app-shell .product-nav-group button:hover { color: var(--sai-navy-900); background: #e9f1f6; transform: translateX(2px); }
.app-shell .product-nav-group button.active {
  color: #0d4f9d;
  background: linear-gradient(90deg, #deefff, #eaf7f9);
  box-shadow: inset 3px 0 var(--sai-blue-600);
}
.app-shell .product-nav-group button.active::before { display: none; }

.app-shell #page { min-width: 0; }
.app-shell .page-title { align-items: flex-start; margin-bottom: 22px; }
.app-shell .page-title h1,
.app-shell .detail-hero h1 { color: var(--sai-ink); font-size: clamp(27px, 2.2vw, 34px); letter-spacing: -.045em; }
.app-shell .page-title p { max-width: 740px; color: var(--sai-body); }
.app-shell .eyebrow { color: #2673d6; }

.app-shell .card {
  border: 1px solid rgba(25, 63, 91, .11);
  border-radius: var(--sai-radius);
  background: var(--sai-paper);
  box-shadow: var(--sai-shadow);
}
.app-shell .card:hover { border-color: rgba(45, 127, 249, .2); }
.app-shell .section-head { padding: 20px 22px 14px; }
.app-shell .section-head h2 { color: #18324e; font-size: 16px; letter-spacing: -.02em; }

@media (min-width: 901px) and (max-width: 1580px) {
  #page.sales-ai-dashboard > .deal-copilot-grid {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.app-shell .section-head p,
.app-shell .subtle { color: var(--sai-muted); }
.app-shell .list { padding: 0 22px 15px; }
.app-shell .list-row { border-color: #edf1f4; }

.app-shell .btn {
  min-height: 40px;
  border-radius: 10px;
  background: var(--sai-blue-600);
  border-color: var(--sai-blue-600);
  box-shadow: 0 7px 18px rgba(45, 127, 249, .18);
}
.app-shell .btn:hover { background: #1769df; border-color: #1769df; box-shadow: 0 10px 22px rgba(45, 127, 249, .24); }
.app-shell .btn.secondary { color: #29435d; background: #fff; border-color: #d8e3eb; box-shadow: none; }
.app-shell .btn.secondary:hover { color: #133b64; background: #f5f9fc; border-color: #bdd0de; }
.app-shell .text-action { color: #236eca; }
.app-shell .input { border-color: #d7e1e9; border-radius: 10px; }
.app-shell .input:focus { border-color: var(--sai-blue-500); box-shadow: 0 0 0 3px rgba(45, 127, 249, .12); }
.app-shell .badge { color: #2864a8; background: #eaf4ff; border-color: #d6e9fb; }
.app-shell .badge.success { color: var(--sai-success); background: #e9f8f3; }
.app-shell .badge.warning { color: var(--sai-warning); background: #fff4e6; }
.app-shell .notice.error { color: var(--sai-danger); background: #fff0f3; }
.app-shell .empty { color: var(--sai-muted); }

.app-shell .table-wrap,
.app-shell > .table-wrap { border-radius: var(--sai-radius); box-shadow: var(--sai-shadow); }
.app-shell .table { background: #fff; }
.app-shell .table th {
  color: #6c7f93;
  background: #f6f9fb;
  border-bottom: 1px solid #e5edf2;
}
.app-shell .table td { border-color: #edf2f5; }
.app-shell .table tbody tr:hover td { background: #f6fbff; }
.app-shell .toolbar { flex-wrap: wrap; }

/* Dashboard prioritizes information density over decorative hero content. */
.sales-ai-dashboard { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr); gap: 18px; }
.sales-ai-dashboard > * { min-width: 0; }
.sales-ai-dashboard .dashboard-page-header,
.sales-ai-dashboard .dashboard-focusbar,
.sales-ai-dashboard .dashboard-metrics { grid-column: 1 / -1; }
.sales-ai-dashboard .dashboard-primary-grid { display: contents; }
.sales-ai-dashboard .dashboard-tasks { grid-column: 1; }
.sales-ai-dashboard .dashboard-followups { grid-column: 2; }
.sales-ai-dashboard .dashboard-pipeline { grid-column: 1; }
.sales-ai-dashboard .dashboard-review { grid-column: 1; }
.sales-ai-dashboard .dashboard-support-panel,
.sales-ai-dashboard .dashboard-risk { grid-column: 2; }

.dashboard-focusbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  padding: 20px 22px;
  color: #eaf7ff;
  border: 1px solid rgba(86, 216, 234, .2);
  border-radius: var(--sai-radius);
  background:
    radial-gradient(circle at 78% 0, rgba(86, 216, 234, .18), transparent 34%),
    linear-gradient(115deg, var(--sai-navy-900), #123c5a);
  box-shadow: 0 16px 38px rgba(6, 31, 51, .15);
}
.dashboard-focusbar > div:first-child { display: grid; gap: 4px; }
.dashboard-focusbar span { color: #85e7f0; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.dashboard-focusbar b { font-size: 17px; letter-spacing: -.02em; }
.dashboard-focusbar > div:last-child { display: flex; gap: 9px; flex: 0 0 auto; }
.dashboard-focusbar .btn { background: #f5fbff; color: #0b3152; border-color: #f5fbff; box-shadow: none; }
.dashboard-focusbar .btn:hover { color: #08243c; background: #fff; border-color: #fff; }
.dashboard-focusbar .btn.secondary { color: #e7f5ff; background: transparent; border-color: rgba(220, 240, 250, .28); }
.dashboard-focusbar .btn.secondary:hover { background: rgba(255, 255, 255, .08); }

.dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
}
.dashboard-metrics .metric {
  position: relative;
  min-height: 116px;
  padding: 20px;
  overflow: hidden;
  border-radius: var(--sai-radius);
  background: linear-gradient(145deg, #fff, #f8fbfd);
}
.dashboard-metrics .metric::after {
  content: "";
  position: absolute;
  right: -18px;
  bottom: -28px;
  width: 82px;
  height: 82px;
  border: 15px solid rgba(45, 127, 249, .05);
  border-radius: 50%;
}
.dashboard-metrics .metric span { color: #718398; }
.dashboard-metrics .metric b { color: #112f4d; font-size: 29px; }
.dashboard-risk .notice { padding: 24px 20px; }

/* Shared business modules */
.app-shell .detail-hero,
.app-shell .quick-hero,
.app-shell .usage-hero,
.app-shell .pipeline-summary,
.app-shell .enterprise-adaptation {
  border-color: rgba(45, 127, 249, .14);
  background:
    radial-gradient(circle at 92% 0, rgba(86, 216, 234, .12), transparent 30%),
    linear-gradient(135deg, #fff, #f4f9fc);
}
.app-shell .customer-icon { background: linear-gradient(135deg, #194f86, var(--sai-blue-600)); }
.app-shell .pipeline-column,
.app-shell .brain-panel,
.app-shell .knowledge-panel,
.app-shell .daily-plan-panel,
.app-shell .deal-copilot-panel,
.app-shell .lead-import-card,
.app-shell .health-card,
.app-shell .tenant-card { border-color: rgba(25, 63, 91, .1); box-shadow: var(--sai-shadow); }
.app-shell .brain-command,
.app-shell .knowledge-heading,
.app-shell .workflow-heading {
  color: #effbff;
  border-color: rgba(86, 216, 234, .18);
  background: linear-gradient(120deg, #0b2135, #174361);
}
.app-shell .brain-command .subtle,
.app-shell .knowledge-heading p,
.app-shell .workflow-heading p { color: #b5c9d7; }
.app-shell .usage-bar > i { background: linear-gradient(90deg, var(--sai-blue-600), var(--sai-cyan-500)); }
.app-shell .growth-score,
.app-shell .health-mark { color: #176bbd; background: #e5f4ff; }

.mobile-shell-toggle,
.mobile-nav-scrim,
.mobile-current-view { display: none; }

/* Account entry */
.auth-page--product {
  background: #f4f8fa;
  grid-template-columns: minmax(0, 1.2fr) minmax(420px, .8fr);
}
.auth-showcase {
  color: #f3f9fc;
  background:
    radial-gradient(circle at 82% 16%, rgba(86, 216, 234, .24), transparent 26%),
    radial-gradient(circle at 38% 88%, rgba(45, 127, 249, .2), transparent 31%),
    linear-gradient(128deg, #061421, #0b2b45 58%, #10405b);
}
.auth-wordmark,
.auth-card-brand { display: flex; align-items: center; gap: 10px; }
.auth-wordmark .sales-ai-mark { width: 34px; height: 34px; }
.auth-wordmark b { color: var(--sai-cyan-500); }
.auth-card-brand .sales-ai-mark { width: 34px; height: 34px; }
.auth-card-brand { color: var(--sai-navy-900); }
.auth-card-brand b { color: var(--sai-blue-600); }
.auth-card-brand small { margin-left: auto; color: var(--sai-muted); }
.auth-card--product {
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: -24px 0 64px rgba(5, 28, 47, .08);
}
.auth-card--product .btn-wide { background: var(--sai-blue-600); border-color: var(--sai-blue-600); }
.auth-card--product .btn-wide:hover { background: #1769df; }
.auth-card--product .auth-copy h1 { color: var(--sai-ink); }
.auth-card--product .auth-copy p { color: var(--sai-body); }
.auth-card--product .input { border-color: #d7e2e9; }
.auth-card--product .input:focus { border-color: var(--sai-blue-500); box-shadow: 0 0 0 3px rgba(45, 127, 249, .12); }
.auth-card--product .auth-login-head .brand .sales-ai-brand-icon { width: 30px; height: 30px; flex-basis: 30px; }

/* Legal brand surfaces */
.legal-brand .sales-ai-brand-icon { width: 31px; height: 31px; flex-basis: 31px; }
.legal-brand b { color: var(--sai-blue-600); }
.legal-page .legal-nav { border-color: var(--sai-line); }
.legal-page .legal-hero { background: radial-gradient(circle at 84% 5%, #dff5fb, transparent 30%); }
.legal-page .legal-hero p { color: #2475ce; }
.legal-page .legal-hero h1 { color: var(--sai-navy-900); }
.legal-page .legal-lead { border-color: var(--sai-blue-600); background: #edf7ff; }

@media (min-width: 1081px) {
  .app-shell .layout { grid-template-columns: 218px minmax(0, 1fr); gap: 0 36px; }
  .app-shell .nav.product-nav { top: 96px; }
}

@media (max-width: 1180px) {
  .sales-ai-dashboard { grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); }
  .dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  body.mobile-nav-open { overflow: hidden; }
  .app-shell .topbar { height: 64px; padding: 0 16px; }
  .app-shell .topbar .brand > span:last-child small { display: none; }
  .app-shell .topbar .brand { font-size: 16px; }
  .app-shell .topbar .sales-ai-brand-icon { width: 29px; height: 29px; flex-basis: 29px; }
  .app-shell .top-actions .account { display: none; }
  .app-shell .layout { display: block; padding: 20px 16px 48px; }
  .mobile-shell-toggle {
    display: grid;
    width: 40px;
    height: 40px;
    margin-left: auto;
    padding: 10px;
    align-content: center;
    gap: 4px;
    border: 1px solid rgba(210, 232, 243, .18);
    border-radius: 10px;
    background: rgba(255, 255, 255, .07);
  }
  .mobile-shell-toggle i { display: block; height: 2px; border-radius: 2px; background: #eaf5fb; }
  .mobile-current-view { display: block; max-width: 34vw; margin-left: 4px; overflow: hidden; color: #9fb6c6; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
  .app-shell .nav.product-nav {
    position: fixed;
    z-index: 70;
    inset: 0 auto 0 0;
    display: block;
    width: min(330px, 86vw);
    margin: 0;
    padding: 82px 18px 28px;
    overflow-y: auto;
    transform: translateX(-104%);
    color: #dceaf2;
    background: linear-gradient(180deg, #071726, #0b2940);
    box-shadow: 24px 0 60px rgba(4, 23, 38, .28);
    transition: transform .24s ease;
  }
  .mobile-nav-open .app-shell .nav.product-nav { transform: translateX(0); }
  .app-shell .product-nav-scroll { display: grid; gap: 17px; }
  .app-shell .product-nav-group > span { color: #7690a4; }
  .app-shell .product-nav-group button { color: #c8d8e3; }
  .app-shell .product-nav-group button:hover { color: #fff; background: rgba(255, 255, 255, .06); }
  .app-shell .product-nav-group button.active { color: #fff; background: rgba(45, 127, 249, .22); box-shadow: inset 3px 0 var(--sai-cyan-500); }
  .mobile-nav-scrim {
    display: block;
    position: fixed;
    z-index: 60;
    inset: 0;
    visibility: hidden;
    opacity: 0;
    border: 0;
    background: rgba(3, 17, 29, .55);
    backdrop-filter: blur(3px);
    transition: opacity .2s ease, visibility .2s ease;
  }
  .mobile-nav-open .mobile-nav-scrim { visibility: visible; opacity: 1; }
  .sales-ai-dashboard { display: block; }
  .sales-ai-dashboard > * { margin-bottom: 16px; }
  .dashboard-metrics { display: grid; }
  .dashboard-focusbar { align-items: flex-start; flex-direction: column; }
  .dashboard-focusbar > div:last-child { width: 100%; }
  .dashboard-focusbar .btn { flex: 1; }
  .app-shell .table-wrap { overflow-x: visible; box-shadow: none; }
  .app-shell table.table { min-width: 0; }
  .app-shell .table thead { display: none; }
  .app-shell .table tbody,
  .app-shell .table tr,
  .app-shell .table td { display: block; width: 100%; }
  .app-shell .table tbody { display: grid; gap: 12px; }
  .app-shell .table tr { padding: 7px 14px; border: 1px solid var(--sai-line); border-radius: 13px; background: #fff; box-shadow: 0 8px 22px rgba(8, 35, 57, .05); }
  .app-shell .table td { display: grid; grid-template-columns: minmax(90px, 34%) 1fr; gap: 12px; padding: 8px 0; border: 0; border-top: 1px solid #edf2f5; text-align: right; white-space: normal; }
  .app-shell .table td:first-child { border-top: 0; }
  .app-shell .table td::before { content: attr(data-label); color: #718398; font-size: 11px; font-weight: 700; text-align: left; }
  .app-shell .table td:empty { display: none; }
  .app-shell .table-actions { justify-content: flex-end; }
}

@media (max-width: 700px) {
  .app-shell .top-actions .language { max-width: 76px; }
  .app-shell .topbar .signout { font-size: 0; }
  .app-shell .topbar .signout::after { content: "↗"; font-size: 17px; }
  .app-shell .page-title { gap: 12px; }
  .app-shell .page-title .btn { width: 100%; }
  .app-shell .page-title h1,
  .app-shell .detail-hero h1 { font-size: 26px; }
  .app-shell .section-head { align-items: flex-start; gap: 10px; padding: 17px 17px 12px; }
  .app-shell .list { padding: 0 17px 12px; }
  .dashboard-focusbar { padding: 18px; }
  .dashboard-focusbar > div:last-child { display: grid; grid-template-columns: 1fr; }
  .dashboard-metrics { grid-template-columns: 1fr 1fr; gap: 9px; }
  .dashboard-metrics .metric { min-height: 105px; padding: 16px; }
  .dashboard-metrics .metric b { font-size: 24px; }
  .app-shell .detail-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
  .app-shell .detail-stats > div { padding: 10px; border-bottom: 1px solid #edf1f4; }
  .app-shell .detail-stats > div:nth-child(odd) { border-right: 1px solid #edf1f4; }
  .app-shell .toolbar .btn,
  .app-shell .crud-actions .btn { flex: 1 1 130px; }
  .auth-page--product { display: block; min-height: 100svh; padding: 0; }
  .auth-showcase { min-height: 240px; padding: 22px 22px 0; }
  .auth-showcase-copy h1 { font-size: 30px; }
  .auth-card--product { width: auto; min-height: calc(100svh - 240px); padding: 28px 22px 38px; box-shadow: none; }
  .auth-card-brand small { display: none; }
}

@media (max-width: 430px) {
  .app-shell .topbar .brand > span:last-child { display: none; }
  .mobile-current-view { max-width: 29vw; }
  .dashboard-metrics { grid-template-columns: 1fr; }
  .dashboard-metrics .metric { min-height: 92px; }
  .app-shell .detail-stats { grid-template-columns: 1fr; }
  .app-shell .detail-stats > div:nth-child(odd) { border-right: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .app-shell *, .auth-page *, .legal-page * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* AI acquisition: auditable candidate-to-revenue path. */
.sales-ai-dashboard .dashboard-acquisition { grid-column: 1 / -1; padding: 24px; border-color: rgba(23, 119, 169, .22); background: radial-gradient(circle at 88% 0, rgba(86,216,234,.13), transparent 28%), linear-gradient(135deg,#f9fdff,#eef7fb); }
.ai-acquisition-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }.ai-acquisition-head h2 { margin:4px 0 7px; color:var(--sai-navy-900); font-size:22px; letter-spacing:-.035em; }.ai-acquisition-head p { max-width:800px; margin:0; color:var(--sai-body); }
.engine-status,.provider-chip,.source-badge { display:inline-flex; align-items:center; gap:7px; min-height:30px; padding:5px 10px; border:1px solid #cfe0ea; border-radius:999px; color:#2a4b65; background:#fff; font-size:12px; font-weight:750; line-height:1.25; }.engine-status { flex:0 0 auto; color:#0d5970; background:#e7fafc; border-color:#b9e9ef; }.engine-status i { width:8px; height:8px; border-radius:50%; background:#19aebd; box-shadow:0 0 0 4px rgba(25,174,189,.12); }.engine-simulation,.engine-unconfigured { color:#9a5a10; background:#fff7e8; border-color:#f1d4a5; }.engine-simulation i,.engine-unconfigured i { background:#c7831f; }.engine-paused,.engine-error { color:#9d2942; background:#fff0f3; border-color:#f0c5d0; }.engine-paused i,.engine-error i { background:#c94b69; }
.ai-provider-row { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:18px 0; color:#516b80; }.ai-provider-row b { color:#25425c; font-size:13px; }.provider-chip { color:#6d7e8d; background:#f9fbfc; }.provider-chip.configured { color:#136a61; border-color:#bde8df; background:#edf9f6; }
.ai-acquisition-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }.ai-acquisition-metric { min-height:102px; padding:17px; border:1px solid #dceaf0; border-radius:13px; background:rgba(255,255,255,.86); }.ai-acquisition-metric b { display:block; color:#123d61; font-size:28px; line-height:1; letter-spacing:-.05em; }.ai-acquisition-metric span { display:block; margin-top:9px; color:#61788c; font-size:12px; line-height:1.35; }
.ai-acquisition-lower { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr); gap:16px; margin-top:16px; }.ai-acquisition-lower > section { min-width:0; padding:17px; border:1px solid #dceaf0; border-radius:13px; background:rgba(255,255,255,.68); }.ai-subhead { display:flex; align-items:center; justify-content:space-between; gap:12px; }.ai-subhead h3 { margin:0; color:#264a67; font-size:13px; }.ai-subhead span { color:#74899a; font-size:12px; }.ai-funnel { display:flex; align-items:stretch; gap:5px; margin-top:16px; overflow-x:auto; }.ai-funnel > div { position:relative; display:grid; min-width:82px; flex:1; gap:5px; padding:12px 10px; border-radius:10px; background:#eaf5fb; }.ai-funnel b { color:#104c79; font-size:20px; }.ai-funnel span { color:#587188; font-size:11px; line-height:1.2; }.ai-funnel i { position:absolute; top:50%; right:-9px; z-index:1; color:#5da0be; font-style:normal; }.ai-source-list { display:grid; gap:7px; margin-top:12px; }.ai-source-list > div { display:flex; justify-content:space-between; gap:10px; padding:8px 0; border-bottom:1px solid #e8f0f4; color:#527087; font-size:12px; }.ai-source-list b { color:#163e5f; }.ai-source-list p { color:#7b8d9e; font-size:12px; }.ai-acquisition-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:18px; }.ai-acquisition-actions .btn { min-height:42px; }
.dashboard-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }.dashboard-metrics-heading { grid-column:1 / -1; padding:3px 0 2px; }.dashboard-metrics-heading h2 { margin:4px 0; color:#183b59; font-size:18px; }.dashboard-metrics-heading p { margin:0; color:#718699; font-size:13px; }.source-badge { min-height:26px; padding:3px 8px; color:#516a7f; background:#f6f9fb; border-color:#dae5eb; white-space:nowrap; }.source-badge.source-demo { color:#805619; background:#fff7e7; border-color:#eed5a7; }.source-badge.source-future_agent { color:#075f77; background:#e5f8fc; border-color:#afe5ed; }.source-badge.source-csv { color:#5d4f98; background:#f1efff; border-color:#d9d3fb; }.source-badge.source-api,.source-badge.source-connector { color:#1b6a57; background:#eaf8f1; border-color:#c2e9d8; }
@media (max-width: 1280px) { .ai-acquisition-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } }@media (max-width: 900px) { .sales-ai-dashboard .dashboard-acquisition { padding:18px; }.ai-acquisition-head { display:grid; }.engine-status { justify-self:start; }.ai-acquisition-lower { grid-template-columns:1fr; }.ai-funnel { padding-bottom:3px; }.ai-acquisition-actions .btn { flex:1 1 170px; } }@media (max-width: 430px) { .ai-acquisition-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.ai-acquisition-metric { min-height:94px; padding:13px; }.ai-acquisition-metric b { font-size:24px; }.ai-acquisition-actions { display:grid; grid-template-columns:1fr; }.ai-acquisition-actions .btn { width:100%; }.ai-provider-row { align-items:flex-start; flex-direction:column; }.ai-funnel > div { min-width:88px; } }