.campaigns-view{padding:32px clamp(18px,3vw,48px);overflow:auto;background:#f6f8fc;color:#172238;min-height:calc(100vh - 100px)}
.campaigns-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto 24px;max-width:1440px}
.campaigns-header h1{font-size:32px;line-height:1.2;margin:2px 0 7px;letter-spacing:-.035em}
.campaigns-header p{margin:0;color:#65718a}
.campaigns-eyebrow{font-size:11px!important;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#566ed4!important}
.campaigns-layout{display:grid;grid-template-columns:minmax(260px,310px) minmax(0,1fr);gap:20px;max-width:1440px;margin:auto}
.campaigns-sidebar,.campaigns-main{display:flex;flex-direction:column;gap:20px;min-width:0}
.campaigns-card{background:#fff;border:1px solid #e2e8f1;border-radius:18px;padding:24px;box-shadow:0 6px 22px rgba(22,41,77,.04)}
.campaigns-card h2{font-size:18px;margin:0 0 15px;color:#192742}
.campaigns-card>p,.campaigns-muted{font-size:13px;color:#758197;line-height:1.55}
.campaigns-channels{display:flex;flex-wrap:wrap;gap:8px}
.campaigns-channels span{display:inline-flex;align-items:center;gap:6px;background:#f2f5fb;border:1px solid #e7ecf5;border-radius:9px;padding:9px 10px;font-size:12px;font-weight:700}
.campaigns-channels svg{width:15px;height:15px;color:#5670ce}
.campaigns-draft-list{display:flex;flex-direction:column;gap:7px;max-height:480px;overflow:auto}
.campaigns-draft{width:100%;text-align:left;background:#f8faff;border:1px solid #e9eef7;border-radius:10px;padding:11px 12px;cursor:pointer;display:flex;flex-direction:column;gap:4px;color:#1c2942}
.campaigns-draft:hover{border-color:#8da4ea;background:#f0f4ff}
.campaigns-draft strong{font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.campaigns-draft span{font-size:11px;color:#758197}
.campaigns-card-head{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:18px}
.campaigns-card-head h2{margin:0}
.campaigns-card-head p{margin:0 0 4px}
.campaigns-badge{background:#fff4dc;color:#93631d;font-size:11px;font-weight:800;padding:7px 10px;border-radius:30px}
.campaigns-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.campaigns-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#4a5974}
.campaigns-fields .input{width:100%;font-weight:400;background:#fbfcff;border:1px solid #dbe3ee;border-radius:9px;color:#1c2942;padding:11px 12px}
.campaigns-fields textarea{resize:vertical;min-height:160px}
.campaigns-wide{grid-column:1/-1}
.campaigns-editor-foot{border-top:1px solid #e8edf4;padding-top:19px;margin-top:21px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.campaigns-editor-foot span{color:#78849a;font-size:12px}
.campaigns-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.campaigns-stats>div{background:#f6f8fe;border:1px solid #e8edf8;border-radius:13px;padding:18px;display:flex;flex-direction:column;gap:6px}
.campaigns-stats strong{font-size:28px;color:#1b2d58;line-height:1}
.campaigns-stats span{font-size:12px;color:#697994}
@media(max-width:900px){.campaigns-layout{grid-template-columns:1fr}.campaigns-sidebar{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:600px){.campaigns-header{align-items:flex-start;flex-direction:column}.campaigns-sidebar,.campaigns-fields{display:flex;flex-direction:column}.campaigns-editor-foot{align-items:flex-start;flex-direction:column}.campaigns-stats{grid-template-columns:1fr 1fr}}
.campaigns-view{--campaign-blue:#2457f5;background:#f8fafc;color:#101828}
.campaigns-card{border-color:#e4e7ec;border-radius:14px;box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.03)}
.campaigns-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.campaigns-message-preview{background:#f5f7fb;border:1px solid #e4e7ec;border-radius:12px;padding:20px;min-height:210px;display:grid;place-items:center}
.campaigns-email-shell{background:#fff;border:1px solid #e4e7ec;box-shadow:0 2px 12px rgba(16,24,40,.06);width:min(100%,560px);padding:26px 30px;color:#101828}
.campaigns-email-header{border-bottom:1px solid #e4e7ec;padding-bottom:18px;margin-bottom:20px}
.campaigns-email-header img{max-width:145px;max-height:48px;object-fit:contain;object-position:left}
.campaigns-email-shell h3{font-size:19px;margin:0 0 16px;line-height:1.3}
.campaigns-email-shell p{font-size:14px;line-height:1.7;white-space:pre-wrap;color:#344054;margin:0 0 24px}
.campaigns-email-footer{border-top:1px solid #e4e7ec;padding-top:17px;font-size:12px;font-weight:700;color:#2457f5}
.campaigns-email-shell small{display:block;color:#98a2b3;margin-top:10px;font-size:10px}
.campaigns-phone{width:min(100%,340px);border:1px solid #d0d5dd;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 3px 12px rgba(16,24,40,.06)}
.campaigns-phone-head{background:#f5f7fb;border-bottom:1px solid #e4e7ec;padding:13px 18px;font-weight:700;font-size:12px;color:#344054}
.campaigns-phone-bubble{margin:20px 16px 28px 34px;background:#eef3ff;border-radius:12px 12px 3px 12px;padding:12px 14px;font-size:13px;line-height:1.55;white-space:pre-wrap;color:#101828}
.campaigns-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:16px}
.campaigns-metrics>div{border:1px solid #e4e7ec;background:#f8fafc;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}
.campaigns-metrics strong{font-size:20px;font-variant-numeric:tabular-nums}
.campaigns-metrics span{font-size:11px;color:#667085}
.campaigns-report-table-wrap{overflow:auto;border:1px solid #e4e7ec;border-radius:10px}
.campaigns-report-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}
.campaigns-report-table th{background:#f8fafc;color:#667085;font-weight:700;padding:11px 13px}
.campaigns-report-table td{padding:12px 13px;border-top:1px solid #e4e7ec;color:#344054}
.campaigns-report-table tr:hover td{background:#f9fbff}
.campaigns-view button:focus-visible,.campaigns-view input:focus-visible,.campaigns-view select:focus-visible,.campaigns-view textarea:focus-visible{outline:2px solid #2457f5;outline-offset:2px}
@media(max-width:700px){.campaigns-metrics{grid-template-columns:repeat(3,1fr)}.campaigns-email-shell{padding:20px}}
.campaigns-readiness{display:flex;flex-direction:column;gap:10px}
.campaigns-readiness-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e4e7ec;padding-bottom:10px}
.campaigns-readiness-row strong,.campaigns-suppression-row strong{display:block;font-size:12px;color:#344054}
.campaigns-readiness-row small,.campaigns-suppression-row small{display:block;font-size:11px;color:#667085;line-height:1.35;margin-top:3px}
.campaigns-ready,.campaigns-offline{font-size:10px;font-weight:700;border-radius:30px;padding:5px 8px;white-space:nowrap}
.campaigns-ready{background:#ecfdf3;color:#027a48}.campaigns-offline{background:#fff6e8;color:#b54708}
.campaigns-suppression-form{display:grid;grid-template-columns:minmax(120px,170px) 1fr;gap:10px;margin:16px 0}
.campaigns-suppression-form textarea{grid-column:1/-1;resize:vertical}
.campaigns-suppression-form button{justify-self:start;grid-column:1/-1}
.campaigns-suppression-list{max-height:250px;overflow:auto}
.campaigns-suppression-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #e4e7ec}
.campaigns-launch{border-top:1px solid #e4e7ec;margin-top:18px;padding-top:18px;display:grid;gap:12px}.campaigns-launch strong{color:#101828;font-size:14px}.campaigns-launch p{margin:5px 0}.campaigns-launch-actions{display:flex;gap:8px;flex-wrap:wrap}.campaigns-launch-confirm{padding:14px;border:1px solid #d0d5dd;border-radius:12px;background:#f9fafb;display:grid;gap:10px}.campaigns-launch-confirm.hidden{display:none}.campaigns-launch-confirm label{display:grid;gap:6px;font-size:12px;color:#475467}.campaigns-launch-confirm .input{max-width:250px}.campaigns-launch-confirm button{justify-self:start}
@media(max-width:600px){.campaigns-suppression-form{grid-template-columns:1fr}}