@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
:root{
  --bg:#fbfbfa;
  --surface:#fff;
  --surface2:#f6f6f3;
  --text:#111;
  --muted:#6f6f69;
  --muted2:#9a9a94;
  --line:#e7e7e2;
  --line2:#d8d8d2;
  --black:#111;
  --radius:18px;
  --shadow1:0 1px 2px rgba(0,0,0,.04);
  --shadow2:0 14px 38px rgba(0,0,0,.07);
  --shadow3:0 26px 70px rgba(0,0,0,.11);
    /* TYPOGRAPHY */
  --font-sans:"Inter",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  --text-xs:12px;
  --text-sm:13px;
  --text-base:14px;
  --text-md:16px;
  --text-lg:20px;
  --text-xl:28px;
  --text-page:36px;

  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;

  --control-sm:32px;
  --control-md:36px;
  --control-lg:40px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);

  font-family:var(--font-sans);
  font-size:var(--text-base);
  font-weight:var(--weight-regular);
  line-height:1.5;

  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;

  font-synthesis:none;
}
button,
input,
textarea,
select{
  font-family:var(--font-sans);
}

button{
  font-weight:var(--weight-medium);
}

h1,
h2,
h3,
h4,
h5,
h6,
strong{
  font-family:var(--font-sans);
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-weight:var(--weight-bold);
}

p,
small,
label,
input,
textarea,
select,
button{
  line-height:1.45;
}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
.hidden{display:none!important}

/* PUBLIC */
.public{
  min-height:100vh;background:var(--bg);
}
.public-nav{
  position:sticky;top:0;z-index:20;
  height:68px;border-bottom:1px solid rgba(231,231,226,.9);
  background:rgba(251,251,250,.92);backdrop-filter:blur(14px);
}
.public-nav-inner{
  max-width:1180px;height:100%;margin:auto;padding:0 22px;
  display:flex;align-items:center;justify-content:space-between;gap:20px
}
.brand{display:flex;align-items:center;gap:10px;font-weight:760;letter-spacing:-.03em}
.logo{
  width:34px;height:34px;border:1px solid var(--line2);border-radius:11px;background:#fff;
  display:grid;place-items:center;font-size:12px;font-weight:800;box-shadow:var(--shadow1)
}
.nav-links{display:flex;align-items:center;gap:26px;font-size:12px;color:#55534f}
.nav-links a:hover{color:#111}
.nav-actions{display:flex;align-items:center;gap:8px}
.btn,.btn-outline,.btn-ghost{
  border-radius:10px;padding:10px 14px;font-size:12px;font-weight:700
}
.btn{border:1px solid #111;background:#111;color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.08)}
.btn:hover{background:#282828}
.btn-outline{border:1px solid var(--line2);background:#fff;color:#111}
.btn-outline:hover{background:var(--surface2)}
.btn-ghost{border:0;background:transparent;color:#444}
.btn-ghost:hover{background:var(--surface2)}

.hero{padding:94px 22px 54px}
.hero-inner{max-width:980px;margin:auto;text-align:center}
.eyebrow{
  font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#96968f;
  font-weight:750;margin-bottom:13px
}
.hero h1{
  margin:0 auto 18px;max-width:920px;font-size:66px;line-height:1.01;letter-spacing:-.058em;font-weight:700
}
.hero-copy{max-width:700px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.6}
.prompt-wrap{max-width:960px;margin:42px auto 0}
.prompt{
  background:#fff;border:1px solid var(--line2);border-radius:24px;padding:19px;
  box-shadow:0 20px 60px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.03);
  transition:.18s ease
}
.prompt:focus-within{
  transform:translateY(-1px);
  box-shadow:0 28px 76px rgba(0,0,0,.11),0 3px 12px rgba(0,0,0,.04)
}
.prompt textarea{
  width:100%;min-height:110px;border:0;resize:none;outline:0;background:transparent;
  font-size:28px;line-height:1.35;letter-spacing:-.025em;color:#171717;padding:4px 2px
}
.prompt textarea::placeholder{color:#aaa9a2}
.prompt-bottom{
  border-top:1px solid var(--line);padding-top:14px;
  display:flex;justify-content:space-between;align-items:center;gap:12px
}
.example{font-size:11px;color:#99988f}

.lead-search-options{
  border-top:1px solid var(--line);
  padding-top:13px;margin-top:4px;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap
}

.lead-search-option{display:flex;align-items:center;gap:9px}

.lead-search-option-title{
  font-size:9px;text-transform:uppercase;letter-spacing:.11em;
  color:#a2a29c;font-weight:700
}

.lead-count-select{
  height:34px;border:1px solid var(--line2);border-radius:9px;background:#fff;
  color:#111;padding:0 30px 0 11px;font-size:11px;font-weight:650;outline:0
}

.lead-count-select:focus{border-color:#b7b7af;box-shadow:0 0 0 3px rgba(0,0,0,.025)}

.lead-contact-options{display:flex;align-items:center;gap:7px;flex-wrap:wrap}

.lead-contact-option{position:relative;display:inline-flex;align-items:center}

.lead-contact-option input{
  position:absolute;opacity:0;pointer-events:none
}

.lead-contact-pill{
  min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:0 11px;border:1px solid var(--line2);border-radius:9px;background:#fff;
  color:#55534f;font-size:11px;font-weight:650;cursor:pointer;transition:.15s ease
}

.lead-contact-option:hover .lead-contact-pill{background:var(--surface2)}

.lead-contact-option input:checked + .lead-contact-pill{
  background:#111;border-color:#111;color:#fff
}

.lead-contact-option input:disabled + .lead-contact-pill{
  opacity:.5;cursor:not-allowed;background:#fafafa
}

.lead-option-soon{
  font-size:8px;letter-spacing:.06em;text-transform:uppercase;color:#aaa69e
}

.lead-contact-option input:checked + .lead-contact-pill .lead-option-soon{color:#d9d9d3}

.prompt .lead-search-options + .prompt-bottom{
  border-top:0;padding-top:10px
}
.flow{
  display:flex;justify-content:center;align-items:center;gap:9px;flex-wrap:wrap;
  margin:22px auto 0;font-size:11px;color:#77766f
}
.flow span:not(.arrow){border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px}
.arrow{color:#bbb9b1}
.product-preview{
  max-width:1060px;margin:46px auto 0;border:1px solid var(--line);
  border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 14px 44px rgba(0,0,0,.055)
}
.preview-top{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
.preview-top strong{font-size:12px}.preview-top small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.dots{display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:#d9d9d3}
table{width:100%;border-collapse:collapse}
th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}
th{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#a2a29c;background:#fafafa}
tbody tr:last-child td{border-bottom:0}
.status{
  display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:4px 8px;font-size:10px;background:#fff
}
.status.good{background:#f7fbf6}
.status.review{background:#fbfaf5}

.public-section{padding:84px 22px}
.section-inner{max-width:1080px;margin:auto}
.section-head{max-width:680px;margin-bottom:34px}
.section-head h2{font-size:42px;line-height:1.05;letter-spacing:-.045em;margin:0 0 12px}
.section-head p{margin:0;color:var(--muted);line-height:1.6}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.how-card{
  border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px;min-height:180px;
  box-shadow:var(--shadow1)
}
.how-card .num{font-size:10px;color:#aaa;margin-bottom:38px}
.how-card h3{font-size:17px;margin:0 0 9px;letter-spacing:-.02em}
.how-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.pricing-card{
  max-width:560px;border:1px solid var(--line2);border-radius:22px;background:#fff;padding:26px;
  box-shadow:var(--shadow2)
}
.price-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.price{font-size:42px;font-weight:760;letter-spacing:-.04em}
.price small{font-size:12px;color:var(--muted);font-weight:500}
.features{margin:24px 0 0;padding:0;list-style:none}
.features li{padding:11px 0;border-bottom:1px solid var(--line);font-size:12px;color:#4b4a46}
.features li:last-child{border-bottom:0}
.faq{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line);padding:18px 0}
.faq-q{display:flex;justify-content:space-between;gap:20px;font-weight:700;font-size:13px}
.faq-a{color:var(--muted);font-size:12px;line-height:1.6;margin-top:9px;max-width:760px}
.footer{border-top:1px solid var(--line);padding:28px 22px 38px}
.footer-inner{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}

/* AUTH */
.auth-screen{
  min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)
}
.auth-card{
  width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;
  box-shadow:var(--shadow2)
}
.auth-card h1{font-size:34px;letter-spacing:-.045em;margin:4px 0 8px}
.auth-card p{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.55}
.auth-card label{display:block;font-size:10px;color:var(--muted);margin:12px 0 6px}
.auth-card input{width:100%;border:1px solid var(--line2);border-radius:10px;padding:12px;outline:0}
.auth-card input:focus{border-color:#b7b7af;box-shadow:0 0 0 3px rgba(0,0,0,.025)}
.auth-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px}
.auth-note{margin-top:14px;text-align:center;font-size:10px;color:var(--muted2)}

/* APP */
.app{display:none;min-height:100vh;grid-template-columns:232px minmax(0,1fr)}
.app.active{display:grid}
.sidebar{
  position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);
  padding:18px 14px;display:flex;flex-direction:column;z-index:10
}
.side-brand {
  display: flex;
  align-items: center;
  gap: 10px;

  padding: 8px 8px 20px;

  cursor: pointer;

  transition:
    opacity .15s ease;
}

.side-brand:hover {
  opacity: .72;
}

.side-brand:focus-visible {
  outline: 2px solid #111;
  outline-offset: 3px;
  border-radius: 10px;
}
.side-brand-name{font-size:17px;font-weight:760;letter-spacing:-.025em}
.side-sub{font-size:11px;color:var(--muted2);margin-top:2px}
.nav-section{font-size:10px;color:#aaa69e;text-transform:uppercase;letter-spacing:.11em;padding:13px 11px 7px;font-weight:700}
.side-nav{display:flex;flex-direction:column;gap:3px}
.side-nav button{
  width:100%;border:0;background:transparent;color:#52524e;padding:10px 11px;border-radius:10px;
  text-align:left;display:flex;align-items:center;gap:10px;font-size:13px
}
.side-nav button:hover{background:var(--surface2);color:#111}
.side-nav button.active{background:#f1f1ef;color:#111;font-weight:650}
.nav-icon{
  width:19px;height:19px;border:1px solid #d8d8d3;border-radius:6px;background:#fff;
  display:grid;place-items:center;font-size:10px;color:#777
}
.workspace-card{
  margin-top:auto;border:1px solid var(--line);border-radius:14px;padding:11px 12px;background:#fff;
  display:flex;align-items:center;gap:9px;box-shadow:var(--shadow1)
}
.workspace-dot{width:30px;height:30px;border-radius:9px;background:#111;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700}
.workspace-card strong{display:block;font-size:12px}.workspace-card small{display:block;font-size:10px;color:var(--muted2);margin-top:2px}

.app-main{min-width:0}
.app-top{
  height:66px;border-bottom:1px solid var(--line);display:flex;justify-content:flex-end;align-items:center;
  padding:0 24px;position:sticky;top:0;background:rgba(251,251,250,.92);backdrop-filter:blur(14px);z-index:9
}
.top-actions{display:flex;align-items:center;gap:8px}
.icon-btn{
  width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;place-items:center;
  box-shadow:var(--shadow1)
}
.avatar-btn{
  width:38px;height:38px;border-radius:50%;border:0;background:#111;color:#fff;font-size:12px;font-weight:700
}
.account-wrap{position:relative}
.account-menu{
  position:absolute;right:0;top:48px;width:290px;background:#fff;border:1px solid var(--line);border-radius:16px;
  box-shadow:var(--shadow3);padding:8px;display:none
}
.account-menu.open{display:block;animation:fadeIn .16s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.account-head{display:flex;gap:10px;align-items:center;padding:10px}
.big-avatar{width:42px;height:42px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-weight:700}
.account-head strong{display:block;font-size:13px}.account-head small{font-size:11px;color:var(--muted);display:block;margin-top:2px}
.sep{height:1px;background:var(--line);margin:6px 0}
.menu-item{width:100%;border:0;background:transparent;border-radius:10px;padding:10px 11px;text-align:left;font-size:12px;display:flex;justify-content:space-between}
.menu-item:hover{background:var(--surface2)}
.menu-item.danger{color:#9f4141}

.app-content{max-width:1260px;margin:auto;padding:44px 34px 72px}
.app-page{display:none}.app-page.active{display:block}
.app-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:26px}
.app-head h1{font-size:38px;letter-spacing:-.05em;margin:0 0 9px}
.app-head p{margin:0;color:var(--muted);font-size:14px}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
.metric .label{font-size:10px;color:var(--muted)}
.metric .value{font-size:28px;font-weight:760;letter-spacing:-.04em;margin-top:8px}
.metric .foot{font-size:10px;color:var(--muted2);margin-top:7px}
.grid2{display:grid;grid-template-columns:1.4fr .6fr;gap:16px;margin-top:16px}
.panel{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.panel-head{padding:16px 18px;border-bottom:1px solid var(--line)}
.panel-head strong{font-size:12px}.panel-head small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.empty{
  padding:54px 24px;text-align:center;color:var(--muted)
}
.empty strong{display:block;color:#111;font-size:14px;margin-bottom:7px}
.empty p{margin:0 auto 16px;max-width:360px;font-size:11px;line-height:1.55}

.search-page-title{text-align:center;max-width:760px;margin:0 auto 26px}
.search-page-title h1{font-size:48px;letter-spacing:-.05em;margin:0 0 12px}
.search-page-title p{margin:0;color:var(--muted);line-height:1.55}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1040px;margin:18px auto 0}
.step{border:1px solid var(--line);border-radius:14px;background:#fff;padding:13px;opacity:.55}
.step.active{opacity:1;border-color:#bdbdb5}
.step .num{font-size:9px;color:#aaa;margin-bottom:7px}.step strong{display:block;font-size:11px;margin-bottom:5px}.step small{font-size:10px;color:#999;line-height:1.4}

.settings{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-grid label span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}
.form-grid input,.form-grid textarea{width:100%;border:1px solid var(--line2);border-radius:10px;padding:11px 12px;outline:0}
.form-grid textarea{min-height:96px;resize:vertical}
.wide{grid-column:1/-1}

.toast{
  position:fixed;right:22px;bottom:22px;background:#111;color:#fff;padding:11px 14px;border-radius:10px;font-size:11px;
  opacity:0;transform:translateY(8px);pointer-events:none;transition:.18s;z-index:50
}
.toast.show{opacity:1;transform:translateY(0)}

/* DASHBOARD */

.dashboard-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 26px;
}

.dashboard-head h1 {
  margin: 0 0 9px;
  font-size: 38px;
  letter-spacing: -.05em;
}

.dashboard-head p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}


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

.dashboard-metric {
  min-width: 0;
  padding: 18px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
}

.dashboard-metric-label {
  color: var(--muted);
  font-size: 10px;
}

.dashboard-metric-value {
  margin-top: 8px;
  font-size: 30px;
  font-weight: 760;
  letter-spacing: -.04em;
}

.dashboard-metric-foot {
  margin-top: 7px;
  color: var(--muted2);
  font-size: 10px;
  line-height: 1.4;
}


.dashboard-main-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, .65fr);
  gap: 16px;
  margin-top: 16px;
}

.dashboard-lower-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-top: 16px;
}


.dashboard-panel {
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
}

.dashboard-panel-head {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 18px;
  border-bottom: 1px solid var(--line);
}

.dashboard-panel-head strong {
  display: block;
  font-size: 12px;
}

.dashboard-panel-head small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.4;
}


.dashboard-link-btn {
  flex: 0 0 auto;
  padding: 6px 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-size: 10px;
  font-weight: 650;
}

.dashboard-link-btn:hover {
  background: var(--surface2);
  color: #111;
}


.dashboard-loading {
  padding: 48px 20px;
  color: var(--muted2);
  font-size: 10px;
  text-align: center;
}


/* RECENT CAMPAIGNS */

.dashboard-campaign-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  align-items: center;
  gap: 18px;
  min-height: 64px;
  padding: 10px 18px;
  border-bottom: 1px solid var(--line);

  transition:
    background-color .16s ease,
    box-shadow .16s ease;
}

.dashboard-campaign-row:hover {
  background: #fafaf8;

  box-shadow:
    inset 3px 0 0 #111;
}

.dashboard-campaign-row:hover
.dashboard-campaign-main strong {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.dashboard-campaign-row:focus-visible {
  outline: none;
  background: #fafaf8;

  box-shadow:
    inset 3px 0 0 #111;
}

.dashboard-campaign-row:last-child {
  border-bottom: 0;
}
.dashboard-campaign-main {
  min-width: 0;
}

.dashboard-campaign-main strong {
  display: block;
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dashboard-campaign-main small {
  display: block;
  margin-top: 4px;
  color: var(--muted2);
  font-size: 9px;
}

.dashboard-campaign-stat {
  min-width: 58px;
  text-align: right;
}

.dashboard-campaign-stat strong {
  display: block;
  font-size: 11px;
}

.dashboard-campaign-stat small {
  display: block;
  margin-top: 3px;
  color: var(--muted2);
  font-size: 8px;
}

.dashboard-status {
  padding: 5px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fafaf8;
  font-size: 8px;
  font-weight: 650;
  text-transform: capitalize;
  white-space: nowrap;
}

.dashboard-empty {
  padding: 46px 22px;
  text-align: center;
}

.dashboard-empty strong {
  display: block;
  font-size: 13px;
}

.dashboard-empty p {
  max-width: 340px;
  margin: 7px auto 15px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.55;
}


/* QUICK ACTIONS */

.dashboard-actions {
  padding: 7px;
}

.dashboard-action {
  width: 100%;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 11px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  cursor: pointer;
  text-align: left;
}

.dashboard-action:hover {
  background: var(--surface2);
}

.dashboard-action-icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: #555;
  font-size: 10px;
}

.dashboard-action strong {
  display: block;
  font-size: 11px;
}

.dashboard-action small {
  display: block;
  margin-top: 3px;
  color: var(--muted2);
  font-size: 9px;
}

.dashboard-action-arrow {
  color: var(--muted2);
  font-size: 16px;
}


/* ACTIVITY */

.dashboard-activity-row {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 13px 18px;
  border-bottom: 1px solid var(--line);
}

.dashboard-activity-row:last-child {
  border-bottom: 0;
}

.dashboard-activity-dot {
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  margin-top: 5px;
  border-radius: 50%;
  background: #111;
}

.dashboard-activity-copy {
  min-width: 0;
}

.dashboard-activity-copy strong {
  display: block;
  font-size: 10px;
  line-height: 1.45;
}

.dashboard-activity-copy small {
  display: block;
  margin-top: 4px;
  color: var(--muted2);
  font-size: 9px;
}


/* REPLIES */

.dashboard-replies-empty {
  min-height: 152px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 28px;
  text-align: center;
}

.dashboard-replies-empty strong {
  display: block;
  font-size: 12px;
}

.dashboard-replies-empty p {
  max-width: 300px;
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.55;
}


/* DASHBOARD RESPONSIVE */

@media(max-width:1000px) {

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

  .dashboard-main-grid,
  .dashboard-lower-grid {
    grid-template-columns: 1fr;
  }

}

@media(max-width:600px) {

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

  .dashboard-head .btn {
    width: 100%;
  }

  .dashboard-metrics {
    grid-template-columns: 1fr;
  }

  .dashboard-campaign-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .dashboard-campaign-stat {
    display: none;
  }

}

@media(max-width:900px){
  .nav-links{display:none}
  .how-grid{grid-template-columns:1fr}
  .metrics{grid-template-columns:1fr 1fr}
  .grid2{grid-template-columns:1fr}
}
@media(max-width:820px){
  .app.active{display:block}.sidebar{display:none}.app-content{padding:34px 18px 60px}
  .hero{padding-top:68px}.hero h1{font-size:45px}.prompt textarea{font-size:22px}
  .steps{grid-template-columns:1fr 1fr}.app-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:560px){
  .hero h1{font-size:38px}.hero-copy{font-size:15px}
  .prompt-bottom{flex-direction:column;align-items:flex-start}.prompt-bottom .btn{width:100%}
  .lead-search-options{align-items:flex-start;gap:12px}
  .lead-search-option{width:100%;justify-content:space-between}
  .lead-contact-options{justify-content:flex-end}
  .metrics,.steps,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}
  .footer-inner{flex-direction:column}.public-nav-inner{padding:0 14px}
  .nav-actions .btn-outline{display:none}
}

/* =========================
   FIND LEADS FILTERS
   ========================= */

.lead-search-options {
  border-top: 1px solid var(--line);
  padding-top: 12px;
  margin-top: 4px;

  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}

.lead-search-option {
  display: flex;
  align-items: center;
  gap: 9px;
}

.lead-search-option-title {
  font-size: 8px;
  line-height: 1;

  text-transform: uppercase;
  letter-spacing: .12em;

  color: #9d9d96;
  font-weight: 750;
}


/* 10 / 20 / 40 / 60 */

.lead-limit-group {
  display: inline-flex;
  align-items: center;

  padding: 2px;
  gap: 2px;

  background: #f5f5f2;

  border: 1px solid #deded8;
  border-radius: 10px;
}

.lead-limit-btn {
  appearance: none;
  -webkit-appearance: none;

  height: 27px;
  min-width: 35px;

  padding: 0 8px;

  border: 0;
  border-radius: 7px;

  background: transparent;
  color: #77766f;

  font-size: 10px;
  line-height: 1;
  font-weight: 700;

  box-shadow: none;
  outline: none;

  cursor: pointer;

  transition:
    background .15s ease,
    color .15s ease,
    box-shadow .15s ease;
}

.lead-limit-btn:hover {
  background: #fff;
  color: #111;
}

.lead-limit-btn.active {
  background: #111;
  color: #fff;

  box-shadow:
    0 1px 3px rgba(0,0,0,.12);
}


/* EMAIL / SOCIALS */

.lead-contact-options {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.lead-switch-control {
  position: relative;

  min-height: 31px;

  display: inline-flex;
  align-items: center;
  gap: 7px;

  padding: 0 9px;

  background: #fff;

  border: 1px solid #deded8;
  border-radius: 10px;

  cursor: pointer;
  user-select: none;

  transition:
    background .15s ease,
    border-color .15s ease;
}

.lead-switch-control:hover {
  background: #fafaf8;
  border-color: #c9c9c2;
}

.lead-switch-control input {
  position: absolute !important;

  width: 1px !important;
  height: 1px !important;

  opacity: 0 !important;

  pointer-events: none;

  margin: 0;
}


/* SWITCH TRACK */

.lead-switch-track {
  position: relative;

  display: inline-block;

  width: 27px;
  height: 16px;

  flex: 0 0 27px;

  background: #ededeb;

  border: 1px solid #d2d2cc;
  border-radius: 999px;

  transition:
    background .16s ease,
    border-color .16s ease;
}


/* SWITCH CIRCLE */

.lead-switch-thumb {
  position: absolute;

  top: 2px;
  left: 2px;

  width: 10px;
  height: 10px;

  background: #fff;

  border-radius: 50%;

  box-shadow:
    0 1px 2px rgba(0,0,0,.18);

  transition:
    transform .16s ease;
}


/* SWITCH ON */

.lead-switch-control input:checked + .lead-switch-track {
  background: #111;
  border-color: #111;
}

.lead-switch-control input:checked
+ .lead-switch-track
.lead-switch-thumb {
  transform: translateX(11px);
}


/* LABEL */

.lead-switch-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;

  font-size: 10px;
  line-height: 1;
  font-weight: 650;

  color: #55534f;
}

.lead-switch-control input:checked
~ .lead-switch-label {
  color: #111;
}


/* SOCIALS DISABLED */

.lead-switch-control.is-disabled {
  opacity: .42;
  cursor: not-allowed;
}

.campaign-lead-send-btn:disabled {
  opacity: 0.38;
  cursor: not-allowed;
  pointer-events: none;
}

.lead-switch-control.is-disabled:hover {
  background: #fff;
  border-color: #deded8;
}

.lead-option-soon {
  font-size: 7px;
  line-height: 1;

  text-transform: uppercase;
  letter-spacing: .08em;

  color: #99988f;
}


/* SPACE BEFORE EXAMPLE / BUTTON */

.prompt .lead-search-options + .prompt-bottom {
  border-top: 0;
  padding-top: 10px;
}


/* MOBILE */

@media (max-width: 560px) {

  .lead-search-options {
    gap: 12px;
    align-items: flex-start;
  }

  .lead-search-option {
    width: 100%;
    justify-content: space-between;
  }

  .lead-contact-options {
    justify-content: flex-end;
  }
}

.lead-select-col {
  width: 44px;
  min-width: 44px;
  padding-left: 16px !important;
  padding-right: 6px !important;
  text-align: center;
}

.lead-checkbox {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.lead-checkbox input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.lead-checkbox span {
  width: 15px;
  height: 15px;
  display: block;
  border: 1px solid #cfcfc9;
  border-radius: 5px;
  background: #fff;
  position: relative;
  transition:
    background .14s ease,
    border-color .14s ease;
}

.lead-checkbox input:checked + span {
  background: #111;
  border-color: #111;
}

.lead-checkbox input:checked + span::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg);
}

.lead-row-selected > td {
  background: #fafaf8;
}

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

.lead-selected-count {
  font-size: 11px;
  color: #77766f;
  white-space: nowrap;
}

#createCampaignBtn {
  white-space: nowrap;
}

@media(max-width:650px) {
  .lead-result-actions {
    gap: 7px;
  }

  .lead-selected-count {
    display: none;
  }
}

.campaigns-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.campaign-card {
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
}

.campaign-card-main {
  min-height: 86px;
  padding: 18px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.campaign-card-info {
  min-width: 0;
}

.campaign-card-title {
  font-size: 14px;
  font-weight: 750;
  color: var(--text);
}

.campaign-card-meta {
  margin-top: 7px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 10px;
  color: var(--muted);
}

.campaign-meta-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #c9c9c3;
}

.campaign-card-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.campaign-status {
  padding: 5px 9px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fafaf8;
  font-size: 10px;
  color: #55554f;
}

.campaign-status-toggle {
  cursor: pointer;

  transition:
    background .15s ease,
    border-color .15s ease,
    color .15s ease;
}

.campaign-status-toggle:hover {
  border-color: #c8c8c1;
  background: #f6f6f3;
  color: #111;
}

.campaign-status-toggle:disabled {
  opacity: .5;
  cursor: default;
}

.campaign-status-toggle[data-campaign-status="ready"] {
  border-color: rgba(53, 125, 76, .22);
  background: rgba(53, 125, 76, .055);
  color: #477b56;
}

.campaign-status-toggle[data-campaign-status="ready"]:hover {
  border-color: rgba(53, 125, 76, .34);
  background: rgba(53, 125, 76, .09);
  color: #356843;
}

.campaign-rename-btn {
  appearance: none;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #55554f;
  padding: 9px 10px;
  font: inherit;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;

  transition:
    background .15s ease,
    color .15s ease;
}

.campaign-rename-btn:hover {
  background: var(--surface2);
  color: #111;
}

.campaign-rename-btn:disabled {
  opacity: .45;
  cursor: default;
}

.campaign-delete-btn {
  appearance: none;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #9f4141;
  padding: 9px 10px;
  font: inherit;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;

  transition:
    background .15s ease,
    color .15s ease;
}

.campaign-delete-btn:hover {
  background: #fff5f5;
  color: #7f2f2f;
}

.campaign-delete-btn:disabled {
  opacity: .45;
  cursor: default;
}

.campaign-open-btn {
  appearance: none;
  border: 0;
  border-radius: 9px;
  background: #111;
  color: #fff;
  padding: 9px 13px;
  font: inherit;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}

.campaign-details {
  display: none;
  border-top: 1px solid var(--line);
}

.campaign-details.open {
  display: block;
}

.campaign-lead-head,
.campaign-lead-row {
  display: grid;
  grid-template-columns:
    minmax(250px, 1.8fr)
    minmax(120px, .7fr)
    70px
    minmax(180px, 1fr);
  gap: 16px;
  align-items: center;
}

.campaign-lead-head {
  padding: 11px 20px;
  background: #fafaf8;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #999991;
}

.campaign-lead-row {
  min-height: 52px;
  padding: 10px 20px;
  border-top: 1px solid var(--line);
  font-size: 11px;
}

.campaign-lead-business {
  font-weight: 700;
  color: var(--text);
}

@media(max-width:700px) {

  .campaign-card-main {
    align-items: flex-start;
    flex-direction: column;
  }

  .campaign-card-actions {
    width: 100%;
    justify-content: space-between;
  }

  .campaign-lead-head,
  .campaign-lead-row {
    grid-template-columns:
      minmax(180px, 1fr)
      90px
      50px;
  }

  .campaign-lead-head > :last-child,
  .campaign-lead-row > :last-child {
    display: none;
  }
}

/* Campaign lead expansion */

.campaign-lead-entry {
  border-top: 1px solid var(--line);
}

.campaign-lead-entry:first-child {
  border-top: 0;
}


.campaign-lead-row {
  min-height: 52px;
  padding: 10px 20px;

  display: grid;

  grid-template-columns:
    minmax(250px, 1.8fr)
    minmax(120px, .7fr)
    70px
    minmax(180px, 1fr)
    40px;

  gap: 16px;

  align-items: center;

  font-size: 11px;
}


.campaign-lead-business {
  font-weight: 700;
  color: var(--text);
}


.campaign-lead-expand {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}


.campaign-lead-details {
  display: none;

  padding:
    0 52px 14px;

  background: #fff;
}


.campaign-lead-details.open {
  display: block;
}


.campaign-lead-details-card {
  max-width: 1040px;

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    150px
    minmax(240px, 1.35fr)
    minmax(170px, 1fr)
    minmax(190px, 1fr);

  align-items: start;

  gap: 24px;

  padding:
    15px 18px 16px;

  background: #fcfcfb;

  border:
    1px solid
    rgba(0, 0, 0, 0.075);

  border-radius: 12px;

  box-shadow:
    0 1px 2px
    rgba(0, 0, 0, 0.018);
}


.campaign-lead-details-state {
  max-width: 1040px;

  margin: 0 auto;

  padding:
    15px 18px;

  background: #fcfcfb;

  border:
    1px solid
    rgba(0, 0, 0, 0.075);

  border-radius: 12px;

  color: #888;

  font-size: 12px;
}


.campaign-lead-details-card
.lead-detail-label {
  display: block;

  margin-bottom: 6px;

  font-size: 9px;

  line-height: 1;

  text-transform: uppercase;

  letter-spacing: .12em;

  color: #9a9a9a;
}


.campaign-lead-details-card
.lead-detail-value,
.campaign-lead-details-card
.lead-detail-value a {
  font-size: 12px;

  line-height: 1.4;

  color: #222;

  text-decoration: none;

  word-break: break-word;
}


.campaign-lead-details-card
.lead-detail-value a:hover {
  text-decoration: underline;
}


/* Campaign table header now has
   an extra chevron column */

.campaign-lead-head {
  grid-template-columns:
    minmax(250px, 1.8fr)
    minmax(120px, .7fr)
    70px
    minmax(180px, 1fr)
    40px;
}


@media(max-width: 950px) {

  .campaign-lead-details {
    padding:
      0 20px 14px;
  }


  .campaign-lead-details-card {
    max-width: none;

    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );

    gap:
      18px 24px;
  }

}


@media(max-width: 700px) {

  .campaign-lead-row,
  .campaign-lead-head {
    grid-template-columns:
      minmax(180px, 1fr)
      90px
      50px
      36px;
  }


  .campaign-lead-row > :nth-child(4),
  .campaign-lead-head > :nth-child(4) {
    display: none;
  }


  .campaign-lead-details {
    padding:
      0 12px 12px;
  }


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

    gap: 13px;

    padding: 14px;

    border-radius: 11px;
  }

}

/* SETTINGS */

.settings-page {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.settings-page-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 26px;
}

.settings-page-head h1 {
  margin: 8px 0 7px;
}

.settings-page-head p {
  margin: 0;
  color: var(--muted);
}

.settings-section {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  padding: 22px;
  margin-bottom: 16px;
}

.settings-section-head {
  margin-bottom: 22px;
}

.settings-section-label {
  margin-bottom: 7px;
  color: #aaa69e;
  font-size: 9px;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.settings-section-head h2 {
  margin: 0;
  font-size: 17px;
  letter-spacing: -.02em;
}

.settings-section-head p {
  max-width: 620px;
  margin: 6px 0 0;
  color: var(--muted2);
  font-size: 11px;
  line-height: 1.5;
}

.settings-profile-preview {
  display: flex;
  align-items: center;
  gap: 11px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--line);
}

.settings-profile-avatar {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #111;
  color: #fff;
  font-size: 12px;
  font-weight: 750;
}

.settings-profile-preview strong {
  display: block;
  font-size: 13px;
}

.settings-profile-preview small {
  display: block;
  margin-top: 3px;
  color: var(--muted2);
  font-size: 10px;
}

.settings-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 17px 12px;
}

.settings-form-grid label {
  min-width: 0;
}

.settings-form-grid label > span {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 7px;
  color: var(--muted);
  font-size: 10px;
}

.settings-form-grid label > span em {
  color: var(--muted2);
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
}

.settings-form-grid input,
.settings-form-grid textarea {
  width: 100%;
  border: 1px solid var(--line2);
  border-radius: 10px;
  background: #fff;
  padding: 12px;
  outline: 0;
  font: inherit;
}

.settings-form-grid textarea {
  min-height: 96px;
  resize: vertical;
  line-height: 1.5;
}

.settings-form-grid input:focus,
.settings-form-grid textarea:focus {
  border-color: #b7b7af;
  box-shadow: 0 0 0 3px rgba(0,0,0,.025);
}

.settings-form-grid input:disabled {
  background: #f7f7f5;
  color: var(--muted);
  cursor: not-allowed;
}

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

.settings-field-note {
  display: block;
  margin-top: 6px;
  color: var(--muted2);
  font-size: 9px;
  line-height: 1.4;
}

.settings-security-row {
  min-height: 61px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 13px 0;
  border-top: 1px solid var(--line);
}

.settings-security-row:first-of-type {
  border-top: 0;
  padding-top: 0;
}

.settings-security-row:last-child {
  padding-bottom: 0;
}

.settings-security-row strong {
  display: block;
  font-size: 12px;
}

.settings-security-row small {
  display: block;
  margin-top: 4px;
  color: var(--muted2);
  font-size: 10px;
}

.settings-verified {
  padding: 5px 8px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fafaf8;
  font-size: 9px;
  font-weight: 650;
}

@media (max-width: 700px) {

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

  .settings-form-grid {
    grid-template-columns: 1fr;
  }

  .settings-wide {
    grid-column: auto;
  }

  .settings-page-head .btn {
    width: 100%;
  }
}

/* CAMPAIGN DELETE MODAL */

body.campaign-delete-modal-open {
  overflow: hidden;
}

.campaign-delete-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 20px;

  background: rgba(17, 17, 17, .34);
  backdrop-filter: blur(5px);

  opacity: 0;
  visibility: hidden;

  transition:
    opacity .16s ease,
    visibility .16s ease;
}

.campaign-delete-modal-backdrop.open {
  opacity: 1;
  visibility: visible;
}

.campaign-delete-modal {
  position: relative;

  width: min(420px, 100%);

  padding: 26px;

  background: #fff;

  border: 1px solid var(--line);
  border-radius: 18px;

  box-shadow:
    0 26px 70px rgba(0, 0, 0, .16),
    0 3px 12px rgba(0, 0, 0, .05);

  transform: translateY(5px) scale(.99);

  transition:
    transform .16s ease;
}

.campaign-delete-modal-backdrop.open
.campaign-delete-modal {
  transform: translateY(0) scale(1);
}

.campaign-delete-modal-close {
  position: absolute;
  top: 13px;
  right: 13px;

  width: 30px;
  height: 30px;

  display: grid;
  place-items: center;

  border: 0;
  border-radius: 8px;

  background: transparent;
  color: #888;

  font-size: 20px;
  line-height: 1;

  cursor: pointer;
}

.campaign-delete-modal-close:hover {
  background: var(--surface2);
  color: #111;
}

.campaign-delete-modal-icon {
  width: 36px;
  height: 36px;

  display: grid;
  place-items: center;

  margin-bottom: 18px;

  border-radius: 10px;

  background: #fff3f3;
  color: #9f4141;

  font-size: 15px;
  font-weight: 800;
}

.campaign-delete-modal h2 {
  margin: 0;

  font-size: 20px;
  letter-spacing: -.025em;
}

.campaign-delete-modal p {
  margin: 9px 0 0;

  color: var(--muted);

  font-size: 12px;
  line-height: 1.6;
}

.campaign-delete-modal p strong {
  color: #111;
  font-weight: 700;
}

.campaign-delete-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;

  margin-top: 24px;
  padding-top: 18px;

  border-top: 1px solid var(--line);
}

.campaign-delete-confirm-btn {
  border: 1px solid #8f3737;
  border-radius: 10px;

  padding: 10px 14px;

  background: #9f4141;
  color: #fff;

  font-size: 12px;
  font-weight: 700;

  cursor: pointer;
}

.campaign-delete-confirm-btn:hover {
  background: #843333;
  border-color: #843333;
}

@media(max-width:520px) {

  .campaign-delete-modal {
    padding: 22px;
  }

  .campaign-delete-modal-actions {
    flex-direction: column-reverse;
  }

  .campaign-delete-modal-actions button {
    width: 100%;
  }
}

/* CAMPAIGN RENAME MODAL */

body.campaign-rename-modal-open {
  overflow: hidden;
}

.campaign-rename-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 20px;

  background: rgba(17, 17, 17, .34);
  backdrop-filter: blur(5px);

  opacity: 0;
  visibility: hidden;

  transition:
    opacity .16s ease,
    visibility .16s ease;
}

.campaign-rename-modal-backdrop.open {
  opacity: 1;
  visibility: visible;
}

.campaign-rename-modal {
  position: relative;

  width: min(430px, 100%);
  padding: 26px;

  background: var(--theme-surface);
  color: var(--theme-text);

  border: 1px solid var(--line);
  border-radius: 18px;

  box-shadow:
    0 26px 70px rgba(0, 0, 0, .16),
    0 3px 12px rgba(0, 0, 0, .05);

  transform: translateY(5px) scale(.99);

  transition:
    transform .16s ease;
}

.campaign-rename-modal-backdrop.open
.campaign-rename-modal {
  transform: translateY(0) scale(1);
}

.campaign-rename-modal-close {
  position: absolute;
  top: 13px;
  right: 13px;

  width: 30px;
  height: 30px;

  display: grid;
  place-items: center;

  border: 0;
  border-radius: 8px;

  background: transparent;
  color: #888;

  font-size: 20px;
  line-height: 1;

  cursor: pointer;
}

.campaign-rename-modal-close:hover {
  background: var(--surface2);
  color: #111;
}

.campaign-rename-modal h2 {
  margin: 0;

  font-size: 20px;
  letter-spacing: -.025em;
}

.campaign-rename-modal > p {
  margin: 9px 0 0;

  color: var(--muted);

  font-size: 12px;
  line-height: 1.6;
}

.campaign-rename-field {
  display: block;
  margin-top: 20px;
}

.campaign-rename-field > span {
  display: block;

  margin-bottom: 7px;

  color: var(--muted);

  font-size: 10px;
}

.campaign-rename-field input {
  width: 100%;
  height: 44px;

  padding: 0 12px;

  border: 1px solid var(--line2);
  border-radius: 10px;

  background: #fff;
  color: #111;

  outline: 0;

  transition:
    border-color .15s ease,
    box-shadow .15s ease;
}

.campaign-rename-field input:hover {
  border-color: #c6c6bf;
}

.campaign-rename-field input:focus {
  border-color: #aaa;

  box-shadow:
    0 0 0 3px rgba(0, 0, 0, .025);
}

.campaign-rename-error {
  min-height: 16px;

  margin-top: 6px;

  color: #9f4141;

  font-size: 9px;
}

.campaign-rename-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;

  margin-top: 12px;
  padding-top: 18px;

  border-top: 1px solid var(--line);
}

@media(max-width:520px) {

  .campaign-rename-modal {
    padding: 22px;
  }

  .campaign-rename-modal-actions {
    flex-direction: column-reverse;
  }

  .campaign-rename-modal-actions button {
    width: 100%;
  }
}

/* CAMPAIGN LEAD REMOVE */

.campaign-lead-expand {
  display: flex;
  align-items: center;
  gap: 3px;
}

.campaign-lead-remove-btn {
  appearance: none;

  width: 28px;
  height: 28px;

  display: grid;
  place-items: center;

  padding: 0;

  border: 0;
  border-radius: 8px;

  background: transparent;
  color: #aaa;

  font-family: inherit;
  font-size: 15px;
  line-height: 1;

  cursor: pointer;

  transition:
    background .15s ease,
    color .15s ease;
}

.campaign-lead-remove-btn:hover {
  background: rgba(159, 65, 65, .07);
  color: #9f4141;
}

.campaign-lead-remove-btn:disabled {
  opacity: .4;
  cursor: default;
}


body.campaign-lead-remove-modal-open {
  overflow: hidden;
}

.campaign-lead-remove-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1100;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 20px;

  background: rgba(17, 17, 17, .34);
  backdrop-filter: blur(5px);

  opacity: 0;
  visibility: hidden;

  transition:
    opacity .16s ease,
    visibility .16s ease;
}

.campaign-lead-remove-modal-backdrop.open {
  opacity: 1;
  visibility: visible;
}

.campaign-lead-remove-modal {
  position: relative;

  width: min(420px, 100%);
  padding: 26px;

  background: #fff;

  border: 1px solid var(--line);
  border-radius: 18px;

  box-shadow:
    0 26px 70px rgba(0, 0, 0, .16),
    0 3px 12px rgba(0, 0, 0, .05);

  transform: translateY(5px) scale(.99);

  transition:
    transform .16s ease;
}

.campaign-lead-remove-modal-backdrop.open
.campaign-lead-remove-modal {
  transform: translateY(0) scale(1);
}

.campaign-lead-remove-modal-close {
  position: absolute;
  top: 13px;
  right: 13px;

  width: 30px;
  height: 30px;

  display: grid;
  place-items: center;

  border: 0;
  border-radius: 8px;

  background: transparent;
  color: #888;

  font-size: 20px;
  line-height: 1;

  cursor: pointer;
}

.campaign-lead-remove-modal-close:hover {
  background: var(--surface2);
  color: #111;
}

.campaign-lead-remove-icon {
  width: 34px;
  height: 34px;

  display: grid;
  place-items: center;

  margin-bottom: 15px;

  border-radius: 10px;

  background: rgba(159, 65, 65, .08);
  color: #9f4141;

  font-size: 15px;
  font-weight: 800;
}

.campaign-lead-remove-modal h2 {
  margin: 0;

  font-size: 20px;
  letter-spacing: -.025em;
}

.campaign-lead-remove-modal p {
  margin: 9px 0 0;

  color: var(--muted);

  font-size: 12px;
  line-height: 1.65;
}

.campaign-lead-remove-modal p strong {
  color: #111;
  font-weight: 700;
}

.campaign-lead-remove-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;

  margin-top: 22px;
  padding-top: 18px;

  border-top: 1px solid var(--line);
}

.campaign-lead-remove-confirm-btn {
  height: 38px;

  padding: 0 16px;

  border: 0;
  border-radius: 10px;

  background: #8f3f3f;
  color: #fff;

  font: inherit;
  font-size: 10px;
  font-weight: 700;

  cursor: pointer;

  transition:
    background .15s ease,
    opacity .15s ease;
}

.campaign-lead-remove-confirm-btn:hover {
  background: #7d3434;
}

@media(max-width:520px) {

  .campaign-lead-remove-modal {
    padding: 22px;
  }

  .campaign-lead-remove-modal-actions {
    flex-direction: column-reverse;
  }

  .campaign-lead-remove-modal-actions button {
    width: 100%;
  }
}

/* ADD TO CAMPAIGN */

body.add-to-campaign-modal-open {
  overflow: hidden;
}

.add-to-campaign-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1100;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 20px;

  background: rgba(17, 17, 17, .34);
  backdrop-filter: blur(5px);

  opacity: 0;
  visibility: hidden;

  transition:
    opacity .16s ease,
    visibility .16s ease;
}

.add-to-campaign-modal-backdrop.open {
  opacity: 1;
  visibility: visible;
}


.add-to-campaign-modal {
  position: relative;

  width: min(460px, 100%);
  padding: 26px;

  background: #fff;

  border: 1px solid var(--line);
  border-radius: 18px;

  box-shadow:
    0 26px 70px rgba(0, 0, 0, .16),
    0 3px 12px rgba(0, 0, 0, .05);

  transform: translateY(5px) scale(.99);

  transition:
    transform .16s ease;
}

.add-to-campaign-modal-backdrop.open
.add-to-campaign-modal {
  transform: translateY(0) scale(1);
}


.add-to-campaign-modal-close {
  position: absolute;
  top: 13px;
  right: 13px;

  width: 30px;
  height: 30px;

  display: grid;
  place-items: center;

  border: 0;
  border-radius: 8px;

  background: transparent;
  color: #888;

  font-size: 20px;
  line-height: 1;

  cursor: pointer;
}

.add-to-campaign-modal-close:hover {
  background: var(--surface2);
  color: #111;
}


.add-to-campaign-modal h2 {
  margin: 0;

  font-size: 20px;
  letter-spacing: -.025em;
}

.add-to-campaign-modal > p {
  margin: 9px 0 0;

  color: var(--muted);

  font-size: 12px;
  line-height: 1.6;
}


.add-to-campaign-list {
  display: flex;
  flex-direction: column;
  gap: 6px;

  max-height: 310px;

  margin-top: 20px;

  overflow-y: auto;
}


.add-to-campaign-option {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  min-height: 58px;

  padding: 11px 12px;

  border: 1px solid var(--line);
  border-radius: 11px;

  background: #fff;
  color: #111;

  text-align: left;
  font: inherit;

  cursor: pointer;

  transition:
    border-color .15s ease,
    background .15s ease,
    box-shadow .15s ease;
}

.add-to-campaign-option:hover {
  background: #fafaf8;
  border-color: #cfcfc8;
}

.add-to-campaign-option.selected {
  background: #fafaf8;
  border-color: #111;

  box-shadow:
    inset 0 0 0 1px #111;
}


.add-to-campaign-option-main {
  min-width: 0;

  display: flex;
  flex-direction: column;
  gap: 4px;
}

.add-to-campaign-option-main strong {
  overflow: hidden;

  color: #111;

  font-size: 11px;
  font-weight: 700;

  white-space: nowrap;
  text-overflow: ellipsis;
}

.add-to-campaign-option-main small {
  color: var(--muted);

  font-size: 9px;
}


.add-to-campaign-option
.campaign-status {
  flex: 0 0 auto;
}


.add-to-campaign-loading,
.add-to-campaign-empty {
  min-height: 90px;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 18px;

  border: 1px dashed var(--line);
  border-radius: 11px;

  color: var(--muted);

  font-size: 10px;
  text-align: center;
}


.add-to-campaign-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;

  margin-top: 20px;
  padding-top: 18px;

  border-top: 1px solid var(--line);
}

.add-to-campaign-modal-actions
.btn:disabled {
  opacity: .4;
  cursor: default;
}


@media(max-width:520px) {

  .add-to-campaign-modal {
    padding: 22px;
  }

  .add-to-campaign-modal-actions {
    flex-direction: column-reverse;
  }

  .add-to-campaign-modal-actions button {
    width: 100%;
  }
}

/* CAMPAIGN MESSAGE */

.campaign-message-section {
  padding: 22px 20px 24px;

  border-top: 1px solid var(--line);

  background: #fff;
}

.campaign-message-head-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.campaign-message-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;

  margin-bottom: 20px;
}

.campaign-message-title {
  color: #111;

  font-size: 14px;
  font-weight: 750;

  letter-spacing: -.015em;
}

.campaign-message-sub {
  margin-top: 4px;

  color: var(--muted);

  font-size: 10px;
  line-height: 1.5;
}

.campaign-generate-btn:disabled {
  opacity: .45;
  cursor: default;
}


.campaign-message-field {
  margin-top: 14px;
}

.campaign-message-field label {
  display: block;

  margin-bottom: 7px;

  color: var(--muted);

  font-size: 10px;
  font-weight: 600;
}

.campaign-message-field input,
.campaign-message-field textarea {
  width: 100%;

  border: 1px solid var(--line2);
  border-radius: 10px;

  background: #fff;
  color: #111;

  font: inherit;
  font-size: 11px;

  outline: none;

  transition:
    border-color .15s ease,
    box-shadow .15s ease;
}

.campaign-message-field input {
  height: 42px;

  padding: 0 12px;
}

.campaign-message-field textarea {
  min-height: 160px;

  padding: 12px;

  line-height: 1.65;

  resize: vertical;
}

.campaign-message-field input:hover,
.campaign-message-field textarea:hover {
  border-color: #c8c8c1;
}

.campaign-message-field input:focus,
.campaign-message-field textarea:focus {
  border-color: #aaa;

  box-shadow:
    0 0 0 3px rgba(0, 0, 0, .025);
}


.campaign-message-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;

  margin-top: 16px;
}

.campaign-message-save-state {
  color: var(--muted);

  font-size: 9px;
}


@media(max-width:700px) {

  .campaign-message-head {
    flex-direction: column;
  }

  .campaign-message-head-actions {
  width: 100%;
}

.campaign-message-head-actions button {
  flex: 1;
}

  .campaign-generate-btn {
    width: 100%;
  }

  .campaign-message-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .campaign-message-save-btn {
    width: 100%;
  }
}

/* CAMPAIGN PREVIEW */

body.campaign-preview-modal-open {
  overflow: hidden;
}

.campaign-preview-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1150;

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 20px;

  background: rgba(17, 17, 17, .34);
  backdrop-filter: blur(5px);

  opacity: 0;
  visibility: hidden;

  transition:
    opacity .16s ease,
    visibility .16s ease;
}

.campaign-preview-modal-backdrop.open {
  opacity: 1;
  visibility: visible;
}


.campaign-preview-modal {
  position: relative;

  width: min(620px, 100%);
  max-height: min(760px, calc(100vh - 40px));

  display: flex;
  flex-direction: column;

  padding: 26px;

  background: #fff;

  border: 1px solid var(--line);
  border-radius: 18px;

  box-shadow:
    0 26px 70px rgba(0, 0, 0, .16),
    0 3px 12px rgba(0, 0, 0, .05);

  transform: translateY(5px) scale(.99);

  transition:
    transform .16s ease;
}

.campaign-preview-modal-backdrop.open
.campaign-preview-modal {
  transform: translateY(0) scale(1);
}


.campaign-preview-modal-close {
  position: absolute;
  top: 13px;
  right: 13px;

  width: 30px;
  height: 30px;

  display: grid;
  place-items: center;

  border: 0;
  border-radius: 8px;

  background: transparent;
  color: #888;

  font-size: 20px;
  line-height: 1;

  cursor: pointer;
}

.campaign-preview-modal-close:hover {
  background: var(--surface2);
  color: #111;
}


.campaign-preview-modal-head {
  padding-right: 34px;
}

.campaign-preview-modal-head h2 {
  margin: 0;

  color: #111;

  font-size: 20px;
  letter-spacing: -.025em;
}

.campaign-preview-modal-head p {
  margin: 8px 0 0;

  color: var(--muted);

  font-size: 11px;
  line-height: 1.55;
}


.campaign-preview-recipient-row {
  margin-top: 20px;
}

.campaign-preview-recipient-row label {
  display: block;

  margin-bottom: 7px;

  color: var(--muted);

  font-size: 10px;
  font-weight: 600;
}

.campaign-preview-picker {
  position: relative;
}


.campaign-preview-picker-button {
  width: 100%;
  min-height: 42px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  padding: 10px 12px;

  border: 1px solid var(--line2);
  border-radius: 10px;

  background: #fff;
  color: #111;

  font: inherit;
  font-size: 11px;
  text-align: left;

  cursor: pointer;

  transition:
    border-color .15s ease,
    box-shadow .15s ease,
    background .15s ease;
}

.campaign-preview-picker-button:hover {
  border-color: #c8c8c1;
  background: #fafaf8;
}

.campaign-preview-picker-button[aria-expanded="true"] {
  border-color: #111;

  box-shadow:
    0 0 0 1px #111;
}


.campaign-preview-picker-chevron {
  width: 7px;
  height: 7px;

  flex: 0 0 auto;

  border-right: 1.5px solid #777;
  border-bottom: 1.5px solid #777;

  transform:
    rotate(45deg)
    translateY(-2px);

  transition:
    transform .15s ease;
}

.campaign-preview-picker-button[aria-expanded="true"]
.campaign-preview-picker-chevron {
  transform:
    rotate(225deg)
    translate(-2px, -2px);
}


.campaign-preview-picker-menu {
  position: absolute;

  top: calc(100% + 6px);
  left: 0;
  right: 0;

  z-index: 20;

  display: none;
  flex-direction: column;
  gap: 5px;

  max-height: 260px;

  padding: 6px;

  overflow-y: auto;

  border: 1px solid var(--line);
  border-radius: 12px;

  background: #fff;

  box-shadow:
    0 16px 40px rgba(0, 0, 0, .12),
    0 2px 8px rgba(0, 0, 0, .04);
}

.campaign-preview-picker-menu.open {
  display: flex;
}


.campaign-preview-picker-option {
  width: 100%;

  min-height: 42px;

  padding: 10px 11px;

  border: 1px solid transparent;
  border-radius: 9px;

  background: #fff;
  color: #111;

  font: inherit;
  font-size: 10px;
  text-align: left;

  cursor: pointer;

  transition:
    background .15s ease,
    border-color .15s ease,
    box-shadow .15s ease;
}

.campaign-preview-picker-option:hover {
  background: #fafaf8;
  border-color: #d9d9d3;
}

.campaign-preview-picker-option.selected {
  background: #fafaf8;
  border-color: #111;

  box-shadow:
    inset 0 0 0 1px #111;

  font-weight: 650;
}


.campaign-preview-email {
  margin-top: 18px;

  border: 1px solid var(--line);
  border-radius: 12px;

  overflow: auto;

  background: #fff;
}


.campaign-preview-email-row {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  gap: 12px;

  padding: 12px 14px;

  border-bottom: 1px solid var(--line);

  font-size: 11px;
}

.campaign-preview-email-row span {
  color: var(--muted);
}

.campaign-preview-email-row strong {
  min-width: 0;

  color: #111;

  font-weight: 650;

  overflow-wrap: anywhere;
}


.campaign-preview-email-body {
  min-height: 220px;

  padding: 18px 14px 22px;

  color: #111;

  font-size: 11px;
  line-height: 1.75;

  white-space: pre-wrap;
  overflow-wrap: anywhere;
}


.campaign-preview-modal-actions {
  display: flex;
  justify-content: flex-end;

  margin-top: 18px;
  padding-top: 18px;

  border-top: 1px solid var(--line);
}


@media(max-width:700px) {

  .campaign-preview-modal {
    padding: 22px;
  }

  .campaign-preview-modal-actions .btn {
    width: 100%;
  }

  .campaign-preview-email-row {
    grid-template-columns: 52px minmax(0, 1fr);
  }
}

/* CAMPAIGN PREVIEW RECIPIENT */

.campaign-preview-to {
  min-width: 0;

  display: flex;
  flex-direction: column;
  gap: 3px;
}

.campaign-preview-to strong {
  color: #111;

  font-size: 11px;
  font-weight: 650;

  overflow-wrap: anywhere;
}

.campaign-preview-to small {
  color: #666;

  font-size: 9px;
  line-height: 1.4;

  overflow-wrap: anywhere;
}

.campaign-preview-to small.missing {
  color: #a06464;
}

/*
  ============================================================
  REPLIES
  ============================================================
*/

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

.replies-filters{
  display:flex;
  align-items:center;
  gap:7px;
}

.replies-filter{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:0 11px;
  border:1px solid var(--line2);
  border-radius:9px;
  background:#fff;
  color:#66635f;
  font-size:11px;
  font-weight:650;
  cursor:pointer;
  transition:.15s ease;
}

.replies-filter:hover{
  background:var(--surface2);
}

.replies-filter.active{
  background:#111;
  border-color:#111;
  color:#fff;
}

.replies-filter span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(0,0,0,.055);
  font-size:9px;
}

.replies-filter.active span{
  background:rgba(255,255,255,.16);
}

.replies-sync-status{
  position:relative;
  padding-left:15px;
  color:var(--muted);
  font-size:10px;
}

.replies-sync-status::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#111;
  transform:translateY(-50%);
}

.replies-layout{
  display:grid;
  grid-template-columns:minmax(320px,.82fr) minmax(0,1.35fr);
  gap:14px;
  align-items:start;
}

.replies-inbox-panel{
  min-height:560px;
}

.replies-list{
  display:block;
}

.reply-row{
  position:relative;
  display:block;
  width:100%;
  padding:17px 18px;
  border:0;
  border-bottom:1px solid var(--line);
  background:#fff;
  text-align:left;
  cursor:pointer;
  transition:.15s ease;
}

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

.reply-row:hover{
  background:#fafaf8;
}

.reply-row.active{
  background:#f7f7f4;
}

.reply-row.unread::before{
  content:"";
  position:absolute;
  left:7px;
  top:21px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#111;
}

.reply-row-top{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
}

.reply-row-company{
  min-width:0;
}

.reply-row-company strong{
  display:block;
  overflow:hidden;
  color:#111;
  font-size:12px;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.reply-row-meta{
  margin-top:4px;
  overflow:hidden;
  color:var(--muted);
  font-size:9px;
  line-height:1.4;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.reply-row-time{
  flex-shrink:0;
  color:#aaa69e;
  font-size:9px;
}

.reply-row-subject{
  margin-top:12px;
  overflow:hidden;
  color:#222;
  font-size:11px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.reply-row-preview{
  display:-webkit-box;
  margin-top:5px;
  overflow:hidden;
  color:#77746f;
  font-size:10px;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.reply-row-footer{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:11px;
}

.reply-mini-badge{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:0 7px;
  border:1px solid var(--line);
  border-radius:999px;
  color:#77736e;
  background:#fff;
  font-size:8px;
  font-weight:700;
}

.reply-mini-badge.unread{
  border-color:#111;
  color:#111;
}

.replies-detail-panel{
  min-height:560px;
}

.replies-detail-empty{
  display:flex;
  min-height:558px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:50px 30px;
  text-align:center;
}

.replies-detail-icon{
  display:grid;
  width:42px;
  height:42px;
  margin-bottom:14px;
  place-items:center;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface2);
  color:#777;
  font-size:15px;
}

.replies-detail-empty strong{
  color:#111;
  font-size:13px;
}

.replies-detail-empty p{
  max-width:320px;
  margin:7px 0 0;
  color:var(--muted);
  font-size:10px;
  line-height:1.55;
}

.reply-detail-content{
  padding:22px;
}

.reply-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}

.reply-detail-company h2{
  margin:3px 0 5px;
  color:#111;
  font-size:22px;
  letter-spacing:-.035em;
}

.reply-detail-company p{
  margin:0;
  color:var(--muted);
  font-size:10px;
}

.reply-detail-status{
  display:inline-flex;
  min-height:25px;
  align-items:center;
  padding:0 9px;
  border:1px solid var(--line);
  border-radius:999px;
  color:#777;
  background:#fff;
  font-size:9px;
  font-weight:700;
}

.reply-detail-status.unread{
  border-color:#111;
  color:#111;
}

.reply-detail-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:22px;
}

.reply-detail-meta-item{
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fcfcfb;
}

.reply-detail-meta-item span{
  display:block;
  margin-bottom:5px;
  color:#aaa69e;
  font-size:8px;
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.reply-detail-meta-item strong{
  display:block;
  overflow:hidden;
  color:#333;
  font-size:10px;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.reply-detail-section{
  margin-top:24px;
}

.reply-detail-label{
  margin-bottom:7px;
  color:#aaa69e;
  font-size:8px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.reply-detail-subject{
  color:#111;
  font-size:15px;
  font-weight:750;
  line-height:1.45;
}

.reply-detail-message{
  margin-top:9px;
  padding:17px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fcfcfb;
  color:#333;
  font-size:12px;
  line-height:1.65;
  white-space:pre-wrap;
}

.reply-detail-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:20px;
}

@media (max-width:900px){

  .replies-layout{
    grid-template-columns:1fr;
  }

  .replies-inbox-panel,
  .replies-detail-panel{
    min-height:0;
  }

  .replies-detail-empty{
    min-height:280px;
  }
}

@media (max-width:650px){

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

  .replies-filters{
    width:100%;
    overflow-x:auto;
  }

  .reply-detail-meta{
    grid-template-columns:1fr;
  }

  .reply-detail-head{
    flex-direction:column;
  }
}

.reply-detail-actions .btn,
.reply-detail-actions .btn-outline{
  padding:8px 11px;
  font-size:10px;
  border-radius:9px;
}

#refreshRepliesBtn{
  padding:8px 11px;
  font-size:10px;
  border-radius:9px;
}

/*
  Compact scalable Replies inbox
*/

.replies-inbox-panel{
  height:620px;
  display:flex;
  flex-direction:column;
}

.replies-list{
  flex:1;
  min-height:0;
  overflow-y:auto;
  scrollbar-width:thin;
}

.reply-row{
  padding:14px 16px;
}

.reply-row-company strong{
  font-size:11px;
}

.reply-row-meta{
  font-size:8.5px;
}

.reply-row-time{
  font-size:8.5px;
}

.reply-row-subject{
  margin-top:9px;
  font-size:10px;
}

.reply-row-preview{
  margin-top:4px;
  font-size:9.5px;
  line-height:1.45;
  -webkit-line-clamp:1;
}

.reply-row-footer{
  margin-top:8px;
}

.reply-mini-badge{
  min-height:18px;
  padding:0 6px;
  font-size:7.5px;
}

.replies-detail-panel{
  height:620px;
  overflow-y:auto;
}

/*
  ============================================================
  REPLIES CONVERSATION
  ============================================================
*/

.reply-conversation{
  display:flex;
  flex-direction:column;
  min-height:100%;
}

.reply-conversation-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-top:14px;
  padding-bottom:16px;
  border-bottom:1px solid var(--line);
  color:var(--muted);
  font-size:9px;
}

.reply-conversation-meta strong{
  color:#333;
  font-weight:700;
}

.reply-thread{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:18px 0;
}

.reply-thread-message{
  width:88%;
  padding:14px 15px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#fff;
}

.reply-thread-message.outgoing{
  margin-left:auto;
  background:#f7f7f4;
}

.reply-thread-message.incoming{
  margin-right:auto;
  background:#fff;
}

.reply-thread-message-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.reply-thread-message-head strong{
  color:#111;
  font-size:10px;
  font-weight:750;
}

.reply-thread-message-head span{
  flex-shrink:0;
  color:#aaa69e;
  font-size:8px;
}

.reply-thread-message-subject{
  margin-top:8px;
  color:#222;
  font-size:10px;
  font-weight:700;
}

.reply-thread-message-body{
  margin-top:7px;
  color:#444;
  font-size:11px;
  line-height:1.6;
  white-space:pre-wrap;
  word-break:break-word;
}

.reply-conversation .reply-detail-actions{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid var(--line);
}


/*
  Reply composer
*/

.reply-composer{
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid var(--line);
}

.reply-composer[hidden]{
  display:none;
}

.reply-composer textarea{
  width:100%;
  min-height:105px;
  padding:13px 14px;
  border:1px solid var(--line2);
  border-radius:12px;
  background:#fff;
  color:#222;
  font:inherit;
  font-size:11px;
  line-height:1.55;
  resize:vertical;
  outline:none;
  box-sizing:border-box;
}

.reply-composer textarea:focus{
  border-color:#99958e;
}

.reply-composer-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:9px;
}

.reply-composer-footer span{
  color:var(--muted);
  font-size:9px;
}
/*
  ============================================================
  COMPACT BUTTON SYSTEM
  ============================================================
*/

.btn,
.btn-outline,
.btn-ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;

  min-height:32px;
  padding:0 11px;

  border-radius:8px;

  font-size:10px;
  font-weight:700;
  line-height:1;

  white-space:nowrap;
  cursor:pointer;

  box-shadow:none;

  transition:
    background-color .15s ease,
    border-color .15s ease,
    box-shadow .15s ease,
    transform .15s ease;
}


.btn{
  border:1px solid #111;
  background:#111;
  color:#fff;
}


.btn:hover{
  background:#222;
  border-color:#222;

  box-shadow:
    0 2px 7px rgba(0,0,0,.09);

  transform:
    translateY(-1px);
}


.btn-outline{
  border:1px solid #d8d6d1;
  background:#fff;
  color:#222;
}


.btn-outline:hover{
  background:#f7f7f5;
  border-color:#c7c4be;

  transform:
    translateY(-1px);
}


.btn-ghost{
  border:1px solid transparent;
  background:transparent;
  color:#666;
}


.btn-ghost:hover{
  background:#f5f5f2;
  color:#111;
}


.btn:active,
.btn-outline:active,
.btn-ghost:active{
  transform:
    translateY(0);
}


.btn:disabled,
.btn-outline:disabled,
.btn-ghost:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none;
  box-shadow:none;
}


/*
  Replies actions are slightly smaller.
*/

.reply-detail-actions .btn,
.reply-detail-actions .btn-outline,
.reply-composer-footer .btn{
  min-height:30px;
  padding:0 10px;

  border-radius:8px;

  font-size:9.5px;
}


/*
  Refresh is a secondary utility action.
*/

#refreshRepliesBtn{
  min-height:30px;
  padding:0 10px;

  border-radius:8px;

  font-size:9.5px;
}

/*
  ============================================================
  LEAD PLATFORM — BUTTON SYSTEM
  ============================================================
*/

:root{
  --button-bg:#f1f0ec;
  --button-bg-hover:#e9e8e3;

  --button-border:#d8d5ce;
  --button-border-hover:#c9c6be;

  --button-text:#20201e;
  --button-muted:#615f5a;

  --button-white:#fff;
}


/*
  ------------------------------------------------------------
  BASE
  ------------------------------------------------------------
*/

.btn,
.btn-outline,
.btn-ghost{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  gap:6px;

  min-height:31px;
  padding:0 11px;

  border-radius:8px;

  font-size:10px;
  font-weight:650;
  line-height:1;

  white-space:nowrap;

  box-shadow:none;

  cursor:pointer;

  transition:
    background-color .14s ease,
    border-color .14s ease,
    color .14s ease,
    box-shadow .14s ease;
}


/*
  ------------------------------------------------------------
  PRIMARY
  ------------------------------------------------------------
*/

.btn{
  border:1px solid var(--button-border);

  background:
    var(--button-bg);

  color:
    var(--button-text);
}


.btn:hover{
  border-color:
    var(--button-border-hover);

  background:
    var(--button-bg-hover);

  color:#111;

  box-shadow:
    0 1px 2px rgba(0,0,0,.04);
}


/*
  ------------------------------------------------------------
  SECONDARY
  ------------------------------------------------------------
*/

.btn-outline{
  border:1px solid
    var(--button-border);

  background:
    var(--button-white);

  color:
    #46443f;
}


.btn-outline:hover{
  border-color:
    var(--button-border-hover);

  background:
    #fafaf8;

  color:#111;
}


/*
  ------------------------------------------------------------
  GHOST
  ------------------------------------------------------------
*/

.btn-ghost{
  border:1px solid transparent;

  background:
    transparent;

  color:
    var(--button-muted);
}


.btn-ghost:hover{
  background:
    #f5f4f1;

  color:#111;
}


/*
  ------------------------------------------------------------
  CLICK / DISABLED
  ------------------------------------------------------------
*/

.btn:active,
.btn-outline:active,
.btn-ghost:active{
  background:
    #e6e5e0;
}


.btn:disabled,
.btn-outline:disabled,
.btn-ghost:disabled{
  opacity:.45;

  cursor:not-allowed;

  box-shadow:none;
}


/*
  ============================================================
  SMALL UTILITY BUTTONS
  ============================================================
*/

.reply-detail-actions .btn,
.reply-detail-actions .btn-outline,
.reply-composer-footer .btn,
#refreshRepliesBtn{
  min-height:29px;

  padding:
    0 10px;

  border-radius:
    7px;

  font-size:
    9px;

  font-weight:
    650;

  transform:none;

  box-shadow:none;
}


/*
  ============================================================
  REPLIES FILTERS
  ============================================================
*/

.replies-filter{
  min-height:31px;

  padding:
    0 10px;

  border:
    1px solid var(--button-border);

  border-radius:
    8px;

  background:
    #fff;

  color:
    #66635f;

  font-size:
    9.5px;

  font-weight:
    650;

  box-shadow:none;
}


.replies-filter:hover{
  background:
    #f7f6f3;

  border-color:
    var(--button-border-hover);

  color:#222;
}


.replies-filter.active{
  background:
    #efeee9;

  border-color:
    #cbc8c0;

  color:
    #181817;
}


.replies-filter span{
  min-width:
    18px;

  height:
    18px;

  padding:
    0 5px;

  background:
    rgba(0,0,0,.045);

  color:
    inherit;
}


.replies-filter.active span{
  background:
    rgba(0,0,0,.055);
}


/*
  ============================================================
  TOP ICON BUTTONS
  ============================================================
*/

.icon-btn{
  border:
    1px solid transparent;

  background:
    transparent;

  color:
    #6b6964;

  box-shadow:none;

  transition:
    background-color .14s ease,
    border-color .14s ease,
    color .14s ease;
}


.icon-btn:hover{
  border-color:
    #e1dfd9;

  background:
    #f7f6f3;

  color:#111;
}


/*
  ============================================================
  ACCOUNT / AVATAR BUTTON
  ============================================================
*/

.avatar-btn{
  box-shadow:none;

  transition:
    border-color .14s ease,
    background-color .14s ease;
}


.avatar-btn:hover{
  background:
    #f6f5f2;

  border-color:
    #ccc9c2;
}

/*
  ============================================================
  REPLIES FILTERS + CAMPAIGN OPEN/CLOSE
  ============================================================
*/


/*
  Replies filters
*/

.replies-filter{
  min-height:31px;
  padding:0 10px;

  border:1px solid var(--button-border);
  border-radius:8px;

  background:#fff;
  color:#66635f;

  font-size:9.5px;
  font-weight:650;

  box-shadow:none;

  transition:
    background-color .14s ease,
    border-color .14s ease,
    color .14s ease;
}


.replies-filter:hover{
  background:#f8f7f4;
  border-color:var(--button-border-hover);
  color:#222;
}


/*
  Active filter:
  just slightly darker than the others
*/

.replies-filter.active{
  background:#f0efeb;
  border-color:#ccc8bf;
  color:#1d1d1b;

  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.012);
}


.replies-filter span{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-width:18px;
  height:18px;
  padding:0 5px;

  border-radius:999px;

  background:#f3f2ef;
  color:#77736d;

  font-size:8px;
}


.replies-filter.active span{
  background:#dfddd6;
  color:#34322f;
}


/*
  ============================================================
  CAMPAIGN OPEN / CLOSE
  ============================================================
*/

.campaign-open-btn{
  appearance:none;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:31px;
  padding:0 11px;

  border:1px solid var(--button-border);
  border-radius:8px;

  background:var(--button-bg);
  color:var(--button-text);

  font-size:10px;
  font-weight:650;
  line-height:1;

  cursor:pointer;

  box-shadow:none;

  transition:
    background-color .14s ease,
    border-color .14s ease,
    color .14s ease;
}


.campaign-open-btn:hover{
  background:var(--button-bg-hover);
  border-color:var(--button-border-hover);
  color:#111;
}


.campaign-open-btn:active{
  background:#e6e5e0;
}

/*
  Reply classification
*/

.reply-type-badge{
  background:#f2f1ed;
  border-color:#d8d5ce;
  color:#373530;
}

.reply-type-badge[data-reply-type="interested"]{
  background:#eef4ed;
  border-color:#ccd9c9;
  color:#40523d;
}

.reply-type-badge[data-reply-type="question"]{
  background:#f2f2ee;
  border-color:#d9d7cf;
  color:#4d4a44;
}

.reply-type-badge[data-reply-type="not_interested"]{
  background:#f4f1ef;
  border-color:#ddd3ce;
  color:#65514a;
}

.reply-type-badge[data-reply-type="unsubscribe"]{
  background:#f5eeee;
  border-color:#dfcccc;
  color:#704646;
}

.reply-type-badge[data-reply-type="out_of_office"]{
  background:#f3f2ef;
  border-color:#d9d6cf;
  color:#66615a;
}

/*
  ============================================================
  TYPOGRAPHY REFINEMENT
  ============================================================
*/

/*
  Base rendering
*/

body{
  color:#20201e;

  -webkit-font-smoothing:auto;
  text-rendering:optimizeLegibility;
}


/*
  Muted text should still be readable
*/

:root{
  --muted:#77736d;
}


/*
  Small UI labels
*/

.eyebrow,
.reply-detail-label,
.reply-detail-meta-item span{
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.08em;
}


/*
  Replies — left conversation list
*/

.reply-row-company strong{
  font-size:11.5px;
  font-weight:700;
}

.reply-row-meta{
  font-size:9.5px;
  color:#77736d;
}

.reply-row-time{
  font-size:9px;
  color:#8e8a83;
}

.reply-row-subject{
  font-size:10.5px;
  font-weight:700;
}

.reply-row-preview{
  font-size:10px;
  line-height:1.5;
  color:#66625d;
}


/*
  Conversation messages
*/

.reply-thread-message-head strong{
  font-size:10.5px;
  font-weight:700;
}

.reply-thread-message-head span{
  font-size:9px;
  color:#8d8982;
}

.reply-thread-message-subject{
  font-size:10.5px;
  font-weight:700;
}

.reply-thread-message-body{
  font-size:11.5px;
  line-height:1.6;
  color:#393733;
}


/*
  Badges
*/

.reply-mini-badge{
  min-height:19px;
  padding:0 7px;

  font-size:8.5px;
  font-weight:650;
}


/*
  Buttons
*/

.btn,
.btn-outline,
.btn-ghost,
.campaign-open-btn{
  font-size:10px;
  font-weight:650;
}


/*
  Replies filters
*/

.replies-filter{
  font-size:10px;
  font-weight:650;
}

.replies-filter span{
  font-size:8.5px;
}


/*
  General paragraphs / descriptions
*/

.app-head p{
  color:#66625d;
  font-size:12px;
  line-height:1.55;
}


/*
  Inputs / textareas
*/

input,
textarea,
select{
  font-size:12px;
}

/*
  ============================================================
  REPLIES STATUS FILTER
  ============================================================
*/

.replies-status-select{
  min-height:31px;
  padding:0 28px 0 10px;

  border:1px solid var(--button-border);
  border-radius:8px;

  background:#fff;
  color:#5d5a55;

  font-size:10px;
  font-weight:650;

  outline:none;
  cursor:pointer;

  transition:
    background-color .14s ease,
    border-color .14s ease,
    color .14s ease;
}

.replies-status-select:hover{
  background:#f8f7f4;
  border-color:var(--button-border-hover);
  color:#222;
}

.replies-status-select:focus{
  border-color:#bbb7af;
}

/*
  ============================================================
  CUSTOM STATUS DROPDOWN
  ============================================================
*/

.replies-status-menu{
  position:relative;
}


.replies-status-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;

  min-width:112px;
  min-height:31px;

  padding:0 10px;

  border:1px solid var(--button-border);
  border-radius:8px;

  background:#fff;
  color:#44413d;

  font-size:10px;
  font-weight:650;

  cursor:pointer;

  transition:
    background-color .14s ease,
    border-color .14s ease,
    color .14s ease;
}


.replies-status-trigger:hover{
  background:#f8f7f4;
  border-color:var(--button-border-hover);
  color:#111;
}


.replies-status-trigger[aria-expanded="true"]{
  background:#f4f3ef;
  border-color:#c9c6be;
}


.replies-status-chevron{
  color:#918d86;
  font-size:9px;
  line-height:1;
}


.replies-status-popover{
  position:absolute;

  top:calc(100% + 6px);
  left:0;

  z-index:50;

  min-width:155px;
  padding:5px;

  border:1px solid #dedbd4;
  border-radius:10px;

  background:#fff;

  box-shadow:
    0 10px 28px rgba(0,0,0,.08),
    0 2px 8px rgba(0,0,0,.035);
}


.replies-status-popover[hidden]{
  display:none;
}


.replies-status-option{
  display:flex;
  align-items:center;

  width:100%;
  min-height:31px;

  padding:0 9px;

  border:0;
  border-radius:7px;

  background:transparent;
  color:#55514c;

  font-size:10px;
  font-weight:600;

  text-align:left;

  cursor:pointer;

  transition:
    background-color .12s ease,
    color .12s ease;
}


.replies-status-option:hover{
  background:#f6f5f2;
  color:#111;
}


.replies-status-option.active{
  background:#efeee9;
  color:#171716;
}

.reply-composer-actions{
  display:flex;
  align-items:center;
  gap:7px;
}

/*
  ============================================================
  AI REPLY MENU
  ============================================================
*/

.reply-ai-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
}


.reply-ai-main{
  border-radius:7px 0 0 7px !important;
}


.reply-ai-toggle{
  width:28px;
  min-width:28px;
  padding:0 !important;

  margin-left:-1px;

  border-radius:0 7px 7px 0 !important;

  color:#77736d;
}


.reply-ai-menu{
  position:absolute;

  right:0;
  bottom:calc(100% + 6px);

  z-index:60;

  min-width:135px;
  padding:5px;

  border:1px solid #dedbd4;
  border-radius:10px;

  background:#fff;

  box-shadow:
    0 10px 28px rgba(0,0,0,.08),
    0 2px 8px rgba(0,0,0,.035);
}


.reply-ai-menu[hidden]{
  display:none;
}


.reply-ai-menu button{
  display:flex;
  align-items:center;

  width:100%;
  min-height:31px;

  padding:0 9px;

  border:0;
  border-radius:7px;

  background:transparent;
  color:#55514c;

  font-size:10px;
  font-weight:600;

  text-align:left;

  cursor:pointer;
}


.reply-ai-menu button:hover{
  background:#f5f4f1;
  color:#111;
}

/*
  ============================================================
  AI REPLY — ALIGNMENT FIX
  ============================================================
*/

.reply-composer-actions{
  display:flex;
  align-items:center;
  gap:8px;
}


/*
  Split button
*/

.reply-ai-wrap{
  position:relative;

  display:inline-flex;
  align-items:stretch;

  height:30px;
}


.reply-ai-main{
  height:30px !important;
  min-height:30px !important;

  padding:0 11px !important;

  border-radius:7px 0 0 7px !important;
}


.reply-ai-toggle{
  width:28px;
  height:30px !important;
  min-height:30px !important;

  padding:0 !important;
  margin-left:-1px;

  border-radius:0 7px 7px 0 !important;
}


/*
  Send button — same height
*/

.reply-composer-actions
[data-reply-action="send-reply"]{
  height:30px;
  min-height:30px;

  padding:0 11px;

  border-radius:7px;
}


/*
  AI dropdown
*/

.reply-ai-menu{
  position:absolute;

  left:0;
  right:auto;
  bottom:calc(100% + 7px);

  z-index:60;

  width:145px;
  min-width:145px;

  padding:5px;

  border:1px solid #ddd9d2;
  border-radius:9px;

  background:#fff;

  box-shadow:
    0 8px 24px rgba(0,0,0,.07),
    0 2px 6px rgba(0,0,0,.035);
}


.reply-ai-menu button{
  width:100%;
  min-height:30px;

  padding:0 9px;

  border:0;
  border-radius:6px;

  background:transparent;
  color:#4f4c47;

  font-size:10px;
  font-weight:600;

  text-align:left;

  cursor:pointer;
}


.reply-ai-menu button:hover{
  background:#f5f4f1;
  color:#111;
}

/*
  ============================================================
  REPLY ACTION STATE
  ============================================================
*/

.reply-action-needs{
  background:#f3f0e8;
  border-color:#d9d0bb;
  color:#5d5137;
}


.reply-action-waiting{
  background:#f4f4f1;
  border-color:#d9d7d1;
  color:#6c6861;
}

/*
  ============================================================
  MANUAL REPLY STATUS
  ============================================================
*/

.reply-type-editable{
  cursor:pointer;
}

.reply-type-editable:hover{
  border-color:#bdb8ae;
  filter:brightness(.985);
}


.reply-status-editor{
  position:fixed;
  z-index:1000;

  width:150px;
  padding:5px;

  border:1px solid #ddd9d2;
  border-radius:10px;

  background:#fff;

  box-shadow:
    0 12px 30px rgba(0,0,0,.09),
    0 2px 7px rgba(0,0,0,.04);
}


.reply-status-editor button{
  display:flex;
  align-items:center;
  justify-content:space-between;

  width:100%;
  min-height:31px;

  padding:0 9px;

  border:0;
  border-radius:7px;

  background:transparent;
  color:#4f4c47;

  font-size:10px;
  font-weight:600;

  text-align:left;

  cursor:pointer;
}


.reply-status-editor button:hover{
  background:#f5f4f1;
  color:#111;
}


.reply-status-editor button.active{
  background:#efeee9;
  color:#171716;
}


.reply-status-editor button span{
  color:#77736d;
  font-size:9px;
}

/*
  ============================================================
  SUPPRESSION
  ============================================================
*/

.reply-suppression-badge{
  background:#f4eeee;
  border-color:#dbc9c7;
  color:#7a4d49;
}

.reply-suppression-badge[data-suppression-reason="hard_bounce"]{
  background:#f3f1ed;
  border-color:#d9d3ca;
  color:#746b60;
}

/*
  ============================================================
  SUPPRESSED REPLY
  ============================================================
*/

.reply-sending-disabled{
  margin-top:18px;
  padding:14px 15px;
  border:1px solid #dbc9c7;
  border-radius:12px;
  background:#faf7f6;
}

.reply-sending-disabled-head{
  display:flex;
  align-items:center;
  gap:8px;
}

.reply-sending-disabled-head strong{
  color:#3f3836;
  font-size:11px;
  font-weight:750;
}

.reply-sending-disabled p{
  margin:7px 0 0;
  color:#77706c;
  font-size:10px;
  line-height:1.5;
}

.reply-sending-disabled-actions{
  display:flex;
  justify-content:flex-end;
  margin-top:10px;
}

.reply-sending-disabled-actions .btn-outline{
  padding:7px 10px;
  border-radius:9px;
  font-size:10px;
}

/*
  ============================================================
  IPHONE-LIKE REPLY THREAD
  ============================================================
*/

.reply-thread{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:12px 0 16px;
}


/*
  Bubble
*/

.reply-thread-message{
  position:relative;
  width:fit-content;
  min-width:220px;
  max-width:76%;
  min-height:0;
  padding:12px 14px;
  border:1px solid #e4ded5;
  border-radius:18px;
  box-shadow:0 1px 2px rgba(17,17,17,.03);
  background:#ffffff;
}


/*
  Incoming = client
*/

.reply-thread-message.incoming{
  align-self:flex-start;
  background:#ffffff;
}


/*
  Outgoing = us
*/

.reply-thread-message.outgoing{
  align-self:flex-end;
  background:#f3f0ea;
  border-color:#ddd6cc;
}


/*
  Top row inside bubble
*/

.reply-thread-message-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin:0 0 6px;
}


.reply-thread-message-head strong{
  display:block;
  margin:0;
  color:#171717;
  font-size:12px;
  font-weight:700;
  line-height:1.3;
}


.reply-thread-message-head span{
  flex-shrink:0;
  color:#9d978c;
  font-size:10px;
  line-height:1.3;
  white-space:nowrap;
}


/*
  Subject
*/

.reply-thread-message-subject{
  margin:0 0 8px;
  color:#222;
  font-size:12px;
  font-weight:600;
  line-height:1.35;
}


/*
  Body
*/

.reply-thread-message-body{
  margin:0;
  padding:0;
  color:#2f2f2f;
  font-size:14px;
  font-weight:400;
  line-height:1.55;
  text-align:left !important;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}


/*
  If subject/body empty
*/

.reply-thread-message-subject:empty,
.reply-thread-message-body:empty{
  display:none;
}


/*
  Slightly different text tone for our messages
*/

.reply-thread-message.outgoing
.reply-thread-message-body{
  color:#2a2a2a;
}


/*
  Mobile
*/

@media (max-width: 700px){

  .reply-thread{
    gap:10px;
  }

  .reply-thread-message{
    min-width:0;
    max-width:88%;
    padding:11px 12px;
    border-radius:16px;
  }

  .reply-thread-message-body{
    font-size:13px;
  }
}


/*
  ============================================================
  CHAT CARDS — FINAL POLISH
  ============================================================
*/

.chat-message{
  display:flex;
  width:100%;
}

.chat-message.incoming{
  justify-content:flex-start;
}

.chat-message.outgoing{
  justify-content:flex-end;
}


/* Card */

.chat-bubble{
  display:block;
  width:fit-content;
  min-width:0;
  max-width:72%;
  padding:11px 13px 12px;
  border:1px solid #e3dfd8;
  border-radius:14px;

  background:#fff;

  text-align:left !important;

  box-shadow:
    0 1px 2px rgba(0,0,0,.025);
}


/* Client */

.chat-message.incoming .chat-bubble{
  background:#fff;
}


/* Us */

.chat-message.outgoing .chat-bubble{
  background:#f0ede7;
  border-color:#dbd6cd;
}


/* Author + time */

.chat-bubble-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  gap:18px;
  margin:0 0 3px;
  text-align:left !important;
}

.chat-author{
  color:#706b63;
  font-size:9px;
  font-weight:700;
  line-height:1.3;
}

.chat-time{
  flex-shrink:0;
  color:#aaa49a;
  font-size:8px;
  font-weight:400;
  line-height:1.3;
}


/* Subject */

.chat-subject{
  display:block;
  width:100%;
  margin:0;

  color:#9a948b;
  font-size:9px;
  font-weight:450;
  line-height:1.35;

  text-align:left !important;
}


/* Main message */

.chat-text{
  display:block;
  width:100%;

  margin:9px 0 0;
  padding:0;

  color:#252525;

  font-size:13px;
  font-weight:400;
  line-height:1.5;

  letter-spacing:0;

  text-align:left !important;

  white-space:pre-line;
  overflow-wrap:anywhere;
}


/* Slightly darker text on our card */

.chat-message.outgoing .chat-text{
  color:#222;
}


/* Remove old centering if inherited */

.reply-thread,
.reply-conversation,
.reply-detail-content{
  text-align:left;
}


@media(max-width:700px){

  .chat-bubble{
    min-width:0;
    max-width:86%;
  }

}

/*
  ============================================================
  DASHBOARD RECENT REPLIES
  ============================================================
*/

.dashboard-reply-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;

  padding:14px 16px;

  border-bottom:1px solid var(--line);

  cursor:pointer;

  transition:.15s ease;
}


.dashboard-reply-row:last-child{
  border-bottom:0;
}


.dashboard-reply-row:hover{
  background:#fafaf8;
}


.dashboard-reply-main{
  min-width:0;
  flex:1;
}


.dashboard-reply-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}


.dashboard-reply-top strong{
  overflow:hidden;

  color:#111;

  font-size:11px;
  font-weight:750;

  text-overflow:ellipsis;
  white-space:nowrap;
}


.dashboard-reply-top small{
  flex-shrink:0;

  color:var(--muted);

  font-size:9px;
}


.dashboard-reply-campaign{
  margin-top:3px;

  color:#aaa69e;

  font-size:8px;
}


.dashboard-reply-preview{
  margin-top:7px;

  overflow:hidden;

  color:#66635f;

  font-size:10px;
  line-height:1.45;

  text-overflow:ellipsis;
  white-space:nowrap;
}

/*
  ============================================================
  LEAD PLATFORM — SOFT PREMIUM UI
  ============================================================
*/

:root{
  --lp-page:#f7f6f2;
  --lp-card:#ffffff;
  --lp-card-soft:#fbfaf7;

  --lp-border:#e6e2da;
  --lp-border-soft:#eeeae3;

  --lp-text:#151515;
  --lp-muted:#77736d;
  --lp-muted-soft:#a19c94;

  --lp-radius-sm:12px;
  --lp-radius-md:16px;
  --lp-radius-lg:20px;
  --lp-radius-xl:24px;

  --lp-shadow:
    0 1px 2px rgba(20,20,20,.025),
    0 8px 28px rgba(20,20,20,.025);

  --lp-shadow-hover:
    0 2px 4px rgba(20,20,20,.035),
    0 12px 34px rgba(20,20,20,.045);
}


/*
  PAGE
*/

html,
body{
  background:
    var(--lp-page);
}


body{
  color:
    var(--lp-text);

  -webkit-font-smoothing:
    antialiased;

  text-rendering:
    optimizeLegibility;
}


.app-main,
.app-content{
  background:
    transparent;
}


/*
  SIDEBAR
*/

.sidebar{
  background:
    rgba(255,255,255,.78);

  border-right:
    1px solid
    var(--lp-border-soft);

  backdrop-filter:
    blur(18px);
}


.side-brand{
  border-radius:
    var(--lp-radius-md);
}


.workspace-card{
  background:
    var(--lp-card-soft);

  border:
    1px solid
    var(--lp-border);

  border-radius:
    var(--lp-radius-md);
}


.side-nav button{
  border-radius:
    12px;

  transition:
    background .18s ease,
    transform .18s ease;
}


.side-nav button:hover{
  background:
    #f1efea;
}


.side-nav button.active{
  background:
    #ece9e3;
}


/*
  TOP BAR
*/

.app-top{
  background:
    rgba(247,246,242,.78);

  border-bottom:
    1px solid
    var(--lp-border-soft);

  backdrop-filter:
    blur(18px);
}


.icon-btn,
.avatar-btn{
  border-color:
    var(--lp-border);

  background:
    rgba(255,255,255,.78);

  box-shadow:
    0 1px 2px rgba(0,0,0,.02);
}


/*
  TYPOGRAPHY
*/

.dashboard-head h1,
.app-head h1,
.search-page-title h1{
  color:
    var(--lp-text);

  letter-spacing:
    -.045em;
}


.dashboard-head p,
.app-head p,
.dashboard-panel-head small{
  color:
    var(--lp-muted);
}


/*
  BUTTONS
*/

.btn{
  border-radius:
    12px;

  box-shadow:
    0 1px 2px rgba(0,0,0,.06);

  transition:
    transform .16s ease,
    box-shadow .16s ease,
    background .16s ease;
}


.btn:hover{
  transform:
    translateY(-1px);

  box-shadow:
    0 5px 14px rgba(0,0,0,.08);
}


.btn-outline{
  background:
    rgba(255,255,255,.82);

  border-color:
    var(--lp-border);

  border-radius:
    12px;

  transition:
    background .16s ease,
    border-color .16s ease,
    transform .16s ease;
}


.btn-outline:hover{
  background:
    #f4f2ed;

  border-color:
    #d8d3ca;

  transform:
    translateY(-1px);
}


/*
  DASHBOARD METRICS
*/

.dashboard-metrics{
  gap:
    12px;
}


.dashboard-metric{
  padding:
    19px 18px 18px;

  background:
    rgba(255,255,255,.88);

  border:
    1px solid
    var(--lp-border);

  border-radius:
    var(--lp-radius-lg);

  box-shadow:
    var(--lp-shadow);

  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease;
}


.dashboard-metric:hover{
  transform:
    translateY(-2px);

  border-color:
    #dcd7cf;

  box-shadow:
    var(--lp-shadow-hover);
}


.dashboard-metric-label{
  color:
    var(--lp-muted);

  font-size:
    9px;

  letter-spacing:
    .01em;
}


.dashboard-metric-value{
  margin-top:
    10px;

  color:
    #111;

  font-size:
    31px;

  font-weight:
    740;

  letter-spacing:
    -.045em;
}


.dashboard-metric-foot{
  margin-top:
    8px;

  color:
    var(--lp-muted-soft);

  font-size:
    9px;
}


/*
  MAIN DASHBOARD PANELS
*/

.dashboard-panel{
  background:
    rgba(255,255,255,.9);

  border:
    1px solid
    var(--lp-border);

  border-radius:
    var(--lp-radius-lg);

  box-shadow:
    var(--lp-shadow);
}


.dashboard-panel-head{
  min-height:
    70px;

  padding:
    17px 19px;

  border-bottom:
    1px solid
    var(--lp-border-soft);
}


.dashboard-panel-head strong{
  color:
    #161616;

  font-size:
    12px;
}


.dashboard-link-btn{
  border-radius:
    10px;
}


.dashboard-link-btn:hover{
  background:
    #f2f0eb;
}


/*
  RECENT CAMPAIGNS
*/

.dashboard-campaign-row{
  padding:
    13px 18px;

  border-bottom:
    1px solid
    var(--lp-border-soft);

  transition:
    background .16s ease,
    box-shadow .16s ease;
}


.dashboard-campaign-row:hover{
  background:
    #faf9f6;

  box-shadow:
    inset 3px 0 0 #222;
}


/*
  QUICK ACTIONS
*/

.dashboard-actions{
  padding:
    9px;
}


.dashboard-action{
  padding:
    12px;

  border-radius:
    13px;
}


.dashboard-action:hover{
  background:
    #f5f3ee;
}


.dashboard-action-icon{
  width:
    34px;

  height:
    34px;

  background:
    #fcfbf8;

  border-color:
    var(--lp-border);

  border-radius:
    11px;
}


/*
  ACTIVITY
*/

.dashboard-activity-row{
  padding:
    14px 18px;

  border-bottom:
    1px solid
    var(--lp-border-soft);

  transition:
    background .16s ease;
}


.dashboard-activity-row:hover{
  background:
    #faf9f6;
}


.dashboard-activity-dot{
  width:
    6px;

  height:
    6px;

  background:
    #242424;
}


.dashboard-activity-copy small{
  color:
    var(--lp-muted-soft);
}


/*
  RECENT REPLIES
*/

.dashboard-reply-row{
  padding:
    15px 18px;

  border-bottom:
    1px solid
    var(--lp-border-soft);
}


.dashboard-reply-row:hover{
  background:
    #faf9f6;
}


/*
  TABLES / PANELS
*/

.panel,
.settings{
  background:
    rgba(255,255,255,.9);

  border-color:
    var(--lp-border);

  border-radius:
    var(--lp-radius-lg);

  box-shadow:
    var(--lp-shadow);
}


table{
  background:
    transparent;
}


th{
  color:
    var(--lp-muted-soft);

  font-weight:
    600;
}


td,
th{
  border-color:
    var(--lp-border-soft);
}


/*
  INPUTS
*/

input,
textarea,
select{
  border-color:
    var(--lp-border) !important;

  border-radius:
    12px !important;

  background:
    rgba(255,255,255,.9);

  transition:
    border-color .16s ease,
    box-shadow .16s ease,
    background .16s ease;
}


input:focus,
textarea:focus,
select:focus{
  border-color:
    #bbb5ac !important;

  background:
    #fff;

  box-shadow:
    0 0 0 3px
    rgba(20,20,20,.035);
}


/*
  STATUS / BADGES
*/

.status,
.dashboard-status,
.reply-mini-badge,
.campaign-status{
  border-color:
    var(--lp-border) !important;

  border-radius:
    999px !important;

  background:
    #faf9f6;
}


/*
  REPLIES
*/

.replies-shell,
.replies-list,
.replies-detail{
  border-color:
    var(--lp-border);
}


.reply-conversation,
.replies-conversation{
  transition:
    background .16s ease;
}


.reply-conversation:hover,
.replies-conversation:hover{
  background:
    #faf9f6;
}


.chat-bubble{
  border-radius:
    16px;

  border-color:
    var(--lp-border-soft);

  box-shadow:
    0 2px 8px rgba(0,0,0,.025);
}


/*
  LEAD DETAILS
*/

.lead-details-card{
  background:
    var(--lp-card-soft);

  border-color:
    var(--lp-border);

  border-radius:
    var(--lp-radius-md);

  box-shadow:
    0 3px 14px rgba(0,0,0,.025);
}


/*
  MODALS
*/

.add-to-campaign-modal{
  border-radius:
    var(--lp-radius-xl);

  border-color:
    var(--lp-border);

  box-shadow:
    0 24px 70px rgba(0,0,0,.13);
}


/*
  EMPTY STATES
*/

.dashboard-empty,
.empty,
.dashboard-replies-empty{
  color:
    var(--lp-muted);
}


.dashboard-empty strong,
.empty strong,
.dashboard-replies-empty strong{
  color:
    var(--lp-text);
}


/*
  SOFT SELECTION
*/

::selection{
  background:
    #e8e5df;

  color:
    #111;
}

/*
  ============================================================
  DASHBOARD — AI HERO
  ============================================================
*/

.dashboard-ai-hero{
  position:relative;

  min-height:240px;

  display:grid;
  grid-template-columns:
    minmax(0,1.15fr)
    minmax(300px,.85fr);

  align-items:center;

  gap:36px;

  margin-top:18px;

  padding:34px 38px;

  overflow:hidden;

  border:
    1px solid
    rgba(217,220,222,.9);

  border-radius:24px;

  background:
    linear-gradient(
      115deg,
      #fff 0%,
      #fbfcfd 47%,
      #eef6fb 100%
    );

  box-shadow:
    0 1px 2px rgba(0,0,0,.02),
    0 12px 40px rgba(40,60,80,.035);
}


/*
  Very soft atmospheric glow.
*/

.dashboard-ai-hero::before{
  content:"";

  position:absolute;

  width:360px;
  height:360px;

  right:-90px;
  bottom:-210px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(122,196,238,.34) 0%,
      rgba(176,221,246,.16) 38%,
      transparent 70%
    );

  pointer-events:none;
}


.dashboard-ai-hero::after{
  content:"";

  position:absolute;

  width:230px;
  height:230px;

  right:180px;
  top:-160px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(235,226,211,.34),
      transparent 70%
    );

  pointer-events:none;
}


/*
  COPY
*/

.dashboard-ai-hero-copy{
  position:relative;

  z-index:2;

  max-width:570px;
}


.dashboard-ai-kicker{
  margin-bottom:13px;

  color:#8f969b;

  font-size:9px;
  font-weight:700;

  letter-spacing:.13em;
}


.dashboard-ai-hero h2{
  max-width:510px;

  margin:0;

  color:#111;

  font-size:34px;
  font-weight:720;

  line-height:1.04;

  letter-spacing:-.045em;
}


.dashboard-ai-hero p{
  max-width:520px;

  margin:
    15px 0 0;

  color:#777d81;

  font-size:11px;
  line-height:1.65;
}


/*
  FEATURE PILLS
*/

.dashboard-ai-features{
  display:flex;

  flex-wrap:wrap;

  gap:7px;

  margin-top:20px;
}


.dashboard-ai-features span{
  padding:
    7px 10px;

  border:
    1px solid
    rgba(218,220,220,.9);

  border-radius:999px;

  background:
    rgba(255,255,255,.72);

  color:#5f6467;

  font-size:9px;

  backdrop-filter:
    blur(8px);
}


/*
  VISUAL
*/

.dashboard-ai-visual{
  position:relative;

  z-index:2;

  min-height:170px;
}


.dashboard-ai-orb{
  position:absolute;

  width:150px;
  height:150px;

  top:12px;
  right:55px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.95),
      rgba(218,239,250,.84)
    );

  border:
    1px solid
    rgba(255,255,255,.92);

  box-shadow:
    0 22px 55px rgba(69,142,182,.14),
    inset 0 0 30px rgba(255,255,255,.8);
}


.dashboard-ai-orb-core{
  width:82px;
  height:82px;

  display:grid;
  place-items:center;

  border-radius:28px;

  background:
    rgba(255,255,255,.86);

  box-shadow:
    0 12px 30px rgba(46,107,140,.11);

  color:#20282d;

  font-size:24px;
  font-weight:750;

  letter-spacing:-.06em;
}


/*
  FLOATING SIGNALS
*/

.dashboard-ai-signal{
  position:absolute;

  padding:
    8px 11px;

  border:
    1px solid
    rgba(214,219,221,.9);

  border-radius:12px;

  background:
    rgba(255,255,255,.82);

  box-shadow:
    0 8px 24px rgba(40,60,70,.07);

  color:#61686c;

  font-size:9px;

  backdrop-filter:
    blur(10px);
}


.dashboard-ai-signal::before{
  content:"";

  width:6px;
  height:6px;

  display:inline-block;

  margin-right:6px;

  border-radius:50%;

  background:#8dbed8;
}


.signal-one{
  top:15px;
  right:185px;
}


.signal-two{
  right:6px;
  bottom:14px;
}


/*
  RESPONSIVE
*/

@media(max-width:900px){

  .dashboard-ai-hero{
    grid-template-columns:1fr;

    padding:28px;
  }


  .dashboard-ai-visual{
    min-height:145px;
  }


  .dashboard-ai-orb{
    left:50%;

    right:auto;

    transform:
      translateX(-50%);
  }


  .signal-one{
    left:8%;
    right:auto;
  }


  .signal-two{
    right:8%;
  }

}


@media(max-width:600px){

  .dashboard-ai-hero{
    padding:24px;

    border-radius:20px;
  }


  .dashboard-ai-hero h2{
    font-size:28px;
  }

}

/*
  ============================================================
  DASHBOARD — SOFT LIST CARDS
  ============================================================
*/


/*
  Containers
*/

.dashboard-campaigns,
.dashboard-activity,
.dashboard-replies{
  padding:
    10 10px 10px;
}


/*
  Shared inner-card style
*/

.dashboard-campaign-row,
.dashboard-activity-row,
.dashboard-reply-row{
  margin-bottom:
    7px;

  border:
    1px solid
    #ebe7e0;

  border-radius:
    14px;

  background:
    #fbfaf8;

  box-shadow:
    0 1px 2px
    rgba(0,0,0,.015);

  transition:
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}


.dashboard-campaign-row:last-child,
.dashboard-activity-row:last-child,
.dashboard-reply-row:last-child{
  margin-bottom:
    0;

  border-bottom:
    1px solid
    #ebe7e0;
}


.dashboard-campaign-row:hover,
.dashboard-activity-row:hover,
.dashboard-reply-row:hover{
  background:
    #fff;

  border-color:
    #ddd8d0;

  box-shadow:
    0 6px 18px
    rgba(20,20,20,.04);

  transform:
    translateY(-1px);
}


/*
  CAMPAIGNS
*/

.dashboard-campaign-row{
  min-height:
    62px;

  padding:
    12px 14px;
}


.dashboard-campaign-main strong{
  color:
    #171717;

  font-weight:
    650;
}


.dashboard-campaign-main small{
  color:
    #99938a;
}


/*
  ACTIVITY
*/

.dashboard-activity-row{
  padding:
    13px 14px;

  gap:
    12px;
}


.dashboard-activity-dot{
  width:
    7px;

  height:
    7px;

  margin-top:
    4px;

  background:
    #222;

  box-shadow:
    0 0 0 4px
    rgba(20,20,20,.035);
}


.dashboard-activity-copy strong{
  color:
    #171717;
}


.dashboard-activity-copy small{
  color:
    #9b958c;
}


/*
  REPLIES
*/

.dashboard-reply-row{
  padding:
    14px;
}


.dashboard-reply-top strong{
  color:
    #171717;
}


.dashboard-reply-top small{
  color:
    #99938a;
}


.dashboard-reply-campaign{
  color:
    #aaa49b;
}


.dashboard-reply-preview{
  margin-top:
    7px;

  color:
    #625e58;
}


/*
  Status pills inside soft cards
*/

.dashboard-reply-row
.dashboard-status,
.dashboard-campaign-row
.campaign-status{
  background:
    #fff !important;

  border:
    1px solid
    #e3ded6 !important;

  box-shadow:
    0 1px 3px
    rgba(0,0,0,.025);
}


/*
  Keyboard focus
*/

.dashboard-campaign-row:focus-visible,
.dashboard-activity-row:focus-visible,
.dashboard-reply-row:focus-visible{
  outline:
    none;

  border-color:
    #cfc9c0;

  box-shadow:
    0 0 0 3px
    rgba(30,30,30,.04);
}

/*
  COMPACT DASHBOARD LIST CARDS
*/

.dashboard-campaign-row,
.dashboard-activity-row,
.dashboard-reply-row{
  min-height:0;

  padding:
    9px 12px;

  margin-bottom:
    6px;

  border-radius:
    12px;
}


.dashboard-campaigns,
.dashboard-activity,
.dashboard-replies{
  padding:
    8px 12px 12px;
}


.dashboard-activity-row{
  gap:
    10px;
}


.dashboard-reply-row{
  padding:
    10px 12px;
}

/*
  ============================================================
  FIND — DISCOVERY HERO
  ============================================================
*/

.find-hero{
  position:relative;

  width:100%;
  max-width:1040px;

  min-height:250px;

  display:grid;
  grid-template-columns:
    minmax(0,1.15fr)
    minmax(280px,.85fr);

  align-items:center;

  gap:40px;

  margin:
    0 auto 20px;

  padding:
    34px 40px;

  overflow:hidden;

  border:
    1px solid
    #e5e1da;

  border-radius:
    24px;

  background:
    linear-gradient(
      120deg,
      #fff 0%,
      #fbfcfd 54%,
      #edf6fb 100%
    );

  box-shadow:
    0 1px 2px rgba(0,0,0,.02),
    0 14px 38px rgba(40,60,75,.04);
}


/*
  Ambient glow
*/

.find-hero::before{
  content:"";

  position:absolute;

  width:360px;
  height:360px;

  right:-110px;
  bottom:-230px;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(126,198,236,.34),
      rgba(184,224,246,.15) 42%,
      transparent 70%
    );

  pointer-events:none;
}


.find-hero::after{
  content:"";

  position:absolute;

  width:230px;
  height:230px;

  top:-150px;
  left:43%;

  border-radius:50%;

  background:
    radial-gradient(
      circle,
      rgba(238,228,214,.38),
      transparent 70%
    );

  pointer-events:none;
}


/*
  Copy
*/

.find-hero-copy{
  position:relative;
  z-index:2;
}


.find-hero .eyebrow{
  margin-bottom:14px;

  color:#91979a;

  font-size:9px;
  font-weight:750;

  letter-spacing:.13em;
}


.find-hero h1{
  max-width:570px;

  margin:0;

  color:#111;

  font-size:42px;
  font-weight:730;

  line-height:1.02;

  letter-spacing:-.052em;
}


.find-hero h1 span{
  color:#738995;
}


.find-hero p{
  max-width:560px;

  margin:
    16px 0 0;

  color:#777b7e;

  font-size:12px;
  line-height:1.65;
}


/*
  Capability chips
*/

.find-capabilities{
  display:flex;
  flex-wrap:wrap;

  gap:7px;

  margin-top:22px;
}


.find-capability{
  display:inline-flex;
  align-items:center;

  gap:6px;

  padding:
    7px 10px;

  border:
    1px solid
    #e0ddd7;

  border-radius:
    999px;

  background:
    rgba(255,255,255,.72);

  color:#686663;

  font-size:9px;

  backdrop-filter:
    blur(8px);
}


.find-capability.active{
  background:#171717;
  border-color:#171717;

  color:#fff;
}


.find-capability small{
  padding:
    2px 5px;

  border-radius:
    999px;

  background:
    #f0eee9;

  color:#a09a91;

  font-size:7px;

  text-transform:uppercase;

  letter-spacing:.06em;
}


/*
  Visual
*/

.find-hero-visual{
  position:relative;
  z-index:2;

  min-height:180px;
}


.find-orbit{
  position:absolute;

  width:175px;
  height:175px;

  top:2px;
  right:42px;

  border:
    1px solid
    rgba(188,211,223,.7);

  border-radius:50%;

  background:
    rgba(255,255,255,.3);

  box-shadow:
    0 24px 55px
    rgba(70,145,180,.10);
}


.find-orbit::before{
  content:"";

  position:absolute;

  inset:24px;

  border:
    1px solid
    rgba(190,214,226,.65);

  border-radius:50%;
}


.find-orbit-core{
  position:absolute;

  width:76px;
  height:76px;

  left:50%;
  top:50%;

  display:grid;
  place-items:center;

  transform:
    translate(-50%,-50%);

  border-radius:26px;

  background:
    rgba(255,255,255,.9);

  box-shadow:
    0 13px 30px
    rgba(54,115,145,.12);

  color:#20282d;

  font-size:22px;
  font-weight:750;

  letter-spacing:-.06em;
}


/*
  Orbit labels
*/

.find-orbit-node{
  position:absolute;

  padding:
    6px 9px;

  border:
    1px solid
    #dde3e5;

  border-radius:
    10px;

  background:
    rgba(255,255,255,.88);

  box-shadow:
    0 7px 18px
    rgba(30,60,75,.06);

  color:#737b7f;

  font-size:8px;
}


.node-one{
  left:-24px;
  top:22px;
}


.node-two{
  right:-34px;
  top:72px;
}


.node-three{
  left:10px;
  bottom:-9px;
}


/*
  Search prompt polish
*/

.prompt-wrap{
  max-width:1040px;
}


.prompt{
  border:
    1px solid
    #dedad3;

  border-radius:
    22px;

  background:
    rgba(255,255,255,.92);

  box-shadow:
    0 2px 4px rgba(0,0,0,.025),
    0 14px 35px rgba(20,20,20,.045);
}


.prompt textarea{
  min-height:112px;

  padding:
    22px 22px 16px;

  color:#171717;

  font-size:22px;

  line-height:1.4;
}


.prompt textarea::placeholder{
  color:#b0aaa1;
}


/*
  Search controls
*/

.lead-search-options{
  margin:
    0 18px;

  padding:
    13px 4px;

  border-top:
    1px solid
    #eeeae4;
}


.prompt-bottom{
  padding:
    10px 18px 15px;
}


/*
  Pipeline steps
*/

.steps{
  max-width:1040px;

  gap:8px;

  margin-top:14px;
}


.step{
  min-height:74px;

  padding:
    13px 14px;

  border:
    1px solid
    #ebe7e0;

  border-radius:
    14px;

  background:
    rgba(255,255,255,.66);

  opacity:.65;
}


.step.active{
  opacity:1;

  background:#fff;

  border-color:#d8d3cb;

  box-shadow:
    0 5px 16px rgba(0,0,0,.025);
}


/*
  Results panel
*/

#app-find .panel{
  max-width:1120px;

  margin-left:auto;
  margin-right:auto;

  border:
    1px solid
    #e2ded7;

  border-radius:
    20px;

  background:
    rgba(255,255,255,.9);

  box-shadow:
    0 8px 30px rgba(20,20,20,.025);
}


/*
  Responsive
*/

@media(max-width:900px){

  .find-hero{
    grid-template-columns:1fr;

    padding:28px;
  }


  .find-hero-visual{
    min-height:150px;
  }


  .find-orbit{
    left:50%;
    right:auto;

    transform:
      translateX(-50%);
  }

}


@media(max-width:600px){

  .find-hero{
    padding:23px;

    border-radius:20px;
  }


  .find-hero h1{
    font-size:34px;
  }


  .find-capabilities{
    gap:6px;
  }

}

/*
  ============================================================
  FIND — SEARCH CARD POLISH
  ============================================================
*/

#app-find .prompt{
  position:relative;

  overflow:hidden;

  border:
    1px solid #ded9d1;

  border-radius:
    20px;

  background:
    rgba(255,255,255,.94);

  box-shadow:
    0 8px 28px rgba(30,30,30,.035);
}


/* Search field */

#app-find .prompt textarea{
  min-height:
    82px;

  padding:
    20px 20px 12px;

  border:
    0 !important;

  background:
    transparent;

  font-size:
    20px;

  line-height:
    1.4;

  resize:
    none;
}


#app-find .prompt textarea:focus{
  box-shadow:
    none !important;
}


/* Controls */

#app-find .lead-search-options{
  margin:
    0 18px;

  padding:
    11px 2px;

  border-top:
    1px solid #eeeae3;
}


#app-find .prompt-bottom{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:16px;

  padding:
    8px 18px 14px;
}


#app-find .example{
  color:
    #9c968d;

  font-size:
    9px;
}


/* Find button */

#app-find #appFindBtn{
  padding:
    9px 14px;

  border-radius:
    11px;

  box-shadow:
    0 3px 10px rgba(0,0,0,.04);
}


/*
  ============================================================
  FIND — PIPELINE
  ============================================================
*/

#app-find .steps{
  position:relative;

  max-width:
    1040px;

  gap:
    8px;

  margin-top:
    12px;
}


#app-find .step{
  position:relative;

  min-height:
    66px;

  padding:
    11px 13px;

  border:
    1px solid #e8e4dd;

  border-radius:
    13px;

  background:
    rgba(255,255,255,.68);

  opacity:
    .64;

  transition:
    opacity .16s ease,
    transform .16s ease,
    background .16s ease,
    border-color .16s ease;
}


#app-find .step:hover{
  opacity:
    1;

  transform:
    translateY(-1px);

  background:
    #fff;
}


#app-find .step.active{
  opacity:
    1;

  background:
    #fff;

  border-color:
    #d6d0c7;

  box-shadow:
    0 5px 15px rgba(0,0,0,.025);
}


#app-find .step .num{
  margin-bottom:
    6px;

  color:
    #aaa49b;

  font-size:
    8px;
}


#app-find .step strong{
  margin-bottom:
    4px;

  font-size:
    10px;
}


#app-find .step small{
  color:
    #a19b92;

  font-size:
    8px;

  line-height:
    1.4;
}


/*
  RESULTS PANEL
*/

#app-find .panel{
  margin-top:
    14px !important;

  border-radius:
    20px;

  border-color:
    #e3ded7;

  box-shadow:
    0 7px 26px rgba(20,20,20,.025);
}


#app-find .panel-head{
  padding:
    15px 17px;

  border-bottom:
    1px solid #eeeae4;
}


#app-find .empty{
  min-height:
    128px;

  padding:
    34px 22px;
}

/*
  ============================================================
  FIND — INTERACTIVE WORKFLOW
  ============================================================
*/

.find-workflow-steps .step{
  width:100%;

  appearance:none;
  -webkit-appearance:none;

  text-align:left;

  color:inherit;
  font-family:inherit;

  cursor:pointer;
}


.find-workflow-steps .find-stage{
  position:relative;

  padding-right:34px;
}


.find-workflow-steps .find-stage-arrow{
  position:absolute;

  right:13px;
  top:50%;

  transform:
    translateY(-50%);

  color:#b0aaa1;

  font-size:16px;

  transition:
    transform .16s ease,
    color .16s ease;
}


.find-workflow-steps .find-stage:hover
.find-stage-arrow{
  color:#555;

  transform:
    translate(2px,-50%);
}


.find-workflow-steps .find-stage.active{
  color:#111;

  opacity:1;

  background:#fff;

  border-color:#d8d2c9;

  box-shadow:
    0 5px 16px rgba(0,0,0,.025);
}


.find-workflow-steps .find-stage.active
.find-stage-arrow{
  color:#222;
}


/*
  Expanded workflow panel
*/

.find-stage-panel{
  max-width:1040px;

  margin:
    10px auto 0;

  overflow:hidden;

  border:
    1px solid #dfdbd4;

  border-radius:
    18px;

  background:
    rgba(255,255,255,.92);

  box-shadow:
    0 8px 28px rgba(20,20,20,.035);
}


.find-stage-panel[hidden]{
  display:none;
}


.find-stage-panel-head{
  display:flex;

  align-items:flex-start;
  justify-content:space-between;

  gap:20px;

  padding:
    16px 18px;

  border-bottom:
    1px solid #eeeae4;
}


.find-stage-panel-kicker{
  margin-bottom:6px;

  color:#a09a91;

  font-size:8px;
  font-weight:750;

  letter-spacing:.12em;
}


.find-stage-panel-head strong{
  display:block;

  color:#171717;

  font-size:13px;
  font-weight:700;
}


.find-stage-panel-head small{
  display:block;

  margin-top:4px;

  color:#918b82;

  font-size:9px;
}


.find-stage-panel-close{
  width:28px;
  height:28px;

  display:grid;
  place-items:center;

  flex:0 0 auto;

  padding:0;

  border:
    1px solid #e5e0d8;

  border-radius:9px;

  background:#faf9f6;

  color:#777;

  font-size:15px;

  cursor:pointer;
}


.find-stage-panel-close:hover{
  background:#f2f0eb;

  color:#111;
}


/*
  Panel body
*/

.find-stage-panel-body{
  padding:
    14px 18px 17px;
}


.find-stage-grid{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:8px;
}


.find-stage-item{
  min-width:0;

  padding:
    12px 13px;

  border:
    1px solid #ebe7e0;

  border-radius:13px;

  background:#fbfaf8;
}


.find-stage-item-label{
  display:block;

  margin-bottom:6px;

  color:#a09a91;

  font-size:8px;
  font-weight:650;

  letter-spacing:.04em;

  text-transform:uppercase;
}


.find-stage-item-value{
  display:block;

  overflow:hidden;

  color:#1d1d1c;

  font-size:10px;
  font-weight:650;

  line-height:1.45;

  text-overflow:ellipsis;
}


.find-stage-item-value.muted{
  color:#8e8880;

  font-weight:500;
}


/*
  Feature rows
*/

.find-stage-feature-list{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:8px;
}


.find-stage-feature{
  display:flex;

  align-items:center;
  justify-content:space-between;

  gap:14px;

  min-height:46px;

  padding:
    10px 12px;

  border:
    1px solid #ebe7e0;

  border-radius:13px;

  background:#fbfaf8;
}


.find-stage-feature-copy{
  min-width:0;
}


.find-stage-feature strong{
  display:block;

  color:#1c1c1b;

  font-size:10px;
}


.find-stage-feature small{
  display:block;

  margin-top:3px;

  color:#9c968d;

  font-size:8px;
  line-height:1.4;
}


.find-stage-badge{
  flex:0 0 auto;

  padding:
    4px 7px;

  border:
    1px solid #e1ddd6;

  border-radius:999px;

  background:#fff;

  color:#817b72;

  font-size:7px;
  font-weight:650;

  text-transform:uppercase;

  letter-spacing:.04em;
}


.find-stage-badge.active{
  background:#171717;
  border-color:#171717;

  color:#fff;
}


.find-stage-badge.soon{
  color:#aaa49b;

  background:#f4f2ee;
}


/*
  Mobile
*/

@media(max-width:800px){

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


  .find-stage-feature-list{
    grid-template-columns:1fr;
  }

}


@media(max-width:520px){

  .find-stage-grid{
    grid-template-columns:1fr;
  }

}
/*
  FIND — STEP CARDS READABILITY
*/

.find-workflow-steps{
  gap:12px;
}

.find-workflow-steps .step,
.find-workflow-steps .find-stage{
  min-height:96px;
  padding:16px 18px;
}

.find-workflow-steps .step .step-number,
.find-workflow-steps .find-stage .step-number,
.find-workflow-steps .step .find-stage-number,
.find-workflow-steps .find-stage .find-stage-number,
.find-workflow-steps .step .eyebrow,
.find-workflow-steps .find-stage .eyebrow{
  display:block;
  margin-bottom:8px;

  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  color:#a19a90;
}

.find-workflow-steps .step .step-title,
.find-workflow-steps .find-stage .step-title,
.find-workflow-steps .step strong,
.find-workflow-steps .find-stage strong,
.find-workflow-steps .step h4,
.find-workflow-steps .find-stage h4{
  display:block;
  margin:0 0 8px;

  font-size:15px;
  line-height:1.3;
  font-weight:700;
  color:#171717;
}

.find-workflow-steps .step .step-copy,
.find-workflow-steps .find-stage .step-copy,
.find-workflow-steps .step small,
.find-workflow-steps .find-stage small,
.find-workflow-steps .step p,
.find-workflow-steps .find-stage p,
.find-workflow-steps .step span,
.find-workflow-steps .find-stage span{
  font-size:12px;
  line-height:1.5;
  color:#7e786f;
}

.find-workflow-steps .find-stage-arrow{
  font-size:15px;
  color:#8f887d;
}

/*
============================================================
FIND WORKFLOW DETAIL CARDS — SOFT SITE STYLE
============================================================
*/

.find-stage-panel{
  margin-top:14px;
  border:1px solid #e7dfd3;
  border-radius:22px;
  background:#fffdfa;
  overflow:hidden;
  box-shadow:0 8px 26px rgba(20, 20, 20, 0.03);
}

.find-stage-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:22px 26px;
  border-bottom:1px solid #eee7dc;
}

.find-stage-panel-eyebrow{
  margin:0 0 8px;
  color:#b09a7f;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.find-stage-panel-title{
  margin:0 0 6px;
  color:#151515;
  font-size:28px;
  line-height:1.12;
  font-weight:700;
}

.find-stage-panel-subtitle{
  margin:0;
  color:#7f776b;
  font-size:13px;
  line-height:1.55;
  max-width:720px;
}

.find-stage-panel-close{
  width:40px;
  height:40px;
  border:none;
  border-radius:14px;
  background:#f7f3ed;
  color:#8f8577;
  cursor:pointer;
  flex-shrink:0;
  transition:all .16s ease;
}

.find-stage-panel-close:hover{
  background:#f1ece4;
  color:#1a1a1a;
}

.find-stage-panel-body{
  padding:18px 20px 20px;
}

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

.find-stage-detail-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  min-height:92px;
  padding:18px 18px;

  border:1px solid #ebe3d8;
  border-radius:18px;
  background:#fcfaf7;

  transition:
    transform .16s ease,
    box-shadow .16s ease,
    border-color .16s ease,
    background .16s ease;
}

.find-stage-detail-card:hover{
  transform:translateY(-1px);
  background:#fffdfa;
  border-color:#dfd6c8;
  box-shadow:0 8px 22px rgba(28, 28, 28, 0.04);
}

.find-stage-detail-main{
  min-width:0;
  flex:1;
}

.find-stage-detail-label{
  margin:0 0 6px;
  color:#161616;
  font-size:15px;
  line-height:1.3;
  font-weight:600;
}

.find-stage-detail-text{
  margin:0;
  color:#8b8275;
  font-size:12px;
  line-height:1.5;
}

.find-stage-detail-meta{
  flex-shrink:0;
  display:flex;
  align-items:center;
}

/*
============================================================
SOFT BADGES
============================================================
*/

.lp-soft-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 12px;

  border:1px solid #e3dbce;
  border-radius:999px;

  background:#f8f5ef;
  color:#7d7263;

  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
}

/* ACTIVE */
.lp-soft-badge.is-active{
  background:#eef7ee;
  border-color:#d4e7d6;
  color:#54785d;
}

/* AVAILABLE */
.lp-soft-badge.is-available{
  background:#edf6ef;
  border-color:#cfe2d2;
  color:#4b7256;
}

/* AUTOMATIC */
.lp-soft-badge.is-automatic{
  background:#eef3fa;
  border-color:#d6e1ee;
  color:#556f8b;
}

/* OPTIONAL */
.lp-soft-badge.is-optional{
  background:#f8f4ec;
  border-color:#e7ddcf;
  color:#8a7d69;
}

/* SOON */
.lp-soft-badge.is-soon{
  background:#f3f0ea;
  border-color:#e4ddd2;
  color:#9a9083;
}

/* PEOPLE SEARCH / FUTURE */
.lp-soft-badge.is-future{
  background:#f5f1fb;
  border-color:#e2d9f1;
  color:#73628f;
}

/*
============================================================
MOBILE
============================================================
*/

@media (max-width: 900px){
  .find-stage-detail-grid{
    grid-template-columns:1fr;
  }

  .find-stage-panel-head{
    padding:18px 18px;
  }

  .find-stage-panel-title{
    font-size:22px;
  }

  .find-stage-detail-card{
    align-items:flex-start;
    flex-direction:column;
  }

  .find-stage-detail-meta{
    width:100%;
    justify-content:flex-start;
  }
}
/*
  ============================================================
  FIND WORKFLOW — LIVE STATUS
  ============================================================
*/

.find-workflow-steps .find-stage.is-running{
  opacity:1;

  border-color:#cbdce6;

  background:#f5fafc;

  box-shadow:
    0 5px 16px rgba(80,135,165,.055);
}


.find-workflow-steps .find-stage.is-running .num{
  color:#6e9bb3;
}


.find-workflow-steps .find-stage.is-complete{
  opacity:1;

  border-color:#d6e4d8;

  background:#f7fbf7;
}


.find-workflow-steps .find-stage.is-complete .num{
  color:#64836c;

  font-weight:800;
}


.find-workflow-steps .find-stage.is-waiting{
  opacity:.58;
}


.find-workflow-steps .find-stage.is-error{
  opacity:1;

  border-color:#ead6d3;

  background:#fff9f8;
}


.find-workflow-steps .find-stage.is-error .num{
  color:#a56f67;
}

/*
  ============================================================
  FIND — RICH LEAD RESULTS
  ============================================================
*/

#app-find .lead-results-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}


.lead-results-head-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
}


.lead-results-head-copy small{
  color:#958f86;
}


.lead-result-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  flex-wrap:wrap;
}


.lead-select-all{
  display:flex;
  align-items:center;
  gap:8px;

  color:#8d867d;
  font-size:9px;

  cursor:pointer;
}


.lead-results-list{
  padding:7px 11px 12px;
}


#app-find .lead-results-table{
  width:100%;

  border-collapse:separate;
  border-spacing:0 8px;

  background:transparent;
}


#app-find .lead-results-table > tbody > tr > td{
  padding:0;

  border:0;
  background:transparent;
}


.lead-result-card{
  width:100%;

  padding:17px 18px;

  border:1px solid #e8e2d9;
  border-radius:17px;

  background:#fcfbf8;

  box-shadow:
    0 1px 2px rgba(0,0,0,.015);

  transition:
    border-color .16s ease,
    background .16s ease,
    box-shadow .16s ease,
    transform .16s ease;
}


.lead-result-card:hover{
  transform:translateY(-1px);

  border-color:#ddd5c9;

  background:#fff;

  box-shadow:
    0 7px 22px rgba(20,20,20,.035);
}


.lead-card-table-row.lead-row-selected
.lead-result-card{
  border-color:#cfdccf;

  background:#f9fcf8;
}


.lead-result-card-top{
  display:flex;
  align-items:flex-start;
  gap:13px;
}


.lead-card-checkbox{
  flex:0 0 auto;

  margin-top:4px;
}


.lead-card-main{
  min-width:0;
  flex:1;
}


.lead-card-title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:18px;
}


.lead-card-title-row h3{
  margin:0;

  color:#171717;

  font-size:15px;
  font-weight:700;

  line-height:1.3;

  letter-spacing:-.015em;
}


.lead-card-business-link{
  color:inherit;
  text-decoration:none;
}


.lead-card-business-link:hover{
  text-decoration:underline;
}


.lead-card-location{
  margin-top:5px;

  color:#928b82;

  font-size:10px;

  line-height:1.45;
}


.lead-card-badges{
  display:flex;
  align-items:center;
  justify-content:flex-end;

  gap:7px;

  flex:0 0 auto;
}


.lead-card-fit{
  display:inline-flex;
  align-items:center;

  min-height:24px;

  padding:0 9px;

  border:1px solid #e4ded5;
  border-radius:999px;

  background:#f7f4ef;

  color:#766e63;

  font-size:8px;
  font-weight:700;

  white-space:nowrap;
}


/*
  Basic available data
*/

.lead-card-facts{
  display:flex;
  align-items:center;
  flex-wrap:wrap;

  gap:6px;

  margin-top:12px;
}


.lead-card-fact{
  display:inline-flex;
  align-items:center;

  min-height:25px;

  padding:0 9px;

  border:1px solid #e6e1da;
  border-radius:999px;

  background:#fff;

  color:#817a71;

  font-size:8px;
  font-weight:600;
}


.lead-card-fact.is-good{
  border-color:#d7e5d8;

  background:#f3f8f3;

  color:#5d7763;
}


/*
  Intelligence preview
*/

.lead-card-intelligence{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:8px;

  margin-top:13px;
}


.lead-card-intel-block{
  min-width:0;

  padding:12px 13px;

  border:1px solid #e9e4dc;
  border-radius:13px;

  background:#fff;
}


.lead-card-intel-block.is-opportunity{
  border-color:#dde6eb;

  background:
    linear-gradient(
      120deg,
      #fff 0%,
      #f5fafc 100%
    );
}


.lead-card-intel-label{
  display:block;

  margin-bottom:6px;

  color:#a19a91;

  font-size:7px;
  font-weight:750;

  letter-spacing:.1em;

  text-transform:uppercase;
}


.lead-card-intel-block strong{
  display:block;

  color:#242321;

  font-size:10px;
  font-weight:650;
}


.lead-card-intel-block small{
  display:block;

  margin-top:4px;

  color:#969087;

  font-size:8px;

  line-height:1.45;
}


/*
  Actions
*/

.lead-card-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;

  gap:7px;

  margin-top:13px;
}


.lead-card-actions .btn-outline{
  min-height:31px;

  padding:0 10px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  border-radius:10px;

  font-size:9px;

  text-decoration:none;
}


.lead-card-research-btn:disabled{
  opacity:.55;

  cursor:not-allowed;

  transform:none !important;
}


.lead-card-email-link{
  color:#171717;
}


/*
  Existing expanded business details
*/

#app-find .lead-details-row > td{
  padding:
    0 8px 6px !important;

  border:0 !important;
}


/*
  Responsive
*/

@media(max-width:850px){

  .lead-card-title-row{
    flex-direction:column;
  }


  .lead-card-badges{
    justify-content:flex-start;
  }


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


  #app-find .lead-results-head{
    align-items:flex-start;
    flex-direction:column;
  }


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

}


@media(max-width:560px){

  .lead-result-card{
    padding:14px;
  }


  .lead-result-card-top{
    gap:10px;
  }


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


  .lead-card-actions .btn-outline{
    width:100%;
  }

}

/*
  ============================================================
  FIND RESULTS — PREMIUM COMPACT V2
  ============================================================
*/

#app-find .lead-results-list{
  padding:
    10px 12px 14px;
}


#app-find .lead-results-table{
  border-spacing:
    0 9px;
}


/*
  COMPANY CARD
*/

#app-find .lead-result-card{
  padding:
    15px 16px 14px;

  border:
    1px solid #e6e0d7;

  border-radius:
    16px;

  background:
    #fff;

  box-shadow:
    0 2px 8px
    rgba(25,20,15,.018);
}


#app-find .lead-result-card:hover{
  transform:
    translateY(-1px);

  border-color:
    #d9d1c6;

  box-shadow:
    0 8px 24px
    rgba(25,20,15,.035);
}


#app-find
.lead-card-table-row.lead-row-selected
.lead-result-card{
  border-color:
    #cfdccf;

  background:
    #fbfdfb;
}


/*
  TOP AREA
*/

#app-find .lead-result-card-top{
  gap:
    12px;
}


#app-find .lead-card-checkbox{
  margin-top:
    3px;
}


#app-find .lead-card-title-row{
  gap:
    14px;
}


#app-find .lead-card-title-row h3{
  font-size:
    14px;

  line-height:
    1.25;
}


#app-find .lead-card-location{
  margin-top:
    4px;

  font-size:
    9px;

  color:
    #8d867d;
}


#app-find .lead-card-badges{
  gap:
    6px;
}


#app-find .lead-card-fit{
  min-height:
    23px;

  padding:
    0 8px;

  font-size:
    7px;

  background:
    #f8f6f2;
}


/*
  BUSINESS DATA PILLS
*/

#app-find .lead-card-facts{
  gap:
    5px;

  margin-top:
    10px;
}


#app-find .lead-card-fact{
  min-height:
    23px;

  padding:
    0 9px;

  font-size:
    7px;

  border-radius:
    999px;
}


/*
  INTELLIGENCE AREA
*/

#app-find .lead-card-intelligence{
  grid-template-columns:
    minmax(0,.9fr)
    minmax(0,1.1fr);

  gap:
    7px;

  margin-top:
    11px;
}


#app-find .lead-card-intel-block{
  padding:
    10px 11px;

  min-height:
    58px;

  border-radius:
    11px;

  background:
    #fcfbf9;
}


#app-find
.lead-card-intel-block.is-opportunity{
  background:
    linear-gradient(
      120deg,
      #fafcfd 0%,
      #f4f9fb 100%
    );

  border-color:
    #dce6eb;
}


#app-find .lead-card-intel-label{
  margin-bottom:
    4px;

  font-size:
    6px;

  letter-spacing:
    .09em;
}


#app-find .lead-card-intel-block strong{
  font-size:
    9px;

  line-height:
    1.25;
}


#app-find .lead-card-intel-block small{
  margin-top:
    3px;

  font-size:
    7px;

  line-height:
    1.35;

  color:
    #9b958d;
}


/*
  ACTION BAR
*/

#app-find .lead-card-actions{
  margin-top:
    10px;

  padding-top:
    9px;

  border-top:
    1px solid #f0ece6;

  gap:
    6px;
}


#app-find
.lead-card-actions
.btn-outline{
  min-height:
    29px;

  padding:
    0 10px;

  border-radius:
    9px;

  font-size:
    8px;

  font-weight:
    600;

  line-height:
    1;
}


#app-find
.lead-card-research-btn{
  background:
    #f7f4ee;

  border-color:
    #e5ded3;

  color:
    #7d756b;
}


#app-find
.lead-card-research-btn:disabled{
  opacity:
    .72;
}


#app-find
.lead-expand-btn{
  background:
    #fff;
}


#app-find
.lead-card-email-link{
  background:
    #f5faf6;

  border-color:
    #d7e4d8;

  color:
    #5e7463;
}


/*
  EXPANDED BUSINESS DETAILS
*/

#app-find .lead-details-row > td{
  padding:
    0 10px 8px !important;
}


#app-find .lead-details-shell{
  margin-top:
    -3px;
}


#app-find .lead-details-card{
  border:
    1px solid #ebe5dd;

  border-top:
    0;

  border-radius:
    0 0 14px 14px;

  background:
    #faf9f7;

  box-shadow:
    none;
}


/*
  RESULTS HEADER
*/

#app-find .lead-results-head{
  padding:
    14px 16px;
}


#app-find .lead-results-head-copy strong{
  font-size:
    11px;
}


#app-find .lead-results-head-copy small{
  font-size:
    8px;
}


#app-find .lead-select-all{
  font-size:
    8px;
}


/*
  MOBILE
*/

@media(max-width:850px){

  #app-find .lead-card-intelligence{
    grid-template-columns:
      1fr;
  }

}


@media(max-width:560px){

  #app-find .lead-result-card{
    padding:
      13px;
  }

}

/*
  ============================================================
  FIND RESULTS — READABILITY + ACTION BUTTON FIX
  ============================================================
*/

#app-find .lead-result-card{
  padding:
    18px 20px 17px;
}


/*
  BUSINESS HEADER
*/

#app-find .lead-card-title-row h3{
  font-size:
    16px;

  line-height:
    1.3;

  font-weight:
    720;
}


#app-find .lead-card-location{
  margin-top:
    5px;

  font-size:
    11px;

  line-height:
    1.4;
}


/*
  TOP BADGES
*/

#app-find .lead-card-fit{
  min-height:
    27px;

  padding:
    0 10px;

  font-size:
    9px;
}


#app-find .lead-card-badges .status{
  min-height:
    27px;

  padding:
    0 10px;

  display:
    inline-flex;

  align-items:
    center;

  font-size:
    9px;
}


/*
  WEBSITE / PHONE / EMAIL
*/

#app-find .lead-card-facts{
  margin-top:
    13px;

  gap:
    7px;
}


#app-find .lead-card-fact{
  min-height:
    29px;

  padding:
    0 11px;

  font-size:
    9px;
}


/*
  SIGNALS + OPPORTUNITY
*/

#app-find .lead-card-intelligence{
  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:
    10px;

  margin-top:
    14px;
}


#app-find .lead-card-intel-block{
  min-height:
    78px;

  padding:
    13px 14px;

  border-radius:
    13px;
}


#app-find .lead-card-intel-label{
  margin-bottom:
    7px;

  font-size:
    8px;

  font-weight:
    750;

  letter-spacing:
    .08em;
}


#app-find .lead-card-intel-block strong{
  font-size:
    11px;

  line-height:
    1.35;
}


#app-find .lead-card-intel-block small{
  margin-top:
    5px;

  font-size:
    9px;

  line-height:
    1.45;
}


/*
  ACTION AREA
*/

#app-find .lead-card-actions{
  display:
    flex;

  align-items:
    center;

  justify-content:
    flex-start;

  flex-wrap:
    wrap;

  gap:
    8px;

  margin-top:
    14px;

  padding-top:
    12px;
}


/*
  RESET OLD TABLE BUTTON STYLES
*/

#app-find
.lead-card-actions
.lead-expand-btn,

#app-find
.lead-card-actions
.lead-card-research-btn,

#app-find
.lead-card-actions
.lead-card-email-link{

  position:
    static !important;

  width:
    auto !important;

  min-width:
    auto !important;

  max-width:
    none !important;

  height:
    34px !important;

  min-height:
    34px !important;

  margin:
    0 !important;

  padding:
    0 13px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  flex:
    0 0 auto !important;

  border-radius:
    10px !important;

  font-size:
    10px !important;

  font-weight:
    600 !important;

  line-height:
    1 !important;

  white-space:
    nowrap !important;

  overflow:
    visible !important;

  text-indent:
    0 !important;

  transform:
    none !important;
}


/*
  BUSINESS DETAILS
*/

#app-find
.lead-card-actions
.lead-expand-btn{

  border:
    1px solid #ded8cf !important;

  background:
    #fff !important;

  color:
    #38342f !important;
}


/*
  RESEARCH BUTTON
*/

#app-find
.lead-card-actions
.lead-card-research-btn{

  border:
    1px solid #e3ddd3 !important;

  background:
    #f7f4ee !important;

  color:
    #827a70 !important;
}


#app-find
.lead-card-actions
.lead-card-research-btn:disabled{

  opacity:
    .7 !important;
}


/*
  EMAIL BUTTON
*/

#app-find
.lead-card-actions
.lead-card-email-link{

  border:
    1px solid #d6e4d8 !important;

  background:
    #f5faf6 !important;

  color:
    #597060 !important;

  text-decoration:
    none !important;
}


/*
  RESULTS HEADER
*/

#app-find .lead-results-head-copy strong{
  font-size:
    13px;
}


#app-find .lead-results-head-copy small{
  font-size:
    10px;
}


#app-find .lead-select-all{
  font-size:
    9px;
}


/*
  MOBILE
*/

@media(max-width:760px){

  #app-find .lead-card-intelligence{
    grid-template-columns:
      1fr;
  }

}


@media(max-width:520px){

  #app-find .lead-result-card{
    padding:
      15px;
  }


  #app-find .lead-card-actions{
    align-items:
      stretch;

    flex-direction:
      column;
  }


  #app-find
  .lead-card-actions
  .lead-expand-btn,

  #app-find
  .lead-card-actions
  .lead-card-research-btn,

  #app-find
  .lead-card-actions
  .lead-card-email-link{

    width:
      100% !important;
  }

}

/*
  ============================================================
  SEARCHES — AI SEARCH MEMORY
  ============================================================
*/

.searches-page{
  padding-bottom:60px;
}


.searches-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;

  margin-bottom:20px;
}


.searches-head h1{
  margin:
    5px 0 7px;

  font-size:
    clamp(28px,3vw,42px);

  line-height:
    1.04;

  letter-spacing:
    -.045em;
}


.searches-head p{
  max-width:
    620px;

  margin:0;

  color:#8f887f;

  font-size:11px;
  line-height:1.55;
}


/*
  AI HERO
*/

.searches-ai-hero{
  position:relative;

  display:grid;
  grid-template-columns:
    minmax(0,1.4fr)
    minmax(280px,.6fr);

  min-height:245px;

  overflow:hidden;

  margin-bottom:16px;

  padding:
    32px 36px;

  border:
    1px solid #dfe5e8;

  border-radius:
    24px;

  background:
    linear-gradient(
      120deg,
      #fffdfa 0%,
      #f7fafb 52%,
      #eef7fb 100%
    );

  box-shadow:
    0 8px 35px
    rgba(42,54,61,.035);
}


.searches-ai-copy{
  position:relative;
  z-index:2;
}


.searches-ai-kicker{
  margin-bottom:13px;

  color:#82939d;

  font-size:8px;
  font-weight:800;

  letter-spacing:.15em;

  text-transform:uppercase;
}


.searches-ai-copy h2{
  max-width:650px;

  margin:0;

  color:#111;

  font-size:
    clamp(26px,3vw,42px);

  line-height:1.02;

  letter-spacing:-.05em;
}


.searches-ai-copy p{
  max-width:610px;

  margin:
    15px 0 0;

  color:#7e7972;

  font-size:11px;
  line-height:1.55;
}


.searches-ai-flow{
  display:flex;
  align-items:center;
  flex-wrap:wrap;

  gap:7px;

  margin-top:22px;
}


.searches-ai-flow span{
  display:inline-flex;
  align-items:center;

  min-height:29px;

  padding:0 11px;

  border:
    1px solid rgba(150,165,175,.28);

  border-radius:999px;

  background:
    rgba(255,255,255,.68);

  color:#5e6569;

  font-size:8px;
  font-weight:650;

  backdrop-filter:
    blur(8px);
}


.searches-ai-flow i{
  color:#adb4b8;

  font-size:10px;

  font-style:normal;
}


/*
  AI ORBIT
*/

.searches-ai-orbit{
  position:relative;

  min-height:180px;
}


.searches-orbit-ring{
  position:absolute;

  width:190px;
  height:190px;

  top:50%;
  left:50%;

  transform:
    translate(-50%,-50%);

  border:
    1px solid rgba(139,173,190,.25);

  border-radius:50%;

  box-shadow:
    0 0 70px
    rgba(118,169,195,.13);
}


.searches-orbit-ring::after{
  content:"";

  position:absolute;

  inset:31px;

  border:
    1px solid rgba(139,173,190,.2);

  border-radius:50%;
}


.searches-orbit-core{
  position:absolute;

  top:50%;
  left:50%;

  width:70px;
  height:70px;

  display:flex;
  align-items:center;
  justify-content:center;

  transform:
    translate(-50%,-50%);

  border:
    1px solid #d9e5ea;

  border-radius:50%;

  background:
    rgba(255,255,255,.86);

  color:#30414a;

  font-size:14px;
  font-weight:800;

  box-shadow:
    0 12px 35px
    rgba(80,126,150,.12);
}


.searches-orbit-pill{
  position:absolute;

  display:inline-flex;
  align-items:center;

  min-height:29px;

  padding:0 11px;

  border:
    1px solid #dce6ea;

  border-radius:999px;

  background:
    rgba(255,255,255,.92);

  color:#69747a;

  font-size:8px;
  font-weight:650;

  box-shadow:
    0 7px 20px
    rgba(60,80,90,.055);
}


.searches-orbit-pill::before{
  content:"";

  width:5px;
  height:5px;

  margin-right:6px;

  border-radius:50%;

  background:#8ab3c7;
}


.searches-orbit-pill.pill-one{
  top:12%;
  right:5%;
}


.searches-orbit-pill.pill-two{
  bottom:12%;
  left:0;
}


.searches-orbit-pill.pill-three{
  bottom:2%;
  right:2%;
}


/*
  STATS
*/

.searches-overview{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:10px;

  margin-bottom:16px;
}


.searches-stat{
  padding:
    17px 18px;

  border:
    1px solid #e7e1d8;

  border-radius:17px;

  background:#fff;

  box-shadow:
    0 4px 18px
    rgba(30,25,20,.02);
}


.searches-stat span{
  display:block;

  color:#8c857c;

  font-size:8px;
}


.searches-stat strong{
  display:block;

  margin-top:8px;

  color:#151515;

  font-size:25px;
  line-height:1;
}


.searches-stat small{
  display:block;

  margin-top:8px;

  color:#aaa39a;

  font-size:8px;
}


/*
  SEARCH WORKSPACE
*/

.searches-workspace{
  overflow:hidden;

  border:
    1px solid #e4ded5;

  border-radius:20px;

  background:#fff;
}


.searches-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:18px;

  padding:
    13px 15px;

  border-bottom:
    1px solid #eee9e2;
}


.searches-tabs{
  display:flex;
  align-items:center;

  gap:5px;
}


.searches-tab{
  min-height:31px;

  padding:
    0 11px;

  border:
    1px solid transparent;

  border-radius:10px;

  background:transparent;

  color:#89827a;

  font-size:9px;
  font-weight:600;

  cursor:pointer;
}


.searches-tab:hover{
  background:#f8f6f2;
}


.searches-tab.active{
  border-color:#e3ddd4;

  background:#f5f2ed;

  color:#292724;
}


.searches-filter input{
  width:225px;
  height:34px;

  padding:
    0 11px;

  border:
    1px solid #e1dbd2;

  border-radius:10px;

  outline:none;

  background:#faf9f7;

  color:#292724;

  font:inherit;
  font-size:9px;
}


.searches-filter input:focus{
  border-color:#c9c1b7;

  background:#fff;

  box-shadow:
    0 0 0 3px
    rgba(0,0,0,.025);
}


.searches-list{
  min-height:220px;

  padding:12px;
}


.searches-loading{
  display:flex;
  align-items:center;

  gap:13px;

  padding:
    18px;

  border:
    1px solid #e6e8e8;

  border-radius:15px;

  background:
    linear-gradient(
      120deg,
      #fbfaf8,
      #f6fafb
    );
}


.searches-loading-mark{
  width:38px;
  height:38px;

  display:flex;
  align-items:center;
  justify-content:center;

  flex:0 0 auto;

  border:
    1px solid #dbe5e9;

  border-radius:12px;

  background:#fff;

  color:#607984;

  font-size:10px;
  font-weight:800;
}


.searches-loading strong{
  display:block;

  color:#292724;

  font-size:10px;
}


.searches-loading p{
  margin:
    4px 0 0;

  color:#979087;

  font-size:8px;
}


@media(max-width:900px){

  .searches-ai-hero{
    grid-template-columns:1fr;
  }


  .searches-ai-orbit{
    display:none;
  }


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

}


@media(max-width:620px){

  .searches-head{
    flex-direction:column;
  }


  .searches-head .btn{
    width:100%;
  }


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


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


  .searches-tabs{
    overflow:auto;
  }


  .searches-filter input{
    width:100%;
  }

}

/*
  ============================================================
  SEARCHES — AI SEARCH MEMORY
  ============================================================
*/

.searches-page {
  padding-bottom: 60px;
}


/* HEADER */

.searches-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;

  margin-bottom: 20px;
}

.searches-head h1 {
  margin: 5px 0 7px;

  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.04;
  letter-spacing: -.045em;
}

.searches-head p {
  max-width: 620px;

  margin: 0;

  color: #8f887f;

  font-size: 11px;
  line-height: 1.55;
}


/* AI HERO */

.searches-ai-hero {
  position: relative;

  display: grid;
  grid-template-columns:
    minmax(0, 1.4fr)
    minmax(280px, .6fr);

  min-height: 245px;

  overflow: hidden;

  margin-bottom: 16px;

  padding: 32px 36px;

  border: 1px solid #dfe5e8;

  border-radius: 24px;

  background:
    linear-gradient(
      120deg,
      #fffdfa 0%,
      #f7fafb 52%,
      #eef7fb 100%
    );

  box-shadow:
    0 8px 35px
    rgba(42, 54, 61, .035);
}

.searches-ai-copy {
  position: relative;
  z-index: 2;
}

.searches-ai-kicker {
  margin-bottom: 13px;

  color: #82939d;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .15em;
  text-transform: uppercase;
}

.searches-ai-copy h2 {
  max-width: 650px;

  margin: 0;

  color: #111;

  font-size: clamp(26px, 3vw, 42px);
  line-height: 1.02;
  letter-spacing: -.05em;
}

.searches-ai-copy p {
  max-width: 610px;

  margin: 15px 0 0;

  color: #7e7972;

  font-size: 11px;
  line-height: 1.55;
}

.searches-ai-flow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 7px;

  margin-top: 22px;
}

.searches-ai-flow span {
  display: inline-flex;
  align-items: center;

  min-height: 29px;

  padding: 0 11px;

  border: 1px solid rgba(150, 165, 175, .28);

  border-radius: 999px;

  background: rgba(255, 255, 255, .68);

  color: #5e6569;

  font-size: 8px;
  font-weight: 650;

  backdrop-filter: blur(8px);
}

.searches-ai-flow i {
  color: #adb4b8;

  font-size: 10px;

  font-style: normal;
}


/* AI ORBIT */

.searches-ai-orbit {
  position: relative;

  min-height: 180px;
}

.searches-orbit-ring {
  position: absolute;

  width: 190px;
  height: 190px;

  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  border: 1px solid rgba(139, 173, 190, .25);

  border-radius: 50%;

  box-shadow:
    0 0 70px
    rgba(118, 169, 195, .13);
}

.searches-orbit-ring::after {
  content: "";

  position: absolute;

  inset: 31px;

  border: 1px solid rgba(139, 173, 190, .2);

  border-radius: 50%;
}

.searches-orbit-core {
  position: absolute;

  top: 50%;
  left: 50%;

  width: 70px;
  height: 70px;

  display: flex;
  align-items: center;
  justify-content: center;

  transform: translate(-50%, -50%);

  border: 1px solid #d9e5ea;

  border-radius: 50%;

  background: rgba(255, 255, 255, .86);

  color: #30414a;

  font-size: 14px;
  font-weight: 800;

  box-shadow:
    0 12px 35px
    rgba(80, 126, 150, .12);
}

.searches-orbit-pill {
  position: absolute;

  display: inline-flex;
  align-items: center;

  min-height: 29px;

  padding: 0 11px;

  border: 1px solid #dce6ea;

  border-radius: 999px;

  background: rgba(255, 255, 255, .92);

  color: #69747a;

  font-size: 8px;
  font-weight: 650;

  box-shadow:
    0 7px 20px
    rgba(60, 80, 90, .055);
}

.searches-orbit-pill::before {
  content: "";

  width: 5px;
  height: 5px;

  margin-right: 6px;

  border-radius: 50%;

  background: #8ab3c7;
}

.searches-orbit-pill.pill-one {
  top: 12%;
  right: 5%;
}

.searches-orbit-pill.pill-two {
  bottom: 12%;
  left: 0;
}

.searches-orbit-pill.pill-three {
  bottom: 2%;
  right: 2%;
}


/* OVERVIEW */

.searches-overview {
  display: grid;

  grid-template-columns:
    repeat(4, minmax(0, 1fr));

  gap: 10px;

  margin-bottom: 16px;
}

.searches-stat {
  padding: 17px 18px;

  border: 1px solid #e7e1d8;

  border-radius: 17px;

  background: #fff;

  box-shadow:
    0 4px 18px
    rgba(30, 25, 20, .02);
}

.searches-stat span {
  display: block;

  color: #8c857c;

  font-size: 8px;
}

.searches-stat strong {
  display: block;

  margin-top: 8px;

  color: #151515;

  font-size: 25px;
  line-height: 1;
}

.searches-stat small {
  display: block;

  margin-top: 8px;

  color: #aaa39a;

  font-size: 8px;
}


/* SEARCHES WORKSPACE */

.searches-workspace {
  overflow: hidden;

  border: 1px solid #e4ded5;

  border-radius: 20px;

  background: #fff;
}

.searches-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 18px;

  padding: 13px 15px;

  border-bottom: 1px solid #eee9e2;
}

.searches-tabs {
  display: flex;
  align-items: center;

  gap: 5px;
}

.searches-tab {
  min-height: 31px;

  padding: 0 11px;

  border: 1px solid transparent;

  border-radius: 10px;

  background: transparent;

  color: #89827a;

  font-size: 9px;
  font-weight: 600;

  cursor: pointer;
}

.searches-tab:hover {
  background: #f8f6f2;
}

.searches-tab.active {
  border-color: #e3ddd4;

  background: #f5f2ed;

  color: #292724;
}

.searches-filter input {
  width: 225px;
  height: 34px;

  padding: 0 11px;

  border: 1px solid #e1dbd2;

  border-radius: 10px;

  outline: none;

  background: #faf9f7;

  color: #292724;

  font: inherit;
  font-size: 9px;
}

.searches-filter input:focus {
  border-color: #c9c1b7;

  background: #fff;

  box-shadow:
    0 0 0 3px
    rgba(0, 0, 0, .025);
}

.searches-list {
  min-height: 220px;

  padding: 12px;
}

.searches-loading {
  display: flex;
  align-items: center;

  gap: 13px;

  padding: 18px;

  border: 1px solid #e6e8e8;

  border-radius: 15px;

  background:
    linear-gradient(
      120deg,
      #fbfaf8,
      #f6fafb
    );
}

.searches-loading-mark {
  width: 38px;
  height: 38px;

  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 auto;

  border: 1px solid #dbe5e9;

  border-radius: 12px;

  background: #fff;

  color: #607984;

  font-size: 10px;
  font-weight: 800;
}

.searches-loading strong {
  display: block;

  color: #292724;

  font-size: 10px;
}

.searches-loading p {
  margin: 4px 0 0;

  color: #979087;

  font-size: 8px;
}


/* RESPONSIVE */

@media (max-width: 900px) {

  .searches-ai-hero {
    grid-template-columns: 1fr;
  }

  .searches-ai-orbit {
    display: none;
  }

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

}


@media (max-width: 620px) {

  .searches-head {
    flex-direction: column;
  }

  .searches-head .btn {
    width: 100%;
  }

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

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

  .searches-tabs {
    overflow: auto;
  }

  .searches-filter input {
    width: 100%;
  }

}

/*
  ============================================================
  SEARCH HISTORY CARDS
  ============================================================
*/

.search-history-card {
  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    auto;

  gap: 24px;

  margin-bottom: 10px;
  padding: 19px 20px;

  border: 1px solid #e5e8e8;
  border-radius: 16px;

  background:
    linear-gradient(
      120deg,
      #fffdfa 0%,
      #ffffff 58%,
      #f7fbfc 100%
    );

  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}


.search-history-card:last-child {
  margin-bottom: 0;
}


.search-history-card:hover {
  border-color: #d5dde0;

  box-shadow:
    0 8px 24px
    rgba(45, 60, 67, .045);

  transform:
    translateY(-1px);
}


/* TOP */

.search-history-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;

  gap: 16px;
}


.search-history-date {
  margin-bottom: 5px;

  color: #aaa39a;

  font-size: 8px;
  font-weight: 500;
}


.search-history-query {
  display: block;

  color: #171717;

  font-size: 15px;
  font-weight: 720;

  line-height: 1.25;
  letter-spacing: -.02em;
}


/* BADGES */

.search-history-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 6px;
}


.search-history-badge {
  display: inline-flex;
  align-items: center;

  min-height: 24px;

  padding: 0 9px;

  border: 1px solid #e2ddd5;
  border-radius: 999px;

  background: #faf8f5;

  color: #786f65;

  font-size: 7px;
  font-weight: 700;
}


.search-history-badge.ai {
  border-color: #d8e6eb;

  background: #f3fafc;

  color: #68818c;
}


/* METRICS */

.search-history-stats {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 7px;

  margin-top: 14px;
}


.search-history-stats span {
  display: inline-flex;
  align-items: baseline;

  gap: 4px;

  min-height: 28px;

  padding: 0 10px;

  border: 1px solid #ebe6df;
  border-radius: 9px;

  background: rgba(255,255,255,.72);

  color: #918980;

  font-size: 8px;
}


.search-history-stats strong {
  color: #292724;

  font-size: 10px;
  font-weight: 750;
}


/* AI MEMORY */

.search-history-ai {
  display: flex;
  align-items: center;

  gap: 10px;

  margin-top: 13px;
  padding: 10px 12px;

  border: 1px solid #e1e9ec;
  border-radius: 11px;

  background:
    linear-gradient(
      105deg,
      #fafafa,
      #f4fafc
    );
}


.search-history-ai > span {
  flex: 0 0 auto;

  color: #7d909a;

  font-size: 7px;
  font-weight: 800;

  letter-spacing: .12em;
}


.search-history-ai p {
  margin: 0;

  color: #7d7b76;

  font-size: 8px;
  line-height: 1.45;
}


/* ACTIONS */

/* ACTIONS */

.search-history-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  align-self: end;

  gap: 8px;
}


.search-history-actions .btn,
.search-history-actions .btn-outline {
  margin: 0;
  min-height: 31px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  line-height: 1;
}


/*
  ============================================================
  EXPANDED SEARCH RESULTS
  ============================================================
*/

.search-history-results {
  grid-column: 1 / -1;

  display: grid;
  gap: 7px;

  margin-top: 2px;
  padding-top: 14px;

  border-top: 1px solid #ebe7e1;
}


.search-history-results[hidden] {
  display: none;
}


.search-history-result-row {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 18px;

  min-height: 58px;

  padding: 11px 13px;

  border: 1px solid #e6e3dd;
  border-radius: 12px;

  background:
    linear-gradient(
      110deg,
      #ffffff,
      #fbfcfc
    );

  transition:
    border-color .15s ease,
    background .15s ease,
    transform .15s ease;
}


.search-history-result-row:hover {
  border-color: #d5dcde;

  background:
    linear-gradient(
      110deg,
      #fff,
      #f7fafb
    );

  transform: translateY(-1px);
}


.search-history-result-main {
  min-width: 0;

  display: flex;
  flex-direction: column;

  gap: 3px;
}


.search-history-result-main strong {
  color: #1c1b19;

  font-size: 11px;
  font-weight: 720;

  line-height: 1.3;

  letter-spacing: -.01em;
}


.search-history-result-main small {
  color: #969088;

  font-size: 8px;
  line-height: 1.35;
}


.search-history-result-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  flex-wrap: wrap;

  gap: 6px;

  flex: 0 0 auto;
}


.search-history-result-meta span {
  min-height: 25px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0 9px;

  border: 1px solid #e3dfd8;
  border-radius: 999px;

  background: #faf9f7;

  color: #77716a;

  font-size: 8px;
  font-weight: 650;

  line-height: 1;
}


.search-history-result-meta span.has-email {
  border-color: #d8e6dc;

  background: #f5faf6;

  color: #66806c;
}


.search-history-results-empty {
  padding: 18px;

  border: 1px dashed #ddd8d0;
  border-radius: 12px;

  background: #faf9f7;

  color: #918a81;

  font-size: 9px;

  text-align: center;
}
/* RESPONSIVE */

@media (max-width: 760px) {

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


  .search-history-actions {
    align-items: center;
  }


  .search-history-top {
    flex-direction: column;
  }

}

/*
  SEARCH HISTORY ACTION BUTTONS FIX
*/

.search-history-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  align-self: end;
}

.search-history-actions .btn,
.search-history-actions .btn-outline {
  height: 31px;
  min-height: 31px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin: 0;
  padding: 0 11px;

  border-radius: 8px;

  font-size: 9px;
  font-weight: 700;
  line-height: 1;

  box-sizing: border-box;
}

.search-history-actions .btn-outline {
  border: 1px solid #d8d6d1;
  background: #fff;
  color: #222;
}

/*
  ============================================================
  UI SYSTEM — TYPOGRAPHY NORMALIZATION
  ============================================================
*/

.app{
  font-size:var(--text-base);
}


/* SIDEBAR */

.side-brand-name{
  font-size:16px;
  font-weight:700;
  letter-spacing:-.02em;
}

.side-sub{
  font-size:12px;
  line-height:1.4;
}

.nav-section{
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
}

.side-nav button{
  font-size:14px;
  font-weight:500;
}

.side-nav button.active{
  font-weight:600;
}

.workspace-card strong{
  font-size:13px;
  font-weight:600;
}

.workspace-card small{
  font-size:12px;
}


/* ACCOUNT MENU */

.account-head strong{
  font-size:14px;
  font-weight:600;
}

.account-head small{
  font-size:12px;
}

.menu-item{
  font-size:13px;
  font-weight:500;
}


/* PAGE HEADERS */

.app-head h1{
  font-size:36px;
  line-height:1.08;
  font-weight:700;
  letter-spacing:-.035em;
}

.app-head p{
  font-size:14px;
  line-height:1.55;
}


/* METRICS */

.metric .label{
  font-size:12px;
  font-weight:500;
}

.metric .value{
  font-size:28px;
  font-weight:700;
}

.metric .foot{
  font-size:12px;
  line-height:1.45;
}


/* PANELS */

.panel-head strong{
  font-size:14px;
  font-weight:600;
}

.panel-head small{
  font-size:12px;
}

.empty strong{
  font-size:15px;
  font-weight:600;
}

.empty p{
  font-size:13px;
}


/* TABLES */

th{
  font-size:11px;
  font-weight:600;
  letter-spacing:.07em;
}

td{
  font-size:13px;
}


/* STATUS / PILLS */

.status{
  font-size:12px;
  font-weight:500;
}


/* GENERIC BUTTONS */

.btn,
.btn-outline,
.btn-ghost{
  min-height:36px;
  padding:0 14px;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  font-size:13px;
  font-weight:600;
  line-height:1;

  border-radius:10px;
}


/* FORM CONTROLS */

input,
textarea,
select{
  font-size:14px;
}

.form-grid label span{
  font-size:12px;
  font-weight:500;
}


/* TOAST */

.toast{
  font-size:13px;
  font-weight:500;
}

/*
  ============================================================
  UI SYSTEM — READABILITY PASS
  ============================================================
*/


/*
  SEARCHES PAGE
*/

.searches-stat span{
  font-size:12px;
  font-weight:500;
}

.searches-stat strong{
  font-size:28px;
  font-weight:700;
}

.searches-stat small{
  font-size:12px;
  line-height:1.4;
}


.searches-tab{
  font-size:13px;
  font-weight:500;
}

.searches-tab.active{
  font-weight:600;
}


.searches-filter input{
  font-size:13px;
}


.searches-loading strong{
  font-size:14px;
  font-weight:600;
}

.searches-loading p{
  font-size:12px;
}


/*
  SEARCH HISTORY CARD
*/

.search-history-date{
  font-size:12px;
}

.search-history-query{
  font-size:16px;
  font-weight:600;
}


.search-history-badge{
  min-height:26px;

  font-size:11px;
  font-weight:600;
}


.search-history-stats span{
  min-height:30px;

  font-size:12px;
}

.search-history-stats strong{
  font-size:13px;
  font-weight:600;
}


/*
  AI MEMORY
*/

.search-history-ai > span{
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
}

.search-history-ai p{
  font-size:12px;
  line-height:1.45;
}


/*
  SEARCH ACTIONS
*/

.search-history-actions .btn,
.search-history-actions .btn-outline{
  height:34px;
  min-height:34px;

  padding:0 12px;

  font-size:13px;
  font-weight:600;
}


/*
  EXPANDED SEARCH RESULTS
*/

.search-history-result-main strong{
  font-size:14px;
  font-weight:600;
}

.search-history-result-main small{
  font-size:12px;
}

.search-history-result-meta span{
  min-height:27px;

  font-size:11px;
  font-weight:500;
}

.search-history-results-empty{
  font-size:12px;
}


/*
  SETTINGS
*/

.settings-section-label{
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
}

.settings-section-head h2{
  font-size:17px;
  font-weight:600;
}

.settings-section-head p{
  font-size:13px;
  line-height:1.5;
}


.settings-profile-preview strong{
  font-size:14px;
  font-weight:600;
}

.settings-profile-preview small{
  font-size:12px;
}


.settings-form-grid label > span{
  font-size:12px;
  font-weight:500;
}

.settings-form-grid label > span em{
  font-size:11px;
}

.settings-field-note{
  font-size:12px;
}


.settings-security-row strong{
  font-size:13px;
  font-weight:600;
}

.settings-security-row small{
  font-size:12px;
}

.settings-verified{
  font-size:11px;
  font-weight:500;
}


/*
  DASHBOARD
*/

.dashboard-metric-label{
  font-size:12px;
  font-weight:500;
}

.dashboard-metric-foot{
  font-size:12px;
}


.dashboard-panel-head strong{
  font-size:14px;
  font-weight:600;
}

.dashboard-panel-head small{
  font-size:12px;
}


.dashboard-link-btn{
  font-size:12px;
  font-weight:500;
}


.dashboard-loading{
  font-size:12px;
}


.dashboard-campaign-main strong{
  font-size:13px;
  font-weight:600;
}

.dashboard-campaign-main small{
  font-size:12px;
}

.dashboard-campaign-stat strong{
  font-size:13px;
}

.dashboard-campaign-stat small{
  font-size:11px;
}

.dashboard-status{
  font-size:11px;
  font-weight:500;
}


.dashboard-action strong{
  font-size:13px;
  font-weight:600;
}

.dashboard-action small{
  font-size:12px;
}


.dashboard-activity-copy strong{
  font-size:13px;
  font-weight:500;
}

.dashboard-activity-copy small{
  font-size:12px;
}


.dashboard-empty p,
.dashboard-replies-empty p{
  font-size:12px;
}


/*
  FIND
*/

.lead-search-option-title{
  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
}

.lead-limit-btn{
  font-size:12px;
  font-weight:600;
}

.lead-switch-label{
  font-size:12px;
  font-weight:500;
}

.lead-option-soon{
  font-size:10px;
}


/*
  CAMPAIGNS
*/

.campaign-card-title{
  font-size:15px;
  font-weight:600;
}

.campaign-card-meta{
  font-size:12px;
}

.campaign-status{
  font-size:11px;
}


.campaign-rename-btn,
.campaign-delete-btn,
.campaign-open-btn{
  font-size:12px;
  font-weight:600;
}


.campaign-lead-head{
  font-size:11px;
  font-weight:600;
}

.campaign-lead-row{
  font-size:13px;
}

.campaign-lead-business{
  font-weight:600;
}


.campaign-lead-details-card
.lead-detail-label{
  font-size:11px;
  font-weight:500;
}

.campaign-lead-details-card
.lead-detail-value,
.campaign-lead-details-card
.lead-detail-value a{
  font-size:13px;
}

/*
  ============================================================
  SEARCHES — FINAL ACTION LAYOUT
  ============================================================
*/

.search-history-monitoring-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;

  margin-top:14px;
  padding:14px 15px;

  border:1px solid #e4e7e7;
  border-radius:12px;

  background:#fff;
}

.search-history-monitoring-copy{
  min-width:0;
}

.search-history-monitoring-label,
.search-history-latest-label{
  display:block;

  margin-bottom:4px;

  color:#84949c;

  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.search-history-monitoring-copy strong{
  display:block;

  color:#1c1b19;

  font-size:14px;
  font-weight:600;
}

.search-history-monitoring-copy small{
  display:block;

  margin-top:3px;

  color:#8c8780;

  font-size:12px;
  line-height:1.45;
}


/*
  MONITOR TOGGLE
*/

.search-monitor-toggle{
  flex:0 0 auto;

  padding:0;

  border:0;

  background:transparent;

  cursor:pointer;
}

.search-monitor-toggle-track{
  width:42px;
  height:24px;

  display:block;

  position:relative;

  border-radius:999px;

  background:#dedbd6;

  transition:
    background .18s ease;
}

.search-monitor-toggle-track > span{
  position:absolute;

  top:3px;
  left:3px;

  width:18px;
  height:18px;

  border-radius:50%;

  background:#fff;

  box-shadow:
    0 1px 4px
    rgba(0,0,0,.16);

  transition:
    transform .18s ease;
}

.search-monitor-toggle.is-on
.search-monitor-toggle-track{
  background:#171717;
}

.search-monitor-toggle.is-on
.search-monitor-toggle-track > span{
  transform:translateX(18px);
}

.search-monitor-toggle:disabled{
  opacity:.55;
  cursor:wait;
}


/*
  LATEST UPDATE
*/

.search-history-latest{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;

  margin-top:10px;
  padding:12px 14px;

  border:1px solid #dfe9ed;
  border-radius:11px;

  background:
    linear-gradient(
      105deg,
      #fafafa,
      #f4fafc
    );
}

.search-history-latest p{
  margin:0;

  color:#74736e;

  font-size:12px;
  line-height:1.45;
}

.search-history-latest-action{
  flex:0 0 auto;

  padding:0;

  border:0;

  background:transparent;

  color:#536f7c;

  font-size:12px;
  font-weight:600;

  cursor:pointer;
}

.search-history-latest-action:disabled{
  opacity:.45;
  cursor:default;
}


/*
  MAIN ACTIONS
*/

.search-history-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;

  gap:8px;

  align-self:end;
}

.search-history-actions .btn{
  height:36px;
  min-height:36px;

  padding:0 14px;

  font-size:13px;
  font-weight:600;
}


/*
  THREE DOT MENU
*/

.search-history-more{
  position:relative;
}

.search-history-more > summary{
  list-style:none;
}

.search-history-more > summary::-webkit-details-marker{
  display:none;
}

.search-history-more-button{
  width:36px;
  height:36px;

  display:flex;
  align-items:center;
  justify-content:center;

  box-sizing:border-box;

  border:1px solid #d8d6d1;
  border-radius:10px;

  background:#fff;

  color:#222;

  font-size:15px;
  font-weight:700;

  cursor:pointer;
  user-select:none;
}

.search-history-more-button:hover{
  background:#f7f5f2;
}

.search-history-more-menu{
  position:absolute;

  right:0;
  bottom:44px;

  z-index:30;

  width:230px;

  padding:7px;

  border:1px solid #dfdbd4;
  border-radius:12px;

  background:#fff;

  box-shadow:
    0 16px 40px
    rgba(30,25,20,.12);
}

.search-history-more-menu button,
.search-history-more-info{
  width:100%;

  min-height:36px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;

  box-sizing:border-box;

  padding:0 10px;

  border:0;
  border-radius:8px;

  background:transparent;

  color:#292724;

  font-family:var(--font-sans);
  font-size:13px;
  font-weight:500;

  text-align:left;
}

.search-history-more-menu button{
  cursor:pointer;
}

.search-history-more-menu button:hover:not(:disabled){
  background:#f6f4f1;
}

.search-history-more-menu button:disabled{
  color:#aaa59e;
  cursor:default;
}

.search-history-more-menu button small{
  color:#aaa59e;

  font-size:11px;
  font-weight:500;
}

.search-history-more-menu
.is-danger{
  color:#a34c4c;
}

.search-history-more-divider{
  height:1px;

  margin:6px 4px;

  background:#eeeae4;
}

.search-history-more-info{
  color:#77716a;
}

.search-history-more-info strong{
  color:#292724;

  font-size:12px;
  font-weight:600;
}


/*
  FUTURE EXPANDED AREAS
*/

.search-history-changes{
  grid-column:1 / -1;
}

.search-history-changes[hidden]{
  display:none;
}


@media(max-width:760px){

  .search-history-monitoring-row,
  .search-history-latest{
    align-items:flex-start;
  }

  .search-history-actions{
    justify-content:flex-start;
  }

  .search-history-more-menu{
    right:auto;
    left:0;
  }

}

/*
  SEARCH CARD — MORE MENU POSITION
*/

.search-history-card{
  position:relative;
}

.search-history-badges{
  padding-right:48px;
}

.search-history-more{
  position:absolute;
  top:18px;
  right:18px;
  z-index:30;
}

.search-history-more-menu{
  top:44px;
  right:0;
  bottom:auto;
}

/*
  ============================================================
  SAVED SEARCH — EXPANDABLE LEADS
  ============================================================
*/

.search-history-result-item{
  overflow:visible;

  border:1px solid #e6e3dd;
  border-radius:12px;

  background:#fff;
}


.search-history-result-row{
  min-height:0;
  padding:0;

  display:grid;
  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:0;

  border:0;
  border-radius:0;

  background:transparent;

  transform:none !important;
}


.search-history-result-toggle{
  width:100%;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:20px;

  padding:13px 14px;

  border:0;

  background:transparent;

  color:inherit;

  font-family:var(--font-sans);

  text-align:left;

  cursor:pointer;
}


.search-history-result-toggle:hover{
  background:#faf9f7;
}


.search-history-result-chevron{
  min-width:26px !important;

  border:0 !important;
  background:transparent !important;

  font-size:14px !important;

  transition:
    transform .18s ease;
}


.search-history-result-item.is-open
.search-history-result-chevron{
  transform:rotate(180deg);
}


/*
  LEAD THREE DOTS
*/

.search-history-lead-more{
  position:relative;

  display:flex;
  align-items:center;

  padding-right:12px;
}


.search-history-lead-more > summary{
  list-style:none;
}


.search-history-lead-more > summary::-webkit-details-marker{
  display:none;
}


.search-history-lead-more-button{
  width:32px;
  height:32px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:1px solid #ddd9d2;
  border-radius:9px;

  background:#fff;

  font-size:14px;
  font-weight:700;

  cursor:pointer;
}


.search-history-lead-more-button:hover{
  background:#f6f4f1;
}


.search-history-lead-more-menu{
  position:absolute;

  top:42px;
  right:12px;

  z-index:50;

  width:215px;

  padding:7px;

  border:1px solid #dfdbd4;
  border-radius:12px;

  background:#fff;

  box-shadow:
    0 16px 40px
    rgba(30,25,20,.12);
}


.search-history-lead-more-menu button,
.search-history-lead-more-menu a{
  width:100%;
  min-height:36px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:10px;

  box-sizing:border-box;

  padding:0 10px;

  border:0;
  border-radius:8px;

  background:transparent;

  color:#292724;

  font-family:var(--font-sans);
  font-size:13px;
  font-weight:500;

  text-decoration:none;
  text-align:left;

  cursor:pointer;
}


.search-history-lead-more-menu button:hover:not(:disabled),
.search-history-lead-more-menu a:hover{
  background:#f6f4f1;
}


.search-history-lead-more-menu button:disabled{
  color:#aaa59e;
  cursor:default;
}


.search-history-lead-more-menu small{
  color:#aaa59e;

  font-size:11px;
}


.search-history-lead-more-divider{
  height:1px;

  margin:6px 4px;

  background:#eeeae4;
}


/*
  EXPANDED INFORMATION
*/

.search-history-result-details{
  padding:0 14px 14px;

  border-top:1px solid #efebe5;
}


.search-history-result-details[hidden]{
  display:none;
}


.search-history-lead-detail-grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:9px;

  padding-top:12px;
}


.search-history-lead-detail{
  padding:11px 12px;

  border:1px solid #ebe7e1;
  border-radius:10px;

  background:#faf9f7;
}


.search-history-lead-detail span{
  display:block;

  margin-bottom:5px;

  color:#918a82;

  font-size:11px;
  font-weight:500;
}


.search-history-lead-detail strong{
  display:block;

  overflow-wrap:anywhere;

  color:#292724;

  font-size:13px;
  font-weight:600;
  line-height:1.4;
}


@media(max-width:760px){

  .search-history-result-toggle{
    align-items:flex-start;
    flex-direction:column;
  }


  .search-history-result-meta{
    justify-content:flex-start;
  }


  .search-history-lead-detail-grid{
    grid-template-columns:1fr;
  }

}

/*
  ============================================================
  SEARCH MONITORING — WHAT'S NEW
  ============================================================
*/

.search-history-changes{
  grid-column:1 / -1;

  margin-top:12px;
}


.search-history-changes[hidden]{
  display:none;
}


.search-monitor-panel{
  padding:14px;

  border:1px solid #dfe9ed;
  border-radius:12px;

  background:
    linear-gradient(
      110deg,
      #fff,
      #f7fbfc
    );
}


.search-monitor-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  gap:18px;

  margin-bottom:12px;
}


.search-monitor-panel-head span{
  display:block;

  margin-bottom:4px;

  color:#78909b;

  font-size:11px;
  font-weight:600;
  letter-spacing:.08em;
}


.search-monitor-panel-head strong{
  display:block;

  font-size:15px;
  font-weight:600;
}


.search-monitor-panel-head small{
  color:#96918a;

  font-size:12px;
}


.search-monitor-change-list{
  display:grid;

  gap:8px;
}


.search-monitor-change-heading{
  display:flex;
  align-items:center;

  gap:8px;
}


.search-monitor-change-badge{
  display:inline-flex;

  min-height:22px;

  align-items:center;

  padding:0 7px;

  border:1px solid #d8e3e6;
  border-radius:999px;

  font-size:10px;
  font-weight:700;
  letter-spacing:.05em;
}


.search-monitor-change-badge.is-new{
  background:#f1faf6;
  border-color:#cfe7da;

  color:#4f7c64;
}


.search-monitor-change-badge.is-updated{
  background:#f4f8fa;
  border-color:#d3e1e6;

  color:#587480;
}


.search-monitor-change-description{
  padding:
    0 14px
    11px;

  color:#89837c;

  font-size:12px;
}


.search-monitor-history{
  margin-top:14px;
  padding-top:12px;

  border-top:1px solid #e5ecee;
}


.search-monitor-history-title{
  margin-bottom:7px;

  color:#77716b;

  font-size:11px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}


.search-monitor-history-row{
  min-height:32px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:16px;

  border-bottom:1px solid #efefec;

  font-size:12px;
}


.search-monitor-history-row:last-child{
  border-bottom:0;
}


.search-monitor-history-row small{
  color:#8b857e;

  font-size:12px;
}


@media(max-width:760px){

  .search-monitor-panel-head{
    align-items:flex-start;
    flex-direction:column;

    gap:5px;
  }


  .search-monitor-history-row{
    align-items:flex-start;
    flex-direction:column;

    gap:2px;

    padding:7px 0;
  }

}

/* ============================================================
   SAVED LEAD — DEEP RESEARCH
   ============================================================ */

.search-history-research{
  margin-top:12px;
  padding:14px;

  border:1px solid #dfe8eb;
  border-radius:12px;

  background:#fbfdfd;
}


.search-history-research-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:16px;

  margin-bottom:14px;
}


.search-history-research-head span,
.search-history-research-summary > span,
.search-history-research-section > span,
.search-history-research-card > span,
.search-history-research-sources > span{
  display:block;

  margin-bottom:5px;

  color:#78909b;

  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
}


.search-history-research-head strong{
  display:block;

  font-size:15px;
  font-weight:600;
}


.search-history-research-head small{
  color:#938d86;

  font-size:11px;
}


.search-history-research-summary{
  margin-bottom:14px;
}


.search-history-research-summary p,
.search-history-research-card p{
  margin:0;

  color:#34312e;

  font-size:13px;
  line-height:1.55;
}


.search-history-research-signals{
  display:grid;

  gap:7px;
}


.search-history-research-signal{
  padding:10px 11px;

  border:1px solid #e5e8e7;
  border-radius:9px;

  background:#fff;
}


.search-history-research-signal strong{
  display:block;

  font-size:12px;
  font-weight:600;
}


.search-history-research-signal p{
  margin:4px 0 0;

  color:#77716b;

  font-size:12px;
  line-height:1.45;
}


.search-history-research-signal a{
  display:inline-block;

  margin-top:5px;

  color:#607d86;

  font-size:11px;
}


.search-history-research-grid{
  display:grid;
  grid-template-columns:1fr 1fr;

  gap:10px;

  margin-top:14px;
}


.search-history-research-card{
  padding:12px;

  border:1px solid #e4e8e7;
  border-radius:10px;

  background:#fff;
}


.search-history-research-sources{
  margin-top:14px;
  padding-top:12px;

  border-top:1px solid #e4e9ea;
}


.search-history-research-sources div{
  display:flex;
  flex-wrap:wrap;

  gap:7px;
}


.search-history-research-sources a{
  padding:5px 8px;

  border:1px solid #ddd;
  border-radius:999px;

  background:#fff;

  color:#66615b;

  font-size:11px;
  text-decoration:none;
}


.search-history-research-loading,
.search-history-research-error{
  display:flex;
  flex-direction:column;

  gap:4px;

  padding:8px 2px;
}


.search-history-research-loading small,
.search-history-research-error small,
.search-history-research-empty{
  color:#8d8780;

  font-size:12px;
}


@media(max-width:760px){

  .search-history-research-grid{
    grid-template-columns:1fr;
  }

}


.lead-card-research-signals {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.lead-card-research-signals span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 5px 9px;
  border: 1px solid rgba(24, 39, 31, 0.10);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.64);
  font-size: 11px;
  line-height: 1.2;
}

.lead-card-why {
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid rgba(24, 39, 31, 0.08);
}

.lead-card-why > span {
  display: block;
  margin-bottom: 4px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.58;
}

.lead-card-why p {
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
}

.lead-card-intel-block.is-opportunity small {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

/* ========================================
   FIND LEAD CARD — CLEAN LAYOUT
   ======================================== */

.lead-card-title-row {
  align-items: flex-start;
}

.lead-card-badges {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-shrink: 0;
}


/* Three-dot button */

.find-lead-more {
  position: relative;
}

.find-lead-more > summary {
  width: 30px;
  height: 30px;
  min-width: 30px;
  padding: 0;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}


/* Compact Find menu */

.find-lead-more .search-history-lead-more-menu {
  position: absolute;
  top: calc(100% + 7px);
  right: 0;
  left: auto;

  width: 176px;
  min-width: 176px;

  padding: 6px;

  border-radius: 12px;

  z-index: 30;
}


.find-lead-more .search-history-lead-more-menu button,
.find-lead-more .search-history-lead-more-menu a {
  width: 100%;
  min-height: 34px;

  padding: 8px 10px;

  display: flex;
  align-items: center;

  border-radius: 8px;

  font-size: 12px;
  line-height: 1.2;
}


/* Intelligence stays as a proper 2-column row */

.lead-card-intelligence {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  width: 100%;
}


/* Actions belong below intelligence */

.lead-card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;

  gap: 8px;

  width: 100%;

  margin-top: 12px;
  padding-top: 12px;

  border-top: 1px solid rgba(24, 39, 31, 0.08);
}

/* ============================================================
   THEME SYSTEM
   ============================================================ */

:root {
  color-scheme: light;

  --theme-bg: #f7f6f2;
  --theme-surface: #ffffff;
  --theme-surface-soft: #faf9f6;
  --theme-surface-hover: #f4f3ef;

  --theme-text: #171816;
  --theme-text-soft: #6f726c;
  --theme-text-muted: #92958f;

  --theme-border: #e5e1d8;
  --theme-border-strong: #d7d2c8;

  --theme-shadow:
    0 10px 30px
    rgba(21, 23, 20, 0.06);
}


html[data-theme="dark"] {
  color-scheme: dark;

  --theme-bg: #10110f;
  --theme-surface: #181917;
  --theme-surface-soft: #1e1f1c;
  --theme-surface-hover: #252622;

  --theme-text: #f2f2ee;
  --theme-text-soft: #b1b3ad;
  --theme-text-muted: #858882;

  --theme-border: #30312d;
  --theme-border-strong: #3b3d37;

  --theme-shadow:
    0 12px 34px
    rgba(0, 0, 0, 0.26);
}


/* ============================================================
   QUICK THEME SWITCH
   ============================================================ */

.theme-quick-toggle {
  width: 50px;
  height: 30px;

  min-width: 50px;

  padding: 0;

  border: 0;
  background: transparent !important;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 auto;

  cursor: pointer;
}


.theme-toggle-track {
  position: relative;

  width: 50px;
  height: 30px;

  border-radius: 999px;

  background: #e9e5dc;

  border: 1px solid var(--theme-border);

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding: 0 8px;

  transition:
    background 0.2s ease,
    border-color 0.2s ease;
}


.theme-toggle-icon {
  position: relative;
  z-index: 1;

  font-size: 11px;
  line-height: 1;

  color: #8c8f88;

  pointer-events: none;

  transition:
    color 0.2s ease,
    opacity 0.2s ease;
}


.theme-toggle-knob {
  position: absolute;
  top: 3px;
  left: 3px;

  width: 22px;
  height: 22px;

  border-radius: 50%;

  background: #7ac943;

  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.18);

  transition:
    transform 0.2s ease,
    background 0.2s ease;
}


/* LIGHT */

html[data-theme="light"]
.theme-toggle-track {
  background: #f4f1ea;
}


html[data-theme="light"]
.theme-toggle-icon-moon {
  color: #ffffff;
}


html[data-theme="light"]
.theme-toggle-icon-sun {
  color: #9a9d96;
}


html[data-theme="light"]
.theme-toggle-knob {
  transform: translateX(0);
  background: #7ac943;
}


/* DARK */

html[data-theme="dark"]
.theme-toggle-track {
  background: #f4f1ea;
  border-color: #ddd8ce;
}


html[data-theme="dark"]
.theme-toggle-icon-moon {
  color: #9a9d96;
}


html[data-theme="dark"]
.theme-toggle-icon-sun {
  color: #ffffff;
}


html[data-theme="dark"]
.theme-toggle-knob {
  transform: translateX(20px);
  background: #7ac943;
}

/* Hover */

.theme-quick-toggle:hover .theme-toggle-track {
  border-color: var(--theme-border-strong);
}

/* ============================================================
   THEME COLORS
   ============================================================ */

html[data-theme="dark"] {
  color-scheme: dark;

  --theme-bg: #141512;
  --theme-surface: #1b1c19;
  --theme-surface-soft: #21221f;
  --theme-surface-hover: #282a26;

  --theme-text: #f1f1ec;
  --theme-text-soft: #b8bab4;
  --theme-text-muted: #8d9088;

  --theme-border: #34362f;
  --theme-border-strong: #41443c;

  --theme-shadow:
    0 12px 34px
    rgba(0, 0, 0, 0.22);
}


/* ============================================================
   SETTINGS — THEME
   ============================================================ */

.theme-settings-options {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0, 1fr)
    );

  gap: 10px;
}


.theme-settings-option {
  min-width: 0;

  padding: 14px;

  border:
    1px solid
    var(--theme-border);

  border-radius: 12px;

  background:
    var(--theme-surface);

  color:
    var(--theme-text);

  display: flex;
  align-items: center;

  gap: 11px;

  text-align: left;

  cursor: pointer;

  transition:
    background 0.18s ease,
    border-color 0.18s ease;
}


.theme-settings-option:hover {
  background:
    var(--theme-surface-soft);

  border-color:
    var(--theme-border-strong);
}


.theme-settings-option.active {
  border-color:
    #78c94b;

  box-shadow:
    0 0 0 2px
    rgba(
      120,
      201,
      75,
      0.12
    );
}


.theme-settings-icon {
  width: 30px;
  height: 30px;

  flex: 0 0 auto;

  border-radius: 9px;

  background:
    var(--theme-surface-soft);

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 14px;
}


.theme-settings-option strong {
  display: block;

  font-size: 12px;

  color:
    var(--theme-text);
}


.theme-settings-option small {
  display: block;

  margin-top: 3px;

  color:
    var(--theme-text-muted);

  font-size: 9px;
}


@media(max-width: 700px) {

  .theme-settings-options {
    grid-template-columns:
      1fr;
  }
}


/* ============================================================
   GLOBAL DARK THEME
   ============================================================ */

html[data-theme="dark"],
html[data-theme="dark"] body {
  background:
    var(--theme-bg);

  color:
    var(--theme-text);
}


html[data-theme="dark"] .app,
html[data-theme="dark"] .app-main,
html[data-theme="dark"] .app-content {
  background:
    var(--theme-bg);
}


/* ---------- SIDEBAR ---------- */

html[data-theme="dark"] .sidebar {
  background:
    rgba(27, 28, 25, 0.96);

  border-right-color:
    var(--theme-border);
}


html[data-theme="dark"] .workspace-card {
  background:
    var(--theme-surface-soft);

  border-color:
    var(--theme-border);
}


html[data-theme="dark"] .side-nav button {
  color:
    var(--theme-text-soft);
}


html[data-theme="dark"] .side-nav button:hover {
  background:
    var(--theme-surface-hover);
}


html[data-theme="dark"] .side-nav button.active {
  background:
    #2a2c27;

  color:
    var(--theme-text);
}


html[data-theme="dark"] .side-sub,
html[data-theme="dark"] .nav-section,
html[data-theme="dark"] .workspace-card small {
  color:
    var(--theme-text-muted);
}


/* ---------- TOP BAR ---------- */

html[data-theme="dark"] .app-top {
  background:
    rgba(20, 21, 18, 0.92);

  border-bottom-color:
    var(--theme-border);
}


html[data-theme="dark"] .icon-btn,
html[data-theme="dark"] .avatar-btn {
  background:
    var(--theme-surface);

  border-color:
    var(--theme-border);

  color:
    var(--theme-text-soft);
}


/* ---------- ACCOUNT MENU ---------- */

html[data-theme="dark"] .account-menu {
  background:
    var(--theme-surface);

  border-color:
    var(--theme-border);

  box-shadow:
    var(--theme-shadow);
}


html[data-theme="dark"] .account-menu .sep {
  border-color:
    var(--theme-border);
}


html[data-theme="dark"] .menu-item {
  color:
    var(--theme-text);
}


html[data-theme="dark"] .menu-item:hover {
  background:
    var(--theme-surface-hover);
}


/* ---------- TYPOGRAPHY ---------- */

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] strong {
  color:
    var(--theme-text);
}


html[data-theme="dark"] p,
html[data-theme="dark"] small,
html[data-theme="dark"] .eyebrow {
  color:
    var(--theme-text-soft);
}


/* ---------- FORMS ---------- */

html[data-theme="dark"] textarea,
html[data-theme="dark"] input,
html[data-theme="dark"] select {
  background:
    var(--theme-surface-soft);

  border-color:
    var(--theme-border);

  color:
    var(--theme-text);
}


html[data-theme="dark"] textarea::placeholder,
html[data-theme="dark"] input::placeholder {
  color:
    var(--theme-text-muted);
}


/* ---------- BUTTONS ---------- */

html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] .lead-expand-btn,
html[data-theme="dark"] .lead-card-research-btn {
  background:
    var(--theme-surface-soft);

  border-color:
    var(--theme-border);

  color:
    var(--theme-text);
}


html[data-theme="dark"] .btn-outline:hover,
html[data-theme="dark"] .lead-expand-btn:hover,
html[data-theme="dark"] .lead-card-research-btn:hover {
  background:
    var(--theme-surface-hover);
}


/* ============================================================
   DASHBOARD
   ============================================================ */

html[data-theme="dark"] .dashboard-metric,
html[data-theme="dark"] .dashboard-panel {
  background:
    var(--theme-surface);

  border-color:
    var(--theme-border);

  box-shadow:
    none;
}


html[data-theme="dark"] .dashboard-metric-value {
  color:
    var(--theme-text);
}


html[data-theme="dark"] .dashboard-metric-label,
html[data-theme="dark"] .dashboard-metric-foot {
  color:
    var(--theme-text-muted);
}


html[data-theme="dark"] .dashboard-panel-head {
  border-bottom-color:
    var(--theme-border);
}


html[data-theme="dark"] .dashboard-panel-head strong {
  color:
    var(--theme-text);
}


html[data-theme="dark"] .dashboard-campaign-row,
html[data-theme="dark"] .dashboard-activity-row,
html[data-theme="dark"] .dashboard-reply-row {
  background:
    var(--theme-surface-soft);

  border-color:
    var(--theme-border);

  box-shadow:
    none;
}


html[data-theme="dark"] .dashboard-campaign-row:hover,
html[data-theme="dark"] .dashboard-activity-row:hover,
html[data-theme="dark"] .dashboard-reply-row:hover {
  background:
    var(--theme-surface-hover);

  border-color:
    var(--theme-border-strong);

  box-shadow:
    none;
}


html[data-theme="dark"] .dashboard-campaign-main strong,
html[data-theme="dark"] .dashboard-activity-copy strong,
html[data-theme="dark"] .dashboard-reply-top strong {
  color:
    var(--theme-text);
}


html[data-theme="dark"] .dashboard-campaign-main small,
html[data-theme="dark"] .dashboard-activity-copy small,
html[data-theme="dark"] .dashboard-reply-top small,
html[data-theme="dark"] .dashboard-reply-campaign,
html[data-theme="dark"] .dashboard-reply-preview {
  color:
    var(--theme-text-muted);
}


html[data-theme="dark"] .dashboard-action {
  color:
    var(--theme-text);
}


html[data-theme="dark"] .dashboard-action:hover {
  background:
    var(--theme-surface-hover);
}


html[data-theme="dark"] .dashboard-action-icon {
  background:
    var(--theme-surface-soft);

  border-color:
    var(--theme-border);

  color:
    var(--theme-text);
}


html[data-theme="dark"]
.dashboard-reply-row .dashboard-status,
html[data-theme="dark"]
.dashboard-campaign-row .campaign-status {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;

  color:
    var(--theme-text-soft) !important;

  box-shadow:
    none !important;
}


/* ---------- DASHBOARD AI HERO ---------- */

html[data-theme="dark"] .dashboard-ai-hero {
  background:
    linear-gradient(
      120deg,
      #1b1c19 0%,
      #1d1f1c 55%,
      #1a252a 100%
    );

  border-color:
    var(--theme-border);

  box-shadow:
    none;
}


html[data-theme="dark"] .dashboard-ai-hero h2 {
  color:
    var(--theme-text);
}


html[data-theme="dark"] .dashboard-ai-hero p,
html[data-theme="dark"] .dashboard-ai-kicker {
  color:
    var(--theme-text-muted);
}


html[data-theme="dark"] .dashboard-ai-features span,
html[data-theme="dark"] .dashboard-ai-signal {
  background:
    var(--theme-surface-soft);

  border-color:
    var(--theme-border);

  color:
    var(--theme-text-soft);
}


html[data-theme="dark"] .dashboard-ai-orb-core {
  background:
    var(--theme-surface);

  color:
    var(--theme-text);
}


/* ============================================================
   FIND PAGE
   ============================================================ */

html[data-theme="dark"] .find-hero {
  background:
    linear-gradient(
      120deg,
      #1b1c19 0%,
      #1d1f1c 54%,
      #1a252a 100%
    );

  border-color:
    var(--theme-border);

  box-shadow:
    none;
}


html[data-theme="dark"] .find-hero h1,
html[data-theme="dark"] .find-hero h2 {
  color:
    var(--theme-text);
}


html[data-theme="dark"] .find-hero p,
html[data-theme="dark"] .find-hero .eyebrow {
  color:
    var(--theme-text-muted);
}


/* Search box */

html[data-theme="dark"] .prompt,
html[data-theme="dark"] .prompt-wrap {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;

  box-shadow:
    none !important;
}


html[data-theme="dark"] .prompt textarea {
  background:
    transparent !important;

  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .prompt-bottom,
html[data-theme="dark"] .lead-search-options {
  border-top-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .lead-search-option {
  background:
    transparent !important;
}


html[data-theme="dark"] .lead-search-option-title {
  color:
    var(--theme-text-muted);
}


html[data-theme="dark"] .lead-count-select,
html[data-theme="dark"] .lead-contact-pill {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;

  color:
    var(--theme-text-soft) !important;
}


/* Workflow */

html[data-theme="dark"] .find-stage,
html[data-theme="dark"] [data-find-stage] {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;

  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .find-stage.active,
html[data-theme="dark"] [data-find-stage].active,
html[data-theme="dark"] .find-stage.is-complete {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border-strong) !important;
}


html[data-theme="dark"] .find-stage small,
html[data-theme="dark"] [data-find-stage] small {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] #findStagePanel,
html[data-theme="dark"] .find-stage-panel {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .find-stage-detail-card {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .find-stage-detail-label,
html[data-theme="dark"] .find-stage-detail-text {
  color:
    var(--theme-text-soft);
}


/* Results panel */

html[data-theme="dark"] .panel {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;

  box-shadow:
    none !important;
}


html[data-theme="dark"] .panel-head {
  border-color:
    var(--theme-border) !important;
}


/* Individual lead cards */

html[data-theme="dark"] .lead-result-card {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .lead-result-card h3,
html[data-theme="dark"] .lead-result-card strong {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .lead-card-location {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .lead-card-intel-block {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .lead-card-intel-block.is-opportunity {
  background:
    #1b2520 !important;

  border-color:
    #34453a !important;
}


html[data-theme="dark"] .lead-card-intel-label,
html[data-theme="dark"] .lead-card-intel-block small {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .lead-card-actions {
  border-top-color:
    var(--theme-border) !important;
}


/* Pills */

html[data-theme="dark"] .lead-card-fact,
html[data-theme="dark"] .lead-card-fit,
html[data-theme="dark"] .status.good {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;

  color:
    var(--theme-text-soft) !important;
}


html[data-theme="dark"] .lead-card-fact.is-good {
  background:
    #1b271d !important;

  border-color:
    #354b39 !important;

  color:
    #b8d9ba !important;
}


html[data-theme="dark"] .lead-card-actions .btn-outline,
html[data-theme="dark"] .lead-card-actions button {
  background:
    var(--theme-surface) !important;

  color:
    var(--theme-text) !important;

  border-color:
    var(--theme-border) !important;
}


/* Details */

html[data-theme="dark"] .lead-details-row,
html[data-theme="dark"] .lead-detail-card,
html[data-theme="dark"] .campaign-lead-details-card {
  background:
    var(--theme-surface-soft);

  border-color:
    var(--theme-border);
}


html[data-theme="dark"] .lead-detail-label {
  color:
    var(--theme-text-muted);
}


html[data-theme="dark"] .lead-detail-value,
html[data-theme="dark"] .lead-detail-value a {
  color:
    var(--theme-text);
}


/* Three-dot */

html[data-theme="dark"]
.search-history-lead-more-menu {
  background:
    var(--theme-surface);

  border-color:
    var(--theme-border);

  box-shadow:
    var(--theme-shadow);
}


html[data-theme="dark"]
.search-history-lead-more-menu button,
html[data-theme="dark"]
.search-history-lead-more-menu a {
  color:
    var(--theme-text);
}


html[data-theme="dark"]
.search-history-lead-more-menu button:hover,
html[data-theme="dark"]
.search-history-lead-more-menu a:hover {
  background:
    var(--theme-surface-hover);
}


/* ============================================================
   SEARCHES PAGE
   ============================================================ */

html[data-theme="dark"] .searches-hero,
html[data-theme="dark"] .search-memory-hero {
  background:
    linear-gradient(
      120deg,
      #1b1c19 0%,
      #1d1f1c 55%,
      #1a252a 100%
    ) !important;

  border-color:
    var(--theme-border) !important;

  box-shadow:
    none !important;
}


html[data-theme="dark"] .searches-stat,
html[data-theme="dark"] .search-stat-card {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-card,
html[data-theme="dark"] .search-history-result,
html[data-theme="dark"] .search-history-lead {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-card strong,
html[data-theme="dark"] .search-history-result strong {
  color:
    var(--theme-text);
}


html[data-theme="dark"] .search-history-card small,
html[data-theme="dark"] .search-history-result small {
  color:
    var(--theme-text-muted);
}


/* ============================================================
   CAMPAIGNS PAGE
   ============================================================ */

html[data-theme="dark"] .campaign-card,
html[data-theme="dark"] .campaign-row {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .campaign-card strong,
html[data-theme="dark"] .campaign-row strong,
html[data-theme="dark"] .campaign-title {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .campaign-card small,
html[data-theme="dark"] .campaign-row small {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .campaign-lead-row,
html[data-theme="dark"] .campaign-lead-head {
  border-color:
    var(--theme-border);
}


.campaign-lead-availability {
  margin: 16px 0;
  padding: 16px 18px;
  border: 1px solid var(--theme-border);
  border-radius: 12px;
  background: var(--theme-surface-soft);
  color: var(--theme-text);
  font-size: 13px;
  line-height: 1.5;
}

.campaign-lead-availability p {
  margin: 6px 0 0;
  color: var(--theme-text-muted);
}

html[data-theme="dark"] .campaign-lead-row:hover {
  background:
    var(--theme-surface-hover);
}


/* ============================================================
   REPLIES PAGE
   ============================================================ */

html[data-theme="dark"] .replies-list-panel,
html[data-theme="dark"] .replies-detail-panel,
html[data-theme="dark"] .reply-detail-content,
html[data-theme="dark"] .reply-conversation {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .reply-row,
html[data-theme="dark"] .reply-list-item {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .reply-row:hover,
html[data-theme="dark"] .reply-list-item:hover {
  background:
    var(--theme-surface-hover) !important;
}


html[data-theme="dark"] .reply-detail-head,
html[data-theme="dark"] .reply-conversation-meta {
  border-color:
    var(--theme-border);
}


html[data-theme="dark"] .reply-conversation-meta,
html[data-theme="dark"] .reply-conversation-meta strong {
  color:
    var(--theme-text-soft);
}


/* Current chat bubbles */

html[data-theme="dark"] .chat-bubble {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;

  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .chat-message.outgoing .chat-bubble {
  background:
    #252720 !important;
}


html[data-theme="dark"] .chat-message.incoming .chat-bubble {
  background:
    var(--theme-surface-soft) !important;
}


html[data-theme="dark"] .chat-author,
html[data-theme="dark"] .chat-subject,
html[data-theme="dark"] .chat-text {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .chat-time {
  color:
    var(--theme-text-muted) !important;
}


/* Old reply bubble implementation */

html[data-theme="dark"] .reply-thread-message {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .reply-thread-message.outgoing {
  background:
    #252720 !important;
}


html[data-theme="dark"] .reply-thread-message.incoming {
  background:
    var(--theme-surface-soft) !important;
}


html[data-theme="dark"]
.reply-thread-message-head strong,
html[data-theme="dark"]
.reply-thread-message-subject,
html[data-theme="dark"]
.reply-thread-message-body {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"]
.reply-thread-message-head span {
  color:
    var(--theme-text-muted) !important;
}


/* Composer */

html[data-theme="dark"] .reply-composer {
  border-top-color:
    var(--theme-border);
}


html[data-theme="dark"] .reply-composer textarea {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text) !important;

  border-color:
    var(--theme-border) !important;
}


/* ============================================================
   SETTINGS PAGE
   ============================================================ */

html[data-theme="dark"] .settings-section {
  background:
    var(--theme-surface);

  border-color:
    var(--theme-border);
}


html[data-theme="dark"] .settings-section-head p,
html[data-theme="dark"] .settings-form-grid label > span,
html[data-theme="dark"] .settings-profile-preview small {
  color:
    var(--theme-text-muted);
}


html[data-theme="dark"] .settings-form-grid input,
html[data-theme="dark"] .settings-form-grid textarea {
  background:
    var(--theme-surface-soft);

  border-color:
    var(--theme-border);

  color:
    var(--theme-text);
}


html[data-theme="dark"] .settings-notification-row,
html[data-theme="dark"] .settings-toggle-row {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


/* ============================================================
   MODALS
   ============================================================ */

html[data-theme="dark"] .modal,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .campaign-preview-modal,
html[data-theme="dark"] .campaign-preview-card {
  background:
    var(--theme-surface);

  color:
    var(--theme-text);

  border-color:
    var(--theme-border);
}


/* ============================================================
   GENERIC FIXES
   ============================================================ */

html[data-theme="dark"] hr,
html[data-theme="dark"] .sep {
  border-color:
    var(--theme-border);
}


html[data-theme="dark"] .btn,
html[data-theme="dark"] button {
  border-color:
    var(--theme-border);
}


html[data-theme="dark"] a {
  color:
    inherit;
}


html[data-theme="dark"] {
  scrollbar-color:
    #4b4e45
    #1b1c19;
}

/* ============================================================
   DARK THEME — FINAL POLISH
   ============================================================ */


/* ---------- SEARCHES HERO ---------- */

html[data-theme="dark"] .searches-hero,
html[data-theme="dark"] .search-memory-hero,
html[data-theme="dark"] .searches-memory-hero {
  background:
    linear-gradient(
      120deg,
      #1b1c19 0%,
      #1e211e 55%,
      #1b252a 100%
    ) !important;

  border-color:
    var(--theme-border) !important;

  color:
    var(--theme-text) !important;

  box-shadow:
    none !important;
}


html[data-theme="dark"] .searches-hero h1,
html[data-theme="dark"] .searches-hero h2,
html[data-theme="dark"] .search-memory-hero h1,
html[data-theme="dark"] .search-memory-hero h2 {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .searches-hero p,
html[data-theme="dark"] .search-memory-hero p {
  color:
    var(--theme-text-muted) !important;
}


/* ---------- SEARCHES MAIN WRAPPER ---------- */

html[data-theme="dark"] .searches-list,
html[data-theme="dark"] .searches-results,
html[data-theme="dark"] .searches-panel,
html[data-theme="dark"] .search-history-panel {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


/* Search tabs/header */

html[data-theme="dark"] .search-history-tabs,
html[data-theme="dark"] .searches-tabs {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-tabs button,
html[data-theme="dark"] .searches-tabs button {
  background:
    transparent !important;

  color:
    var(--theme-text-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-tabs button.active,
html[data-theme="dark"] .searches-tabs button.active {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text) !important;
}


/* Monitoring / latest update boxes */

html[data-theme="dark"] .search-monitoring,
html[data-theme="dark"] .search-monitoring-card,
html[data-theme="dark"] .search-latest-update,
html[data-theme="dark"] .search-update-card {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;

  color:
    var(--theme-text-soft) !important;
}


/* ---------- CAMPAIGNS ---------- */

html[data-theme="dark"] .campaign-card,
html[data-theme="dark"] .campaign-row {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .campaign-card strong,
html[data-theme="dark"] .campaign-row strong,
html[data-theme="dark"] .campaign-card h3,
html[data-theme="dark"] .campaign-row h3,
html[data-theme="dark"] .campaign-title,
html[data-theme="dark"] .campaign-name {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .campaign-card small,
html[data-theme="dark"] .campaign-row small {
  color:
    var(--theme-text-muted) !important;
}


/* ---------- REPLIES ---------- */

html[data-theme="dark"] .replies-list-panel,
html[data-theme="dark"] .replies-detail-panel {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .reply-row {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .reply-row:hover,
html[data-theme="dark"] .reply-row.active {
  background:
    var(--theme-surface-soft) !important;
}


/* filter pills */

html[data-theme="dark"] .replies-filter,
html[data-theme="dark"] .reply-filter,
html[data-theme="dark"] .reply-filter-btn {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .replies-filter.active,
html[data-theme="dark"] .reply-filter.active,
html[data-theme="dark"] .reply-filter-btn.active {
  background:
    var(--theme-surface-hover) !important;

  color:
    var(--theme-text) !important;
}


/* chat */

html[data-theme="dark"] .reply-thread {
  background:
    transparent !important;
}


html[data-theme="dark"] .chat-bubble {
  background:
    var(--theme-surface-soft) !important;

  border:
    1px solid
    var(--theme-border) !important;
}


html[data-theme="dark"] .chat-message.outgoing .chat-bubble {
  background:
    #252720 !important;
}


html[data-theme="dark"] .chat-message.incoming .chat-bubble {
  background:
    #20211e !important;
}


/* ---------- FIND BUTTONS ---------- */

html[data-theme="dark"] .lead-result-card .btn-outline,
html[data-theme="dark"] .lead-result-card button {
  background:
    var(--theme-surface) !important;

  color:
    var(--theme-text) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .lead-result-card .btn-outline:hover,
html[data-theme="dark"] .lead-result-card button:hover {
  background:
    var(--theme-surface-hover) !important;
}


/* ---------- GENERIC WHITE LEGACY FIX ---------- */

html[data-theme="dark"] .white-card,
html[data-theme="dark"] .soft-card,
html[data-theme="dark"] .card {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


/* ---------- BUTTONS THAT ARE TOO BRIGHT ---------- */

html[data-theme="dark"] .btn,
html[data-theme="dark"] .btn-outline {
  background:
    var(--theme-surface-soft);

  color:
    var(--theme-text);

  border-color:
    var(--theme-border);
}


html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] .btn-outline:hover {
  background:
    var(--theme-surface-hover);
}


/* ---------- STATUS PILLS ---------- */

html[data-theme="dark"] .status,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .pill {
  border-color:
    var(--theme-border);
}


/* ---------- SEARCH INPUTS ---------- */

html[data-theme="dark"] input[type="search"] {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text) !important;

  border-color:
    var(--theme-border) !important;
}

/* ============================================================
   DARK THEME — FINAL FIXES
   ============================================================ */


/* ============================================================
   FIND — LEAD LIMIT
   ============================================================ */

html[data-theme="dark"] .lead-limit-group {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .lead-limit-btn {
  background:
    transparent !important;

  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .lead-limit-btn:hover {
  background:
    var(--theme-surface-hover) !important;

  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .lead-limit-btn.active {
  background:
    #78c94b !important;

  color:
    #10200d !important;

  box-shadow:
    none !important;
}


/* ============================================================
   FIND — EMAIL SWITCH
   ============================================================ */

html[data-theme="dark"] .lead-switch-control {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;

  color:
    var(--theme-text-soft) !important;
}


html[data-theme="dark"] .lead-switch-label {
  color:
    var(--theme-text-soft) !important;
}


html[data-theme="dark"]
.lead-switch-control input:checked
+ .lead-switch-track {
  background:
    #78c94b !important;

  border-color:
    #78c94b !important;
}


html[data-theme="dark"]
.lead-switch-control input:checked
~ .lead-switch-label {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .lead-switch-track {
  background:
    #3a3c36 !important;

  border-color:
    #4a4d45 !important;
}


html[data-theme="dark"] .lead-switch-thumb {
  background:
    #ffffff !important;
}


/* ============================================================
   SETTINGS — NOTIFICATION SWITCH
   ============================================================ */

html[data-theme="dark"]
.settings-toggle-row input:checked
+ .settings-switch-track,

html[data-theme="dark"]
.settings-notification-row input:checked
+ .settings-switch-track {
  background:
    #78c94b !important;

  border-color:
    #78c94b !important;
}


/* fallback for common toggle implementations */

html[data-theme="dark"] .settings-switch.is-on,
html[data-theme="dark"] .settings-toggle.is-on {
  background:
    #78c94b !important;

  border-color:
    #78c94b !important;
}


/* ============================================================
   FIND — THREE DOT BUTTON
   ============================================================ */

html[data-theme="dark"]
.search-history-lead-more-button {
  background:
    var(--theme-surface-soft) !important;

  border:
    1px solid
    var(--theme-border) !important;

  color:
    var(--theme-text) !important;

  box-shadow:
    none !important;
}


html[data-theme="dark"]
.search-history-lead-more-button:hover {
  background:
    var(--theme-surface-hover) !important;

  border-color:
    var(--theme-border-strong) !important;
}


/* ============================================================
   FIND — BUSINESS DETAILS / RESEARCH BUTTONS
   ============================================================ */

html[data-theme="dark"] .lead-expand-btn,
html[data-theme="dark"] .lead-card-refresh-research-btn,
html[data-theme="dark"] .lead-card-research-btn {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .lead-expand-btn:hover,
html[data-theme="dark"] .lead-card-refresh-research-btn:hover,
html[data-theme="dark"] .lead-card-research-btn:hover {
  background:
    var(--theme-surface-hover) !important;
}


/* ============================================================
   FIND — EXPANDED BUSINESS DETAILS
   ============================================================ */

html[data-theme="dark"] .lead-details-row {
  background:
    var(--theme-surface) !important;

  border:
    1px solid
    var(--theme-border) !important;
}


html[data-theme="dark"] .lead-details-row td,
html[data-theme="dark"] .lead-details-row > div {
  background:
    var(--theme-surface) !important;
}


html[data-theme="dark"] .lead-detail-card {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .lead-detail-label {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .lead-detail-value,
html[data-theme="dark"] .lead-detail-value a {
  color:
    var(--theme-text) !important;
}


/* ============================================================
   SEARCHES — REAL CURRENT SELECTORS
   ============================================================ */

html[data-theme="dark"] .search-history-monitoring-row {
  background:
    var(--theme-surface-soft) !important;

  border:
    1px solid
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-monitoring-label {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .search-history-monitoring-copy strong {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .search-history-monitoring-copy small {
  color:
    var(--theme-text-soft) !important;
}


html[data-theme="dark"] .search-history-latest {
  background:
    var(--theme-surface-soft) !important;

  border:
    1px solid
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-latest-label {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .search-history-latest p {
  color:
    var(--theme-text-soft) !important;
}


/* Search monitoring toggle */

html[data-theme="dark"] .search-monitor-toggle-track {
  background:
    #3a3c36 !important;
}


html[data-theme="dark"]
.search-monitor-toggle.is-on
.search-monitor-toggle-track {
  background:
    #78c94b !important;
}


html[data-theme="dark"]
.search-monitor-toggle-track > span {
  background:
    #ffffff !important;
}


/* Searches top tabs area */

html[data-theme="dark"] .search-history-toolbar,
html[data-theme="dark"] .search-history-controls {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


/* menu */

html[data-theme="dark"] .search-history-more-menu {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;

  box-shadow:
    var(--theme-shadow) !important;
}


html[data-theme="dark"] .search-history-more-menu button {
  background:
    transparent !important;

  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .search-history-more-menu button:hover {
  background:
    var(--theme-surface-hover) !important;
}


/* ============================================================
   CAMPAIGNS — TITLES
   ============================================================ */

html[data-theme="dark"] .campaign-card,
html[data-theme="dark"] .campaign-row {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .campaign-card *,
html[data-theme="dark"] .campaign-row * {
  color:
    inherit;
}


html[data-theme="dark"] .campaign-card strong,
html[data-theme="dark"] .campaign-row strong,
html[data-theme="dark"] .campaign-title,
html[data-theme="dark"] .campaign-name {
  color:
    var(--theme-text) !important;
}


/* restore action colors */

html[data-theme="dark"] .campaign-card .danger,
html[data-theme="dark"] .campaign-row .danger {
  color:
    #e46b6b !important;
}


/* ============================================================
   REPLIES — NO SUBJECT
   ============================================================ */

html[data-theme="dark"] .reply-row-subject {
  color:
    var(--theme-text-soft) !important;
}


html[data-theme="dark"] .reply-row-preview {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .reply-row-meta,
html[data-theme="dark"] .reply-row-time {
  color:
    var(--theme-text-muted) !important;
}


/* ============================================================
   SETTINGS — VERIFIED BADGE
   ============================================================ */

html[data-theme="dark"] .settings-verified,
html[data-theme="dark"] .verified-badge,
html[data-theme="dark"] .settings-status-badge {
  background:
    #1b271d !important;

  color:
    #a9d8ad !important;

  border:
    1px solid
    #36513b !important;
}


/* fallback for literal verified pill styles */

html[data-theme="dark"] [class*="verified"] {
  background:
    #1b271d !important;

  color:
    #a9d8ad !important;

  border-color:
    #36513b !important;
}


/* ============================================================
   SEARCHES — LIGHT HERO FALLBACK
   ============================================================ */

html[data-theme="dark"] .search-memory-hero,
html[data-theme="dark"] .searches-hero,
html[data-theme="dark"] .searches-memory-hero {
  background:
    linear-gradient(
      120deg,
      #1b1c19 0%,
      #1e211e 55%,
      #1b252a 100%
    ) !important;

  border-color:
    var(--theme-border) !important;

  box-shadow:
    none !important;
}


html[data-theme="dark"] .search-memory-hero h1,
html[data-theme="dark"] .search-memory-hero h2,
html[data-theme="dark"] .searches-hero h1,
html[data-theme="dark"] .searches-hero h2 {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .search-memory-hero p,
html[data-theme="dark"] .searches-hero p {
  color:
    var(--theme-text-muted) !important;
}

/* ============================================================
   DARK THEME — REMAINING FIXES
   ============================================================ */


/* ============================================================
   SEARCHES — AI HERO
   ============================================================ */

html[data-theme="dark"] .searches-ai-hero {
  background:
    linear-gradient(
      120deg,
      #1b1c19 0%,
      #1e211e 55%,
      #1b252a 100%
    ) !important;

  border-color:
    var(--theme-border) !important;

  box-shadow:
    none !important;
}


html[data-theme="dark"] .searches-ai-copy h2 {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .searches-ai-copy p,
html[data-theme="dark"] .searches-ai-kicker {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .searches-ai-flow span,
html[data-theme="dark"] .searches-orbit-pill,
html[data-theme="dark"] .searches-orbit-core {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .searches-orbit-ring {
  border-color:
    #3c4748 !important;
}


/* ============================================================
   SEARCHES — WORKSPACE / TOOLBAR
   ============================================================ */

html[data-theme="dark"] .searches-workspace {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .searches-toolbar {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .searches-tab {
  background:
    transparent !important;

  color:
    var(--theme-text-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .searches-tab.active {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .searches-list {
  background:
    var(--theme-surface) !important;
}


/* ============================================================
   SEARCHES — MONITORING / UPDATE BLOCKS
   ============================================================ */

html[data-theme="dark"] .search-history-monitoring-row,
html[data-theme="dark"] .search-history-latest {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-monitoring-copy strong,
html[data-theme="dark"] .search-history-latest strong {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .search-history-monitoring-copy small,
html[data-theme="dark"] .search-history-latest p {
  color:
    var(--theme-text-soft) !important;
}


/* ============================================================
   SEARCHES — EXPANDED RESULT LEADS
   ============================================================ */

html[data-theme="dark"] .search-history-lead {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-lead strong {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .search-history-lead small {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .search-history-lead-details,
html[data-theme="dark"] .search-history-lead-expanded {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


/* ============================================================
   CAMPAIGNS — OPEN BUTTON
   ============================================================ */

html[data-theme="dark"] .campaign-open-btn {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text) !important;

  border:
    1px solid
    var(--theme-border) !important;
}


html[data-theme="dark"] .campaign-open-btn:hover {
  background:
    var(--theme-surface-hover) !important;
}


/* campaign title / metadata */

html[data-theme="dark"] .campaign-card-title {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .campaign-card-meta {
  color:
    var(--theme-text-muted) !important;
}


/* ============================================================
   REPLIES — NO SUBJECT / META
   ============================================================ */

html[data-theme="dark"] .reply-row-subject {
  color:
    var(--theme-text-soft) !important;
}


html[data-theme="dark"] .reply-row-preview {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .reply-row-meta,
html[data-theme="dark"] .reply-row-time {
  color:
    var(--theme-text-muted) !important;
}


/* ============================================================
   SETTINGS — NOTIFICATION SWITCH
   ============================================================ */

/*
   Since the switch knob is already on the right,
   we style the ON state green.
*/

html[data-theme="dark"]
.settings-notification-row input:checked
+ span,

html[data-theme="dark"]
.settings-toggle-row input:checked
+ span {
  background:
    #78c94b !important;

  border-color:
    #78c94b !important;
}


/* common switch wrappers */

html[data-theme="dark"] .settings-switch input:checked + span,
html[data-theme="dark"] .settings-toggle input:checked + span {
  background:
    #78c94b !important;

  border-color:
    #78c94b !important;
}


/* ============================================================
   FIND — BUTTONS
   ============================================================ */

html[data-theme="dark"]
#app-find .lead-card-actions .lead-expand-btn,

html[data-theme="dark"]
#app-find .lead-card-actions .lead-card-research-btn,

html[data-theme="dark"]
#app-find .lead-card-actions .lead-card-refresh-research-btn {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"]
#app-find .lead-card-actions .lead-expand-btn:hover,

html[data-theme="dark"]
#app-find .lead-card-actions .lead-card-research-btn:hover,

html[data-theme="dark"]
#app-find .lead-card-actions .lead-card-refresh-research-btn:hover {
  background:
    var(--theme-surface-hover) !important;
}


/* ============================================================
   FIND — EXPANDED DETAILS
   ============================================================ */

html[data-theme="dark"] .lead-details-row {
  background:
    var(--theme-surface) !important;
}


html[data-theme="dark"] .lead-details-row td {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .lead-detail-card {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .lead-detail-label {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .lead-detail-value,
html[data-theme="dark"] .lead-detail-value a {
  color:
    var(--theme-text) !important;
}

/* ============================================================
   DARK THEME — REMAINING FIXES
   ============================================================ */


/* ============================================================
   SEARCHES — AI HERO
   ============================================================ */

html[data-theme="dark"] .searches-ai-hero {
  background:
    linear-gradient(
      120deg,
      #1b1c19 0%,
      #1e211e 55%,
      #1b252a 100%
    ) !important;

  border-color:
    var(--theme-border) !important;

  box-shadow:
    none !important;
}


html[data-theme="dark"] .searches-ai-copy h2 {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .searches-ai-copy p,
html[data-theme="dark"] .searches-ai-kicker {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .searches-ai-flow span,
html[data-theme="dark"] .searches-orbit-pill,
html[data-theme="dark"] .searches-orbit-core {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .searches-orbit-ring {
  border-color:
    #3c4748 !important;
}


/* ============================================================
   SEARCHES — WORKSPACE / TOOLBAR
   ============================================================ */

html[data-theme="dark"] .searches-workspace {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .searches-toolbar {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .searches-tab {
  background:
    transparent !important;

  color:
    var(--theme-text-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .searches-tab.active {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .searches-list {
  background:
    var(--theme-surface) !important;
}


/* ============================================================
   SEARCHES — MONITORING / UPDATE BLOCKS
   ============================================================ */

html[data-theme="dark"] .search-history-monitoring-row,
html[data-theme="dark"] .search-history-latest {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-monitoring-copy strong,
html[data-theme="dark"] .search-history-latest strong {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .search-history-monitoring-copy small,
html[data-theme="dark"] .search-history-latest p {
  color:
    var(--theme-text-soft) !important;
}


/* ============================================================
   SEARCHES — EXPANDED RESULT LEADS
   ============================================================ */

html[data-theme="dark"] .search-history-lead {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-lead strong {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .search-history-lead small {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .search-history-lead-details,
html[data-theme="dark"] .search-history-lead-expanded {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


/* ============================================================
   CAMPAIGNS — OPEN BUTTON
   ============================================================ */

html[data-theme="dark"] .campaign-open-btn {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text) !important;

  border:
    1px solid
    var(--theme-border) !important;
}


html[data-theme="dark"] .campaign-open-btn:hover {
  background:
    var(--theme-surface-hover) !important;
}


/* campaign title / metadata */

html[data-theme="dark"] .campaign-card-title {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .campaign-card-meta {
  color:
    var(--theme-text-muted) !important;
}


/* ============================================================
   REPLIES — NO SUBJECT / META
   ============================================================ */

html[data-theme="dark"] .reply-row-subject {
  color:
    var(--theme-text-soft) !important;
}


html[data-theme="dark"] .reply-row-preview {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .reply-row-meta,
html[data-theme="dark"] .reply-row-time {
  color:
    var(--theme-text-muted) !important;
}


/* ============================================================
   SETTINGS — NOTIFICATION SWITCH
   ============================================================ */

/*
   Since the switch knob is already on the right,
   we style the ON state green.
*/

html[data-theme="dark"]
.settings-notification-row input:checked
+ span,

html[data-theme="dark"]
.settings-toggle-row input:checked
+ span {
  background:
    #78c94b !important;

  border-color:
    #78c94b !important;
}


/* common switch wrappers */

html[data-theme="dark"] .settings-switch input:checked + span,
html[data-theme="dark"] .settings-toggle input:checked + span {
  background:
    #78c94b !important;

  border-color:
    #78c94b !important;
}


/* ============================================================
   FIND — BUTTONS
   ============================================================ */

html[data-theme="dark"]
#app-find .lead-card-actions .lead-expand-btn,

html[data-theme="dark"]
#app-find .lead-card-actions .lead-card-research-btn,

html[data-theme="dark"]
#app-find .lead-card-actions .lead-card-refresh-research-btn {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"]
#app-find .lead-card-actions .lead-expand-btn:hover,

html[data-theme="dark"]
#app-find .lead-card-actions .lead-card-research-btn:hover,

html[data-theme="dark"]
#app-find .lead-card-actions .lead-card-refresh-research-btn:hover {
  background:
    var(--theme-surface-hover) !important;
}


/* ============================================================
   FIND — EXPANDED DETAILS
   ============================================================ */

html[data-theme="dark"] .lead-details-row {
  background:
    var(--theme-surface) !important;
}


html[data-theme="dark"] .lead-details-row td {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .lead-detail-card {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .lead-detail-label {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .lead-detail-value,
html[data-theme="dark"] .lead-detail-value a {
  color:
    var(--theme-text) !important;
}

/* ============================================================
   DARK THEME — LAST VISUAL FIXES
   ============================================================ */


/* ============================================================
   SEARCHES — EXPANDED SAVED LEADS
   ============================================================ */

html[data-theme="dark"] .search-history-results {
  border-top-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-result-row {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-result-row:hover {
  background:
    var(--theme-surface-hover) !important;

  border-color:
    var(--theme-border-strong) !important;

  transform:
    none !important;
}


html[data-theme="dark"] .search-history-result-toggle {
  background:
    transparent !important;

  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .search-history-result-main strong {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .search-history-result-main small {
  color:
    var(--theme-text-muted) !important;
}


/* result pills */

html[data-theme="dark"] .search-history-result-meta span {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;

  color:
    var(--theme-text-soft) !important;
}


html[data-theme="dark"]
.search-history-result-meta span.has-email,
html[data-theme="dark"]
.search-history-result-meta span.is-good {
  background:
    #1b271d !important;

  border-color:
    #35503a !important;

  color:
    #acd7b1 !important;
}


html[data-theme="dark"]
.search-history-result-meta span.is-researched {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;

  color:
    var(--theme-text-soft) !important;
}


html[data-theme="dark"] .search-history-result-chevron {
  color:
    var(--theme-text-muted) !important;
}


/* ============================================================
   SEARCHES — EXPANDED DETAILS
   ============================================================ */

html[data-theme="dark"] .search-history-result-details {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-lead-detail-grid {
  background:
    var(--theme-surface) !important;
}


html[data-theme="dark"] .search-history-lead-detail {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-lead-detail span {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .search-history-lead-detail strong,
html[data-theme="dark"] .search-history-lead-detail a {
  color:
    var(--theme-text) !important;
}


/* ============================================================
   CAMPAIGNS — STATUS PILLS
   ============================================================ */

html[data-theme="dark"] .campaign-status {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;

  color:
    var(--theme-text-soft) !important;
}


html[data-theme="dark"]
.campaign-status-toggle[data-campaign-status="ready"] {
  background:
    #1b271d !important;

  border-color:
    #36513b !important;

  color:
    #99d5a1 !important;
}


html[data-theme="dark"]
.campaign-status-toggle[data-campaign-status="completed"],
html[data-theme="dark"]
.campaign-status.completed {
  background:
    #23241f !important;

  border-color:
    #3b3d36 !important;

  color:
    var(--theme-text-soft) !important;
}


/* dashboard Ready / Completed */

html[data-theme="dark"] .dashboard-status {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text-soft) !important;

  border-color:
    var(--theme-border) !important;
}


/* ============================================================
   SETTINGS — REPLY NOTIFICATION TOGGLE
   ============================================================ */

/*
   The control shown in Settings is visually ON
   when the knob is on the right.
*/

html[data-theme="dark"]
.settings-notification-row input:checked
~ .settings-toggle-track,

html[data-theme="dark"]
.settings-toggle-row input:checked
~ .settings-toggle-track,

html[data-theme="dark"]
.settings-notification-row input:checked
~ .settings-switch-track,

html[data-theme="dark"]
.settings-toggle-row input:checked
~ .settings-switch-track {
  background:
    #78c94b !important;

  border-color:
    #78c94b !important;
}


/*
   Covers implementations where the input
   itself is styled as a switch.
*/

html[data-theme="dark"]
.settings-notification-row input[type="checkbox"]:checked,

html[data-theme="dark"]
.settings-toggle-row input[type="checkbox"]:checked {
  accent-color:
    #78c94b !important;
}


/* ============================================================
   SIDEBAR LOGO
   ============================================================ */

html[data-theme="dark"] .sidebar .logo {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text) !important;

  border:
    1px solid
    var(--theme-border) !important;

  box-shadow:
    none !important;
}

/* ============================================================
   DARK THEME — FINAL REAL SELECTOR FIXES
   ============================================================ */


/* ============================================================
   SEARCHES — TOP THREE DOT
   ============================================================ */

html[data-theme="dark"] .search-history-more-button {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text) !important;

  border:
    1px solid
    var(--theme-border) !important;

  box-shadow:
    none !important;
}


html[data-theme="dark"] .search-history-more-button:hover {
  background:
    var(--theme-surface-hover) !important;

  border-color:
    var(--theme-border-strong) !important;
}


/* ============================================================
   SEARCHES — STATS PILLS
   10 leads / 4 emails / 3 researched / ...
   ============================================================ */

html[data-theme="dark"] .search-history-stats span,
html[data-theme="dark"] .search-history-stats strong {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text-soft) !important;

  border-color:
    var(--theme-border) !important;
}


/* ============================================================
   REPLIES — AI GENERATE MENU
   ============================================================ */

html[data-theme="dark"] .reply-ai-menu {
  background:
    var(--theme-surface) !important;

  border:
    1px solid
    var(--theme-border) !important;

  box-shadow:
    var(--theme-shadow) !important;
}


html[data-theme="dark"] .reply-ai-menu button {
  background:
    transparent !important;

  color:
    var(--theme-text) !important;

  border:
    0 !important;
}


html[data-theme="dark"] .reply-ai-menu button:hover {
  background:
    var(--theme-surface-hover) !important;
}


/* ============================================================
   SETTINGS — REPLY NOTIFICATION SWITCH
   ============================================================ */

/*
   Generic checkbox switch:
   off = gray
   on = green
*/

html[data-theme="dark"]
.settings-notification-row input[type="checkbox"] {
  accent-color:
    #78c94b !important;
}


html[data-theme="dark"]
.settings-toggle-row input[type="checkbox"] {
  accent-color:
    #78c94b !important;
}


/*
   Cover custom track implementations too
*/

html[data-theme="dark"]
.settings-notification-row input[type="checkbox"]:checked
+ span,

html[data-theme="dark"]
.settings-toggle-row input[type="checkbox"]:checked
+ span {
  background:
    #78c94b !important;

  border-color:
    #78c94b !important;
}


/* ============================================================
   FIND — EXPANDED DETAILS WHITE ROW
   ============================================================ */

html[data-theme="dark"] .lead-details-row,
html[data-theme="dark"] .lead-details-row td,
html[data-theme="dark"] .lead-details-shell {
  background:
    var(--theme-surface) !important;
}


html[data-theme="dark"] .lead-details-card {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"] .lead-details-card strong,
html[data-theme="dark"] .lead-details-card a {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .lead-details-card span,
html[data-theme="dark"] .lead-muted {
  color:
    var(--theme-text-muted) !important;
}


/* ============================================================
   FIND HERO — MATCH SEARCHES HERO
   ============================================================ */

html[data-theme="dark"] .find-hero {
  background:
    linear-gradient(
      120deg,
      #1b1c19 0%,
      #1e211e 55%,
      #1b252a 100%
    ) !important;

  border-color:
    var(--theme-border) !important;

  box-shadow:
    none !important;
}


/* remove light blobs */

html[data-theme="dark"] .find-hero::before {
  background:
    radial-gradient(
      circle,
      rgba(88, 143, 172, 0.12),
      rgba(88, 143, 172, 0.05) 42%,
      transparent 70%
    ) !important;
}


html[data-theme="dark"] .find-hero::after {
  background:
    radial-gradient(
      circle,
      rgba(180, 170, 150, 0.08),
      transparent 70%
    ) !important;
}


html[data-theme="dark"] .find-hero h1 {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .find-hero h1 span {
  color:
    #7f99a7 !important;
}


html[data-theme="dark"] .find-hero p,
html[data-theme="dark"] .find-hero .eyebrow {
  color:
    var(--theme-text-muted) !important;
}


/* capability pills */

html[data-theme="dark"] .find-capability {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text-soft) !important;

  border-color:
    var(--theme-border) !important;
}


/* orbit */

html[data-theme="dark"] .find-orbit {
  background:
    rgba(255, 255, 255, 0.03) !important;

  border-color:
    #526167 !important;

  box-shadow:
    none !important;
}


html[data-theme="dark"] .find-orbit::before {
  border-color:
    #45545a !important;
}


html[data-theme="dark"] .find-orbit-core {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text) !important;

  box-shadow:
    none !important;
}


html[data-theme="dark"] .find-orbit-node {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text-soft) !important;

  border-color:
    var(--theme-border) !important;

  box-shadow:
    none !important;
}

/* ============================================================
   DARK THEME — SEARCHES BORDER / LOADING / FIND SIGNALS
   ============================================================ */


/* SEARCHES — outer workspace border */

html[data-theme="dark"] .searches-workspace {
  border:
    1px solid
    var(--theme-border) !important;

  background:
    var(--theme-surface) !important;

  box-shadow:
    none !important;
}


/* SEARCHES — toolbar divider */

html[data-theme="dark"] .searches-toolbar {
  border-bottom:
    1px solid
    var(--theme-border) !important;

  background:
    var(--theme-surface) !important;
}


/* SEARCHES — loading state */

html[data-theme="dark"] .searches-loading {
  background:
    var(--theme-surface-soft) !important;

  border:
    1px solid
    var(--theme-border) !important;

  box-shadow:
    none !important;
}


html[data-theme="dark"] .searches-loading-mark {
  background:
    var(--theme-surface) !important;

  border:
    1px solid
    var(--theme-border) !important;

  color:
    var(--theme-text-soft) !important;
}


html[data-theme="dark"] .searches-loading strong {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .searches-loading p {
  color:
    var(--theme-text-muted) !important;
}


/* FIND — researched signal pills */

html[data-theme="dark"] .lead-card-research-signals {
  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    6px;
}


html[data-theme="dark"]
.lead-card-research-signals span {
  background:
    var(--theme-surface-soft) !important;

  border:
    1px solid
    var(--theme-border) !important;

  color:
    var(--theme-text-soft) !important;

  box-shadow:
    none !important;
}


/* FIND — signal count/title */

html[data-theme="dark"]
.lead-card-intel-block strong {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"]
.lead-card-intel-label {
  color:
    var(--theme-text-muted) !important;
}


/* FIND — opportunity text */

html[data-theme="dark"]
.lead-card-intel-block.is-opportunity small {
  color:
    var(--theme-text-soft) !important;
}

/* ============================================================
   SETTINGS — NOTIFICATION SWITCH FINAL
   ============================================================ */

#app-settings input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;

  position: relative;

  width: 38px;
  height: 22px;

  flex: 0 0 38px;

  margin: 0;

  border: 0 !important;
  border-radius: 999px;

  background: #3a3c36 !important;

  cursor: pointer;

  outline: none;

  transition:
    background 0.2s ease;
}


#app-settings input[type="checkbox"]::after {
  content: "";

  position: absolute;

  top: 3px;
  left: 3px;

  width: 16px;
  height: 16px;

  border-radius: 50%;

  background: #ffffff;

  box-shadow:
    0 1px 3px
    rgba(0, 0, 0, 0.22);

  transition:
    transform 0.2s ease;
}


#app-settings input[type="checkbox"]:checked {
  background: #78c94b !important;
}


#app-settings input[type="checkbox"]:checked::after {
  transform:
    translateX(16px);
}


#app-settings input[type="checkbox"]:focus-visible {
  box-shadow:
    0 0 0 3px
    rgba(120, 201, 75, 0.18);
}

/* ============================================================
   SEARCHES — RESULT ROW BORDER FINAL FIX
   ============================================================ */

html[data-theme="dark"] .search-history-results {
  border-top:
    1px solid
    var(--theme-border) !important;
}


html[data-theme="dark"] .search-history-result-item {
  background:
    transparent !important;

  border:
    0 !important;
}


html[data-theme="dark"] .search-history-result-row {
  background:
    var(--theme-surface-soft) !important;

  border:
    1px solid
    var(--theme-border) !important;

  border-radius:
    12px !important;

  box-shadow:
    none !important;
}


html[data-theme="dark"] .search-history-result-row:hover {
  background:
    var(--theme-surface-hover) !important;

  border-color:
    var(--theme-border-strong) !important;

  box-shadow:
    none !important;

  transform:
    none !important;
}


/* when details are open */

html[data-theme="dark"]
.search-history-result-item:has(
  .search-history-result-details:not([hidden])
)
.search-history-result-row {

  border-bottom-left-radius:
    0 !important;

  border-bottom-right-radius:
    0 !important;

  border-bottom-color:
    var(--theme-border) !important;
}


/* expanded details */

html[data-theme="dark"]
.search-history-result-details {
  background:
    var(--theme-surface) !important;

  border:
    1px solid
    var(--theme-border) !important;

  border-top:
    0 !important;

  border-bottom-left-radius:
    12px !important;

  border-bottom-right-radius:
    12px !important;
}

/* ============================================================
   SETTINGS — REPLY NOTIFICATION SWITCH
   ============================================================ */

html[data-theme="dark"] .settings-toggle {
  background:
    #3a3c36 !important;

  border-color:
    #4a4d45 !important;
}


html[data-theme="dark"]
.settings-toggle[aria-checked="true"] {
  background:
    #78c94b !important;

  border-color:
    #78c94b !important;
}


html[data-theme="dark"]
.settings-toggle-thumb {
  background:
    #ffffff !important;
}


html[data-theme="dark"]
.settings-toggle[aria-checked="true"]
.settings-toggle-thumb {
  transform:
    translateX(14px);
}

/* ============================================================
   FIND — WORKFLOW STAGE TEXT VISIBILITY
   ============================================================ */

html[data-theme="dark"]
.find-workflow-steps
.find-stage {
  opacity:
    1 !important;

  color:
    var(--theme-text) !important;
}


html[data-theme="dark"]
.find-workflow-steps
.find-stage .num {
  color:
    var(--theme-text-soft) !important;
}


html[data-theme="dark"]
.find-workflow-steps
.find-stage strong,
html[data-theme="dark"]
.find-workflow-steps
.find-stage h3,
html[data-theme="dark"]
.find-workflow-steps
.find-stage .title {
  color:
    var(--theme-text) !important;
}


html[data-theme="dark"]
.find-workflow-steps
.find-stage small,
html[data-theme="dark"]
.find-workflow-steps
.find-stage p {
  color:
    var(--theme-text-muted) !important;
}


/* waiting */

html[data-theme="dark"]
.find-workflow-steps
.find-stage.is-waiting {
  opacity:
    1 !important;
}


html[data-theme="dark"]
.find-workflow-steps
.find-stage.is-waiting strong,
html[data-theme="dark"]
.find-workflow-steps
.find-stage.is-waiting .title {
  color:
    var(--theme-text-soft) !important;
}


html[data-theme="dark"]
.find-workflow-steps
.find-stage.is-waiting small,
html[data-theme="dark"]
.find-workflow-steps
.find-stage.is-waiting p {
  color:
    var(--theme-text-muted) !important;
}


/* completed */

html[data-theme="dark"]
.find-workflow-steps
.find-stage.is-complete {
  opacity:
    1 !important;
}


html[data-theme="dark"]
.find-workflow-steps
.find-stage.is-complete strong,
html[data-theme="dark"]
.find-workflow-steps
.find-stage.is-complete .title {
  color:
    var(--theme-text) !important;
}


/* running */

html[data-theme="dark"]
.find-workflow-steps
.find-stage.is-running {
  opacity:
    1 !important;
}


html[data-theme="dark"]
.find-workflow-steps
.find-stage.is-running strong,
html[data-theme="dark"]
.find-workflow-steps
.find-stage.is-running .title {
  color:
    var(--theme-text) !important;
}
/* ============================================================
   QUICK THEME SWITCH — DARK
   ============================================================ */

html[data-theme="dark"]
.theme-toggle-track {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;
}


html[data-theme="dark"]
.theme-toggle-icon-moon {
  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"]
.theme-toggle-icon-sun {
  color:
    #ffffff !important;
}


html[data-theme="dark"]
.theme-toggle-knob {
  background:
    #78c94b !important;

  box-shadow:
    0 1px 4px
    rgba(0, 0, 0, 0.28) !important;
}

/* ============================================================
   SEARCHES — SAVED BADGE
   ============================================================ */

html[data-theme="dark"] .search-history-saved-badge,
html[data-theme="dark"] .search-saved-badge,
html[data-theme="dark"] .saved-badge {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text-soft) !important;

  border:
    1px solid
    var(--theme-border) !important;

  box-shadow:
    none !important;
}

/* ============================================================
   SEARCHES — SAVED BADGE FINAL
   ============================================================ */

html[data-theme="dark"] .search-history-badge {
  background:
    var(--theme-surface-soft) !important;

  color:
    var(--theme-text-soft) !important;

  border:
    1px solid
    var(--theme-border) !important;

  box-shadow:
    none !important;
}

/* ============================================================
   DARK THEME — SEARCH MONITOR UPDATES
   ============================================================ */

html[data-theme="dark"] .search-history-updates,
html[data-theme="dark"] .search-monitor-updates,
html[data-theme="dark"] .monitoring-updates,
html[data-theme="dark"] .search-monitor-panel,
html[data-theme="dark"] .search-history-monitor-panel {
  background:
    var(--theme-surface) !important;

  border-color:
    var(--theme-border) !important;

  color:
    var(--theme-text) !important;
}


html[data-theme="dark"] .search-history-updates *,
html[data-theme="dark"] .search-monitor-updates *,
html[data-theme="dark"] .monitoring-updates *,
html[data-theme="dark"] .search-monitor-panel *,
html[data-theme="dark"] .search-history-monitor-panel * {
  color:
    inherit;
}


html[data-theme="dark"] .search-monitor-empty,
html[data-theme="dark"] .monitoring-empty,
html[data-theme="dark"] .search-history-monitor-empty {
  background:
    var(--theme-surface-soft) !important;

  border-color:
    var(--theme-border) !important;

  color:
    var(--theme-text-muted) !important;
}


html[data-theme="dark"] .search-monitor-check,
html[data-theme="dark"] .monitoring-check,
html[data-theme="dark"] .search-history-monitor-check {
  background:
    transparent !important;

  border-color:
    var(--theme-border) !important;

  color:
    var(--theme-text-soft) !important;
}

/* ============================================================
   DARK THEME — MONITORING EMPTY STATE
   ============================================================ */

html[data-theme="dark"]
.search-history-results-empty {
  background:
    var(--theme-surface-soft) !important;

  border:
    1px solid
    var(--theme-border) !important;

  color:
    var(--theme-text-muted) !important;

  box-shadow:
    none !important;
}

.lead-email-value {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.lead-email-confidence {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.lead-email-confidence.is-high {
  background: rgba(42, 157, 92, 0.12);
  border: 1px solid rgba(42, 157, 92, 0.28);
}

.lead-email-confidence.is-medium {
  background: rgba(201, 155, 42, 0.12);
  border: 1px solid rgba(201, 155, 42, 0.28);
}

.lead-email-confidence.is-low {
  background: rgba(180, 80, 80, 0.1);
  border: 1px solid rgba(180, 80, 80, 0.24);
}

html[data-theme="dark"] .search-change-badge.is-new,
html[data-theme="dark"] .search-change-badge.is-updated {
  background: var(--theme-surface-soft) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text-muted) !important;
  box-shadow: none !important;
}

.search-monitor-change-description {
  padding: 0 14px 12px 14px;
  margin-top: -2px;
  color: var(--theme-text-muted);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
}

html[data-theme="dark"] .search-monitor-change-description {
  color: var(--theme-text-muted) !important;
}

/* Monitoring cards: keep dark layout identical to light layout */

html[data-theme="dark"] .search-monitor-change-item {
  border-radius: 12px !important;
}

html[data-theme="dark"] .search-monitor-change-item .search-history-result-row {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-theme="dark"] .search-monitor-change-item .search-history-result-toggle {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  padding: 14px 14px 8px !important;
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  gap: 18px !important;
}

html[data-theme="dark"] .search-monitor-change-heading {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

html[data-theme="dark"] .search-monitor-change-description {
  margin: 0 !important;
  padding: 0 14px 13px !important;

  font-size: 11px !important;
  line-height: 1.4 !important;
}

html[data-theme="dark"] .search-monitor-change-item .search-history-result-details {
  margin: 0 !important;
  padding: 13px 14px 14px !important;

  border-top: 1px solid var(--theme-border) !important;
}

html[data-theme="dark"] .search-monitor-change-item .search-history-lead-detail-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

  gap: 10px !important;

  margin: 0 !important;
  padding: 0 !important;
}

html[data-theme="dark"] .search-monitor-change-item .search-history-lead-detail {
  min-width: 0 !important;

  margin: 0 !important;
  padding: 11px 12px !important;

  border-radius: 10px !important;
}

/* ================================
   Monitoring card polish
================================ */

.search-monitor-change-heading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  min-width: 0;
}

.search-monitor-change-badge,
.search-change-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 auto;

  min-height: 18px;
  padding: 2px 7px;

  border: 1px solid var(--theme-border);
  border-radius: 999px;

  background: var(--theme-surface-soft);
  color: var(--theme-text-muted);

  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .05em;
}

.search-monitor-change-heading strong {
  line-height: 1.25;
}

.search-monitor-change-item .search-history-result-main > small {
  display: block;
  margin-top: 5px;

  line-height: 1.35;
}

.search-monitor-change-description {
  margin: 0;
  padding: 0 14px 12px;

  color: var(--theme-text-muted);
  font-size: 10px;
  line-height: 1.4;
}

.search-monitor-change-item .search-history-result-meta {
  align-items: center;
}

html[data-theme="dark"] .search-monitor-change-badge,
html[data-theme="dark"] .search-change-badge {
  background: var(--theme-surface-soft) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text-muted) !important;
}

/* Monitoring: dark cards same geometry as light */

html[data-theme="dark"] .search-monitor-change-item {
  position: relative;
  border: 1px solid var(--theme-border) !important;
  border-radius: 12px !important;
  background: var(--theme-surface) !important;
}

html[data-theme="dark"] .search-monitor-change-item
.search-history-result-row {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html[data-theme="dark"] .search-monitor-change-item
.search-monitor-change-description {
  margin: 0 !important;
  padding: 0 14px 12px !important;
}

html[data-theme="dark"] .search-monitor-change-item
.search-history-result-details {
  border-top: 1px solid var(--theme-border) !important;
  margin: 0 !important;
  padding: 13px 14px 14px !important;
}

/* =========================================
   Delete search / campaign modal — dark mode
========================================= */

html[data-theme="dark"] .campaign-delete-modal {
  background: var(--theme-surface) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-text) !important;
  box-shadow:
    0 24px 70px rgba(0, 0, 0, 0.55) !important;
}

html[data-theme="dark"] .campaign-delete-modal h2 {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .campaign-delete-modal p {
  color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .campaign-delete-modal p strong {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .campaign-delete-modal-close {
  color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .campaign-delete-modal-close:hover {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .campaign-delete-modal-icon {
  background: rgba(190, 70, 70, 0.12) !important;
  border: 1px solid rgba(190, 70, 70, 0.25) !important;
  color: #e66b6b !important;
}

html[data-theme="dark"] .campaign-delete-modal-actions {
  border-top: 1px solid var(--theme-border) !important;
}

html[data-theme="dark"] .campaign-delete-modal .btn-outline {
  background: var(--theme-surface-soft) !important;
  border: 1px solid var(--theme-border) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .campaign-delete-modal .btn-outline:hover {
  background: var(--theme-surface) !important;
}

.lead-outreach-modal {
  width: min(860px, calc(100vw - 40px));
  min-width: 620px;

  min-height: 0;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);

  box-sizing: border-box;

  resize: both;
  overflow: auto;
}

.lead-outreach-status {
  min-height: 18px;
  margin: 4px 0 16px;
  color: var(--theme-text-muted);
  font-size: 12px;
}

.lead-outreach-form {
  display: grid;
  gap: 14px;
}

.lead-outreach-field {
  display: grid;
  gap: 7px;
}

.lead-outreach-field > span {
  color: var(--theme-text-muted);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.lead-outreach-field input,
.lead-outreach-field textarea {
  width: 100%;
  box-sizing: border-box;

  border: 1px solid var(--theme-border);
  border-radius: 10px;

  background: var(--theme-surface-soft);
  color: var(--theme-text);

  padding: 12px 13px;

  font: inherit;
  outline: none;
}

.lead-outreach-field textarea {
  resize: vertical;

  min-height: 320px;
  height: 340px;

  line-height: 1.55;
}

.lead-outreach-field input:focus,
.lead-outreach-field textarea:focus {
  border-color: var(--theme-text-muted);
}

.lead-outreach-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  margin-top: 18px;
}

.lead-outreach-actions-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 640px) {

  .lead-outreach-modal {
  width: calc(100vw - 20px);
  min-width: 0;
  min-height: 0;
  max-height: calc(100vh - 20px);

  resize: none;
}

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

  .lead-outreach-actions-right {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.lead-outreach-campaign-picker {
  margin-top: 18px;
  padding: 14px;

  border: 1px solid var(--theme-border);
  border-radius: 12px;

  background: var(--theme-surface-soft);
}

.lead-outreach-campaign-picker[hidden] {
  display: none !important;
}

.lead-outreach-campaign-picker-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;

  margin-bottom: 12px;
}

.lead-outreach-campaign-picker-head > div {
  display: grid;
  gap: 3px;
}

.lead-outreach-campaign-picker-head strong {
  color: var(--theme-text);
  font-size: 13px;
}

.lead-outreach-campaign-picker-head small {
  color: var(--theme-text-muted);
  font-size: 11px;
}

.lead-outreach-campaign-picker-head button {
  border: 0;
  background: transparent;
  color: var(--theme-text-muted);

  font-size: 18px;
  cursor: pointer;
}

.lead-outreach-campaign-list {
  display: grid;
  gap: 8px;

  max-height: 220px;
  overflow-y: auto;
}

.lead-outreach-campaign-option {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  padding: 11px 12px;

  border: 1px solid var(--theme-border);
  border-radius: 10px;

  background: var(--theme-surface);
  color: var(--theme-text);

  text-align: left;
  cursor: pointer;
}

.lead-outreach-campaign-option:hover {
  background: var(--theme-surface-soft);
}

.lead-outreach-campaign-option > span:first-child {
  display: grid;
  gap: 3px;
}

.lead-outreach-campaign-option small {
  color: var(--theme-text-muted);
  font-size: 10px;
}

.lead-outreach-campaign-status {
  padding: 4px 8px;

  border: 1px solid var(--theme-border);
  border-radius: 999px;

  color: var(--theme-text-muted);
  font-size: 10px;
}

.lead-outreach-campaign-loading,
.lead-outreach-campaign-empty {
  padding: 14px;

  color: var(--theme-text-muted);
  font-size: 12px;
  text-align: center;
}

/* =========================================
   Search monitoring schedule
========================================= */

.search-history-schedule {
  display: grid;
  gap: 8px;

  padding: 7px 4px 9px;
}


.search-history-schedule-title {
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}


.search-history-schedule-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3px;

  padding: 3px;

  border: 1px solid var(--theme-border);
  border-radius: 10px;

  background: var(--theme-surface-soft);
}


.search-history-more-menu
.search-history-schedule-option {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  margin: 0;
  padding: 7px 10px;

  border: 1px solid transparent;
  border-radius: 7px;

  background: transparent;
  color: var(--theme-text-muted);

  font-size: 12px;
  font-weight: 600;
  line-height: 1;

  cursor: pointer;

  transition:
    background 0.15s ease,
    color 0.15s ease,
    border-color 0.15s ease;
}


.search-history-more-menu
.search-history-schedule-option:hover {
  color: var(--theme-text);
  background: var(--theme-surface);
}


.search-history-more-menu
.search-history-schedule-option.is-active {
  color: var(--theme-text);

  background: var(--theme-surface);

  border-color: var(--theme-border);
}


html[data-theme="dark"]
.search-history-more-menu
.search-history-schedule-option.is-active {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.12);
  color: #fff;
}


.search-history-more-menu
.search-history-schedule-option:disabled {
  opacity: 0.55;
  cursor: wait;
}

/* Campaign actions and rename dialog: keep interaction states in the dark palette. */
html[data-theme="dark"] .campaign-rename-btn,
html[data-theme="dark"] .campaign-delete-btn {
  background: transparent;
  color: var(--theme-text-soft);
}

html[data-theme="dark"] .campaign-rename-btn:hover:not(:disabled),
html[data-theme="dark"] .campaign-rename-btn:active:not(:disabled),
html[data-theme="dark"] .campaign-rename-btn:focus-visible {
  background: var(--theme-surface-hover);
  color: var(--theme-text);
}

html[data-theme="dark"] .campaign-delete-btn:hover:not(:disabled),
html[data-theme="dark"] .campaign-delete-btn:active:not(:disabled),
html[data-theme="dark"] .campaign-delete-btn:focus-visible {
  background: rgba(190, 86, 86, .14);
  color: #efb0ab;
}

html[data-theme="dark"] .campaign-open-btn:active {
  background: var(--theme-surface-hover) !important;
}

html[data-theme="dark"] .campaign-rename-modal {
  border-color: var(--theme-border);
  box-shadow: var(--theme-shadow);
}

html[data-theme="dark"] .campaign-rename-modal > p,
html[data-theme="dark"] .campaign-rename-field > span {
  color: var(--theme-text-soft);
}

html[data-theme="dark"] .campaign-rename-modal-close {
  color: var(--theme-text-muted);
}

html[data-theme="dark"] .campaign-rename-modal-close:hover,
html[data-theme="dark"] .campaign-rename-modal-close:focus-visible {
  background: var(--theme-surface-hover);
  color: var(--theme-text);
}

html[data-theme="dark"] .campaign-rename-field input {
  background: var(--theme-surface-soft);
  border-color: var(--theme-border);
  color: var(--theme-text);
}

html[data-theme="dark"] .campaign-rename-field input:hover {
  border-color: var(--theme-border-strong);
}

html[data-theme="dark"] .campaign-rename-field input:focus {
  border-color: #a59782;
  box-shadow: 0 0 0 3px rgba(165, 151, 130, .18);
}

html[data-theme="dark"] .campaign-rename-error {
  color: #efb0ab;
}

html[data-theme="dark"] .campaign-rename-modal-actions {
  border-color: var(--theme-border);
}

html[data-theme="dark"] .campaign-rename-modal-actions .btn,
html[data-theme="dark"] .campaign-rename-modal-actions .btn-outline {
  background: var(--theme-surface-soft);
  border-color: var(--theme-border);
  color: var(--theme-text);
}

html[data-theme="dark"] .campaign-rename-modal-actions .btn:hover:not(:disabled),
html[data-theme="dark"] .campaign-rename-modal-actions .btn:active:not(:disabled),
html[data-theme="dark"] .campaign-rename-modal-actions .btn-outline:hover:not(:disabled),
html[data-theme="dark"] .campaign-rename-modal-actions .btn-outline:active:not(:disabled) {
  background: var(--theme-surface-hover);
  border-color: var(--theme-border-strong);
  color: var(--theme-text);
}

html[data-theme="dark"] .campaign-card-actions button:focus-visible,
html[data-theme="dark"] .campaign-rename-modal button:focus-visible {
  outline: 2px solid #a59782;
  outline-offset: 3px;
}


/* Hybrid source notices use the workspace palette in both themes. */
.lead-data-sources { margin-top:8px; color:var(--muted); font-size:11px; line-height:1.6; overflow-wrap:anywhere; }
.lead-data-sources summary { cursor:pointer; }
.lead-data-sources a { color:inherit; text-underline-offset:3px; }


/* Find lead cards: mobile-first compact summary, without hiding functionality. */
#app-find .lead-card-quicklinks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  min-width: 0;
  margin-top: 8px;
}
#app-find .lead-card-quicklinks a {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  max-width: 100%;
  padding: 5px 10px;
  border-radius: 9px;
  border: 1px solid var(--theme-border, #e6e0d7);
  background: var(--theme-surface-soft, #faf9f6);
  color: var(--theme-text, #242321);
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}
#app-find .lead-card-quicklinks a:hover { text-decoration: underline; }
#app-find .lead-card-quicklinks .lead-card-email-address {
  color: var(--theme-text, #242321);
  border-color: var(--theme-border, #e6e0d7);
}
#app-find .lead-card-quicklinks a:focus-visible {
  outline: 2px solid var(--theme-text, #242321);
  outline-offset: 2px;
}
#app-find .lead-card-more-summary { display: none; }
#app-find .lead-card-more { border: 0; padding: 0; margin: 0; }
#app-find .lead-card-more-collapse { display: none; }

@media (max-width: 850px) {
  #app-find .lead-results-list { padding: 7px 6px 11px; }
  #app-find .lead-results-table { border-spacing: 0 7px; }
  #app-find .lead-result-card { padding: 12px 12px 11px; border-radius: 14px; }
  #app-find .lead-result-card-top { gap: 9px; }
  #app-find .lead-card-title-row { gap: 8px; }
  #app-find .lead-card-title-row h3 { font-size: 15px; line-height: 1.23; }
  #app-find .lead-card-location { margin-top: 3px; line-height: 1.35; }
  #app-find .lead-card-badges { gap: 5px; }
  #app-find .lead-card-facts { margin-top: 8px; gap: 5px; }
  #app-find .lead-card-fact { padding: 0 8px; }
  #app-find .lead-card-main { min-width: 0; }

  #app-find .lead-card-quicklinks {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 9px;
  }
  #app-find .lead-card-quicklinks a {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 11px;
    border: 1px solid var(--theme-border, #e6e0d7);
    border-radius: 10px;
    background: var(--theme-surface-soft, #faf9f6);
    color: var(--theme-text, #242321);
    font-size: 11px;
    font-weight: 650;
    text-decoration: none;
  }
  #app-find .lead-card-quicklinks a:focus-visible,
  #app-find .lead-card-more-summary:focus-visible {
    outline: 2px solid var(--theme-text, #242321);
    outline-offset: 2px;
  }

  #app-find .lead-card-more {
    margin-top: 9px;
    border: 1px solid var(--theme-border, #e6e0d7);
    border-radius: 11px;
    background: var(--theme-surface-soft, #faf9f6);
    overflow: visible;
  }
  #app-find .lead-card-more-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    box-sizing: border-box;
    min-height: 38px;
    padding: 8px 11px;
    border-radius: 10px;
    color: var(--theme-text-soft, #67615a);
    cursor: pointer;
    font-size: 11px;
    font-weight: 650;
    list-style: none;
    -webkit-tap-highlight-color: transparent;
  }
  #app-find .lead-card-more-summary::-webkit-details-marker { display: none; }
  #app-find .lead-card-more-summary::marker { content: ""; }
  #app-find .lead-card-more-summary span {
    flex: 0 0 auto;
    color: var(--theme-text-muted, #8d867d);
    font-weight: 600;
  }
  #app-find .lead-card-more[open] .lead-card-more-expand { display: none; }
  #app-find .lead-card-more[open] .lead-card-more-collapse { display: inline; }
  #app-find .lead-card-more[open] > .lead-card-intelligence {
    margin: 0;
    padding: 6px 8px 8px;
    grid-template-columns: 1fr;
    gap: 7px;
  }
  #app-find .lead-card-more[open] > .lead-socials {
    margin: 0 8px 8px;
  }

  #app-find .lead-card-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 7px;
    margin-top: 9px;
    padding-top: 9px;
  }
  #app-find .lead-card-actions .btn-outline {
    box-sizing: border-box;
    width: 100% !important;
    min-height: 38px;
    white-space: normal;
    line-height: 1.2;
  }
  #app-find .lead-card-actions .lead-card-refresh-research-btn {
    grid-column: 1 / -1;
  }
}

/* Use existing theme tokens for compact cards in light and dark modes. */
html[data-theme="dark"] #app-find .lead-card-more,
html[data-theme="dark"] #app-find .lead-card-quicklinks a {
  background: var(--theme-surface-soft) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
}
html[data-theme="dark"] #app-find .lead-card-more-summary {
  color: var(--theme-text) !important;
}


/* Research is an active primary action, distinct from neutral details controls. */
#app-find .lead-card-actions .lead-card-research-btn:not(:disabled) {
  background: #262820 !important;
  border: 1px solid #262820 !important;
  color: #fffdf7 !important;
  box-shadow: 0 3px 10px rgba(27, 29, 22, .13) !important;
  font-weight: 730 !important;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
#app-find .lead-card-actions .lead-card-research-btn:hover:not(:disabled),
#app-find .lead-card-actions .lead-card-research-btn:focus-visible:not(:disabled) {
  background: #454b34 !important;
  border-color: #454b34 !important;
  color: #fff !important;
  box-shadow: 0 4px 13px rgba(27, 29, 22, .2) !important;
}
#app-find .lead-card-actions .lead-card-research-btn:active:not(:disabled) {
  transform: scale(.985);
}
#app-find .lead-card-actions .lead-card-refresh-research-btn:not(:disabled) {
  background: var(--theme-surface, #fff) !important;
  color: var(--theme-text, #292721) !important;
  border: 1px solid var(--theme-border-strong, #d2c7b8) !important;
  cursor: pointer;
  font-weight: 650;
}
#app-find .lead-card-actions .lead-card-research-btn:disabled {
  opacity: .55 !important;
  cursor: wait;
  box-shadow: none !important;
}
html[data-theme="dark"] #app-find .lead-card-actions .lead-card-research-btn:not(:disabled) {
  background: #e9d9b8 !important;
  border-color: #e9d9b8 !important;
  color: #1b1c18 !important;
}
html[data-theme="dark"] #app-find .lead-card-actions .lead-card-research-btn:hover:not(:disabled) {
  background: #f6e9ce !important;
  border-color: #f6e9ce !important;
  color: #1b1c18 !important;
}