.hit-contact{width:100%;margin-top:12px;padding:11px 12px;border:1px solid #dfe6ea;border-radius:13px;background:#fff;display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;color:#25333d;transition:border-color .18s,box-shadow .18s,transform .18s}
.hit-contact:hover{border-color:#ef9aa2;box-shadow:0 8px 24px rgba(33,50,61,.09);transform:translateY(-1px)}
.hit-contact>i{width:9px;height:9px;border-radius:50%;background:#c49016;box-shadow:0 0 0 5px rgba(196,144,22,.10)}
.hit-contact.complete>i{background:#25965a;box-shadow:0 0 0 5px rgba(37,150,90,.10)}
.hit-contact.blocked>i{background:#d32032;box-shadow:0 0 0 5px rgba(211,32,50,.10)}
.hit-contact.missing>i{background:#8d99a2;box-shadow:0 0 0 5px rgba(141,153,162,.10)}
.hit-contact span{min-width:0;display:flex;flex-direction:column;gap:2px}
.hit-contact small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#7d8992;font-weight:800}
.hit-contact b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hit-contact em{font-size:11px;color:#687680;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hit-contact strong{font-size:11px;color:#e21d2f;white-space:nowrap}
.contact-open{overflow:hidden}
.contact-backdrop{position:fixed;inset:0;z-index:42;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(11,21,28,.74);backdrop-filter:blur(9px)}
.contact-backdrop.show{display:flex}
.contact-sheet{width:min(1440px,100%);max-height:95vh;overflow:hidden;background:#f5f7f8;border:1px solid rgba(255,255,255,.25);border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.34);display:flex;flex-direction:column}
.contact-topbar{min-height:80px;padding:17px 24px 16px 28px;display:flex;align-items:center;justify-content:space-between;background:#15232d;color:#fff;border-bottom:4px solid #e21d2f}
.contact-topbar span{display:block;margin-bottom:4px;color:#f27c85;font-size:10px;font-weight:800;letter-spacing:.16em}
.contact-topbar h2{margin:0;font-size:21px}
.contact-close{width:40px;height:40px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:25px;line-height:1}
.contact-projectbar{padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-bottom:1px solid #dfe5e9}
.contact-projectbar>div:first-child{display:flex;flex-direction:column;gap:3px;min-width:0}
.contact-projectbar b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-projectbar span{font-size:11px;color:#77848d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.contact-progress{display:flex;align-items:center;flex:0 0 auto}
.contact-progress i{width:18px;height:18px;border-radius:50%;border:2px solid #cfd7dc;background:#fff;position:relative}
.contact-progress i.done{border-color:#27945a;background:#27945a}
.contact-progress i.done:after{content:"✓";position:absolute;inset:0;color:#fff;font:800 11px/14px Arial;text-align:center}
.contact-progress span{width:42px;height:2px;background:#dbe2e6}
.contact-workspace{display:grid;grid-template-columns:minmax(420px,.82fr) minmax(540px,1.18fr);min-height:0;overflow:auto}
.contact-research,.contact-compose{padding:25px 28px 30px;min-width:0}
.contact-research{background:#fff;border-right:1px solid #dfe5e9}
.contact-compose{background:#f5f7f8}
.contact-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:16px}
.contact-section-head h3{margin:4px 0 0;font-size:19px;color:#1c2b35}
.contact-kicker{color:#e21d2f;font-size:9px;font-weight:850;letter-spacing:.15em}
.contact-confidence,.mail-ready{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;background:#eef1f3;color:#6d7982;white-space:nowrap}
.contact-confidence.complete,.mail-ready.ready{background:#e8f7ee;color:#247c49}
.contact-confidence.partial,.mail-ready.setup{background:#fff4dc;color:#92640b}
.contact-confidence.blocked,.mail-ready.blocked{background:#ffeaec;color:#b6202f}
.contact-state{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid #e0e6e9;border-radius:14px;background:#f8fafb;margin-bottom:14px}
.contact-state>i{width:12px;height:12px;border-radius:50%;background:#8b98a1;box-shadow:0 0 0 6px rgba(139,152,161,.11)}
.contact-state.complete>i{background:#25965a;box-shadow:0 0 0 6px rgba(37,150,90,.11)}
.contact-state.partial>i{background:#c49016;box-shadow:0 0 0 6px rgba(196,144,22,.11)}
.contact-state.blocked>i{background:#d32032;box-shadow:0 0 0 6px rgba(211,32,50,.11)}
.contact-state div{display:flex;flex-direction:column;gap:2px}
.contact-state b{font-size:13px}.contact-state span{color:#6d7982;font-size:11px;line-height:1.4}
.contact-candidates{display:grid;gap:7px;margin-bottom:14px}
.candidate-label{font-size:9px;font-weight:800;letter-spacing:.12em;color:#89949c;text-transform:uppercase}
.candidate-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 11px;border:1px solid #e0e6e9;border-radius:11px;background:#fff;text-align:left}
.candidate-card:hover,.candidate-card.active{border-color:#ef9aa2;background:#fffafa}
.candidate-card b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-card span{grid-column:1;color:#77838c;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.candidate-card em{grid-column:2;grid-row:1/3;align-self:center;font-size:10px;font-style:normal;color:#e21d2f}
.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.contact-form-grid label,.compose-field{display:flex;flex-direction:column;gap:5px}.contact-form-grid label.wide{grid-column:1/-1}
.contact-form-grid label>span,.compose-field>span{font-size:10px;color:#6d7982;font-weight:700}
.contact-form-grid input,.contact-form-grid select,.compose-field input,.compose-field textarea{width:100%;border:1px solid #d7dfe4;border-radius:10px;background:#fff;padding:9px 10px;color:#1d2c36;font:12px/1.4 inherit;outline:0;transition:border-color .15s,box-shadow .15s}
.compose-field select{width:100%;border:1px solid #d7dfe4;border-radius:10px;background:#fff;padding:9px 10px;color:#1d2c36;font:12px/1.4 inherit;outline:0}.contact-form-grid input:focus,.contact-form-grid select:focus,.compose-field input:focus,.compose-field textarea:focus,.compose-field select:focus{border-color:#e75460;box-shadow:0 0 0 3px rgba(226,29,47,.08)}
.legal-basis{padding:10px;border:1px solid #ecd9af;border-radius:12px;background:#fff9ed}
.contact-source{margin-top:13px;padding:11px 12px;border-radius:11px;background:#f5f7f8;display:grid;grid-template-columns:1fr auto;gap:3px 10px}
.contact-source span{grid-column:1/-1;font-size:8px;color:#89949c;font-weight:800;letter-spacing:.12em}.contact-source b{font-size:10px}.contact-source a{font-size:10px;color:#d91e30;text-decoration:none}.contact-source small{grid-column:1/-1;color:#89949c;font-size:9px;line-height:1.4}
.contact-buttons{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}.contact-buttons .btn{padding:9px 11px;font-size:11px}.contact-block{margin-left:auto;border:0;background:transparent;color:#a7333d;font-size:10px;text-decoration:underline}.contact-block:disabled{opacity:.4}
.contact-compose{display:flex;flex-direction:column;gap:10px}.contact-compose .contact-section-head{margin-bottom:2px}
.compose-field textarea{resize:vertical;min-height:220px;line-height:1.55}
.mail-preview{margin:5px 0 2px;border:1px solid #dbe2e6;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(27,44,54,.07)}
.preview-brand{height:48px;padding:9px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #e21d2f}.preview-brand img{width:105px;height:30px;object-fit:contain}.preview-brand span{font-size:8px;color:#89949c;font-weight:800;letter-spacing:.13em}
.preview-hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;min-height:150px;background:#141d22;color:#fff}.preview-hero>div{padding:19px}.preview-hero small{display:block;color:#ef7983;font-size:8px;letter-spacing:.14em;font-weight:800}.preview-hero b{display:block;margin-top:8px;font-size:20px;line-height:1.05}.preview-hero em{display:block;color:#ee2737;font-style:normal}.preview-hero span{display:block;margin-top:9px;color:#aeb8be;font-size:9px;line-height:1.4}.preview-hero img{width:100%;height:150px;object-fit:cover;object-position:center;background:#11191e}
.preview-system{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:10px 11px;background:#f8fafb}.preview-system span{padding:7px 4px;border-radius:8px;background:#fff1f2;color:#d51d2e;font-size:8px;font-weight:800;text-align:center}.preview-system span:nth-child(n+4){background:#edf4f7;color:#263d4a}
.preview-copy{max-height:135px;overflow:hidden;padding:14px 18px;background:#fff}.preview-copy p{margin:0 0 9px;color:#4d5d67;font-size:9px;line-height:1.5}.preview-copy p:first-child{font-weight:800;color:#1d2c36}
.contact-confirm{display:flex;align-items:flex-start;gap:8px;color:#5f6d76;font-size:10px;line-height:1.4}.contact-confirm input{margin-top:2px;accent-color:#e21d2f}.private-confirm{display:none;padding:9px;border-radius:10px;background:#fff3dd;color:#785718}.private-confirm.show{display:flex}
.compose-actions{display:flex;justify-content:flex-end;gap:8px}.compose-actions .btn{font-size:11px;padding:10px 13px}.compose-actions .btn:disabled{opacity:.45;cursor:not-allowed}
.outreach-history{border-top:1px solid #dce3e7;margin-top:5px;padding-top:13px}.outreach-history>.contact-kicker{margin-bottom:7px}.history-row{display:flex;gap:9px;align-items:flex-start;padding:7px 0}.history-row>i{width:8px;height:8px;margin-top:3px;border-radius:50%;background:#8b98a1}.history-row.sent>i{background:#27945a}.history-row.failed>i{background:#d32032}.history-row div{display:flex;flex-direction:column;gap:2px}.history-row b{font-size:10px}.history-row span,.history-row small,.history-empty{font-size:9px;color:#7b8790}.history-row small{color:#b52b37}
@media(max-width:1050px){.contact-workspace{grid-template-columns:1fr}.contact-research{border-right:0;border-bottom:1px solid #dfe5e9}.contact-sheet{overflow:auto}.contact-workspace{overflow:visible}.contact-backdrop{align-items:flex-start}.contact-projectbar{position:sticky;top:0;z-index:2}}
@media(max-width:700px){.hit-contact{grid-template-columns:9px minmax(0,1fr)}.hit-contact strong{grid-column:2}.contact-backdrop{padding:0}.contact-sheet{max-height:100vh;min-height:100vh;border-radius:0}.contact-topbar{padding:14px 16px}.contact-projectbar{padding:12px 16px}.contact-progress{display:none}.contact-research,.contact-compose{padding:20px 16px}.contact-form-grid{grid-template-columns:1fr}.contact-form-grid label.wide{grid-column:auto}.preview-hero{grid-template-columns:1fr}.preview-hero img{height:170px}.preview-system{grid-template-columns:repeat(3,1fr)}.contact-buttons .contact-block{margin-left:0}.compose-actions{justify-content:stretch}.compose-actions .btn{flex:1}}