.outreach-page{padding:28px 32px 48px;color:hsl(var(--foreground));font-size:14px;max-width:1700px;margin:0 auto}.outreach-page *{box-sizing:border-box}.outreach-page h1{font-size:26px;font-weight:650;letter-spacing:-.03em;margin:2px 0 8px}.outreach-page h2{font-size:16px;font-weight:650;margin:0}.outreach-page h3{font-size:16px;font-weight:600;margin:10px 0}.outreach-page h4{font-weight:600;margin:10px 0}.outreach-page p{line-height:1.7;margin:6px 0;color:hsl(var(--muted-foreground))}.outreach-heading,.outreach-panel-heading,.outreach-actions,.outreach-selection,.outreach-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.outreach-heading{margin-bottom:24px}.outreach-eyebrow{color:hsl(var(--primary))!important;font-size:12px;font-weight:600;letter-spacing:.06em}.outreach-actions{justify-content:flex-end;flex-wrap:wrap}.outreach-page .outreach-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid hsl(var(--border));border-radius:9px;background:hsl(var(--card));font-weight:550;white-space:nowrap;font-size:13px;cursor:pointer;color:hsl(var(--foreground))}.outreach-page .outreach-btn.primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:transparent;box-shadow:0 3px 10px hsl(var(--primary)/.12)}.outreach-page .outreach-btn.ai{color:hsl(var(--ai));background:hsl(var(--ai)/.07);border-color:hsl(var(--ai)/.22)}.outreach-page button:hover:not(:disabled){filter:brightness(.97)}.outreach-page button:disabled{opacity:.5;cursor:not-allowed}.outreach-page :is(button,a,input,select,textarea):focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}.outreach-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.outreach-capabilities>button{display:flex;align-items:center;gap:14px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:14px;text-align:left;padding:22px;cursor:pointer}.outreach-capabilities strong,.outreach-capabilities span:not(.outreach-channel-mark){display:block}.outreach-capabilities strong{font-size:16px;margin-bottom:7px}.outreach-capabilities span:not(.outreach-channel-mark){font-size:12px;color:hsl(var(--muted-foreground));line-height:1.6}.outreach-capabilities b{margin-left:auto;color:hsl(var(--muted-foreground));font-weight:400}.outreach-channel-mark{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.outreach-channel-mark svg{width:23px;height:23px}.outreach-channel-mark.email{color:#397ac4;background:#edf4fe}.outreach-channel-mark.whatsapp{color:#179f65;background:#eafaef}.outreach-channel-mark.ai{color:#8160c1;background:#f2edfb;font-size:29px}.outreach-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--card));margin:0 0 24px}.outreach-metrics>div{padding:17px 24px;display:flex;align-items:baseline;gap:12px;border-right:1px solid hsl(var(--border))}.outreach-metrics>div:last-child{border:0}.outreach-metrics strong{font-size:26px;font-weight:600}.outreach-metrics span{font-size:12px;color:hsl(var(--muted-foreground))}.outreach-panel{border:1px solid hsl(var(--border));border-radius:16px;background:hsl(var(--card));overflow:hidden}.outreach-panel-heading{padding:22px 24px;border-bottom:1px solid hsl(var(--border))}.outreach-panel-heading p,.outreach-muted{font-size:12px;color:hsl(var(--muted-foreground))}.outreach-table-wrap{overflow:auto}.outreach-page table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.outreach-page th{font-size:12px;font-weight:500;color:hsl(var(--muted-foreground));background:hsl(var(--muted)/.4);padding:13px 20px;white-space:nowrap}.outreach-page td{padding:17px 20px;border-top:1px solid hsl(var(--border)/.7);max-width:360px;overflow-wrap:anywhere}.outreach-page td small{display:block;font-size:11px;color:hsl(var(--muted-foreground));margin-top:4px}.outreach-page td strong{font-weight:600}.outreach-inline{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.outreach-inline .outreach-channel-mark{width:26px;height:26px;border-radius:7px}.outreach-inline svg{width:17px;height:17px}.outreach-status{font-size:11px;display:inline-block;padding:4px 9px;border-radius:6px;white-space:nowrap;background:hsl(var(--muted));color:hsl(var(--muted-foreground));font-weight:500}.outreach-status.completed,.outreach-status.sent{color:#1f875e;background:#edf8f1}.outreach-status.running,.outreach-status.sending{color:#397ac4;background:#edf4fe}.outreach-status.paused,.outreach-status.uncertain,.outreach-status.failed{color:#946520;background:#fff6e5}.outreach-empty{padding:56px 24px;text-align:center}.outreach-empty .outreach-btn{margin-top:16px}.outreach-empty-icon{display:inline-flex;background:hsl(var(--primary)/.07);color:hsl(var(--primary));width:48px;height:48px;border-radius:14px;align-items:center;justify-content:center;font-size:28px}.outreach-steps{display:flex;background:hsl(var(--muted)/.2);padding:16px 24px;border-bottom:1px solid hsl(var(--border));gap:24px}.outreach-steps button{display:flex;align-items:center;gap:9px;font-size:13px;color:hsl(var(--muted-foreground));padding:5px 0}.outreach-steps b{display:inline-flex;width:25px;height:25px;border-radius:50%;background:hsl(var(--muted));align-items:center;justify-content:center;font-size:12px}.outreach-steps .active{color:hsl(var(--primary));font-weight:650}.outreach-steps .active b{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.outreach-editor{padding:28px 24px}.outreach-form-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:32px}.outreach-page label{display:block;font-size:13px;font-weight:550;margin-bottom:20px}.outreach-page input:not([type=checkbox]),.outreach-page select,.outreach-page textarea{display:block;width:100%;border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:8px;font:inherit;font-weight:400;padding:10px 12px;margin-top:8px;color:hsl(var(--foreground));min-height:40px}.outreach-page textarea{resize:vertical;line-height:1.65}.outreach-page input[type=checkbox]{accent-color:hsl(var(--primary));width:16px;height:16px;flex-shrink:0;cursor:pointer}.outreach-text-link{color:hsl(var(--primary));font-size:13px}.outreach-explainer,.outreach-ai{padding:24px;border-radius:12px;background:hsl(var(--muted)/.3);align-self:start}.outreach-explainer p,.outreach-ai p{font-size:13px;margin:12px 0 18px}.outreach-ai{background:hsl(var(--ai)/.04);border:1px solid hsl(var(--ai)/.12)}.outreach-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:10px}.outreach-filter input{margin:0!important}.outreach-selection{justify-content:flex-start;flex-wrap:wrap;margin:20px 0}.outreach-selection span{font-size:12px;color:hsl(var(--muted-foreground));margin-right:auto}.outreach-table-wrap.audience{max-height:440px;border:1px solid hsl(var(--border));border-radius:10px}.outreach-table-wrap.audience th{position:sticky;top:0;background:hsl(var(--card));z-index:1}.outreach-editor-footer{padding:18px 24px;border-top:1px solid hsl(var(--border));background:hsl(var(--muted)/.16)}.outreach-editor-footer>span{font-size:12px;color:hsl(var(--muted-foreground))}.outreach-variables{display:flex;gap:8px;align-items:center;font-size:12px;flex-wrap:wrap}.outreach-variables button{border:1px solid hsl(var(--border));padding:5px 10px;border-radius:6px;color:hsl(var(--primary))}.outreach-page pre{font:inherit;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;margin:12px 0}.outreach-ai-result{margin-top:16px;border-top:1px solid hsl(var(--border));padding-top:12px}.outreach-review-summary{display:flex;align-items:center;gap:40px;padding:4px 0 24px}.outreach-review-summary strong{display:block;font-size:30px;color:hsl(var(--primary));font-weight:600}.outreach-review-summary span{font-size:12px;color:hsl(var(--muted-foreground))}.outreach-review-summary p{margin-left:auto;font-size:13px}.outreach-sample{border:1px solid hsl(var(--border));padding:18px;border-radius:10px;margin:14px 0}.outreach-sample small{font-size:11px;color:hsl(var(--muted-foreground))}.outreach-page .outreach-check{display:flex;align-items:flex-start;gap:10px;line-height:1.7;font-weight:400}.outreach-check input{margin-top:4px}.outreach-page details{font-size:13px;border-top:1px solid hsl(var(--border));padding-top:18px;margin-top:20px}.outreach-page summary{cursor:pointer;font-weight:550}.outreach-alert,.outreach-notice{font-size:13px;line-height:1.7;border-radius:9px;padding:12px 18px;margin-bottom:18px}.outreach-alert{background:#fff2e9;color:#8b4f20;display:flex;justify-content:space-between;gap:15px}.outreach-notice{background:hsl(var(--primary)/.07);color:hsl(var(--primary))!important}.outreach-alert button{font-size:18px}.outreach-panel>.outreach-notice{margin:16px 24px}.outreach-panel>.outreach-metrics{margin:20px 24px}.outreach-page button{transition:background .15s}
@media(max-width:1100px){.outreach-capabilities{grid-template-columns:1fr}.outreach-capabilities>button{padding:16px 20px}.outreach-heading{align-items:flex-start}.outreach-form-grid{grid-template-columns:1fr}.outreach-metrics>div{display:block}.outreach-metrics span{display:block;margin-top:4px}}
@media(max-width:640px){.outreach-page{padding:20px 14px}.outreach-heading{display:block}.outreach-heading>.outreach-actions{justify-content:flex-start;margin-top:14px}.outreach-panel-heading{padding:18px;align-items:flex-start;flex-wrap:wrap}.outreach-steps{gap:12px;padding:14px 16px;overflow:auto}.outreach-steps button{white-space:nowrap;font-size:12px}.outreach-steps b{width:21px;height:21px}.outreach-editor{padding:18px 16px}.outreach-metrics{grid-template-columns:1fr 1fr}.outreach-metrics>div{padding:15px}.outreach-filter{grid-template-columns:1fr 1fr}.outreach-filter>input:first-child{grid-column:1/-1}.outreach-editor-footer{padding:16px;flex-wrap:wrap}.outreach-editor-footer .outreach-actions{justify-content:flex-start}.outreach-review-summary{flex-wrap:wrap;gap:20px}.outreach-review-summary p{margin-left:0;width:100%}.outreach-page td,.outreach-page th{padding:12px;min-width:100px}.outreach-form-grid{gap:20px}}
