:root {
  --lead-ink: #173d30;
  --lead-ink-2: #315247;
  --lead-muted: #71847d;
  --lead-green: #17845e;
  --lead-green-dark: #0d6749;
  --lead-mint: #69d7ac;
  --lead-mint-soft: #e8f7ef;
  --lead-paper: #f7faf6;
  --lead-white: #fff;
  --lead-gold: #b4893c;
  --lead-red: #a64d42;
  --lead-line: rgba(23, 61, 48, .12);
  --lead-line-strong: rgba(23, 61, 48, .2);
  --lead-shadow: 0 24px 64px rgba(27, 68, 53, .09);
  --lead-ease: cubic-bezier(.22, .76, .24, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { min-width: 0; min-height: 100vh; margin: 0; overflow-x: hidden; color: var(--lead-ink); background: radial-gradient(circle at 88% 2%, rgba(105,215,172,.13), transparent 28%), linear-gradient(rgba(29,91,68,.043) 1px, transparent 1px), linear-gradient(90deg, rgba(29,91,68,.043) 1px, transparent 1px), var(--lead-paper); background-size: auto, 64px 64px, 64px 64px, auto; font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Segoe UI", sans-serif; }
button, input, textarea, select { font: inherit; }
button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible { outline: 3px solid rgba(23,132,94,.17); outline-offset: 2px; }
.hidden { display: none !important; }
.lead-app-shell, .lead-main, .lead-topbar, .lead-topbar > *, .lead-meta { min-width: 0; }

.lead-topbar { position: sticky; top: 0; z-index: 100; display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 24px; padding: 0 clamp(22px,3.2vw,58px); border-bottom: 1px solid var(--lead-line); background: rgba(250,252,249,.89); box-shadow: 0 12px 36px rgba(23,61,48,.045); backdrop-filter: blur(22px) saturate(145%); }
.lead-brand { display: flex; min-width: 0; align-items: center; gap: 15px; color: inherit; text-decoration: none; }
.lead-brand img { display: block; width: 112px; height: 34px; object-fit: contain; object-position: left center; }
.lead-brand > i { width: 1px; height: 30px; background: var(--lead-line-strong); }
.lead-brand > span { display: grid; gap: 2px; white-space: nowrap; }
.lead-brand strong { font-size: 14px; letter-spacing: .035em; }
.lead-brand small { color: var(--lead-muted); font-size: 8px; font-weight: 800; letter-spacing: .16em; }
.lead-topnav { display: flex; align-self: stretch; align-items: center; gap: 2px; }
.lead-topnav button { position: relative; height: 100%; padding: 0 14px; border: 0; color: #5f756c; background: transparent; cursor: pointer; font-size: 12px; font-weight: 700; white-space: nowrap; }
.lead-topnav button::after { position: absolute; right: 14px; bottom: 0; left: 14px; height: 2px; border-radius: 4px; background: var(--lead-green); content: ""; opacity: 0; transform: scaleX(.35); transition: .24s var(--lead-ease); }
.lead-topnav button:hover, .lead-topnav button.active { color: var(--lead-green-dark); background: linear-gradient(to bottom,transparent,rgba(23,132,94,.04)); }
.lead-topnav button:hover::after, .lead-topnav button.active::after { opacity: 1; transform: scaleX(1); }
.lead-meta { display: flex; align-items: center; gap: 11px; }
.lead-clock { display: grid; padding-right: 13px; border-right: 1px solid var(--lead-line); text-align: right; }
.lead-clock strong { font-size: 13px; font-variant-numeric: tabular-nums; }
.lead-clock small { margin-top: 1px; color: var(--lead-muted); font-size: 8px; }
.lead-license { display: flex; align-items: center; gap: 7px; padding: 9px 11px; border: 1px solid rgba(23,132,94,.12); border-radius: 999px; color: var(--lead-green-dark); background: rgba(232,247,239,.82); font-size: 9px; font-weight: 800; white-space: nowrap; }
.lead-license > i { width: 7px; height: 7px; border-radius: 50%; background: var(--lead-mint); box-shadow: 0 0 0 5px rgba(105,215,172,.13); }
.lead-account { display: flex; align-items: center; gap: 7px; padding: 5px 9px 5px 5px; border: 1px solid var(--lead-line); border-radius: 999px; color: var(--lead-ink-2); background: #fff; cursor: pointer; font-size: 9px; transition: .2s ease; }
.lead-account span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg,var(--lead-green-dark),#4bb88b); font-size: 11px; font-weight: 900; }
.lead-account:hover { border-color: rgba(23,132,94,.3); box-shadow: 0 10px 26px rgba(23,61,48,.1); transform: translateY(-1px); }

.lead-main { width: min(1480px,100%); margin: 0 auto; padding: clamp(22px,3vw,46px) clamp(20px,3.2vw,58px) 38px; }
.lead-hero { display: grid; grid-template-columns: minmax(0,1.28fr) minmax(350px,.72fr); overflow: hidden; border: 1px solid var(--lead-line); border-radius: 26px; background: rgba(255,255,255,.91); box-shadow: var(--lead-shadow); }
.lead-hero-copy { position: relative; min-height: 430px; overflow: hidden; padding: clamp(36px,4.3vw,66px); }
.lead-hero-copy::before { position: absolute; top: -170px; right: -80px; width: 440px; height: 440px; border: 1px solid rgba(23,132,94,.11); border-radius: 50%; box-shadow: 0 0 0 58px rgba(23,132,94,.027),0 0 0 116px rgba(23,132,94,.018); content: ""; }
.lead-hero-copy::after { position: absolute; right: 8%; bottom: 15%; width: 7px; height: 7px; border-radius: 50%; background: var(--lead-gold); box-shadow: 78px -48px 0 -2px var(--lead-green),-55px 31px 0 -2px var(--lead-mint); content: ""; }
.lead-kicker { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 36px; }
.lead-kicker > span { color: var(--lead-green); font-size: 9px; font-weight: 900; letter-spacing: .19em; }
.lead-kicker > i { display: flex; align-items: center; gap: 7px; color: var(--lead-muted); font-size: 9px; font-style: normal; }
.lead-kicker > i::before { width: 6px; height: 6px; border-radius: 50%; background: var(--lead-mint); box-shadow: 0 0 0 5px rgba(105,215,172,.12); content: ""; }
.lead-hero h1 { position: relative; z-index: 1; margin: 0 0 22px; color: var(--lead-ink); font-size: clamp(38px,4.2vw,65px); line-height: 1.08; letter-spacing: -.05em; white-space: nowrap; }
.lead-hero h1 span { color: var(--lead-green); }
.lead-hero-copy > p { position: relative; z-index: 1; max-width: 100%; margin: 0; color: #637970; font-size: 13px; line-height: 1.9; white-space: normal; overflow-wrap: anywhere; }
.lead-hero-actions { position: relative; z-index: 2; display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.lead-proof { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 16px; margin-top: 28px; color: #74877e; font-size: 9px; }
.lead-proof span { display: flex; align-items: center; gap: 7px; }
.lead-proof span::before { width: 5px; height: 5px; border-radius: 50%; background: var(--lead-mint); content: ""; }

.eh-btn { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: 8px; padding: 0 19px; border: 1px solid transparent; border-radius: 12px; cursor: pointer; font-size: 11px; font-weight: 800; transition: transform .2s var(--lead-ease),box-shadow .2s ease,border-color .2s ease,color .2s ease,background .2s ease; }
.eh-btn:hover { transform: translateY(-1px); }
.eh-btn:active { transform: translateY(1px) scale(.985); }
.eh-btn:disabled { cursor: not-allowed; opacity: .42; transform: none; box-shadow: none; }
.eh-btn-primary { border-color: var(--lead-green); color: #fff; background: linear-gradient(135deg,var(--lead-green-dark),#40aa7d); box-shadow: 0 14px 28px rgba(18,119,84,.2); }
.eh-btn-primary:hover { background: linear-gradient(135deg,#095a40,#28946a); box-shadow: 0 18px 34px rgba(18,119,84,.27); }
.eh-btn-secondary { border-color: var(--lead-line-strong); color: var(--lead-ink); background: #fff; }
.eh-btn-secondary:hover { border-color: rgba(23,132,94,.32); color: var(--lead-green-dark); background: var(--lead-mint-soft); }
.eh-btn-danger { border-color: rgba(166,77,66,.18); color: var(--lead-red); background: #fff6f4; }
.eh-btn-ghost { border-color: var(--lead-line); color: var(--lead-muted); background: transparent; }
.eh-btn-large { min-height: 54px; padding: 0 26px; font-size: 12px; }
.eh-btn-large i { width: 7px; height: 7px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: rotate(45deg); }

.lead-radar { position: relative; min-height: 430px; overflow: hidden; background: linear-gradient(145deg,#113c2f,#166246 56%,#2c9369); }
.radar-grid { position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(to bottom,#000,transparent 92%); }
.radar-core { position: absolute; top: 41%; left: 50%; z-index: 2; display: grid; width: 94px; height: 94px; place-items: center; border: 1px solid rgba(255,255,255,.33); border-radius: 50%; color: #fff; background: rgba(255,255,255,.12); box-shadow: 0 0 0 13px rgba(255,255,255,.035),0 25px 55px rgba(0,0,0,.18); backdrop-filter: blur(12px); transform: translate(-50%,-50%); font-size: 18px; font-weight: 900; letter-spacing: .08em; }
.radar-core small { display: block; margin-top: -26px; color: #a7f3d0; font-size: 7px; letter-spacing: .22em; }
.lead-radar > i { position: absolute; top: calc(41% - 127px); left: calc(50% - 127px); width: 254px; height: 254px; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; animation: leadOrbit 15s linear infinite; }
.lead-radar > i:nth-of-type(2) { width: 230px; height: 280px; margin: -13px 0 0 12px; transform: rotate(58deg); animation-duration: 19s; }
.lead-radar > i:nth-of-type(3) { width: 280px; height: 214px; margin: 20px 0 0 -13px; transform: rotate(-42deg); animation-duration: 23s; }
.lead-radar > i::after { position: absolute; top: 12%; right: 10%; width: 7px; height: 7px; border-radius: 50%; background: #8fe8c1; box-shadow: 0 0 13px rgba(143,232,193,.9); content: ""; }
.lead-radar > b { position: absolute; border-radius: 50%; background: rgba(255,255,255,.68); }
.lead-radar > b:nth-of-type(1) { top: 52px; left: 44px; width: 4px; height: 4px; }
.lead-radar > b:nth-of-type(2) { top: 92px; right: 38px; width: 6px; height: 6px; }
.lead-radar > b:nth-of-type(3) { bottom: 118px; left: 68px; width: 5px; height: 5px; }
.lead-radar > b:nth-of-type(4) { right: 74px; bottom: 144px; width: 3px; height: 3px; }
@keyframes leadOrbit { to { transform: rotate(360deg); } }
.radar-caption { position: absolute; right: 24px; bottom: 24px; left: 24px; z-index: 3; padding: 18px 20px; border: 1px solid rgba(255,255,255,.13); border-radius: 16px; color: #fff; background: rgba(4,42,29,.24); backdrop-filter: blur(12px); }
.radar-caption small { color: #9fe7c5; font-size: 7px; font-weight: 900; letter-spacing: .18em; }
.radar-caption strong { display: block; margin-top: 8px; font-size: 19px; }
.radar-caption span { display: block; margin-top: 6px; color: rgba(255,255,255,.7); font-size: 9px; }

.lead-capabilities { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 11px; margin-top: 14px; }
.lead-capabilities article { display: flex; min-height: 112px; align-items: center; gap: 14px; padding: 20px; border: 1px solid var(--lead-line); border-radius: 18px; background: rgba(255,255,255,.87); box-shadow: 0 18px 42px rgba(29,68,54,.055); transition: .22s var(--lead-ease); }
.lead-capabilities article:hover { border-color: rgba(23,132,94,.24); box-shadow: 0 22px 50px rgba(29,68,54,.1); transform: translateY(-2px); }
.lead-capabilities i { display: grid; flex: 0 0 auto; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(23,132,94,.12); border-radius: 11px; color: var(--lead-green); background: var(--lead-mint-soft); font-size: 9px; font-style: normal; font-weight: 900; }
.lead-capabilities strong { display: block; font-size: 13px; }
.lead-capabilities span { display: block; margin-top: 6px; color: var(--lead-muted); font-size: 9px; line-height: 1.6; }

.lead-panel { margin-top: 16px; padding: clamp(24px,3vw,40px); border: 1px solid var(--lead-line); border-radius: 24px; background: rgba(255,255,255,.92); box-shadow: var(--lead-shadow); scroll-margin-top: 96px; }
.panel-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 26px; border-bottom: 1px solid var(--lead-line); }
.panel-heading > div:first-child > span,.results-toolbar > div:first-child > span { color: var(--lead-green); font-size: 8px; font-weight: 900; letter-spacing: .18em; }
.panel-heading h2,.results-toolbar h2 { margin: 10px 0 8px; color: var(--lead-ink); font-size: clamp(25px,2.6vw,36px); letter-spacing: -.025em; }
.panel-heading p,.results-toolbar p { margin: 0; color: var(--lead-muted); font-size: 11px; line-height: 1.75; }
.profile-progress { flex: 0 0 178px; padding: 14px 16px; border: 1px solid rgba(23,132,94,.12); border-radius: 15px; background: linear-gradient(145deg,#f0faf5,#fff); }
.profile-progress > small { color: var(--lead-muted); font-size: 8px; }
.profile-progress > strong { float: right; color: var(--lead-green); font-size: 16px; }
.profile-progress > i { display: block; height: 5px; margin-top: 22px; overflow: hidden; border-radius: 999px; background: #e7efea; }
.profile-progress > i b { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--lead-green),var(--lead-mint)); transition: width .35s var(--lead-ease); }

.form-section { margin-top: 22px; padding: 24px; border: 1px solid var(--lead-line); border-radius: 18px; background: linear-gradient(145deg,rgba(249,252,249,.96),rgba(255,255,255,.96)); }
.form-section-head { display: flex; align-items: flex-start; gap: 14px; }
.form-section-head > span { flex: 0 0 auto; padding: 7px 9px; border-radius: 8px; color: var(--lead-green-dark); background: var(--lead-mint-soft); font-size: 8px; font-weight: 900; letter-spacing: .08em; }
.form-section-head h3 { margin: 0; font-size: 16px; }
.form-section-head p { margin: 4px 0 0; color: var(--lead-muted); font-size: 9px; }
.lead-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 20px; }
.field { position: relative; min-width: 0; }
.field.wide { grid-column: 1/-1; }
.field > label { display: flex; align-items: center; gap: 7px; margin-bottom: 8px; color: var(--lead-ink-2); font-size: 10px; font-weight: 800; }
.field > label em { padding: 3px 6px; border-radius: 999px; color: var(--lead-green); background: rgba(105,215,172,.12); font-size: 7px; font-style: normal; }
.field > small { display: block; margin-top: 7px; color: #96a69f; font-size: 8px; }
.field input,.field select,.field textarea { width: 100%; min-height: 52px; padding: 13px 15px; border: 1px solid var(--lead-line-strong); border-radius: 12px; outline: none; color: var(--lead-ink); background: rgba(255,255,255,.96); font-size: 11px; transition: .2s ease; }
.field textarea { min-height: 126px; resize: vertical; line-height: 1.75; }
.field input::placeholder,.field textarea::placeholder { color: #a3b1ab; }
.field input:hover,.field textarea:hover,.field select:hover { border-color: rgba(23,132,94,.3); }
.field input:focus,.field textarea:focus,.field select:focus { border-color: var(--lead-green); box-shadow: 0 0 0 4px rgba(23,132,94,.09); }
.field > a { display: inline-block; margin-top: 7px; color: var(--lead-green); font-size: 8px; text-decoration: none; }
.field-invalid { padding: 10px; border-radius: 14px; background: #fff5f3; box-shadow: inset 0 0 0 1px rgba(192,75,60,.13); }
.field-invalid > label { color: #a7473a; }

.quick-options { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.quick-options button { min-height: 28px; padding: 0 10px; border: 1px solid var(--lead-line); border-radius: 999px; color: #6f827a; background: #fff; cursor: pointer; font-size: 8px; transition: .18s ease; }
.quick-options button:hover,.quick-options button.selected { border-color: rgba(23,132,94,.25); color: var(--lead-green-dark); background: var(--lead-mint-soft); transform: translateY(-1px); }
.description-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 9px; }
.description-actions button { min-height: 32px; padding: 0 11px; border: 1px solid rgba(23,132,94,.15); border-radius: 9px; color: var(--lead-green-dark); background: var(--lead-mint-soft); cursor: pointer; font-size: 8px; font-weight: 700; }
.description-actions span { color: #91a199; font-size: 8px; }

.eh-select { position: relative; }
.eh-select > select { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; opacity: 0; pointer-events: none; }
.eh-select-trigger { display: flex; width: 100%; min-height: 52px; align-items: center; justify-content: space-between; padding: 0 13px 0 15px; border: 1px solid var(--lead-line-strong); border-radius: 12px; color: var(--lead-ink); background: #fff; cursor: pointer; font-size: 11px; text-align: left; transition: .2s ease; }
.eh-select-trigger i,.market-trigger i { position: relative; display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; background: var(--lead-mint-soft); }
.eh-select-trigger i::before,.market-trigger i::before { width: 6px; height: 6px; border-right: 1.5px solid var(--lead-green-dark); border-bottom: 1.5px solid var(--lead-green-dark); content: ""; transform: translateY(-2px) rotate(45deg); transition: .2s var(--lead-ease); }
.eh-select-trigger[aria-expanded="true"],.market-trigger[aria-expanded="true"] { border-color: var(--lead-green); box-shadow: 0 0 0 4px rgba(23,132,94,.09); }
.eh-select-trigger[aria-expanded="true"] i::before,.market-trigger[aria-expanded="true"] i::before { transform: translateY(2px) rotate(225deg); }
.eh-select-menu { position: absolute; top: calc(100% + 7px); right: 0; left: 0; z-index: 90; max-height: 280px; overflow: auto; padding: 7px; border: 1px solid var(--lead-line); border-radius: 14px; background: rgba(255,255,255,.98); box-shadow: 0 22px 46px rgba(23,61,48,.16); animation: leadMenuIn .2s var(--lead-ease) both; backdrop-filter: blur(18px); }
.eh-select-option { display: flex; width: 100%; min-height: 39px; align-items: center; justify-content: space-between; padding: 0 11px; border: 0; border-radius: 9px; color: #536b61; background: transparent; cursor: pointer; font-size: 9px; text-align: left; }
.eh-select-option:hover,.eh-select-option[aria-selected="true"] { color: var(--lead-green-dark); background: var(--lead-mint-soft); }
.eh-select-option[aria-selected="true"]::after { width: 7px; height: 4px; border-bottom: 1.5px solid var(--lead-green); border-left: 1.5px solid var(--lead-green); content: ""; transform: rotate(-45deg); }
@keyframes leadMenuIn { from { opacity:0; transform:translateY(-6px) scale(.985); } to { opacity:1; transform:none; } }

.market-select { position: relative; }
.market-trigger { display: flex; width: 100%; min-height: 56px; align-items: center; justify-content: space-between; padding: 0 14px 0 16px; border: 1px solid var(--lead-line-strong); border-radius: 12px; color: #879992; background: #fff; cursor: pointer; font-size: 11px; text-align: left; }
.market-trigger.has-value { color: var(--lead-ink); }
.market-menu { position: absolute; top: calc(100% + 8px); right: 0; left: 0; z-index: 95; overflow: hidden; border: 1px solid var(--lead-line); border-radius: 18px; background: rgba(255,255,255,.98); box-shadow: 0 26px 60px rgba(23,61,48,.17); animation: leadMenuIn .22s var(--lead-ease) both; backdrop-filter: blur(20px); }
.market-menu-head { padding: 17px 18px 13px; border-bottom: 1px solid var(--lead-line); }
.market-menu-head strong { display: block; font-size: 13px; }
.market-menu-head small { display: block; margin-top: 3px; color: var(--lead-muted); font-size: 8px; }
.market-groups { display: grid; grid-template-columns: repeat(3,1fr); max-height: 330px; overflow: auto; padding: 14px 16px; gap: 14px; }
.market-groups section { align-content: start; display: flex; flex-wrap: wrap; gap: 6px; }
.market-groups h4 { width: 100%; margin: 0 0 2px; color: #8c9d95; font-size: 8px; letter-spacing: .1em; }
.market-groups label { display: block; margin: 0; cursor: pointer; }
.market-groups input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.market-groups label span { display: block; padding: 7px 10px; border: 1px solid var(--lead-line); border-radius: 9px; color: #5e756b; background: #fff; font-size: 9px; transition: .18s ease; }
.market-groups label:hover span,.market-groups input:checked + span { border-color: rgba(23,132,94,.26); color: var(--lead-green-dark); background: var(--lead-mint-soft); }
.market-menu-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 12px 16px; border-top: 1px solid var(--lead-line); background: #fbfdfb; }
.market-menu-actions > button:not(.eh-btn) { min-height: 38px; padding: 0 12px; border: 0; color: var(--lead-muted); background: transparent; cursor: pointer; font-size: 9px; }
.market-menu-actions .eh-btn { min-height: 38px; padding: 0 16px; font-size: 9px; }
.market-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 9px; }
.market-tags span { padding: 5px 8px; border-radius: 999px; color: #7b8f86; background: #eef4f0; font-size: 8px; }
.market-tags span.selected { color: var(--lead-green-dark); background: var(--lead-mint-soft); }

.api-settings { margin-top: 22px; overflow: visible; border: 1px solid var(--lead-line); border-radius: 18px; background: #fbfdfb; }
.api-settings > summary { display: flex; min-height: 76px; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 20px; cursor: pointer; list-style: none; }
.api-settings > summary::-webkit-details-marker { display: none; }
.api-settings > summary > span { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; }
.api-settings > summary i { grid-row: 1/3; align-self: center; padding: 7px 8px; border-radius: 8px; color: var(--lead-green); background: var(--lead-mint-soft); font-size: 7px; font-style: normal; font-weight: 900; letter-spacing: .1em; }
.api-settings > summary strong { font-size: 13px; }
.api-settings > summary small { color: var(--lead-muted); font-size: 8px; }
.api-settings > summary > b { position: relative; width: 30px; height: 30px; border-radius: 9px; background: var(--lead-mint-soft); }
.api-settings > summary > b::before,.api-settings > summary > b::after { position: absolute; top: 50%; left: 50%; width: 10px; height: 1px; background: var(--lead-green); content: ""; transform: translate(-50%,-50%); }
.api-settings > summary > b::after { transform: translate(-50%,-50%) rotate(90deg); transition: .2s ease; }
.api-settings[open] > summary > b::after { transform: translate(-50%,-50%) rotate(0); }
.api-settings-body { padding: 0 20px 22px; border-top: 1px solid var(--lead-line); }
.secret-field { position: relative; }
.secret-field input { padding-right: 64px; }
.secret-field button { position: absolute; top: 8px; right: 8px; min-height: 36px; padding: 0 11px; border: 0; border-radius: 8px; color: var(--lead-green-dark); background: var(--lead-mint-soft); cursor: pointer; font-size: 8px; }
.search-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--lead-line); }
.search-actions > span { margin-left: auto; color: #90a198; font-size: 8px; }

.task-status { position: relative; overflow: hidden; background: linear-gradient(145deg,#123c30,#176448 62%,#27885f); color: #fff; }
.task-status::before { position: absolute; inset: 0; opacity: .55; background: linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px); background-size: 44px 44px; content: ""; mask-image: linear-gradient(to bottom,#000,transparent); }
.status-heading,.status-grid,.overall-progress { position: relative; z-index: 1; }
.status-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.status-heading > div { display: flex; align-items: center; gap: 12px; }
.status-heading small { color: #9fe7c5; font-size: 7px; font-weight: 900; letter-spacing: .17em; }
.status-heading h2 { margin: 5px 0 0; font-size: 22px; }
.status-heading > strong { font-family: Consolas,monospace; font-size: 13px; font-variant-numeric: tabular-nums; }
.status-dot { width: 10px; height: 10px; border: 2px solid rgba(255,255,255,.82); border-radius: 50%; background: #8ca49a; box-shadow: 0 0 0 6px rgba(255,255,255,.07); }
.status-dot.running { background: #7de2b6; animation: statusPulse 1.2s ease infinite; }
.status-dot.paused { background: #edc675; }
@keyframes statusPulse { 50% { box-shadow: 0 0 0 10px rgba(125,226,182,.03); } }
.status-grid { display: grid; grid-template-columns: 1.5fr repeat(3,1fr); gap: 10px; margin-top: 22px; }
.status-grid article { min-width: 0; padding: 16px; border: 1px solid rgba(255,255,255,.11); border-radius: 14px; background: rgba(3,43,29,.22); backdrop-filter: blur(10px); }
.status-grid span { display: block; color: rgba(255,255,255,.58); font-size: 8px; }
.status-grid strong { display: block; overflow: hidden; margin-top: 8px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.status-grid .highlight { background: rgba(255,255,255,.12); }
.status-grid .highlight strong { color: #a7f3d0; font-size: 22px; }
.overall-progress { margin-top: 14px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(3,43,29,.18); }
.overall-progress > div { display: flex; justify-content: space-between; color: rgba(255,255,255,.68); font-size: 8px; }
.overall-progress > i { display: block; height: 6px; margin-top: 9px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.13); }
.overall-progress > i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#74deb1,#fff3bd); transition: width .3s ease; }

.results-toolbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding-bottom: 22px; border-bottom: 1px solid var(--lead-line); }
.result-actions { display: flex; gap: 8px; }
.result-tabs { display: flex; gap: 4px; margin-top: 18px; padding: 4px; border-radius: 12px; background: #eff5f1; }
.result-tabs button { display: flex; min-height: 40px; align-items: center; gap: 8px; padding: 0 14px; border: 0; border-radius: 9px; color: #6d8178; background: transparent; cursor: pointer; font-size: 9px; font-weight: 800; }
.result-tabs button span { color: #90a097; font-size: 8px; font-weight: 600; }
.result-tabs button.active { color: var(--lead-green-dark); background: #fff; box-shadow: 0 6px 18px rgba(23,61,48,.08); }
.results-grid { margin-top: 13px; }
.result-pane { display: none; }
.result-pane.active { display: block; animation: resultPaneIn .28s var(--lead-ease) both; }
@keyframes resultPaneIn { from { opacity:0; transform:translateY(6px); } }
.results-container,.log-container { max-height: 640px; overflow-y: auto; padding-right: 5px; scrollbar-color: rgba(23,132,94,.28) transparent; scrollbar-width: thin; }
.empty-state { display: grid; min-height: 340px; place-items: center; align-content: center; padding: 44px; border: 1px dashed rgba(23,132,94,.18); border-radius: 18px; color: var(--lead-muted); background: linear-gradient(145deg,#fbfdfb,#f4faf6); text-align: center; }
.empty-state i { display: grid; width: 54px; height: 54px; place-items: center; border: 1px solid rgba(23,132,94,.15); border-radius: 50%; color: var(--lead-green); background: var(--lead-mint-soft); font-size: 10px; font-style: normal; font-weight: 900; }
.empty-state strong { margin-top: 16px; color: var(--lead-ink); font-size: 17px; }
.empty-state span { margin-top: 8px; font-size: 9px; }
.lead-result-card { margin-bottom: 10px; padding: 18px; border: 1px solid var(--lead-line); border-radius: 16px; background: #fff; transition: .22s var(--lead-ease); }
.lead-result-card:hover { border-color: rgba(23,132,94,.25); box-shadow: 0 16px 40px rgba(23,61,48,.09); transform: translateY(-2px); }
.result-card-head { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: start; gap: 11px; }
.company-mark { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; color: #fff; background: linear-gradient(135deg,var(--lead-green-dark),#52bc8f); font-size: 13px; font-weight: 900; }
.result-card-head h3 { margin: 0; font-size: 13px; }
.result-card-head a { display: block; overflow: hidden; margin-top: 5px; color: var(--lead-green); font-size: 9px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.result-card-head time { color: #9aaaa3; font-size: 7px; }
.result-snippet { margin: 14px 0 0; color: var(--lead-muted); font-size: 9px; line-height: 1.7; }
.contact-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 13px; }
.contact-grid > div { min-width: 0; padding: 10px; border-radius: 10px; background: #f4f9f6; }
.contact-grid span { display: block; color: #8fa098; font-size: 7px; }
.contact-grid strong { display: block; overflow: hidden; margin-top: 5px; color: var(--lead-ink-2); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.social-links { display: flex; align-items: center; gap: 6px; margin-top: 12px; }
.social-links > span { margin-right: 3px; color: #8fa098; font-size: 7px; }
.social-links a { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: var(--lead-green-dark); background: var(--lead-mint-soft); font-size: 7px; font-weight: 900; text-decoration: none; }
.log-head { display: flex; justify-content: space-between; padding: 11px 14px; border: 1px solid var(--lead-line); border-bottom: 0; border-radius: 13px 13px 0 0; color: var(--lead-ink-2); background: #f7faf8; font-size: 9px; }
.log-head i { color: #97a69f; font-size: 7px; font-style: normal; }
.log-container { min-height: 420px; padding: 16px; border-radius: 0 0 13px 13px; color: #d9f3e6; background: #123c30; font-family: Consolas,"Microsoft YaHei UI",monospace; font-size: 9px; line-height: 1.8; }
.log-placeholder { color: rgba(217,243,230,.45); }
.log-entry { padding: 2px 0; color: #bce9d4; }
.log-entry.success { color: #9fe7c5; }
.log-entry.warning { color: #f0d395; }
.log-entry.error { color: #ffafa6; }

.lead-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px clamp(22px,3.2vw,58px) 28px; color: #8a9c94; font-size: 8px; }
.eh-toast-region { position: fixed; top: 94px; right: 24px; z-index: 10000; display: grid; gap: 9px; width: min(360px,calc(100vw - 28px)); pointer-events: none; }
.eh-toast { display: flex; align-items: flex-start; gap: 11px; padding: 15px 17px; border: 1px solid var(--lead-line); border-radius: 14px; color: var(--lead-ink-2); background: rgba(255,255,255,.97); box-shadow: 0 20px 50px rgba(23,61,48,.17); opacity: 0; transform: translateY(-8px) scale(.98); transition: .24s var(--lead-ease); backdrop-filter: blur(18px); font-size: 10px; line-height: 1.65; }
.eh-toast.visible { opacity:1; transform:none; }
.eh-toast i { flex:0 0 auto; width:9px; height:9px; margin-top:4px; border:2px solid #fff; border-radius:50%; background:var(--lead-mint); box-shadow:0 0 0 4px rgba(105,215,172,.13); }
.eh-confirm-overlay { position:fixed; inset:0; z-index:10020; display:grid; padding:20px; place-items:center; background:rgba(19,48,39,.24); opacity:0; transition:opacity .22s var(--lead-ease); backdrop-filter:blur(7px); }
.eh-confirm-overlay.visible { opacity:1; }
.eh-confirm { width:min(410px,100%); padding:26px; border:1px solid rgba(23,132,94,.15); border-radius:22px; background:rgba(255,255,255,.98); box-shadow:0 28px 80px rgba(23,61,48,.22); transform:translateY(9px) scale(.98); transition:transform .22s var(--lead-ease); }
.eh-confirm-overlay.visible .eh-confirm { transform:none; }
.eh-confirm > i { display:grid; width:40px; height:40px; margin-bottom:18px; place-items:center; border-radius:13px; color:var(--lead-green-dark); background:var(--lead-mint-soft); font-size:17px; font-style:normal; font-weight:900; }
.eh-confirm h3 { margin:0; color:var(--lead-ink); font-size:18px; }
.eh-confirm p { margin:11px 0 22px; color:var(--lead-muted); font-size:11px; line-height:1.75; }
.eh-confirm-actions { display:flex; justify-content:flex-end; gap:9px; }
.eh-confirm-actions button { min-width:94px; height:41px; border:1px solid var(--lead-line); border-radius:11px; color:var(--lead-ink-2); background:#fff; font-weight:800; cursor:pointer; transition:.2s var(--lead-ease); }
.eh-confirm-actions button:last-child { border-color:var(--lead-green); color:#fff; background:var(--lead-green); }
.eh-confirm-actions button:hover { transform:translateY(-1px); box-shadow:0 10px 24px rgba(23,61,48,.12); }

@media (max-width: 1320px) and (min-width: 1081px) { .lead-clock { display:none; } .lead-topnav button { padding:0 8px; font-size:10px; } .lead-brand small { display:none; } }
@media (max-width:1080px) { .lead-topnav { display:none; } .lead-hero { grid-template-columns:1fr .64fr; } .lead-capabilities { grid-template-columns:repeat(2,1fr); } }
@media (max-width:860px) {
  .lead-topbar { min-height:68px; padding:9px 18px; gap:12px; }
  .lead-brand img { width:90px; }
  .lead-brand > i,.lead-brand > span { display:none; }
  .lead-clock { display:none; }
  .lead-account b { display:none; }
  .lead-account { padding-right:5px; }
  .lead-main { padding:18px 14px 26px; }
  .lead-hero { grid-template-columns:1fr; }
  .lead-hero-copy,.lead-radar { min-height:auto; }
  .lead-radar { min-height:300px; }
  .radar-core { top:41%; transform:translate(-50%,-50%) scale(.85); }
  .lead-radar > i { top:calc(41% - 127px); transform:scale(.8); }
  .panel-heading,.results-toolbar { display:grid; }
  .profile-progress { width:100%; }
  .status-grid { grid-template-columns:repeat(2,1fr); }
  .market-groups { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:620px) {
  .lead-license { max-width:150px; padding:7px 8px; overflow:hidden; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
  .lead-hero-copy { padding:28px 22px; }
  .lead-kicker { margin-bottom:24px; }
  .lead-kicker > i { display:none; }
  .lead-hero h1 { font-size:35px; white-space:normal; }
  .lead-hero-copy > p { font-size:11px; white-space:normal; }
  .lead-hero-actions .eh-btn { width:100%; }
  .lead-capabilities { grid-template-columns:1fr; }
  .lead-capabilities article { min-height:92px; }
  .lead-panel { padding:22px 16px; border-radius:18px; }
  .form-section { padding:18px 14px; }
  .lead-form { grid-template-columns:1fr; }
  .field.wide { grid-column:auto; }
  .market-menu { position:fixed; top:auto; right:10px; bottom:10px; left:10px; max-height:min(76vh,620px); }
  .market-groups { grid-template-columns:1fr; max-height:52vh; }
  .description-actions { display:grid; }
  .search-actions .eh-btn { flex:1 1 100%; }
  .search-actions > span { width:100%; margin:4px 0 0; text-align:center; }
  .status-grid { grid-template-columns:1fr 1fr; }
  .status-grid article:first-child { grid-column:1/-1; }
  .result-actions { display:grid; }
  .result-actions .eh-btn { width:100%; }
  .result-tabs button { flex:1; justify-content:center; }
  .contact-grid { grid-template-columns:1fr; }
  .result-card-head { grid-template-columns:38px minmax(0,1fr); }
  .result-card-head time { grid-column:2; }
  .lead-footer { display:grid; text-align:center; }
  .eh-toast-region { top:78px; right:14px; }
}
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.lead-radar>i,.eh-select-menu,.market-menu,.result-pane{animation:none!important}*{transition-duration:.01ms!important} }

/* 2026-08-03: desktop readability scale — preserve layout and interaction behavior */
.lead-brand strong { font-size: 18px; }
.lead-brand small { font-size: 11px; }
.lead-topnav button { padding-right: 16px; padding-left: 16px; font-size: 15px; }
.lead-clock strong { font-size: 15px; }
.lead-clock small,.lead-license,.lead-account { font-size: 12px; }
.lead-account span { width: 36px; height: 36px; font-size: 14px; }
.lead-kicker > span,.lead-kicker > i { font-size: 13px; }
.lead-hero-copy > p { max-width: 900px; font-size: 18px; line-height: 1.8; }
.lead-proof { font-size: 14px; }
.eh-btn { min-height: 52px; padding-right: 23px; padding-left: 23px; font-size: 15px; }
.eh-btn-large { min-height: 60px; padding-right: 30px; padding-left: 30px; font-size: 16px; }
.radar-core small,.radar-caption small { font-size: 11px; }
.radar-caption strong { font-size: 22px; }
.radar-caption span { font-size: 14px; }
.lead-capabilities article { min-height: 132px; padding: 24px; }
.lead-capabilities i { width: 46px; height: 46px; font-size: 13px; }
.lead-capabilities strong { font-size: 19px; }
.lead-capabilities span { font-size: 15px; line-height: 1.65; }
.panel-heading > div:first-child > span,.results-toolbar > div:first-child > span { font-size: 12px; }
.panel-heading p,.results-toolbar p { max-width: 920px; font-size: 17px; line-height: 1.7; }
.profile-progress { flex-basis: 210px; padding: 17px 19px; }
.profile-progress > small { font-size: 13px; }
.profile-progress > strong { font-size: 22px; }
.form-section { padding: 30px; }
.form-section-head > span { padding: 9px 12px; font-size: 12px; }
.form-section-head h3 { font-size: 26px; }
.form-section-head p { margin-top: 7px; font-size: 16px; line-height: 1.6; }
.lead-form { gap: 24px; margin-top: 26px; }
.field > label { min-height: 26px; margin-bottom: 10px; font-size: 18px; }
.field > label em { padding: 4px 7px; font-size: 11px; }
.field > small { margin-top: 9px; font-size: 14px; line-height: 1.6; }
.field input,.field select,.field textarea { min-height: 66px; padding: 16px 18px; font-size: 18px; }
.field textarea { min-height: 164px; }
.field > a { margin-top: 9px; font-size: 14px; }
.quick-options { gap: 8px; margin-top: 12px; }
.quick-options button { min-height: 42px; padding-right: 15px; padding-left: 15px; font-size: 14px; }
.description-actions button { min-height: 42px; padding-right: 15px; padding-left: 15px; font-size: 14px; }
.description-actions span { font-size: 14px; }
.eh-select-trigger,.market-trigger { min-height: 66px; padding-right: 16px; padding-left: 18px; font-size: 18px; }
.eh-select-trigger i,.market-trigger i { width: 38px; height: 38px; }
.eh-select-menu { max-height: 380px; padding: 9px; }
.eh-select-option { min-height: 54px; padding-right: 15px; padding-left: 15px; font-size: 16px; }
.market-menu-head { padding: 20px 22px 16px; }
.market-menu-head strong { font-size: 20px; }
.market-menu-head small { margin-top: 5px; font-size: 14px; }
.market-groups { max-height: 420px; padding: 18px 20px; gap: 18px; }
.market-groups h4 { font-size: 13px; }
.market-groups label span { padding: 10px 13px; font-size: 15px; }
.market-menu-actions > button:not(.eh-btn),.market-menu-actions .eh-btn { min-height: 44px; font-size: 14px; }
.market-tags span { padding: 7px 10px; font-size: 13px; }
.api-settings > summary { min-height: 88px; padding: 18px 22px; }
.api-settings > summary i { padding: 9px 10px; font-size: 11px; }
.api-settings > summary strong { font-size: 19px; }
.api-settings > summary small { font-size: 14px; }
.secret-field input { padding-right: 82px; }
.secret-field button { top: 10px; min-height: 44px; padding-right: 14px; padding-left: 14px; font-size: 13px; }
.search-actions > span { font-size: 14px; }
.status-heading small { font-size: 12px; }
.status-heading h2 { font-size: 30px; }
.status-heading > strong { font-size: 17px; }
.status-grid span { font-size: 14px; }
.status-grid strong { font-size: 19px; }
.status-grid .highlight strong { font-size: 28px; }
.overall-progress > div { font-size: 14px; }
.result-tabs button { min-height: 50px; padding-right: 18px; padding-left: 18px; font-size: 15px; }
.result-tabs button span { font-size: 13px; }
.empty-state i { width: 64px; height: 64px; font-size: 14px; }
.empty-state strong { font-size: 22px; }
.empty-state span { font-size: 15px; }
.lead-result-card { padding: 22px; }
.result-card-head { grid-template-columns: 46px minmax(0,1fr) auto; gap: 14px; }
.company-mark { width: 46px; height: 46px; font-size: 16px; }
.result-card-head h3 { font-size: 20px; }
.result-card-head a { font-size: 14px; }
.result-card-head time { font-size: 12px; }
.result-snippet { font-size: 15px; }
.contact-grid span,.social-links > span { font-size: 12px; }
.contact-grid strong { font-size: 14px; }
.social-links a { width: 36px; height: 36px; font-size: 11px; }
.log-head { font-size: 14px; }
.log-head i { font-size: 12px; }
.log-container { font-size: 14px; }
.lead-footer { font-size: 13px; }
.eh-toast { font-size: 15px; }
.eh-confirm p { font-size: 15px; }

@media (max-width: 1320px) and (min-width: 1081px) {
  .lead-topnav button { padding-right: 10px; padding-left: 10px; font-size: 13px; }
}

@media (max-width: 620px) {
  .lead-license { font-size: 10px; }
  .lead-hero-copy > p { font-size: 16px; }
  .lead-capabilities strong { font-size: 18px; }
  .lead-capabilities span { font-size: 14px; }
  .panel-heading p,.results-toolbar p { font-size: 15px; }
  .form-section { padding: 22px 16px; }
  .form-section-head h3 { font-size: 23px; }
  .form-section-head p { font-size: 15px; }
  .field > label { font-size: 16px; }
  .field input,.field select,.field textarea,.eh-select-trigger,.market-trigger { min-height: 60px; font-size: 16px; }
  .field > small,.field > a,.description-actions span { font-size: 13px; }
  .quick-options button,.description-actions button { min-height: 40px; font-size: 13px; }
  .eh-select-option,.market-groups label span { min-height: 48px; font-size: 15px; }
  .status-grid span { font-size: 12px; }
  .status-grid strong { font-size: 17px; }
}

/* 2026-08-03: requested 2x working-area typography */
.lead-hero-copy > p { font-size: 22px; }
.lead-proof { gap: 22px; font-size: 17px; }
.eh-btn { min-height: 58px; padding-right: 28px; padding-left: 28px; font-size: 17px; }
.lead-capabilities article { min-height: 158px; gap: 18px; padding: 28px; }
.lead-capabilities i { width: 54px; height: 54px; font-size: 15px; }
.lead-capabilities strong { font-size: 26px; line-height: 1.3; }
.lead-capabilities span { margin-top: 9px; font-size: 18px; line-height: 1.65; }
.panel-heading h2,.results-toolbar h2 { font-size: clamp(34px,3.2vw,48px); }
.panel-heading p,.results-toolbar p { font-size: 21px; }
.panel-heading > div:first-child > span,.results-toolbar > div:first-child > span { font-size: 15px; }
.profile-progress { flex-basis: 240px; padding: 20px 22px; }
.profile-progress > small { font-size: 16px; }
.profile-progress > strong { font-size: 26px; }
.form-section { margin-top: 28px; padding: 36px; border-radius: 22px; }
.form-section-head { gap: 18px; }
.form-section-head > span { padding: 11px 14px; font-size: 15px; }
.form-section-head h3 { font-size: 36px; line-height: 1.3; }
.form-section-head p { margin-top: 9px; font-size: 20px; line-height: 1.65; }
.lead-form { gap: 30px; margin-top: 32px; }
.field > label { min-height: 36px; margin-bottom: 13px; font-size: 26px; line-height: 1.4; }
.field > label em { padding: 5px 8px; font-size: 13px; }
.field > small { margin-top: 11px; font-size: 18px; line-height: 1.65; }
.field input,.field select,.field textarea { min-height: 82px; padding: 20px 22px; border-radius: 16px; font-size: 24px; }
.field textarea { min-height: 200px; }
.field > a { margin-top: 11px; font-size: 18px; }
.quick-options { gap: 10px; margin-top: 15px; }
.quick-options button { min-height: 50px; padding-right: 18px; padding-left: 18px; font-size: 18px; }
.description-actions { margin-top: 13px; }
.description-actions button { min-height: 50px; padding-right: 18px; padding-left: 18px; font-size: 18px; }
.description-actions span { font-size: 18px; }
.eh-select-trigger,.market-trigger { min-height: 82px; padding-right: 20px; padding-left: 22px; border-radius: 16px; font-size: 24px; }
.eh-select-trigger i,.market-trigger i { width: 46px; height: 46px; border-radius: 12px; }
.eh-select-menu { max-height: 460px; padding: 11px; border-radius: 18px; }
.eh-select-option { min-height: 64px; padding-right: 18px; padding-left: 18px; font-size: 20px; }
.market-menu-head strong { font-size: 26px; }
.market-menu-head small { font-size: 18px; }
.market-groups h4 { font-size: 16px; }
.market-groups label span { padding: 13px 16px; font-size: 20px; }
.market-menu-actions > button:not(.eh-btn),.market-menu-actions .eh-btn { min-height: 50px; font-size: 17px; }
.market-tags span { padding: 9px 12px; font-size: 17px; }
.api-settings > summary { min-height: 104px; padding: 22px 26px; }
.api-settings > summary i { font-size: 14px; }
.api-settings > summary strong { font-size: 25px; }
.api-settings > summary small { font-size: 18px; }
.secret-field input { padding-right: 106px; }
.secret-field button { top: 14px; min-height: 54px; padding-right: 18px; padding-left: 18px; font-size: 16px; }
.search-actions > span { font-size: 18px; }
.status-heading small { font-size: 15px; }
.status-heading h2 { font-size: 36px; }
.status-grid span { font-size: 17px; }
.status-grid strong { font-size: 24px; }
.overall-progress > div { font-size: 17px; }
.result-tabs button { min-height: 60px; font-size: 19px; }
.result-tabs button span { font-size: 16px; }
.empty-state strong { font-size: 28px; }
.empty-state span { font-size: 19px; }
.result-card-head h3 { font-size: 25px; }
.result-card-head a,.result-snippet { font-size: 18px; }
.result-card-head time,.contact-grid span,.social-links > span { font-size: 15px; }
.contact-grid strong { font-size: 18px; }
.log-head,.log-container { font-size: 17px; }

@media (max-width: 860px) {
  .lead-capabilities article { min-height: 128px; }
  .lead-capabilities strong { font-size: 22px; }
  .lead-capabilities span { font-size: 16px; }
  .panel-heading p,.results-toolbar p { font-size: 18px; }
  .form-section { padding: 28px 22px; }
  .form-section-head h3 { font-size: 30px; }
  .form-section-head p { font-size: 18px; }
  .field > label { font-size: 22px; }
  .field input,.field select,.field textarea,.eh-select-trigger,.market-trigger { min-height: 72px; font-size: 21px; }
  .field > small,.field > a,.description-actions span { font-size: 16px; }
  .quick-options button,.description-actions button { min-height: 46px; font-size: 16px; }
  .eh-select-option,.market-groups label span { min-height: 56px; font-size: 18px; }
}

@media (max-width: 620px) {
  .lead-hero-copy > p { font-size: 17px; }
  .lead-proof { font-size: 14px; }
  .lead-capabilities strong { font-size: 20px; }
  .lead-capabilities span { font-size: 15px; }
  .panel-heading h2,.results-toolbar h2 { font-size: 31px; }
  .panel-heading p,.results-toolbar p { font-size: 16px; }
  .form-section { padding: 22px 16px; }
  .form-section-head h3 { font-size: 27px; }
  .form-section-head p { font-size: 16px; }
  .field > label { min-height: 30px; font-size: 18px; }
  .field input,.field select,.field textarea,.eh-select-trigger,.market-trigger { min-height: 64px; padding: 16px; font-size: 18px; }
  .field > small,.field > a,.description-actions span { font-size: 14px; }
  .quick-options button,.description-actions button { min-height: 42px; font-size: 14px; }
  .eh-select-option,.market-groups label span { min-height: 50px; font-size: 16px; }
}

/* 2026-08-03 v3: keep true large type at every viewport */
.lead-capabilities strong { font-size: clamp(24px,1.6vw,32px); }
.lead-capabilities span { font-size: clamp(17px,1.1vw,22px); }
.panel-heading h2,.results-toolbar h2 { font-size: clamp(38px,3.2vw,56px); }
.panel-heading p,.results-toolbar p { font-size: clamp(20px,1.3vw,26px); }
.form-section-head h3 { font-size: clamp(38px,2.4vw,50px); }
.form-section-head p { font-size: clamp(20px,1.3vw,26px); }
.field > label { min-height: 42px; font-size: clamp(26px,1.6vw,34px); }
.field > label em { font-size: 14px; }
.field > small,.field > a { font-size: clamp(18px,1.1vw,22px); }
.field input,.field select,.field textarea { min-height: 90px; font-size: clamp(26px,1.5vw,32px); }
.quick-options button,.description-actions button { min-height: 56px; font-size: clamp(18px,1.1vw,22px); }
.description-actions span { font-size: clamp(18px,1.1vw,22px); }
.eh-select-trigger,.market-trigger { min-height: 90px; font-size: clamp(26px,1.5vw,32px); }
.eh-select-option,.market-groups label span { min-height: 68px; font-size: clamp(20px,1.3vw,26px); }
.market-menu-head strong { font-size: clamp(25px,1.6vw,32px); }
.market-menu-head small { font-size: clamp(18px,1.1vw,22px); }

@media (max-width: 620px) {
  .lead-capabilities strong { font-size: 24px; }
  .lead-capabilities span { font-size: 17px; }
  .panel-heading h2,.results-toolbar h2 { font-size: 38px; }
  .panel-heading p,.results-toolbar p { font-size: 20px; }
  .form-section-head h3 { font-size: 36px; }
  .form-section-head p { font-size: 20px; }
  .field > label { min-height: 38px; font-size: 26px; }
  .field > small,.field > a { font-size: 18px; }
  .field input,.field select,.field textarea,.eh-select-trigger,.market-trigger { min-height: 82px; font-size: 26px; }
  .quick-options button,.description-actions button { min-height: 52px; font-size: 18px; }
  .description-actions span { font-size: 18px; }
  .eh-select-option,.market-groups label span { min-height: 62px; font-size: 20px; }
}

/* Editable themed fields: type freely or choose a recommended value. */
.eh-combobox { position: relative; }
.eh-combobox .eh-combobox-input { padding-right: 78px; }
.eh-combobox.open .eh-combobox-input { border-color: var(--lead-green); box-shadow: 0 0 0 4px rgba(23,132,94,.09); }
.eh-combobox-toggle { position: absolute; top: 50%; right: 14px; z-index: 2; display: grid; width: 48px; height: 48px; padding: 0; place-items: center; border: 0; border-radius: 13px; color: var(--lead-green-dark); background: var(--lead-mint-soft); cursor: pointer; transform: translateY(-50%); transition: background .2s ease,transform .2s ease; }
.eh-combobox-toggle:hover { background: #dff4e9; }
.eh-combobox-toggle:active { transform: translateY(-50%) scale(.96); }
.eh-combobox-toggle i { width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-3px) rotate(45deg); transition: transform .2s var(--lead-ease); }
.eh-combobox.open .eh-combobox-toggle i { transform: translateY(3px) rotate(225deg); }
.eh-combobox-menu { top: calc(100% + 10px); }
.eh-combobox-custom { display: grid; justify-content: stretch; min-height: 78px; margin-bottom: 8px; border: 1px solid rgba(23,132,94,.14); background: linear-gradient(135deg,#f2fbf6,#fffaf0); }
.eh-combobox-custom span { color: var(--lead-green); font-size: .72em; letter-spacing: .04em; }
.eh-combobox-custom strong { overflow: hidden; margin-top: 4px; color: var(--lead-ink); font-size: 1em; text-overflow: ellipsis; white-space: nowrap; }
.eh-combobox-empty { margin: 0; padding: 18px; color: var(--lead-muted); font-size: 18px; text-align: center; }

.market-custom-entry { padding: 16px 20px 18px; border-bottom: 1px solid var(--lead-line); background: linear-gradient(120deg,rgba(234,248,240,.78),rgba(255,251,242,.62)); }
.market-custom-entry > label { display: block; margin-bottom: 8px; color: var(--lead-ink); font-size: 17px; font-weight: 800; }
.market-custom-entry > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
.market-custom-entry input { min-width: 0; min-height: 64px !important; padding: 13px 16px !important; border: 1px solid var(--lead-line-strong); border-radius: 13px; color: var(--lead-ink); background: #fff; font-size: 20px !important; outline: none; }
.market-custom-entry input:focus { border-color: var(--lead-green); box-shadow: 0 0 0 4px rgba(23,132,94,.09); }
.market-custom-entry button { min-width: 112px; min-height: 64px; padding: 0 20px; border: 1px solid var(--lead-green-dark); border-radius: 13px; color: #fff; background: linear-gradient(135deg,var(--lead-green-dark),var(--lead-green)); box-shadow: 0 12px 24px rgba(23,132,94,.14); cursor: pointer; font-size: 18px; font-weight: 800; transition: transform .18s ease,box-shadow .18s ease; }
.market-custom-entry button:hover { box-shadow: 0 16px 28px rgba(23,132,94,.2); transform: translateY(-1px); }
.market-custom-entry > small { display: block; margin-top: 8px; color: var(--lead-muted); font-size: 14px; }
.market-tags button.selected { display: inline-flex; min-height: 42px; align-items: center; gap: 9px; padding: 7px 11px 7px 13px; border: 1px solid rgba(23,132,94,.13); border-radius: 999px; color: var(--lead-green-dark); background: var(--lead-mint-soft); cursor: pointer; font-size: 16px; transition: border-color .18s ease,background .18s ease,transform .18s ease; }
.market-tags button.selected:hover { border-color: rgba(23,132,94,.32); background: #e0f5e9; transform: translateY(-1px); }
.market-tags button.selected span { padding: 0; color: inherit; background: transparent; font-size: inherit; }
.market-tags button.selected i { position: relative; width: 20px; height: 20px; border-radius: 50%; background: rgba(23,132,94,.11); }
.market-tags button.selected i::before,.market-tags button.selected i::after { position: absolute; top: 9px; left: 5px; width: 10px; height: 1.5px; background: currentColor; content: ""; transform: rotate(45deg); }
.market-tags button.selected i::after { transform: rotate(-45deg); }

@media (max-width:680px) {
  .eh-combobox .eh-combobox-input { padding-right: 66px; }
  .eh-combobox-toggle { right: 9px; width: 44px; height: 44px; }
  .eh-combobox-menu { position: fixed; top: auto; right: 10px; bottom: 10px; left: 10px; max-height: 58vh; }
  .market-custom-entry { padding: 14px; }
  .market-custom-entry > div { grid-template-columns: 1fr; }
  .market-custom-entry input,.market-custom-entry button { min-height: 56px !important; font-size: 17px !important; }
  .market-custom-entry button { width: 100%; }
  .market-tags button.selected { min-height: 38px; font-size: 14px; }
}

/* Precision search verification UI. */
.managed-api-note { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 12px; margin: 18px 0 4px; padding: 16px 18px; border: 1px solid rgba(23,132,94,.14); border-radius: 15px; background: linear-gradient(120deg,rgba(231,248,239,.86),rgba(255,251,241,.72)); }
.managed-api-note > i { width: 12px; height: 12px; margin-top: 5px; border: 3px solid #d8f3e5; border-radius: 50%; background: var(--lead-green); box-shadow: 0 0 0 5px rgba(23,132,94,.08); }
.managed-api-note strong { display: block; color: var(--lead-ink); font-size: 18px; }
.managed-api-note span { display: block; margin-top: 4px; color: var(--lead-muted); font-size: 15px; line-height: 1.6; }
.result-trust { display: grid; min-width: 92px; min-height: 66px; place-content: center; border: 1px solid rgba(23,132,94,.14); border-radius: 14px; color: var(--lead-green-dark); background: var(--lead-mint-soft); text-align: center; }
.result-trust strong { font-size: 23px; line-height: 1; }
.result-trust span { margin-top: 5px; color: var(--lead-muted); font-size: 12px; }
.verification-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 14px; padding: 12px 14px; border-radius: 12px; color: var(--lead-green-dark); background: linear-gradient(90deg,#edf9f2,#fbfdfb); }
.verification-row > span { display: inline-flex; align-items: center; gap: 9px; font-size: 15px; font-weight: 800; }
.verification-row > span i { width: 9px; height: 9px; border-radius: 50%; background: #58c99b; box-shadow: 0 0 0 5px rgba(88,201,155,.13); }
.verification-row small { color: var(--lead-muted); font-size: 13px; }
.contact-grid strong { overflow: visible; white-space: normal; overflow-wrap: anywhere; }

@media (max-width:680px) {
  .managed-api-note { padding: 14px; }
  .managed-api-note strong { font-size: 17px; }
  .managed-api-note span { font-size: 14px; }
  .result-trust { grid-column: 2; justify-self: start; min-width: 84px; min-height: 58px; }
  .verification-row { align-items: flex-start; flex-direction: column; }
  .verification-row > span { font-size: 14px; }
  .verification-row small { font-size: 12px; }
}

/* Realtime search workspace. */
.live-search-card {
  position: relative;
  overflow: hidden;
  margin-bottom: 14px;
  padding: 22px;
  border: 1px solid rgba(23,132,94,.18);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0,rgba(105,215,172,.18),transparent 34%),
    linear-gradient(145deg,#f7fcf9,#fffdf8);
  box-shadow: 0 16px 38px rgba(23,61,48,.08);
}
.live-search-card::after {
  position: absolute;
  top: -38px;
  right: -34px;
  width: 130px;
  height: 130px;
  border: 1px solid rgba(23,132,94,.1);
  border-radius: 50%;
  content: "";
}
.live-search-card.is-done { border-color: rgba(23,132,94,.28); background: linear-gradient(145deg,#effaf4,#fbfdfb); }
.live-search-card.is-error { border-color: rgba(184,72,58,.25); background: linear-gradient(145deg,#fff7f5,#fffdfb); }
.live-search-head { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.live-search-signal { display: inline-flex; align-items: center; gap: 10px; color: var(--lead-green-dark); font-size: 14px; font-weight: 900; letter-spacing: .04em; }
.live-search-signal i { width: 10px; height: 10px; border-radius: 50%; background: #59c99b; box-shadow: 0 0 0 7px rgba(89,201,155,.14); animation: leadLivePulse 1.35s ease-in-out infinite; }
.live-search-card.is-done .live-search-signal i { animation: none; }
.live-search-card.is-error .live-search-signal { color: #a84338; }
.live-search-card.is-error .live-search-signal i { background: #d36c5f; box-shadow: 0 0 0 7px rgba(211,108,95,.13); animation: none; }
.live-search-head time { color: var(--lead-muted); font-size: 13px; }
.live-search-copy { position: relative; z-index: 1; display: grid; gap: 7px; margin-top: 20px; }
.live-search-copy strong { color: var(--lead-ink); font-size: 23px; line-height: 1.25; }
.live-search-copy span { color: var(--lead-muted); font-size: 16px; line-height: 1.6; }
.live-search-copy small { overflow: hidden; color: var(--lead-green-dark); font-size: 14px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.live-search-progress { position: relative; z-index: 1; height: 8px; margin-top: 20px; overflow: hidden; border-radius: 999px; background: #e6efea; }
.live-search-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--lead-green-dark),#61d3a5); transition: width .3s var(--lead-ease); }
.live-search-metrics { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-top: 14px; }
.live-search-metrics span { display: grid; min-width: 0; gap: 3px; padding: 12px; border: 1px solid rgba(23,132,94,.1); border-radius: 12px; background: rgba(255,255,255,.72); }
.live-search-metrics b { color: var(--lead-ink); font-size: 20px; }
.live-search-metrics em { color: var(--lead-muted); font-size: 12px; font-style: normal; }
@keyframes leadLivePulse { 0%,100%{transform:scale(.82);opacity:.6} 50%{transform:scale(1);opacity:1} }

.lead-candidate-card {
  margin-bottom: 12px;
  padding: 19px;
  border: 1px solid rgba(23,132,94,.16);
  border-radius: 17px;
  opacity: 0;
  background: linear-gradient(135deg,rgba(255,255,255,.98),rgba(241,250,246,.94));
  box-shadow: 0 14px 34px rgba(23,61,48,.07);
  transform: translateY(9px);
  transition: opacity .28s var(--lead-ease),transform .28s var(--lead-ease),border-color .25s var(--lead-ease),background .25s var(--lead-ease);
}
.lead-candidate-card.is-visible { opacity: 1; transform: translateY(0); }
.lead-candidate-card.is-removing { opacity: 0; transform: translateY(-8px) scale(.985); }
.lead-candidate-card.is-accepted { border-color: rgba(23,132,94,.32); background: linear-gradient(135deg,#f0fbf5,#fff); }
.lead-candidate-card.is-rejected { border-color: rgba(187,91,72,.22); background: linear-gradient(135deg,#fff8f5,#fff); }
.candidate-company { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; align-items: center; gap: 13px; }
.candidate-company > span { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 13px; color: #fff; background: linear-gradient(145deg,var(--lead-green-dark),#55ba90); font-size: 18px; font-weight: 900; }
.candidate-company > div { min-width: 0; }
.candidate-company strong { display: block; overflow: hidden; color: var(--lead-ink); font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
.candidate-company a { display: block; margin-top: 3px; overflow: hidden; color: var(--lead-muted); font-size: 13px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.candidate-company em { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 999px; color: var(--lead-green-dark); background: #e9f8f0; font-size: 12px; font-style: normal; font-weight: 900; white-space: nowrap; }
.candidate-company em i { width: 8px; height: 8px; border: 2px solid rgba(23,132,94,.25); border-top-color: var(--lead-green); border-radius: 50%; animation: leadCandidateSpin .75s linear infinite; }
.lead-candidate-card.is-accepted .candidate-company em i { border: 0; background: #41b984; box-shadow: 0 0 0 5px rgba(65,185,132,.12); animation: none; }
.lead-candidate-card.is-rejected .candidate-company em { color: #a35043; background: #fff0eb; }
.lead-candidate-card.is-rejected .candidate-company em i { border: 0; background: #d47c68; animation: none; }
.lead-candidate-card > p { margin: 13px 0 0; color: var(--lead-muted); font-size: 14px; line-height: 1.65; }
.candidate-checks { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 14px; }
.candidate-checks span { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 10px 11px; border: 1px solid rgba(23,61,48,.09); border-radius: 11px; color: var(--lead-muted); background: rgba(255,255,255,.72); font-size: 12px; font-weight: 750; }
.candidate-checks i { width: 7px; height: 7px; border-radius: 50%; background: #d4dfd9; }
.candidate-checks span.active i { background: #57c493; box-shadow: 0 0 0 4px rgba(87,196,147,.12); animation: leadLivePulse 1.2s ease-in-out infinite; }
.lead-candidate-card.is-accepted .candidate-checks i { background: #57c493; animation: none; }
.lead-candidate-card.is-rejected .candidate-checks i { background: #d9aaa0; animation: none; }
.lead-candidate-card > small { display: block; margin-top: 11px; color: var(--lead-green-dark); font-size: 13px; font-weight: 700; line-height: 1.55; }
.lead-candidate-card.is-rejected > small { color: #9e5447; }
.lead-result-card { opacity: 0; transform: translateY(7px); }
.lead-result-card.is-visible { opacity: 1; transform: translateY(0); }
.lead-result-card.is-visible:hover { transform: translateY(-2px); }
.buyer-role-badge { display: inline-flex; margin-bottom: 5px; padding: 4px 8px; border-radius: 999px; color: var(--lead-green-dark); background: var(--lead-mint-soft); font-size: 11px; font-weight: 900; letter-spacing: .04em; }
@keyframes leadCandidateSpin { to { transform: rotate(360deg); } }

@media (max-width:680px) {
  .live-search-card { padding: 17px; }
  .live-search-head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .live-search-copy strong { font-size: 21px; }
  .live-search-copy span { font-size: 15px; }
  .live-search-copy small { font-size: 13px; white-space: normal; overflow-wrap: anywhere; }
  .live-search-metrics { grid-template-columns: 1fr 1fr; }
  .live-search-metrics b { font-size: 19px; }
  .live-search-metrics em { font-size: 12px; }
  .lead-candidate-card { padding: 15px; }
  .candidate-company { grid-template-columns: 42px minmax(0,1fr); }
  .candidate-company > span { width: 42px; height: 42px; }
  .candidate-company em { grid-column: 1 / -1; justify-self: start; }
  .candidate-checks { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion:reduce) {
  .lead-candidate-card,.lead-result-card { transition: none; }
  .candidate-company em i,.candidate-checks span.active i { animation: none; }
}

/* Buyer intelligence workspace: filters, actionable cards and detail drawer. */
.local-demo-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 0 18px;
  padding: 13px 18px;
  border: 1px solid rgba(184,133,55,.24);
  border-radius: 14px;
  color: #72531d;
  background: linear-gradient(90deg,#fff8e9,#fffdf7);
  font-size: 13px;
  line-height: 1.5;
}
.local-demo-notice strong { font-size: 14px; }
.local-demo-notice span { color: #8a6b32; }

.lead-filterbar {
  display: grid;
  grid-template-columns: minmax(230px,1.4fr) minmax(175px,.75fr) minmax(160px,.65fr) auto;
  align-items: end;
  gap: 12px;
  padding: 17px 20px;
  border-top: 1px solid rgba(23,61,48,.08);
  border-bottom: 1px solid rgba(23,61,48,.08);
  background: linear-gradient(90deg,rgba(245,250,247,.9),rgba(255,255,255,.88));
}
.lead-filterbar > label { display: grid; gap: 7px; color: var(--lead-muted); font-size: 12px; font-weight: 800; }
.lead-filterbar input[type="search"],
.lead-filterbar select {
  width: 100%;
  height: 44px;
  padding: 0 13px;
  border: 1px solid rgba(23,61,48,.15);
  border-radius: 11px;
  outline: none;
  color: var(--lead-ink);
  background: #fff;
  font: inherit;
  font-size: 14px;
  transition: border-color .2s ease,box-shadow .2s ease;
}
.lead-filterbar input[type="search"]:focus,
.lead-filterbar select:focus { border-color: rgba(19,132,95,.55); box-shadow: 0 0 0 4px rgba(19,132,95,.09); }
.lead-filterbar .eh-select { width: 100%; }
.lead-filterbar .eh-select-trigger { min-height: 44px; }
.lead-saved-filter { display: flex !important; align-items: center; min-height: 44px; padding: 0 13px; border: 1px solid rgba(23,61,48,.12); border-radius: 11px; color: var(--lead-ink) !important; background: #fff; cursor: pointer; white-space: nowrap; }
.lead-saved-filter input { width: 17px; height: 17px; accent-color: var(--lead-green); }

.lead-result-card {
  position: relative;
  padding: 22px;
  border: 1px solid rgba(23,61,48,.12);
  border-radius: 18px;
  outline: none;
  background: #fff;
  box-shadow: 0 12px 30px rgba(23,61,48,.06);
  cursor: pointer;
  transition: border-color .24s var(--lead-ease),box-shadow .24s var(--lead-ease),transform .24s var(--lead-ease),opacity .24s var(--lead-ease);
}
.lead-result-card + .lead-result-card { margin-top: 13px; }
.lead-result-card:hover,
.lead-result-card:focus-visible { border-color: rgba(19,132,95,.36); box-shadow: 0 18px 42px rgba(23,61,48,.11); }
.lead-result-card:focus-visible { box-shadow: 0 0 0 4px rgba(19,132,95,.12),0 18px 42px rgba(23,61,48,.11); }
.lead-result-card .result-card-head { align-items: start; }
.lead-result-card .result-card-head h3 { line-height: 1.3; }
.lead-result-card .result-card-head a { position: relative; z-index: 2; }
.lead-card-tags { display: flex; flex-wrap: wrap; gap: 7px; margin: 14px 0 0; }
.lead-card-tags span { padding: 6px 9px; border-radius: 999px; color: #496359; background: #f0f6f3; font-size: 12px; font-weight: 750; }
.lead-card-insight { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(210px,.65fr); gap: 12px; margin-top: 15px; }
.lead-card-insight > div { min-width: 0; padding: 14px 15px; border: 1px solid rgba(23,61,48,.09); border-radius: 13px; background: #fafcfb; }
.lead-card-insight span { display: block; margin-bottom: 6px; color: var(--lead-muted); font-size: 11px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.lead-card-insight strong { display: block; overflow: hidden; color: var(--lead-ink); font-size: 14px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.demand-chip { display: inline-flex !important; align-items: center; gap: 7px; width: max-content; padding: 7px 10px; border-radius: 999px; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; }
.demand-chip::before { width: 7px; height: 7px; border-radius: 50%; background: currentColor; content: ""; opacity: .65; }
.demand-chip.explicit { color: #0d7a53; background: #e6f7ef; }
.demand-chip.inferred { color: #94681c; background: #fff4d9; }
.demand-chip.unknown { color: #6b7470; background: #eef1ef; }
.lead-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 15px; border-top: 1px solid rgba(23,61,48,.08); }
.lead-card-footer > span { display: inline-flex; align-items: center; gap: 8px; color: var(--lead-green-dark); font-size: 13px; font-weight: 900; }
.lead-card-footer > span::after { content: "→"; font-size: 16px; transition: transform .2s ease; }
.lead-result-card:hover .lead-card-footer > span::after { transform: translateX(3px); }
.lead-card-actions { display: flex; align-items: center; gap: 9px; }
.lead-card-actions small { color: var(--lead-muted); font-size: 12px; }
.lead-save-button { position: relative; z-index: 2; display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(23,61,48,.12); border-radius: 10px; color: #718079; background: #fff; cursor: pointer; font-size: 18px; }
.lead-save-button.active { border-color: rgba(184,133,55,.24); color: #a97925; background: #fff7e4; }
.lead-open-details { position: relative; z-index: 2; min-width: 52px; height: 44px; padding: 0 10px; border: 1px solid rgba(23,132,94,.18); border-radius: 10px; color: var(--lead-green-dark); background: var(--lead-mint-soft); cursor: pointer; font-size: 11px; font-weight: 900; }
.lead-open-details:hover { border-color: rgba(23,132,94,.36); background: #ddf3e7; }
.lead-no-match { display: grid; min-height: 210px; place-items: center; padding: 36px; border: 1px dashed rgba(23,61,48,.18); border-radius: 16px; color: var(--lead-muted); text-align: center; }
.lead-no-match strong { display: block; margin-bottom: 7px; color: var(--lead-ink); font-size: 18px; }

.lead-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10020;
  opacity: 0;
  background: rgba(12,30,24,.36);
  backdrop-filter: blur(3px);
  transition: opacity .28s ease;
}
.lead-drawer-backdrop.is-open { opacity: 1; }
.lead-detail-drawer {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10030;
  display: flex;
  flex-direction: column;
  width: min(620px,46vw);
  min-width: 440px;
  height: 100dvh;
  overflow: hidden;
  border-left: 1px solid rgba(23,61,48,.12);
  background: #f8fbf9;
  box-shadow: -30px 0 80px rgba(11,48,35,.18);
  transform: translateX(104%);
  transition: transform .34s var(--lead-ease);
}
.lead-detail-drawer.is-open { transform: translateX(0); }
.lead-drawer-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: calc(22px + env(safe-area-inset-top)) 26px 22px; border-bottom: 1px solid rgba(23,61,48,.1); background: rgba(255,255,255,.96); }
.lead-drawer-head span { color: var(--lead-green-dark); font-size: 11px; font-weight: 900; letter-spacing: .12em; }
.lead-drawer-head h2 { margin: 4px 0 0; color: var(--lead-ink); font-size: 22px; }
.lead-drawer-head button { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(23,61,48,.12); border-radius: 12px; color: var(--lead-ink); background: #fff; cursor: pointer; font-size: 27px; line-height: 1; }
.lead-drawer-body { min-height: 0; padding: 24px 26px calc(90px + env(safe-area-inset-bottom)); overflow-y: auto; }
.drawer-company-hero { position: relative; overflow: hidden; padding: 24px; border-radius: 20px; color: #fff; background: linear-gradient(135deg,#0d674a,#17845e 64%,#45aa80); box-shadow: 0 18px 42px rgba(23,132,94,.18); }
.drawer-company-hero::after { position: absolute; right: -70px; bottom: -95px; width: 250px; height: 250px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; box-shadow: 0 0 0 42px rgba(255,255,255,.04),0 0 0 82px rgba(255,255,255,.025); content: ""; }
.drawer-company-top { position: relative; z-index: 1; display: grid; grid-template-columns: 54px minmax(0,1fr) auto; align-items: center; gap: 14px; }
.drawer-company-mark { display: grid; width: 54px; height: 54px; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 15px; background: rgba(255,255,255,.13); font-size: 21px; font-weight: 900; }
.drawer-company-top h3 { margin: 0; color: #fff; font-size: 23px; line-height: 1.25; }
.drawer-company-top a { display: inline-block; margin-top: 5px; color: rgba(255,255,255,.74); font-size: 12px; text-decoration: none; }
.drawer-company-score { display: grid; min-width: 68px; text-align: right; }
.drawer-company-score strong { color: #fff; font-size: 24px; }
.drawer-company-score span { color: rgba(255,255,255,.7); font-size: 11px; }
.drawer-company-hero > p { position: relative; z-index: 1; margin: 19px 0 0; color: rgba(255,255,255,.88); font-size: 14px; line-height: 1.7; }
.drawer-hero-meta { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px; }
.drawer-hero-meta span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; color: rgba(255,255,255,.88); background: rgba(255,255,255,.09); font-size: 12px; font-weight: 800; }
.drawer-section { margin-top: 16px; padding: 20px; border: 1px solid rgba(23,61,48,.1); border-radius: 17px; background: #fff; box-shadow: 0 10px 26px rgba(23,61,48,.045); }
.drawer-section-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 14px; }
.drawer-section-head > div span { display: block; color: var(--lead-green-dark); font-size: 10px; font-weight: 900; letter-spacing: .11em; }
.drawer-section-head h4 { margin: 3px 0 0; color: var(--lead-ink); font-size: 17px; }
.drawer-section p { margin: 0; color: var(--lead-muted); font-size: 14px; line-height: 1.7; }
.drawer-demand-note { margin-top: 12px !important; padding: 12px 13px; border: 1px solid rgba(187,137,47,.28); border-radius: 10px; color: #765824 !important; background: #fff8e8; }
.drawer-chip-list { display: flex; flex-wrap: wrap; gap: 8px; }
.drawer-chip-list span { padding: 8px 10px; border-radius: 9px; color: #35584b; background: #edf7f2; font-size: 12px; font-weight: 800; }
.drawer-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.drawer-fact { padding: 13px; border: 1px solid rgba(23,61,48,.08); border-radius: 12px; background: #fafcfb; }
.drawer-fact span { display: block; color: var(--lead-muted); font-size: 11px; font-weight: 800; }
.drawer-fact strong { display: block; margin-top: 5px; color: var(--lead-ink); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.drawer-evidence-list { display: grid; gap: 10px; }
.drawer-evidence { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 11px; padding: 14px; border: 1px solid rgba(23,61,48,.09); border-radius: 13px; background: #fbfdfc; }
.drawer-evidence > div { min-width: 0; }
.drawer-evidence a { display: block; overflow: hidden; color: var(--lead-green-dark); font-size: 13px; font-weight: 900; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.drawer-evidence p { margin-top: 5px; font-size: 12px; line-height: 1.55; }
.evidence-confidence { align-self: start; padding: 5px 7px; border-radius: 7px; color: #42685a; background: #eaf5f0; font-size: 10px; font-weight: 900; white-space: nowrap; }
.drawer-contact-list { display: grid; gap: 9px; }
.drawer-contact-row { display: grid; grid-template-columns: 85px minmax(0,1fr); gap: 12px; padding: 12px 13px; border-radius: 11px; background: #f7faf8; }
.drawer-contact-row span { color: var(--lead-muted); font-size: 12px; font-weight: 800; }
.drawer-contact-row strong { color: var(--lead-ink); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.drawer-contact-row a { color: #0d6d4d; font-size: 15px; font-weight: 900; text-decoration-color: rgba(13,109,77,.3); text-underline-offset: 3px; }
.drawer-contact-row.is-ready { background: #e8f7ef; }
.drawer-contact-row.is-missing { background: #fff1ed; }
.drawer-contact-row.is-missing strong { color: #a3473d; }
.drawer-contact-priority { background: #fbfefc; box-shadow: 0 14px 30px rgba(23,61,48,.07); }
.drawer-contact-note { margin-top: 12px !important; color: #62776e !important; font-size: 11px !important; }
.drawer-review-facts { margin-top: 14px; }
.drawer-next-step { display: flex; align-items: flex-start; gap: 12px; padding: 15px; border-radius: 13px; color: #174c39; background: linear-gradient(135deg,#e9f8f1,#f7fcf9); font-size: 14px; font-weight: 750; line-height: 1.65; }
.drawer-next-step i { display: grid; flex: 0 0 auto; width: 28px; height: 28px; place-items: center; border-radius: 9px; color: #fff; background: var(--lead-green); font-style: normal; font-size: 12px; }
.drawer-actions { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 12px; }
.drawer-actions label { display: grid; gap: 6px; color: var(--lead-muted); font-size: 11px; font-weight: 900; }
.drawer-actions select { width: 100%; height: 42px; padding: 0 12px; border: 1px solid rgba(23,61,48,.14); border-radius: 10px; color: var(--lead-ink); background: #fff; }
.drawer-save { height: 42px; padding: 0 16px; border: 1px solid rgba(184,133,55,.24); border-radius: 10px; color: #8d6622; background: #fff8e8; cursor: pointer; font-weight: 900; }
.drawer-save.active { color: #fff; background: #a97825; }

/* 精准搜索 CRM 工作区 */
.lead-quality-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; border-top: 1px solid rgba(23,61,48,.08); border-bottom: 1px solid rgba(23,61,48,.08); background: rgba(23,61,48,.08); }
.lead-quality-summary article { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 3px 12px; min-height: 98px; padding: 18px 20px; background: #fff; }
.lead-quality-summary article.primary { background: linear-gradient(145deg,#0e694b,#17845e); }
.lead-quality-summary span { color: var(--lead-muted); font-size: 11px; font-weight: 900; letter-spacing: .04em; }
.lead-quality-summary strong { grid-row: 1 / 3; grid-column: 2; align-self: center; color: var(--lead-ink); font-size: 29px; line-height: 1; }
.lead-quality-summary small { color: #789087; font-size: 11px; line-height: 1.4; }
.lead-quality-summary article.primary span,.lead-quality-summary article.primary small { color: rgba(255,255,255,.72); }
.lead-quality-summary article.primary strong { color: #fff; }
.lead-saved-views { display: flex; align-items: center; gap: 7px; padding: 13px 20px; overflow-x: auto; border-bottom: 1px solid rgba(23,61,48,.08); background: #fbfdfc; scrollbar-width: thin; }
.lead-saved-views > span { margin-right: 5px; color: var(--lead-muted); font-size: 11px; font-weight: 900; white-space: nowrap; }
.lead-saved-views button { padding: 8px 11px; border: 1px solid rgba(23,61,48,.1); border-radius: 9px; color: #496359; background: #fff; cursor: pointer; font: inherit; font-size: 12px; font-weight: 800; white-space: nowrap; }
.lead-saved-views button.active { border-color: rgba(19,132,95,.22); color: #0e6b4c; background: #e9f7f1; box-shadow: inset 0 0 0 1px rgba(19,132,95,.04); }
.lead-filterbar { grid-template-columns: minmax(210px,1.25fr) minmax(150px,.7fr) minmax(150px,.7fr) minmax(145px,.65fr) auto; }
.lead-list-head,.lead-result-card { display: grid; grid-template-columns: minmax(240px,1.2fr) 110px minmax(140px,.74fr) minmax(150px,.78fr) minmax(175px,.86fr) minmax(145px,.72fr) 108px; align-items: center; column-gap: 12px; }
.lead-list-head { position: sticky; top: 0; z-index: 5; padding: 11px 20px; border-bottom: 1px solid rgba(23,61,48,.08); color: #789087; background: rgba(248,251,249,.96); backdrop-filter: blur(10px); font-size: 10px; font-weight: 900; letter-spacing: .04em; }
.results-container { max-height: 720px; overflow-x: hidden; padding: 0; }
.lead-result-card { margin: 0 !important; padding: 17px 20px; border: 0; border-bottom: 1px solid rgba(23,61,48,.08); border-radius: 0; box-shadow: none; }
.lead-result-card:hover,.lead-result-card:focus-visible { z-index: 2; border-color: rgba(23,61,48,.08); background: #fbfdfc; box-shadow: inset 3px 0 0 var(--lead-green),0 12px 28px rgba(23,61,48,.07); transform: none !important; }
.lead-list-company { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 12px; min-width: 0; }
.lead-list-company .company-mark { width: 42px; height: 42px; border-radius: 12px; font-size: 16px; }
.lead-list-company h3 { overflow: hidden; margin: 0; color: var(--lead-ink); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.lead-list-company a { display: block; overflow: hidden; margin-top: 3px; color: #7a8f87; font-size: 11px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.lead-list-company p { overflow: hidden; margin: 5px 0 0; color: #45655a; font-size: 11px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.lead-list-company small { display: flex; align-items: center; gap: 6px; overflow: hidden; margin-top: 7px; color: #71877f; font-size: 10px; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }
.lead-list-company small .tier-badge { display: inline-grid; flex: 0 0 auto; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 6px; font-size: 9px; }
.lead-list-score { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 4px 6px; }
.lead-list-score b { color: var(--lead-ink); font-size: 14px; }
.lead-list-score > span { grid-column: 1 / -1; color: var(--lead-muted); font-size: 10px; }
.tier-badge { display: inline-grid; min-width: 27px; height: 27px; place-items: center; padding: 0 7px; border-radius: 8px; font-style: normal; font-size: 11px; font-weight: 950; line-height: 1; }
.tier-badge.tier-a { color: #fff; background: #11805a; }
.tier-badge.tier-b { color: #785716; background: #ffedbf; }
.tier-badge.tier-c { color: #68766f; background: #edf1ef; }
.lead-list-role,.lead-list-demand,.lead-list-contact,.lead-list-evidence { display: grid; min-width: 0; gap: 4px; }
.lead-list-role span,.lead-list-demand > span,.lead-list-contact span,.lead-list-evidence span { overflow: hidden; color: var(--lead-muted); font-size: 10px; line-height: 1.35; text-overflow: ellipsis; }
.lead-list-role strong { overflow: hidden; color: #294d40; font-size: 12px; line-height: 1.45; text-overflow: ellipsis; }
.lead-list-demand .demand-chip { padding: 6px 8px; font-size: 10px !important; }
.lead-list-contact { position: relative; padding-left: 14px; }
.lead-list-contact i { position: absolute; top: 4px; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #9ca9a3; }
.lead-list-contact.verified i { background: #21a978; box-shadow: 0 0 0 4px rgba(33,169,120,.1); }
.lead-list-contact strong { color: var(--lead-ink); font-size: 12px; }
.lead-list-evidence { justify-items: start; }
.lead-list-evidence strong { color: var(--lead-ink); font-size: 16px; }
.lead-list-country { display: grid; min-width: 0; gap: 4px; }
.lead-list-country strong { overflow: hidden; color: #244e6f; font-size: 13px; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.lead-list-country span { overflow: hidden; color: #71877f; font-size: 10px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }
.lead-list-country.verified strong { color: #0f6f50; }
.lead-list-country.missing strong { color: #a3473d; }
.lead-list-direct { display: grid; min-width: 0; min-height: 54px; align-content: center; gap: 4px; padding: 9px 10px; border-radius: 10px; background: #f2f7f4; }
.lead-list-direct span { overflow: hidden; color: #71877f; font-size: 10px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.lead-list-direct strong,.lead-list-direct a { overflow: hidden; color: var(--lead-ink); font-size: 13px; font-weight: 900; line-height: 1.4; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.lead-list-direct a:hover,.lead-list-direct a:focus-visible,.lead-mobile-contact a:hover,.lead-mobile-contact a:focus-visible { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.lead-list-direct a:focus-visible,.lead-mobile-contact a:focus-visible { border-radius: 4px; outline: 2px solid rgba(13,109,77,.32); outline-offset: 2px; }
.lead-list-direct.is-ready { background: #e7f7ef; box-shadow: inset 0 0 0 1px rgba(19,132,95,.08); }
.lead-list-direct.is-ready strong,.lead-list-direct.is-ready a { color: #0d6d4d; }
.lead-list-direct.whatsapp.is-ready { background: #e8f8f3; }
.lead-list-direct.email.is-ready { background: #eaf3fa; }
.lead-list-direct.email.is-ready strong,.lead-list-direct.email.is-ready a { color: #235f88; }
.lead-list-direct.is-missing { background: #fff1ed; }
.lead-list-direct.is-missing strong { color: #a3473d; font-size: 11px; }
.lead-list-follow { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.lead-list-follow > span { display: none; color: var(--lead-muted); font-size: 10px; }
.lead-list-follow > b { color: #85a095; font-size: 15px; }
.lead-list-mobile-summary { display: none; }
.lead-mobile-country,.lead-mobile-contact { min-width: 0; padding: 10px 11px; border-radius: 10px; background: #f2f7f4; }
.lead-mobile-country span,.lead-mobile-contact span { display: block; color: #71877f; font-size: 10px; }
.lead-mobile-country strong,.lead-mobile-contact strong,.lead-mobile-contact a { display: block; overflow: hidden; margin-top: 4px; color: var(--lead-ink); font-size: 13px; font-weight: 900; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
.lead-mobile-contact.is-ready { background: #e7f7ef; }
.lead-mobile-contact.is-ready strong,.lead-mobile-contact.is-ready a { color: #0d6d4d; }
.lead-mobile-contact.is-missing { background: #fff1ed; }
.lead-mobile-contact.is-missing strong { color: #a3473d; font-size: 11px; }

.lead-board { display: grid; grid-template-columns: repeat(4,minmax(220px,1fr)); gap: 14px; padding: 20px; overflow-x: auto; background: #f6faf8; }
.lead-board-column { min-width: 220px; padding: 12px; border: 1px solid rgba(23,61,48,.09); border-radius: 15px; background: rgba(255,255,255,.74); }
.lead-board-column > header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 11px; color: var(--lead-ink); font-size: 13px; font-weight: 900; }
.lead-board-column > header b { display: grid; min-width: 24px; height: 24px; place-items: center; border-radius: 7px; color: #527065; background: #eaf2ee; font-size: 11px; }
.lead-board-column > div { display: grid; align-content: start; gap: 9px; min-height: 245px; }
.board-lead-card { padding: 13px; border: 1px solid rgba(23,61,48,.1); border-radius: 12px; outline: none; background: #fff; box-shadow: 0 8px 18px rgba(23,61,48,.045); cursor: pointer; }
.board-lead-card:hover,.board-lead-card:focus-visible { border-color: rgba(19,132,95,.32); box-shadow: 0 12px 24px rgba(23,61,48,.09); }
.board-lead-card > div { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 4px 8px; }
.board-lead-card > div strong { overflow: hidden; color: var(--lead-ink); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.board-lead-card > div small { grid-column: 2; overflow: hidden; color: var(--lead-muted); font-size: 10px; text-overflow: ellipsis; }
.board-lead-card p { margin: 12px 0; color: #426458; font-size: 11px; font-weight: 750; line-height: 1.45; }
.board-lead-card footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.board-lead-card footer b { color: var(--lead-green-dark); font-size: 12px; }
.board-lead-card .demand-chip { padding: 5px 7px; font-size: 9px !important; }
.board-empty { display: grid; min-height: 110px; place-items: center; margin: 0; border: 1px dashed rgba(23,61,48,.13); border-radius: 11px; color: #93a29c; font-size: 11px; }

.drawer-tabs { position: sticky; top: -24px; z-index: 8; display: flex; gap: 5px; margin: 16px 0 0; padding: 8px; border: 1px solid rgba(23,61,48,.09); border-radius: 14px; background: rgba(255,255,255,.94); box-shadow: 0 9px 24px rgba(23,61,48,.06); backdrop-filter: blur(12px); }
.drawer-tabs button { flex: 1; min-height: 44px; padding: 0 10px; border: 0; border-radius: 9px; color: #596f66; background: transparent; cursor: pointer; font: inherit; font-size: 12px; font-weight: 850; }
.drawer-tabs button.active { color: #0d6c4c; background: #e9f7f1; }
.drawer-tab-panel { display: none; }
.drawer-tab-panel.active { display: block; animation: drawer-panel-in .22s ease both; }
@keyframes drawer-panel-in { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.drawer-company-score { grid-template-columns: auto auto; align-items: center; justify-content: end; gap: 2px 7px; }
.drawer-company-score em { grid-row: 1 / 3; background: rgba(255,255,255,.18); }
.drawer-company-score strong,.drawer-company-score span { grid-column: 2; }
.drawer-score-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.drawer-score-grid article { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; padding: 14px; border: 1px solid rgba(23,61,48,.09); border-radius: 13px; background: #fbfdfc; }
.drawer-score-grid article > div { display: grid; align-content: center; gap: 3px; }
.drawer-score-grid span { color: var(--lead-ink); font-size: 12px; font-weight: 900; }
.drawer-score-grid article > div b { color: var(--lead-muted); font-size: 9px; }
.drawer-score-grid strong { color: var(--lead-green-dark); font-size: 23px; }
.drawer-score-grid article > i { grid-column: 1 / -1; height: 5px; overflow: hidden; border-radius: 999px; background: #e5efea; }
.drawer-score-grid article > i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#15825c,#57b48b); }
.drawer-score-formula { margin-top: 13px !important; padding: 12px 13px; border-radius: 11px; color: #456158 !important; background: #f1f7f4; font-size: 12px !important; }
.drawer-check-list { display: grid; gap: 9px; }
.drawer-check-list article { display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 11px; padding: 12px; border: 1px solid rgba(23,61,48,.08); border-radius: 12px; background: #fbfdfc; }
.drawer-check-list article > i { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; color: #fff; background: #1c996d; font-style: normal; font-size: 12px; font-weight: 900; }
.drawer-check-list article.warning > i { color: #84601b; background: #ffefc9; }
.drawer-check-list strong { color: var(--lead-ink); font-size: 12px; }
.drawer-check-list p { margin-top: 3px; font-size: 11px; line-height: 1.45; }
.drawer-check-list article > span { padding: 5px 7px; border-radius: 7px; color: #147754; background: #e8f6ef; font-size: 10px; font-weight: 900; }
.drawer-check-list article.warning > span { color: #86621f; background: #fff3d7; }
.contact-status-pill { padding: 6px 8px; border-radius: 8px; color: #5c6d66; background: #edf1ef; font-size: 10px; font-weight: 900; }
.contact-status-pill.verified { color: #0f7854; background: #e7f7ef; }
.drawer-activity .activity-item { position: relative; display: grid; grid-template-columns: 16px minmax(0,1fr); gap: 11px; }
.activity-item > i { width: 11px; height: 11px; margin-top: 4px; border: 3px solid #dff3e9; border-radius: 50%; background: var(--lead-green); box-shadow: 0 0 0 1px rgba(19,132,95,.25); }
.activity-item > div { padding-bottom: 4px; }
.activity-item strong { display: block; color: var(--lead-ink); font-size: 13px; }
.activity-item span { display: block; margin-top: 3px; color: var(--lead-muted); font-size: 10px; }
.activity-item p { margin-top: 7px; font-size: 12px; }

@media (max-width:1180px) {
  .lead-quality-summary { grid-template-columns: repeat(2,1fr); }
  .lead-filterbar { grid-template-columns: 1fr 1fr; }
  .lead-filter-search { grid-column: 1 / -1; }
  .lead-card-insight { grid-template-columns: 1fr; }
  .lead-list-head { display: none; }
  .lead-result-card { grid-template-columns: minmax(0,1fr) auto; gap: 14px; margin: 11px !important; padding: 17px; border: 1px solid rgba(23,61,48,.1); border-radius: 15px; }
  .lead-list-company { grid-column: 1; }
  .lead-list-score { grid-column: 2; grid-row: 1; }
  .lead-list-role,.lead-list-demand,.lead-list-contact,.lead-list-evidence,.lead-list-country,.lead-list-direct { display: none; }
  .lead-list-follow { grid-column: 2; grid-row: 2; }
  .lead-list-mobile-summary { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
  .lead-board { grid-template-columns: repeat(4,240px); }
  .lead-detail-drawer { width: min(600px,88vw); min-width: 0; }
}

@media (max-width:680px) {
  .local-demo-notice { align-items: flex-start; flex-direction: column; gap: 4px; }
  .lead-quality-summary { grid-template-columns: 1fr 1fr; }
  .lead-quality-summary article { min-height: 88px; padding: 14px; }
  .lead-quality-summary strong { font-size: 24px; }
  .lead-filterbar { grid-template-columns: 1fr; padding: 14px; }
  .lead-filter-search { grid-column: auto; }
  .lead-result-card { padding: 17px; }
  .lead-list-mobile-summary { grid-template-columns: 1fr; }
  .lead-card-footer { align-items: flex-start; }
  .lead-card-actions small { display: none; }
  .lead-detail-drawer { width: 100vw; }
  .lead-drawer-head { padding: 18px; }
  .lead-drawer-body { padding: 18px 15px 70px; }
  .drawer-company-hero { padding: 19px; }
  .drawer-company-top { grid-template-columns: 47px minmax(0,1fr); }
  .drawer-company-mark { width: 47px; height: 47px; }
  .drawer-company-score { grid-column: 1 / -1; grid-template-columns: auto auto; justify-content: start; gap: 6px; min-width: 0; text-align: left; }
  .drawer-company-score strong { font-size: 20px; }
  .drawer-company-score span { align-self: center; }
  .drawer-tabs { top: -18px; overflow-x: auto; }
  .drawer-tabs button { flex: 0 0 auto; }
  .drawer-score-grid { grid-template-columns: 1fr; }
  .drawer-facts { grid-template-columns: 1fr; }
  .drawer-evidence { grid-template-columns: 1fr; }
  .drawer-contact-row { grid-template-columns: 68px minmax(0,1fr); }
  .drawer-actions { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion:reduce) {
  .lead-detail-drawer,.lead-drawer-backdrop { transition: none; }
}