:root {
  --ink: #f8fbff;
  --deep: #071033;
  --deep-2: #10173a;
  --muted: #a7b2d5;
  --soft-ink: #263454;
  --card: rgba(255,255,255,.91);
  --glass: rgba(255,255,255,.095);
  --line: rgba(255,255,255,.16);
  --line-dark: rgba(123,44,255,.18);
  --pink: #eb3b8b;
  --purple: #7b2cff;
  --blue: #00b8ff;
  --orange: #ff8a3d;
  --green: #22d3a6;
  --shadow: 0 26px 90px rgba(0,0,0,.28);
  --soft-shadow: 0 22px 70px rgba(7,16,51,.14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  font-family: Nunito, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at 10% -10%, rgba(235,59,139,.34), transparent 32rem),
    radial-gradient(circle at 88% 2%, rgba(0,184,255,.30), transparent 30rem),
    radial-gradient(circle at 74% 48%, rgba(123,44,255,.22), transparent 26rem),
    linear-gradient(135deg, #071033 0%, #111840 48%, #090d24 100%);
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000 0%, transparent 80%);
}
a { color: inherit; }
.ambient { position: fixed; border-radius: 999px; filter: blur(8px); opacity: .55; pointer-events: none; }
.ambient-one { width: 280px; height: 280px; background: rgba(235,59,139,.24); left: -120px; top: 340px; }
.ambient-two { width: 340px; height: 340px; background: rgba(0,184,255,.18); right: -180px; top: 140px; }
.page-shell { width: min(1180px, calc(100% - 32px)); margin: 0 auto 56px; position: relative; z-index: 1; }
.hero { padding: 22px 0 34px; }
.topbar { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 44px; }
.brand { display: inline-flex; align-items: center; gap: 13px; text-decoration: none; }
.brand-mark {
  width: 52px;
  height: 52px;
  padding: 1px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(135deg, var(--pink), var(--purple), var(--blue));
  box-shadow: 0 18px 42px rgba(123,44,255,.32);
}
.brand-mark span {
  width: 100%; height: 100%; border-radius: 17px; display: grid; place-items: center;
  color: #fff; font-weight: 1000; background: rgba(7,16,51,.18);
}
.brand strong { display:block; font-family: Fredoka, Nunito, sans-serif; font-weight: 500; font-size: 1.34rem; letter-spacing: -.02em; }
.brand small { display:block; color: var(--muted); font-size: .79rem; font-weight: 800; }
.status-pill, .mini-label, .eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
  font-size: .73rem;
}
.status-pill {
  gap: 8px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.09);
  border: 1px solid var(--line);
  color: #dbe8ff;
  backdrop-filter: blur(14px);
}
.pulse { width: 9px; height: 9px; border-radius: 999px; background: var(--green); box-shadow: 0 0 0 6px rgba(34,211,166,.13); }
.eyebrow { color: #ff8bc0; margin: 0 0 12px; }
.hero-grid { display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(320px, .78fr); gap: 26px; align-items: stretch; }
.hero-copy-block { padding: 12px 0 0; }
h1, h2, h3 { font-family: Fredoka, Nunito, sans-serif; font-weight: 500; line-height: 1.01; margin: 0; }
h1 { font-size: clamp(3.05rem, 8vw, 6.55rem); max-width: 860px; letter-spacing: -.066em; text-wrap: balance; }
h2 { font-size: clamp(1.75rem, 4vw, 2.95rem); letter-spacing: -.04em; }
h3 { font-size: 1.42rem; letter-spacing: -.025em; }
.hero-copy { color: #c4ceeb; font-size: 1.19rem; line-height: 1.65; max-width: 750px; }
.hero-copy strong { color: #fff; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.button {
  border: 0;
  border-radius: 999px;
  padding: 14px 20px;
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  font-weight: 1000;
  font-family: Nunito, sans-serif;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.button:hover { transform: translateY(-1px); }
.button.primary { color: #fff; background: linear-gradient(135deg, var(--pink), var(--purple) 55%, var(--blue)); box-shadow: 0 20px 46px rgba(123,44,255,.36); }
.button.ghost { background: rgba(255,255,255,.08); border: 1px solid var(--line); color: #edf4ff; backdrop-filter: blur(14px); }
.proof-strip { display:flex; flex-wrap:wrap; gap: 10px; margin-top: 28px; }
.proof-strip span { border: 1px solid rgba(255,255,255,.15); color: #d6e3ff; background: rgba(255,255,255,.065); border-radius: 999px; padding: 9px 11px; font-weight: 900; font-size: .88rem; }
.signal-console, .search-panel, .principles-grid article, .result-card {
  border: 1px solid var(--line);
  background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.065));
  backdrop-filter: blur(18px);
  box-shadow: var(--shadow);
  border-radius: 32px;
}
.signal-console { padding: 24px; min-height: 455px; position: relative; overflow: hidden; display:flex; flex-direction:column; justify-content:flex-end; }
.signal-console::before { content:""; position:absolute; inset:1px; border-radius:31px; background: radial-gradient(circle at top right, rgba(0,184,255,.20), transparent 42%), radial-gradient(circle at 10% 16%, rgba(235,59,139,.16), transparent 40%); pointer-events:none; }
.signal-console > * { position: relative; z-index: 1; }
.console-topline { position:absolute; top:22px; left:22px; right:22px; display:flex; align-items:center; justify-content:space-between; }
.console-dot { width:12px; height:12px; border-radius:50%; background: var(--green); box-shadow: 0 0 28px rgba(34,211,166,.85); }
.signal-orbit { height: 150px; margin-bottom: 26px; position: relative; }
.signal-orbit::before { content:""; position:absolute; inset: 20px 54px 0; border: 1px solid rgba(255,255,255,.16); border-radius: 999px; transform: rotate(-12deg); }
.signal-orbit span { position:absolute; width: 16px; height:16px; border-radius:999px; background: linear-gradient(135deg,var(--pink),var(--blue)); box-shadow:0 0 32px rgba(0,184,255,.55); }
.signal-orbit span:nth-child(1) { left: 24%; top: 52%; }
.signal-orbit span:nth-child(2) { right: 18%; top: 20%; }
.signal-orbit span:nth-child(3) { left: 52%; bottom: 8%; background: linear-gradient(135deg,var(--orange),var(--pink)); }
.signal-console h2 { margin-bottom: 16px; }
.translation-card { padding: 13px 14px; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; background: rgba(255,255,255,.07); margin-top: 10px; }
.translation-card small { color: var(--muted); font-weight: 1000; text-transform: uppercase; font-size: .7rem; letter-spacing:.05em; }
.translation-card p { margin: 4px 0 0; color: #f4f8ff; line-height: 1.44; font-weight: 800; }
.translation-card.active { background: linear-gradient(135deg, rgba(235,59,139,.18), rgba(123,44,255,.14), rgba(0,184,255,.13)); border-color: rgba(255,255,255,.20); }
.mini-label { color: #a9c8ff; margin-bottom: 12px; }
.search-panel {
  margin: 30px 0;
  padding: 24px;
  background: rgba(255,255,255,.92);
  color: var(--deep);
  border-color: rgba(255,255,255,.42);
  box-shadow: var(--soft-shadow);
}
.search-panel .eyebrow { color: var(--pink); }
.section-heading { max-width: 800px; margin-bottom: 20px; }
.section-heading p:not(.eyebrow) { color: #62708f; font-size: 1.02rem; }
.search-form { display: grid; grid-template-columns: 1fr .55fr 1.45fr auto; gap: 12px; align-items: end; }
label span { display:block; margin: 0 0 7px; font-weight: 1000; color: #273452; }
input, select {
  width: 100%; min-height: 54px; border: 1px solid rgba(98,112,143,.23); border-radius: 18px; padding: 0 14px; background: #fff; color: var(--deep); font: inherit; font-weight: 900;
}
input:focus, select:focus { outline: 3px solid rgba(0,184,255,.22); border-color: rgba(0,184,255,.75); }
.search-state { margin-top: 18px; padding: 14px 16px; border-radius: 18px; background: rgba(123,44,255,.08); color: #342454; font-weight: 900; }
.results-section { display: grid; gap: 18px; margin: 28px 0; }
.results-header { display: flex; justify-content: space-between; gap: 16px; align-items: end; margin: 20px 0 8px; }
.results-header p { color: #c4ceeb; margin: 6px 0 0; }
.result-card { padding: 23px; background: rgba(255,255,255,.94); color: var(--deep); border-color: rgba(255,255,255,.42); box-shadow: var(--soft-shadow); }
.result-topline { display: flex; justify-content: space-between; gap: 18px; align-items: start; }
.sector { margin: 0 0 6px; color: var(--pink); font-weight: 1000; text-transform: uppercase; letter-spacing: .06em; font-size: .78rem; }
.meta { color: #62708f; margin: 8px 0 0; font-weight: 800; }
.score-badge { min-width: 94px; min-height: 94px; border-radius: 25px; background: linear-gradient(135deg, rgba(235,59,139,.12), rgba(123,44,255,.17), rgba(0,184,255,.15)); display: grid; place-items: center; text-align: center; border: 1px solid var(--line-dark); }
.score-badge strong { font-size: 2.15rem; line-height: 1; }
.score-badge span { font-size: .72rem; color: #62708f; font-weight: 1000; text-transform: uppercase; }
.summary-row { display:flex; flex-wrap:wrap; gap:8px; margin: 18px 0; }
.chip { border: 1px solid var(--line-dark); background: #fff; padding: 8px 10px; border-radius: 999px; font-weight: 1000; color: #33405d; font-size: .86rem; }
.insight-block, .angle-box, .opener-box { margin-top: 12px; padding: 15px 16px; border-radius: 21px; background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(247,244,255,.78)); border: 1px solid rgba(98,112,143,.16); }
.angle-box { background: linear-gradient(135deg, rgba(235,59,139,.09), rgba(123,44,255,.07), rgba(0,184,255,.08)); }
.opener-box { background: #071033; color: #fff; border-color: rgba(255,255,255,.08); }
.insight-block strong, .angle-box strong, .opener-box strong { display:block; margin-bottom: 4px; }
.insight-block p, .angle-box p { margin: 0; color: #3f4b66; line-height: 1.5; }
.opener-box p { margin:0; color:#eaf1ff; line-height:1.55; white-space:pre-wrap; }
.signals-list { display: grid; gap: 8px; margin-top: 14px; }
.signal-item { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: start; color: #31405e; }
.signal-dot { width: 10px; height: 10px; border-radius: 999px; background: linear-gradient(135deg, var(--pink), var(--blue)); margin-top: 7px; box-shadow:0 0 16px rgba(0,184,255,.35); }
.links-row { display:flex; flex-wrap:wrap; gap: 10px; margin-top: 16px; }
.links-row a { font-weight: 1000; color: var(--purple); text-decoration: none; }
.principles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 28px; }
.principles-grid article { padding: 22px; box-shadow: none; }
.principles-grid p { color: #c4ceeb; line-height: 1.55; }
.empty-state { padding: 22px; border-radius: 24px; border: 1px dashed rgba(255,255,255,.32); background: rgba(255,255,255,.08); color: #c4ceeb; }

@media (max-width: 900px) {
  .page-shell { width: min(100% - 24px, 720px); }
  .hero { padding-top: 16px; }
  .topbar { align-items: flex-start; margin-bottom: 34px; }
  .status-pill { display: none; }
  .hero-grid, .principles-grid { grid-template-columns: 1fr; }
  .signal-console { min-height: auto; padding-top: 72px; }
  .signal-orbit { height: 112px; margin-bottom: 20px; }
  .search-form { grid-template-columns: 1fr; }
  .wide-button { width: 100%; }
  .result-topline { flex-direction: column; }
  .score-badge { width: 100%; min-height: 76px; display: flex; gap: 10px; justify-content:center; }
  h1 { font-size: clamp(3rem, 17vw, 4.65rem); }
  .hero-copy { font-size: 1.06rem; }
  .brand small { max-width: 210px; }
}

@media (max-width: 420px) {
  .page-shell { width: min(100% - 20px, 720px); }
  .search-panel, .result-card, .signal-console { border-radius: 26px; padding: 20px; }
  .signal-console { padding-top: 70px; }
  .brand-mark { width: 48px; height: 48px; }
}
.mode-pill {
  align-self: start;
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 9px 12px;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color: #fff;
}
.mode-pill.live {
  border-color: rgba(34,211,166,.42);
  background: rgba(34,211,166,.16);
}
.mode-pill.demo {
  border-color: rgba(255,138,61,.42);
  background: rgba(255,138,61,.16);
}

/* Result Quality Layer */
.score-cluster {
  display: grid;
  gap: 10px;
  justify-items: end;
  min-width: 132px;
}
.quality-stack {
  display: grid;
  gap: 7px;
  width: 100%;
}
.confidence-pill,
.evidence-pill {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 32px;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: .74rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .045em;
  border: 1px solid rgba(98,112,143,.18);
  background: #fff;
  color: #33405d;
}
.confidence-pill {
  background: linear-gradient(135deg, rgba(34,211,166,.14), rgba(0,184,255,.12));
  color: #123f48;
}
.evidence-pill {
  background: linear-gradient(135deg, rgba(235,59,139,.10), rgba(123,44,255,.11));
  color: #3d285f;
}
.evidence-summary {
  margin: 14px 0 0;
  color: #62708f;
  font-weight: 900;
  line-height: 1.4;
}
.evidence-drawer {
  margin-top: 14px;
  border: 1px solid rgba(98,112,143,.16);
  border-radius: 20px;
  background: rgba(255,255,255,.74);
  overflow: hidden;
}
.evidence-drawer summary {
  cursor: pointer;
  padding: 14px 16px;
  font-weight: 1000;
  color: #273452;
  list-style-position: inside;
}
.evidence-drawer[open] summary {
  border-bottom: 1px solid rgba(98,112,143,.14);
  background: linear-gradient(135deg, rgba(247,244,255,.96), rgba(235,248,255,.78));
}
.evidence-drawer-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
  gap: 16px;
  padding: 16px;
}
.evidence-drawer-grid > div > strong {
  display: block;
  margin-bottom: 8px;
}
.evidence-list,
.quality-notes {
  display: grid;
  gap: 8px;
  margin: 0;
  padding-left: 18px;
  color: #3f4b66;
}
.evidence-list li strong {
  display: block;
  color: #273452;
}
.evidence-list li span {
  display: block;
  color: #62708f;
  font-weight: 800;
}
.opener-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 7px;
}
.opener-heading strong {
  margin: 0;
}
.copy-opener {
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.10);
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: .78rem;
  font-weight: 1000;
  padding: 8px 10px;
  white-space: nowrap;
}
.copy-opener:hover {
  background: rgba(255,255,255,.16);
}
@media (max-width: 900px) {
  .score-cluster {
    width: 100%;
    justify-items: stretch;
  }
  .quality-stack {
    grid-template-columns: 1fr 1fr;
  }
  .evidence-drawer-grid {
    grid-template-columns: 1fr;
  }
  .opener-heading {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Prospect Actions V1 */
.prospect-workspace {
  margin: 24px 0 28px;
  padding: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(255,255,255,.14), rgba(255,255,255,.07));
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}
.prospect-workspace h2 {
  margin-bottom: 8px;
}
.prospect-workspace p:not(.eyebrow) {
  max-width: 680px;
  margin: 0;
  color: #c4ceeb;
  line-height: 1.55;
  font-weight: 800;
}
.workspace-stats {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.workspace-stats span {
  min-width: 104px;
  padding: 11px 13px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background: rgba(255,255,255,.08);
  color: #dfe9ff;
  font-size: .82rem;
  font-weight: 1000;
  text-transform: uppercase;
  text-align: center;
}
.workspace-stats strong {
  display: block;
  color: #fff;
  font-size: 1.45rem;
  line-height: 1.05;
}
.workspace-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.button.dark,
.button:disabled {
  opacity: .72;
}
.button:disabled {
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.saved-list {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.saved-list:empty {
  display: none;
}
.saved-list li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  padding: 11px 12px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 18px;
  background: rgba(255,255,255,.08);
}
.saved-list strong,
.saved-list small {
  display: block;
}
.saved-list small {
  color: #c4ceeb;
  font-weight: 900;
  margin-top: 2px;
}
.saved-list button,
.prospect-actions button {
  border: 1px solid rgba(98,112,143,.18);
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  font-size: .78rem;
  font-weight: 1000;
  padding: 9px 11px;
  white-space: nowrap;
}
.saved-list button {
  color: #fff;
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.16);
}
.prospect-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 16px 0 0;
}
.prospect-actions button {
  color: #273452;
  background: #fff;
}
.prospect-actions .save-prospect {
  background: linear-gradient(135deg, rgba(34,211,166,.18), rgba(0,184,255,.14));
  color: #123f48;
}
.prospect-actions .reject-prospect {
  background: rgba(98,112,143,.08);
  color: #53607c;
}
.prospect-actions .copy-summary {
  background: linear-gradient(135deg, rgba(235,59,139,.10), rgba(123,44,255,.11));
  color: #3d285f;
}
.result-card.is-saved {
  border-color: rgba(34,211,166,.52);
  box-shadow: 0 22px 70px rgba(34,211,166,.14);
}
.result-card.is-saved .save-prospect {
  background: linear-gradient(135deg, rgba(34,211,166,.32), rgba(0,184,255,.18));
}
.result-card.is-rejected {
  opacity: .62;
  border-color: rgba(98,112,143,.26);
}
.result-card.is-rejected .reject-prospect {
  background: rgba(98,112,143,.18);
  color: #273452;
}

@media (max-width: 900px) {
  .prospect-workspace {
    grid-template-columns: 1fr;
    padding: 20px;
    border-radius: 26px;
  }
  .workspace-stats {
    justify-content: stretch;
  }
  .workspace-stats span {
    flex: 1;
  }
  .workspace-actions .button {
    width: 100%;
  }
  .saved-list li {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Telecom Signal Pack V1 */
.telecom-pack {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid rgba(0,184,255,.22);
  border-radius: 24px;
  background:
    radial-gradient(circle at top right, rgba(0,184,255,.16), transparent 34%),
    linear-gradient(135deg, rgba(7,16,51,.98), rgba(16,23,58,.96));
  color: #f8fbff;
  box-shadow: 0 20px 48px rgba(7,16,51,.16);
}
.telecom-pack-top {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 14px;
}
.telecom-pack h4 {
  margin: 0;
  font-family: Fredoka, Nunito, sans-serif;
  font-size: 1.28rem;
  font-weight: 500;
  letter-spacing: -.025em;
}
.telecom-pack .mini-label {
  display: block;
  margin: 0 0 5px;
  color: #8edfff;
  font-size: .74rem;
  font-weight: 1000;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.telecom-score {
  min-width: 82px;
  min-height: 58px;
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(235,59,139,.20), rgba(123,44,255,.18), rgba(0,184,255,.16));
}
.telecom-score strong {
  font-size: 1.75rem;
  line-height: 1;
}
.telecom-score span {
  color: #c4ceeb;
  font-size: .82rem;
  font-weight: 1000;
}
.telecom-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 14px;
}
.telecom-grid div {
  padding: 12px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.065);
}
.telecom-grid span,
.telecom-signals small {
  display: block;
  color: #a7b2d5;
  font-size: .72rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .045em;
}
.telecom-grid strong {
  display: block;
  margin-top: 4px;
  color: #fff;
  line-height: 1.25;
}
.telecom-signals {
  display: grid;
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
}
.telecom-signals li {
  padding: 10px 11px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  background: rgba(255,255,255,.055);
}
.telecom-signals strong,
.telecom-signals span,
.telecom-signals small {
  display: block;
}
.telecom-signals strong { color: #fff; }
.telecom-signals span { margin-top: 2px; color: #dfe9ff; line-height: 1.35; }
.telecom-signals small { margin-top: 5px; color: #8edfff; }
.telecom-disclaimer {
  margin: 12px 0 0;
  color: #a7b2d5;
  font-size: .82rem;
  line-height: 1.45;
  font-weight: 800;
}

@media (max-width: 900px) {
  .telecom-grid {
    grid-template-columns: 1fr;
  }
  .telecom-pack-top {
    align-items: stretch;
    flex-direction: column;
  }
  .telecom-score {
    width: 100%;
  }
}

/* Accuracy Guardrails V1 */
.accuracy-panel {
  margin-top: 14px;
  padding: 16px;
  border-radius: 22px;
  border: 1px solid rgba(98,112,143,.18);
  background: linear-gradient(135deg, rgba(5,8,36,.04), rgba(123,44,255,.06), rgba(0,184,255,.05));
}
.accuracy-top {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}
.accuracy-top h4 { margin: 2px 0 0; font-size: 1.05rem; }
.accuracy-risk {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: .74rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .04em;
  border: 1px solid rgba(98,112,143,.2);
  background: #fff;
  color: #33405d;
}
.accuracy-panel[data-risk="low"] .accuracy-risk { color: #08734f; background: rgba(19,163,111,.10); border-color: rgba(19,163,111,.25); }
.accuracy-panel[data-risk="medium"] .accuracy-risk { color: #8a4a00; background: rgba(255,138,61,.12); border-color: rgba(255,138,61,.32); }
.accuracy-panel[data-risk="high"] .accuracy-risk { color: #9d1550; background: rgba(235,59,139,.11); border-color: rgba(235,59,139,.28); }
.accuracy-verdict {
  margin: 10px 0 12px;
  color: #34415d;
  font-weight: 900;
  line-height: 1.45;
}
.accuracy-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.accuracy-grid > div {
  padding: 12px;
  border-radius: 17px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(98,112,143,.13);
}
.accuracy-grid strong { display: block; margin-bottom: 7px; }
.accuracy-grid ul { margin: 0; padding-left: 18px; color: #43506c; line-height: 1.45; }
.accuracy-grid li + li { margin-top: 6px; }
.accuracy-details { margin-top: 12px; }
.accuracy-details summary {
  cursor: pointer;
  font-weight: 1000;
  color: var(--purple);
}
.accuracy-details .accuracy-grid { margin-top: 10px; }
@media (max-width: 700px) {
  .accuracy-top, .accuracy-grid { grid-template-columns: 1fr; }
  .accuracy-top { display: grid; }
  .accuracy-risk { white-space: normal; justify-content: center; }
}

/* Validation Mode V1 - compact analyst review */
.validation-panel {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 20px;
  border: 1px solid rgba(123,44,255,.16);
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(248,246,255,.78));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76);
}
.validation-main {
  display: grid;
  grid-template-columns: minmax(150px, .9fr) minmax(240px, 1.6fr) auto;
  gap: 10px;
  align-items: center;
}
.validation-copy h4 {
  margin: 1px 0 0;
  font-size: 1rem;
}
.validation-status-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: .68rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .045em;
  border: 1px solid rgba(98,112,143,.18);
  background: #fff;
  color: #33405d;
}
.validation-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  justify-content: flex-start;
}
.validation-buttons button {
  border: 1px solid rgba(98,112,143,.16);
  border-radius: 999px;
  cursor: pointer;
  font: inherit;
  font-size: .74rem;
  font-weight: 1000;
  padding: 8px 10px;
  color: #273452;
  background: rgba(255,255,255,.88);
  box-shadow: 0 8px 18px rgba(13,23,64,.04);
}
.validation-buttons button:hover {
  transform: translateY(-1px);
  border-color: rgba(123,44,255,.28);
}
.validation-buttons button.is-active {
  color: #fff;
  border-color: rgba(255,255,255,.18);
  background: linear-gradient(135deg, var(--pink), var(--purple), var(--blue));
  box-shadow: 0 12px 24px rgba(123,44,255,.18);
}
.validation-details {
  margin-top: 8px;
}
.validation-details summary {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #66718e;
  font-size: .76rem;
  font-weight: 1000;
}
.validation-details summary:hover {
  color: var(--purple);
}
.validation-checklist {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
}
.validation-check {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 38px;
  padding: 8px 10px;
  border: 1px solid rgba(98,112,143,.13);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  color: #34415d;
  font-size: .78rem;
  font-weight: 900;
  line-height: 1.25;
}
.validation-check input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.validation-check span {
  display: inline-flex;
  gap: 7px;
  align-items: center;
}
.validation-check span::before {
  content: '';
  display: inline-grid;
  place-items: center;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(98,112,143,.28);
  background: #fff;
}
.validation-check input:checked + span::before {
  content: '✓';
  color: #fff;
  font-size: 11px;
  font-weight: 1000;
  border-color: rgba(0,196,167,.22);
  background: linear-gradient(135deg, #00c4a7, var(--blue));
}
.validation-check:has(input:checked) {
  border-color: rgba(0,196,167,.24);
  background: rgba(229,255,250,.78);
  color: #173f49;
}
.validation-note-label {
  display: grid;
  gap: 6px;
  margin-top: 10px;
}
.validation-note-label span {
  color: #66718e;
  font-size: .72rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .045em;
}
.validation-notes {
  width: 100%;
  resize: vertical;
  min-height: 54px;
  border: 1px solid rgba(98,112,143,.16);
  border-radius: 15px;
  padding: 10px 11px;
  font: inherit;
  color: #273452;
  background: rgba(255,255,255,.86);
  outline: none;
}
.validation-notes:focus {
  border-color: rgba(123,44,255,.48);
  box-shadow: 0 0 0 4px rgba(123,44,255,.10);
}
@media (max-width: 900px) {
  .validation-main {
    grid-template-columns: 1fr;
    align-items: stretch;
  }
  .validation-status-text {
    justify-content: center;
  }
  .validation-checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  .validation-panel {
    padding: 12px;
  }
  .validation-buttons button {
    flex: 1 1 calc(50% - 7px);
  }
  .validation-checklist {
    grid-template-columns: 1fr;
  }
}


/* Premium Polish V1 - calmer intelligence layer */
:root {
  --premium-navy: #050824;
  --premium-blue: #091b4d;
  --premium-paper: rgba(255,255,255,.965);
  --premium-border: rgba(123,44,255,.14);
}

body {
  background:
    radial-gradient(circle at 5% 18%, rgba(235,59,139,.24), transparent 28rem),
    radial-gradient(circle at 92% 8%, rgba(0,184,255,.25), transparent 30rem),
    radial-gradient(circle at 82% 58%, rgba(123,44,255,.20), transparent 30rem),
    linear-gradient(135deg, #040723 0%, #08113b 48%, #050824 100%);
}
body::before {
  opacity: .18;
  background-size: 56px 56px;
}
.page-shell { width: min(1160px, calc(100% - 36px)); }
.hero { padding-top: 24px; }
.brand-mark { border-radius: 20px; box-shadow: 0 18px 50px rgba(0,184,255,.18), 0 18px 55px rgba(235,59,139,.16); }
.status-pill { box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.hero-grid { gap: 30px; }
.hero-copy { color: #d2dbf5; }
.signal-console,
.prospect-workspace {
  border-color: rgba(255,255,255,.18);
  background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.055));
}
.search-panel {
  border-radius: 34px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,249,255,.955));
  border-color: rgba(255,255,255,.62);
  box-shadow: 0 28px 80px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.85);
}
.search-form { gap: 14px; }
input, select {
  border-color: rgba(39,52,82,.15);
  background: linear-gradient(180deg, #fff, #fbfcff);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 26px rgba(7,16,51,.04);
}
.results-header {
  padding: 12px 2px 4px;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.result-card {
  position: relative;
  overflow: hidden;
  padding: 0;
  border-radius: 34px;
  background: var(--premium-paper);
  border: 1px solid rgba(255,255,255,.58);
  box-shadow: 0 30px 90px rgba(0,0,0,.18), 0 12px 36px rgba(7,16,51,.12);
}
.result-card::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 7px;
  background: linear-gradient(90deg, var(--pink), var(--purple), var(--blue));
  opacity: .9;
}
.result-topline {
  padding: 24px 24px 18px;
  background:
    radial-gradient(circle at 92% 12%, rgba(0,184,255,.10), transparent 28%),
    linear-gradient(135deg, rgba(247,249,255,.96), rgba(255,255,255,.98));
  border-bottom: 1px solid rgba(98,112,143,.10);
}
.result-topline h3 { font-size: clamp(1.35rem, 2.2vw, 1.8rem); color: #071033; }
.meta { color: #66718e; }
.score-badge {
  min-width: 86px;
  min-height: 86px;
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(242,235,255,.88));
  border: 1px solid rgba(123,44,255,.18);
  box-shadow: 0 18px 42px rgba(123,44,255,.10), inset 0 1px 0 rgba(255,255,255,.84);
}
.score-badge strong { color: #10173a; }
.evidence-summary,
.prospect-actions,
.summary-row,
.telecom-pack,
.accuracy-panel,
.validation-panel,
.why-business,
.why-now,
.signals-list,
.evidence-drawer,
.angle-box,
.opener-box,
.links-row {
  margin-left: 24px;
  margin-right: 24px;
}
.evidence-summary {
  margin-top: 16px;
  margin-bottom: 0;
  padding: 0 0 2px;
  color: #52607b;
  font-size: .98rem;
}
.prospect-actions { margin-top: 16px; margin-bottom: 4px; }
.prospect-actions button,
.saved-list button,
.copy-opener {
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.prospect-actions button:hover,
.saved-list button:hover,
.copy-opener:hover { transform: translateY(-1px); }
.prospect-actions button {
  padding: 10px 13px;
  border: 1px solid rgba(123,44,255,.12);
  box-shadow: 0 10px 24px rgba(7,16,51,.055);
}
.prospect-actions .save-prospect {
  background: linear-gradient(135deg, rgba(34,211,166,.22), rgba(0,184,255,.16));
}
.prospect-actions .copy-summary {
  background: linear-gradient(135deg, rgba(235,59,139,.11), rgba(123,44,255,.13));
}
.summary-row { margin-top: 14px; }
.chip {
  background: rgba(255,255,255,.86);
  border-color: rgba(123,44,255,.12);
  box-shadow: 0 8px 18px rgba(7,16,51,.045);
}
.telecom-pack {
  border-radius: 28px;
  padding: 18px;
  background:
    radial-gradient(circle at 88% 0%, rgba(0,184,255,.24), transparent 35%),
    radial-gradient(circle at 12% 15%, rgba(235,59,139,.16), transparent 32%),
    linear-gradient(135deg, #071033, #0c1746 58%, #08113b);
  box-shadow: 0 24px 58px rgba(7,16,51,.20);
}
.telecom-grid div,
.telecom-signals li {
  border-color: rgba(255,255,255,.13);
  background: rgba(255,255,255,.07);
  backdrop-filter: blur(10px);
}
.telecom-signals li {
  position: relative;
  padding-left: 14px;
}
.telecom-signals li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  bottom: 12px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(var(--pink), var(--blue));
}
.accuracy-panel {
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(248,250,255,.96), rgba(245,241,255,.92));
  border-color: rgba(123,44,255,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.84);
}
.accuracy-grid > div {
  border-radius: 20px;
  background: rgba(255,255,255,.78);
  box-shadow: 0 10px 24px rgba(7,16,51,.035);
}
.validation-panel {
  margin-top: 14px;
  margin-bottom: 14px;
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(246,248,255,.78));
  border-color: rgba(98,112,143,.12);
  box-shadow: 0 14px 34px rgba(7,16,51,.055), inset 0 1px 0 rgba(255,255,255,.86);
}
.validation-main {
  grid-template-columns: minmax(130px, .75fr) minmax(260px, 1.5fr) auto;
}
.validation-copy .mini-label { margin-bottom: 4px; color: #7f9cff; }
.validation-copy h4 { color: #15213d; }
.validation-buttons button {
  border-color: rgba(39,52,82,.12);
  background: rgba(255,255,255,.82);
  box-shadow: none;
}
.validation-status-text {
  background: rgba(255,255,255,.84);
  border-color: rgba(39,52,82,.10);
}
.insight-block,
.angle-box {
  border-radius: 24px;
  border-color: rgba(98,112,143,.12);
  background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(248,250,255,.84));
}
.insight-block strong,
.angle-box strong { color: #111b36; }
.signals-list {
  padding: 2px 0;
}
.signal-item {
  padding: 10px 12px;
  border-radius: 18px;
  background: rgba(248,250,255,.78);
  border: 1px solid rgba(98,112,143,.10);
}
.evidence-drawer {
  border-radius: 24px;
  background: rgba(248,250,255,.9);
  border-color: rgba(98,112,143,.12);
}
.opener-box {
  margin-bottom: 24px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 100% 0%, rgba(0,184,255,.18), transparent 34%),
    linear-gradient(135deg, #050824, #0b1640 65%, #071033);
  box-shadow: 0 22px 54px rgba(7,16,51,.22);
}
.copy-opener {
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.08);
}
.quality-stack { gap: 8px; }
.confidence-pill,
.evidence-pill {
  border-color: rgba(123,44,255,.12);
  box-shadow: 0 8px 18px rgba(7,16,51,.04);
}
.principles-grid article {
  border-color: rgba(255,255,255,.14);
  background: linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.055));
}

@media (max-width: 900px) {
  .page-shell { width: min(100% - 24px, 720px); }
  .result-topline { padding: 22px 20px 16px; }
  .evidence-summary,
  .prospect-actions,
  .summary-row,
  .telecom-pack,
  .accuracy-panel,
  .validation-panel,
  .why-business,
  .why-now,
  .signals-list,
  .evidence-drawer,
  .angle-box,
  .opener-box,
  .links-row {
    margin-left: 20px;
    margin-right: 20px;
  }
  .validation-main { grid-template-columns: 1fr; }
  .telecom-pack, .accuracy-panel, .validation-panel, .opener-box { border-radius: 24px; }
}

/* Premium Product Sprint V1 */
.premium-results-header {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
  margin: 30px 0 18px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 34px;
  background:
    radial-gradient(circle at 88% 10%, rgba(0,184,255,.18), transparent 34%),
    radial-gradient(circle at 0% 80%, rgba(235,59,139,.16), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.065));
  box-shadow: 0 28px 78px rgba(0,0,0,.22);
  backdrop-filter: blur(18px);
}
.premium-results-header::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(255,255,255,.18), transparent 34%, rgba(0,184,255,.08));
}
.results-title-block,
.premium-results-header .mode-pill,
.signal-brief,
.result-command-bar {
  position: relative;
  z-index: 1;
}
.results-title-block h2 {
  margin: 0;
  max-width: 760px;
  font-family: Fredoka, Nunito, sans-serif;
  font-size: clamp(2rem, 4.8vw, 3.35rem);
  line-height: .95;
  letter-spacing: -.055em;
}
.results-title-block p:not(.eyebrow) {
  margin: 10px 0 0;
  color: #c4ceeb;
  font-weight: 900;
}
.signal-brief {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.signal-brief div {
  padding: 14px 14px 12px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 22px;
  background: rgba(255,255,255,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}
.signal-brief strong,
.signal-brief span {
  display: block;
}
.signal-brief strong {
  color: #fff;
  font-size: clamp(1.5rem, 4vw, 2.2rem);
  line-height: 1;
  letter-spacing: -.04em;
}
.signal-brief span {
  margin-top: 5px;
  color: #a7b2d5;
  font-size: .74rem;
  font-weight: 1000;
  letter-spacing: .045em;
  text-transform: uppercase;
}
.result-command-bar {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 24px;
  background: rgba(4,9,31,.34);
}
.filter-tabs {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.filter-tabs button,
.sort-control select {
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #edf4ff;
  font: inherit;
  font-size: .82rem;
  font-weight: 1000;
}
.filter-tabs button {
  cursor: pointer;
  padding: 9px 12px;
  transition: transform .16s ease, background .16s ease, border-color .16s ease;
}
.filter-tabs button:hover,
.filter-tabs button.is-active {
  transform: translateY(-1px);
  border-color: rgba(0,184,255,.42);
  background: linear-gradient(135deg, rgba(235,59,139,.22), rgba(123,44,255,.20), rgba(0,184,255,.18));
}
.sort-control {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #a7b2d5;
  font-size: .74rem;
  font-weight: 1000;
  letter-spacing: .045em;
  text-transform: uppercase;
  white-space: nowrap;
}
.sort-control select {
  min-width: 178px;
  padding: 9px 12px;
  outline: none;
}
.sort-control option {
  color: #071033;
  background: #fff;
}
.result-card {
  animation: premiumCardIn .28s ease both;
}
@keyframes premiumCardIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.result-card::after {
  content: '';
  position: absolute;
  inset: 7px 0 auto;
  height: 80px;
  pointer-events: none;
  background: radial-gradient(circle at 92% 0%, rgba(0,184,255,.12), transparent 36%);
}
.result-topline,
.result-card > *:not(.result-topline) {
  position: relative;
  z-index: 1;
}
.result-topline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: start;
}
.result-topline .sector {
  display: inline-flex;
  width: fit-content;
  margin: 0 0 7px;
  padding: 6px 9px;
  border-radius: 999px;
  background: rgba(235,59,139,.10);
  color: var(--pink);
  font-size: .72rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.score-cluster {
  display: grid;
  gap: 10px;
  justify-items: end;
}
.score-badge {
  display: grid;
  place-items: center;
  text-align: center;
}
.score-badge strong {
  display: block;
  font-size: 2.05rem;
  line-height: .85;
}
.score-badge span {
  display: block;
  margin-top: 7px;
  color: #66718e;
  font-size: .72rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .045em;
}
.empty-state {
  margin: 16px 0 28px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 28px;
  background: rgba(255,255,255,.09);
  color: #dfe9ff;
  font-weight: 900;
}
@media (max-width: 900px) {
  .premium-results-header {
    grid-template-columns: 1fr;
    padding: 20px;
    border-radius: 28px;
  }
  .premium-results-header .mode-pill {
    justify-self: start;
  }
  .signal-brief {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .result-command-bar {
    grid-template-columns: 1fr;
  }
  .sort-control {
    justify-content: space-between;
    width: 100%;
  }
  .sort-control select {
    flex: 1;
    min-width: 0;
  }
  .result-topline {
    grid-template-columns: 1fr;
  }
  .score-cluster {
    justify-items: stretch;
  }
}
@media (max-width: 520px) {
  .signal-brief {
    grid-template-columns: 1fr;
  }
  .filter-tabs button {
    flex: 1 1 calc(50% - 8px);
  }
}

/* Saved Prospect Workspace V2 */
.workspace-v2 {
  position: relative;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr);
  padding: 24px;
  background:
    radial-gradient(circle at top left, rgba(235,59,139,.18), transparent 32%),
    radial-gradient(circle at top right, rgba(0,184,255,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.075));
}
.workspace-v2::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: 29px;
  pointer-events: none;
  border: 1px solid rgba(255,255,255,.12);
}
.workspace-header-copy,
.workspace-v2 .workspace-stats,
.workspace-toolbar,
.workspace-insight,
.saved-workbench {
  position: relative;
  z-index: 1;
}
.workspace-v2 .workspace-stats {
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.workspace-v2 .workspace-stats span:not(.stat-separator) {
  min-width: 110px;
  text-align: left;
  padding: 13px 14px;
  background: rgba(255,255,255,.095);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
  border-radius: 14px;
}
.workspace-v2 .workspace-stats .stat-separator {
  display: flex;
  min-width: 0;
  align-items: center;
  color: rgba(255, 255, 255, 0.2);
  padding: 0 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 1.2rem;
}
.workspace-v2 .workspace-stats strong {
  font-size: 1.68rem;
}
.workspace-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 14px;
  flex-wrap: wrap;
}
.workspace-sort {
  min-width: 220px;
}
.workspace-sort span {
  color: #dfe9ff;
  font-size: .76rem;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.workspace-sort select {
  min-height: 48px;
  color: #fff;
  background: rgba(255,255,255,.095);
  border-color: rgba(255,255,255,.16);
}
.workspace-sort select option {
  color: #071033;
}
.workspace-v2 .workspace-actions {
  grid-column: auto;
  margin-left: auto;
}
.workspace-insight {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 15px;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 20px;
  background: rgba(7,16,51,.28);
  color: #dfe9ff;
}
.workspace-insight strong {
  color: #fff;
}
.workspace-insight span {
  color: #c4ceeb;
  font-weight: 850;
}
.saved-workbench {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.saved-empty-card,
.saved-prospect-card {
  list-style: none;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.07));
  box-shadow: 0 16px 42px rgba(0,0,0,.12);
}
.saved-empty-card {
  grid-column: 1 / -1;
  padding: 18px;
  color: #c4ceeb;
  font-weight: 900;
}
.saved-prospect-card {
  padding: 15px;
}
.saved-prospect-card[data-ready="true"] {
  border-color: rgba(34,211,166,.45);
  box-shadow: 0 18px 48px rgba(34,211,166,.10);
}
.saved-prospect-main {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  align-items: flex-start;
}
.saved-sector {
  margin: 0 0 5px;
  color: #ff8bc0;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .72rem;
}
.saved-prospect-card h3 {
  margin: 0;
  color: #fff;
  font-size: 1.16rem;
  line-height: 1.1;
}
.saved-meta {
  margin: 6px 0 0;
  color: #c4ceeb;
  font-size: .86rem;
  font-weight: 850;
}
.saved-score-strip {
  display: grid;
  gap: 6px;
  min-width: 88px;
  text-align: right;
}
.saved-score-strip span {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  color: #c4ceeb;
  font-size: .72rem;
  font-weight: 1000;
  text-transform: uppercase;
}
.saved-score-strip strong {
  color: #fff;
  font-size: 1.02rem;
}
.ready-chip,
.review-chip {
  justify-content: center !important;
  text-align: center;
  padding: 7px 9px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.09);
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.ready-chip {
  color: #b9fff0 !important;
  background: rgba(34,211,166,.14);
  border-color: rgba(34,211,166,.32);
}
.review-chip {
  color: #e6ddff !important;
}
.saved-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}
.saved-detail-grid div {
  padding: 10px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.11);
  background: rgba(255,255,255,.07);
}
.saved-detail-grid span {
  display: block;
  color: #a7b2d5;
  font-size: .68rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.saved-detail-grid strong {
  display: block;
  margin-top: 3px;
  color: #fff;
  line-height: 1.22;
  font-size: .88rem;
}
.saved-note {
  margin: 11px 0 0;
  padding: 10px 11px;
  border-radius: 16px;
  color: #eaf1ff;
  background: rgba(7,16,51,.28);
  line-height: 1.38;
  font-weight: 850;
}
.saved-note strong {
  color: #8edfff;
}
.saved-card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.saved-card-actions button {
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 999px;
  background: rgba(255,255,255,.09);
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: .76rem;
  font-weight: 1000;
  padding: 8px 10px;
}
.saved-card-actions button:hover {
  background: rgba(255,255,255,.14);
}
@media (max-width: 900px) {
  .workspace-v2 .workspace-stats,
  .saved-workbench,
  .saved-detail-grid {
    grid-template-columns: 1fr;
  }
  .workspace-toolbar,
  .workspace-v2 .workspace-actions {
    align-items: stretch;
    width: 100%;
  }
  .workspace-sort,
  .workspace-v2 .workspace-actions .button {
    width: 100%;
  }
  .saved-prospect-main {
    flex-direction: column;
  }
  .saved-score-strip {
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    text-align: left;
  }
  .saved-score-strip span {
    justify-content: flex-start;
  }
}

/* Director / Officer Signals V1 + Collapsed Cards V1 */
.result-card.is-collapsed {
  box-shadow: 0 22px 64px rgba(0,0,0,.15), 0 10px 28px rgba(7,16,51,.10);
}
.result-card.is-collapsed .evidence-summary {
  margin-bottom: 18px;
}
.toggle-card {
  background: linear-gradient(135deg, rgba(7,16,51,.94), rgba(16,23,58,.94)) !important;
  color: #fff !important;
  border-color: rgba(7,16,51,.18) !important;
}
.result-detail {
  padding-bottom: 1px;
}
.director-panel {
  margin-top: 16px;
  padding: 17px 18px;
  border-radius: 28px;
  border: 1px solid rgba(123,44,255,.14);
  background:
    radial-gradient(circle at 92% 2%, rgba(123,44,255,.10), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(246,248,255,.86));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 14px 32px rgba(7,16,51,.045);
}
.director-panel-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.director-panel h4 {
  margin: 2px 0 0;
  font-family: Fredoka, Nunito, sans-serif;
  font-size: 1.16rem;
  font-weight: 500;
  letter-spacing: -.02em;
  color: #10173a;
}
.director-change-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 999px;
  padding: 8px 10px;
  border: 1px solid rgba(98,112,143,.16);
  background: rgba(255,255,255,.82);
  color: #33405d;
  font-size: .72rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .045em;
}
.director-panel[data-change="recent"] .director-change-pill {
  color: #4a2361;
  border-color: rgba(123,44,255,.24);
  background: linear-gradient(135deg, rgba(235,59,139,.10), rgba(123,44,255,.12), rgba(0,184,255,.09));
}
.director-interpretation {
  margin: 10px 0 12px;
  color: #3f4b66;
  font-weight: 900;
  line-height: 1.45;
}
.director-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.director-grid > div {
  padding: 13px;
  border-radius: 20px;
  border: 1px solid rgba(98,112,143,.12);
  background: rgba(255,255,255,.72);
}
.director-grid strong {
  display: block;
  margin-bottom: 8px;
  color: #111b36;
}
.director-grid ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.director-grid li {
  padding: 9px 10px;
  border-radius: 15px;
  border: 1px solid rgba(98,112,143,.10);
  background: rgba(248,250,255,.78);
  color: #43506c;
  font-weight: 850;
  line-height: 1.35;
}
.director-grid li strong,
.director-grid li span {
  display: block;
}
.director-grid li strong {
  margin: 0;
  color: #15213d;
}
.director-grid li span {
  margin-top: 2px;
  color: #66718e;
  font-size: .86rem;
}
.director-panel,
.result-detail .summary-row,
.result-detail .telecom-pack,
.result-detail .accuracy-panel,
.result-detail .validation-panel,
.result-detail .why-business,
.result-detail .why-now,
.result-detail .signals-list,
.result-detail .evidence-drawer,
.result-detail .angle-box,
.result-detail .opener-box,
.result-detail .links-row {
  margin-left: 24px;
  margin-right: 24px;
}
@media (max-width: 900px) {
  .director-panel,
  .result-detail .summary-row,
  .result-detail .telecom-pack,
  .result-detail .accuracy-panel,
  .result-detail .validation-panel,
  .result-detail .why-business,
  .result-detail .why-now,
  .result-detail .signals-list,
  .result-detail .evidence-drawer,
  .result-detail .angle-box,
  .result-detail .opener-box,
  .result-detail .links-row {
    margin-left: 20px;
    margin-right: 20px;
  }
  .director-panel-top,
  .director-grid {
    grid-template-columns: 1fr;
  }
  .director-panel-top {
    display: grid;
  }
  .director-change-pill {
    white-space: normal;
  }
}

/* Entity Resolution V1 */
.entity-panel {
  margin-top: 16px;
  padding: 17px 18px;
  border-radius: 28px;
  border: 1px solid rgba(0,184,255,.18);
  background:
    radial-gradient(circle at 90% 0%, rgba(0,184,255,.10), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(245,249,255,.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 14px 32px rgba(7,16,51,.045);
}
.entity-panel-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.entity-panel h4 {
  margin: 2px 0 0;
  font-family: Fredoka, Nunito, sans-serif;
  font-size: 1.16rem;
  font-weight: 500;
  letter-spacing: -.02em;
  color: #10173a;
}
.entity-match-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 999px;
  padding: 8px 10px;
  border: 1px solid rgba(98,112,143,.16);
  background: rgba(255,255,255,.82);
  color: #33405d;
  font-size: .72rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .045em;
}
.entity-panel[data-confidence="verified"] .entity-match-pill {
  color: #08734f;
  border-color: rgba(19,163,111,.24);
  background: linear-gradient(135deg, rgba(34,211,166,.16), rgba(0,184,255,.10));
}
.entity-panel[data-confidence="possible"] .entity-match-pill {
  color: #8a4a00;
  border-color: rgba(255,138,61,.30);
  background: linear-gradient(135deg, rgba(255,138,61,.12), rgba(255,255,255,.88));
}
.entity-verdict {
  margin: 10px 0 12px;
  color: #3f4b66;
  font-weight: 900;
  line-height: 1.45;
}
.entity-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.entity-grid > div {
  padding: 13px;
  border-radius: 20px;
  border: 1px solid rgba(98,112,143,.12);
  background: rgba(255,255,255,.72);
}
.entity-grid strong {
  display: block;
  margin-bottom: 8px;
  color: #111b36;
}
.entity-grid ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.entity-grid li {
  padding: 9px 10px;
  border-radius: 15px;
  border: 1px solid rgba(98,112,143,.10);
  background: rgba(248,250,255,.78);
  color: #43506c;
  font-weight: 850;
  line-height: 1.35;
}
.result-detail .entity-panel {
  margin-left: 24px;
  margin-right: 24px;
}
@media (max-width: 900px) {
  .result-detail .entity-panel {
    margin-left: 20px;
    margin-right: 20px;
  }
  .entity-panel-top,
  .entity-grid {
    grid-template-columns: 1fr;
  }
  .entity-panel-top {
    display: grid;
  }
  .entity-match-pill {
    white-space: normal;
  }
}

/* Connectivity UI Polish V1: context vs quoteable availability */
.connectivity-pack {
  margin: 18px 0;
  padding: 20px;
  border: 1px solid rgba(123, 44, 255, 0.18);
  border-radius: 28px;
  background:
    radial-gradient(circle at 10% 0%, rgba(235, 59, 139, 0.10), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(34, 211, 238, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,0.96), rgba(250,247,255,0.91));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 20px 48px rgba(7,16,51,.08);
  color: #111b36;
}
.connectivity-pack-top,
.connectivity-score-grid,
.connectivity-grid {
  display: grid;
  gap: 12px;
}
.connectivity-pack-top {
  grid-template-columns: 1fr auto;
  align-items: start;
  margin-bottom: 15px;
}
.connectivity-pack h4 {
  margin: 3px 0 4px;
  color: #101938;
}
.connectivity-subtitle {
  max-width: 640px;
  margin: 0;
  color: #65708f;
  font-weight: 750;
  line-height: 1.45;
}
.connectivity-status {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 8px 13px;
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .045em;
  color: #fff;
  background: linear-gradient(135deg, #eb3b8b, #7b2cff, #1597ff);
  box-shadow: 0 12px 24px rgba(123,44,255,.20);
}
.connectivity-pack[data-status="quoteable"] .connectivity-status {
  background: linear-gradient(135deg, #eb3b8b, #7b2cff);
}
.connectivity-pack[data-status="manual_review"] .connectivity-status,
.connectivity-pack[data-status="giacom_recommended"] .connectivity-status {
  background: linear-gradient(135deg, #f59e0b, #eb3b8b);
}
.connectivity-score-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 12px 0 14px;
}
.connectivity-score-grid div {
  border: 1px solid rgba(17,27,54,.08);
  border-radius: 18px;
  padding: 12px 14px;
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(245,249,255,.76));
  box-shadow: 0 10px 24px rgba(7,16,51,.045);
}
.connectivity-score-grid span {
  display: block;
  color: #7a849e;
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .045em;
}
.connectivity-score-grid strong {
  display: block;
  margin-top: 4px;
  color: #101938;
  font-size: 1.45rem;
  line-height: 1;
}
.connectivity-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.connectivity-tile {
  position: relative;
  overflow: hidden;
  min-height: 168px;
  border: 1px solid rgba(17,27,54,.08);
  border-radius: 22px;
  padding: 15px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 14px 34px rgba(7,16,51,.065);
}
.connectivity-tile::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, #8be8ff, #7b2cff);
  opacity: .85;
}
.ofcom-fixed-tile::before { background: linear-gradient(180deg, #8be8ff, #1597ff); }
.mobile-tile::before { background: linear-gradient(180deg, #22d3a6, #1597ff); }
.supplier-tile::before { background: linear-gradient(180deg, #eb3b8b, #7b2cff); }
.tile-heading-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 10px;
}
.tile-kicker,
.tile-confidence {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: .68rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .045em;
  white-space: nowrap;
}
.tile-kicker {
  color: #22304f;
  background: rgba(16,25,56,.06);
}
.tile-confidence {
  color: #0e6674;
  background: rgba(139,232,255,.24);
}
.supplier-tile .tile-confidence {
  color: #6d1c68;
  background: rgba(235,59,139,.14);
}
.connectivity-tile strong {
  display: block;
  color: #101938;
  font-size: 1.02rem;
}
.connectivity-tile p {
  margin: 9px 0 10px;
  color: #3d4868;
  font-weight: 750;
  line-height: 1.45;
}
.connectivity-tile small {
  display: block;
  color: #6c7692;
  font-weight: 750;
  line-height: 1.4;
}
.connectivity-details {
  margin-top: 13px;
  border-radius: 18px;
  border: 1px solid rgba(17,27,54,.08);
  background: rgba(255,255,255,.64);
  color: #4b5674;
}
.connectivity-details summary {
  cursor: pointer;
  padding: 11px 13px;
  font-weight: 900;
  color: #22304f;
}
.connectivity-details ul {
  margin: 0;
  padding: 0 14px 14px 28px;
}
.connectivity-details li {
  margin: 5px 0;
  line-height: 1.4;
}
@media (max-width: 900px) {
  .connectivity-pack {
    padding: 17px;
  }
  .connectivity-pack-top,
  .connectivity-score-grid,
  .connectivity-grid {
    grid-template-columns: 1fr;
  }
  .connectivity-status {
    justify-self: start;
  }
  .tile-heading-row {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Trading Address Verification */
.address-panel {
  margin-top: 16px;
  padding: 17px 18px;
  border-radius: 28px;
  border: 1px solid rgba(19, 163, 111, .18);
  background:
    radial-gradient(circle at 90% 0%, rgba(34, 211, 166, .11), transparent 36%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(245,255,251,.88));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 14px 32px rgba(7,16,51,.045);
}
.address-panel-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}
.address-panel h4 {
  margin: 2px 0 0;
  font-family: Fredoka, Nunito, sans-serif;
  font-size: 1.16rem;
  font-weight: 500;
  letter-spacing: -.02em;
  color: #10173a;
}
.address-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 999px;
  padding: 8px 10px;
  border: 1px solid rgba(98,112,143,.16);
  background: rgba(255,255,255,.82);
  color: #33405d;
  font-size: .72rem;
  font-weight: 1000;
  text-transform: uppercase;
  letter-spacing: .045em;
}
.address-panel[data-confidence="high"] .address-status-pill {
  color: #08734f;
  border-color: rgba(19,163,111,.24);
  background: linear-gradient(135deg, rgba(34,211,166,.16), rgba(0,184,255,.10));
}
.address-panel[data-confidence="medium"] .address-status-pill {
  color: #4a2361;
  border-color: rgba(123,44,255,.24);
  background: linear-gradient(135deg, rgba(235,59,139,.10), rgba(123,44,255,.10));
}
.address-panel[data-confidence="low"] .address-status-pill {
  color: #8a4a00;
  border-color: rgba(255,138,61,.30);
  background: linear-gradient(135deg, rgba(255,138,61,.12), rgba(255,255,255,.88));
}
.address-verdict {
  margin: 10px 0 12px;
  color: #3f4b66;
  font-weight: 900;
  line-height: 1.45;
}
.address-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.address-grid > div {
  padding: 13px;
  border-radius: 20px;
  border: 1px solid rgba(98,112,143,.12);
  background: rgba(255,255,255,.72);
}
.address-grid strong {
  display: block;
  margin-bottom: 8px;
  color: #111b36;
}
.address-grid ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.address-grid li {
  padding: 9px 10px;
  border-radius: 15px;
  border: 1px solid rgba(98,112,143,.10);
  background: rgba(248,250,255,.78);
  color: #43506c;
  font-weight: 850;
  line-height: 1.35;
}
@media (max-width: 760px) {
  .address-panel-top,
  .address-grid {
    grid-template-columns: 1fr;
  }
}

/* D1 Persistent Queue Workbench Styles */
.persistent-tabs {
  display: flex;
  gap: 12px;
  margin: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 10px;
}
.persistent-tabs .tab-button {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.05);
  color: #c4ceeb;
  padding: 10px 18px;
  border-radius: 20px;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  transition: all .2s ease;
}
.persistent-tabs .tab-button:hover,
.persistent-tabs .tab-button.is-active {
  background: linear-gradient(135deg, rgba(235, 59, 139, 0.2), rgba(123, 44, 255, 0.2));
  color: #fff;
  border-color: rgba(123, 44, 255, 0.4);
  box-shadow: 0 4px 15px rgba(123, 44, 255, 0.15);
}
.workbench-split-pane {
  display: flex;
  gap: 24px;
  margin-top: 20px;
}
.workbench-list-pane {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 800px;
  overflow-y: auto;
  padding-right: 8px;
}
.workbench-detail-pane {
  flex: 1.3;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 28px;
  padding: 24px;
  position: sticky;
  top: 20px;
  align-self: start;
  backdrop-filter: blur(16px);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}
.bulk-controls-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  background: rgba(4, 9, 31, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  margin-bottom: 12px;
}
.select-all-label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  color: #edf4ff;
  font-weight: 700;
}
.bulk-actions {
  display: flex;
  gap: 8px;
}
.queue-list-card {
  display: flex;
  align-items: center;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  transition: all .2s ease;
}
.queue-list-card:hover {
  background: rgba(255, 255, 255, 0.09);
  border-color: rgba(255, 255, 255, 0.15);
  transform: translateY(-1px);
}
.queue-list-card.is-active {
  border-color: rgba(123, 44, 255, 0.5);
  background: rgba(123, 44, 255, 0.08);
  box-shadow: 0 10px 25px rgba(123, 44, 255, 0.1);
}
.card-left-checkbox {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
}
.card-left-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.sector-chip {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(235, 59, 139, 0.12);
  color: var(--pink);
  font-size: 0.68rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 6px;
}
.queue-list-card h4 {
  margin: 0 0 4px 0;
  font-size: 1.1rem;
  color: #fff;
}
.queue-list-card .meta {
  margin: 0;
  color: #a7b2d5;
  font-size: 0.85rem;
}
.status-pill {
  display: inline-block;
  margin-top: 8px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}
.status-needs_review { background: rgba(255, 184, 0, 0.12); color: #ffb800; }
.status-later { background: rgba(255, 255, 255, 0.1); color: #fff; }
.status-ready_to_send { background: rgba(34, 211, 166, 0.12); color: #22d3a6; }

.detail-placeholder {
  color: #a7b2d5;
  text-align: center;
  padding: 80px 20px;
  font-weight: 700;
}
.detail-form-card h3 {
  margin: 0 0 6px 0;
  font-size: 1.5rem;
  color: #fff;
}
.detail-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 14px;
  margin-bottom: 18px;
}
.detail-section {
  margin-bottom: 16px;
}
.detail-section strong {
  display: block;
  font-size: 0.85rem;
  color: #a7b2d5;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.edit-inputs-container {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 18px;
}
.edit-inputs-container label {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.edit-inputs-container label span {
  font-size: 0.82rem;
  color: #c4ceeb;
  font-weight: 700;
}
.edit-inputs-container select,
.edit-inputs-container textarea {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  border-radius: 12px;
  padding: 10px;
  font: inherit;
  outline: none;
}
.edit-inputs-container select option {
  color: #071033;
}
.evidence-accordion {
  margin-top: 18px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  padding: 10px;
}
.evidence-accordion summary {
  cursor: pointer;
  font-weight: 700;
  color: #c4ceeb;
  outline: none;
}
.accordion-content {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.evidence-list-detail {
  padding-left: 20px;
  margin: 0;
}
.evidence-list-detail li {
  margin-bottom: 8px;
  color: #eaf1ff;
  font-size: 0.9rem;
}
.telemetry-pre {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  padding: 12px;
  overflow-x: auto;
  font-size: 0.8rem;
  color: #8edfff;
}
.action-buttons-strip {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}
.detail-error-message {
  margin-top: 12px;
  padding: 10px;
  background: rgba(235, 59, 139, 0.15);
  border: 1px solid rgba(235, 59, 139, 0.3);
  border-radius: 12px;
  color: var(--pink);
  font-size: 0.9rem;
}
.warning-banner {
  padding: 10px 14px;
  background: rgba(255, 184, 0, 0.12);
  border: 1px solid rgba(255, 184, 0, 0.3);
  border-radius: 14px;
  color: #ffb800;
  font-size: 0.88rem;
  margin-bottom: 16px;
}
.warning-banner.critical {
  background: rgba(235, 59, 139, 0.12);
  border-color: rgba(235, 59, 139, 0.3);
  color: var(--pink);
}

/* Suppression Log Audit Table */
.activity-log-table {
  padding: 12px;
}
.audit-table {
  width: 100%;
  border-collapse: collapse;
  margin: 14px 0;
}
.audit-table th,
.audit-table td {
  padding: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
}
.audit-table th {
  color: #a7b2d5;
  font-size: 0.8rem;
  text-transform: uppercase;
}
.add-suppression-box {
  margin-top: 24px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  padding: 18px;
}
.add-suppression-box h4 {
  margin: 0 0 12px 0;
  color: #fff;
}
#addSuppressionForm {
  display: flex;
  gap: 10px;
}
#addSuppressionForm input,
#addSuppressionForm select {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: #fff;
  border-radius: 12px;
  padding: 10px;
  font: inherit;
  outline: none;
}
#addSuppressionForm select option {
  color: #071033;
}
#addSuppressionForm button {
  padding: 10px 18px;
}

@media (max-width: 900px) {
  .workbench-split-pane {
    flex-direction: column;
  }
  .workbench-detail-pane {
    position: static;
    width: 100%;
  }
}

/* Recommendation view refinements */
.checks-completed-box {
  background: rgba(46, 213, 115, 0.08);
  border: 1px solid rgba(46, 213, 115, 0.25);
  border-radius: 12px;
  padding: 14px;
  margin-bottom: 20px;
}
.checks-completed-box strong {
  color: #2ed573;
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
}
.checks-completed-box ul {
  margin: 0;
  padding-left: 20px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 13.5px;
}
.checks-completed-box li {
  margin-bottom: 4px;
}
.highlight-box {
  background: rgba(255, 255, 255, 0.03);
  border-left: 4px solid #00d2d3;
  padding: 14px;
  border-radius: 4px 12px 12px 4px;
  margin-bottom: 20px;
}
.highlight-box strong {
  color: #00d2d3;
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
}
.prepared-msg-box {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
}
.prepared-msg-box strong {
  display: block;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, 0.9);
}
.prepared-message-preview {
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.85);
  white-space: pre-wrap;
  word-break: break-word;
}

.message-display { white-space: pre-wrap; }

.brand-and-nav {
  display: flex;
  align-items: center;
  gap: 32px;
}
.main-nav-links {
  display: flex;
  gap: 16px;
}
.nav-link-btn {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 20px;
  transition: all 0.2s ease;
  font-size: 14.5px;
  cursor: pointer;
}
.nav-link-btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0.05);
}
.nav-link-btn.active {
  color: #fff;
  background: rgba(255, 255, 255, 0.12);
}

.stat-separator {
  color: rgba(255, 255, 255, 0.2);
  margin: 0 8px;
}

.queue-filters-bar {
  display: flex;
  padding: 0 10px;
}

.filter-btn.active {
  background: #007aff !important;
  color: #fff !important;
  border-color: #007aff !important;
}

.route-badge {
  display: inline-block;
  padding: 2px 6px;
  font-size: 11px;
  border-radius: 4px;
  font-weight: 600;
  margin-top: 4px;
}
.route-email { background: rgba(52, 199, 89, 0.15); color: #30d158; }
.route-form { background: rgba(10, 132, 255, 0.15); color: #0a84ff; }
.route-phone { background: rgba(255, 159, 10, 0.15); color: #ff9f0a; }
.route-social { background: rgba(191, 90, 242, 0.15); color: #bf5af2; }
.route-research { background: rgba(255, 69, 58, 0.15); color: #ff453a; }
.route-none { background: rgba(142, 142, 147, 0.15); color: #8e8e93; }

/* ─── Phase 3: Outreach, Draft Status, Handover Styles ─────────────────────── */

/* Draft status badges on cards */
.draft-status-badge {
  display: inline-block;
  padding: 2px 7px;
  font-size: 11px;
  border-radius: 4px;
  font-weight: 600;
  margin-top: 4px;
}
.draft-status-badge.sent { background: rgba(52, 199, 89, 0.18); color: #30d158; }
.draft-status-badge.draft { background: rgba(10, 132, 255, 0.18); color: #0a84ff; }
.draft-status-badge.pending { background: rgba(142, 142, 147, 0.15); color: #8e8e93; }

/* Draft status panel in detail pane */
.draft-status-panel {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 8px;
  margin: 14px 0;
  flex-wrap: wrap;
  font-size: 13px;
}
.draft-status-panel.draft_created { background: rgba(10, 132, 255, 0.08); border: 1px solid rgba(10, 132, 255, 0.2); }
.draft-status-panel.sent { background: rgba(52, 199, 89, 0.08); border: 1px solid rgba(52, 199, 89, 0.2); }
.draft-status-panel.failed { background: rgba(255, 69, 58, 0.08); border: 1px solid rgba(255, 69, 58, 0.2); }
.draft-status-label { font-weight: 600; }
.mock-indicator { font-size: 11px; opacity: 0.7; font-style: italic; }

/* Autonomous Sending Off Safety Banner */
.autonomous-sending-off-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 159, 10, 0.1);
  border: 1px solid rgba(255, 159, 10, 0.35);
  border-radius: 8px;
  padding: 10px 14px;
  margin: 10px 0;
  font-size: 13px;
  color: #ff9f0a;
}
.autonomous-sending-off-banner.compact {
  padding: 6px 12px;
  font-size: 12px;
  margin: 8px 0;
}
.asoff-icon { font-size: 16px; }

/* Subject preview */
.subject-preview {
  font-weight: 500;
  color: #e0e0e0;
}
.mono { font-family: monospace; font-size: 12px; }
.msg-version { color: #8e8e93; font-size: 11px; }

/* Handover Cards */
.handover-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 14px 16px;
  margin-bottom: 12px;
  transition: border-color 0.2s;
}
.handover-card:hover { border-color: rgba(255, 255, 255, 0.2); }
.handover-card.priority-high { border-left: 3px solid #30d158; }
.handover-card.priority-medium { border-left: 3px solid #ff9f0a; }
.handover-card.priority-low { border-left: 3px solid #8e8e93; }
.handover-card.collapsed { opacity: 0.6; }

.handover-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 8px;
  gap: 10px;
  flex-wrap: wrap;
}
.handover-company { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.handover-meta { display: flex; gap: 12px; font-size: 11px; color: #8e8e93; }
.handover-reply-excerpt { font-size: 13px; color: #c0c0c0; margin-bottom: 6px; }
.handover-original { font-size: 11px; color: #8e8e93; margin-bottom: 4px; }
.handover-recommendation { font-size: 12px; color: #a0a0a0; margin-bottom: 10px; }
.handover-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 10px; }

.reply-type-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 600;
  background: rgba(10, 132, 255, 0.15);
  color: #0a84ff;
}

.handover-group-hdr h5 { color: #ff9f0a; }