.wb-page{--wb-green:#008665;--wb-ink:#0b2043;--wb-muted:#6b7f9f;color:var(--wb-ink);max-width:1700px;margin:auto}.wb-page button,.wb-page input,.wb-page select,.wb-page textarea{font:inherit}.wb-page button,.wb-modal-content button{cursor:pointer}.wb-page button:disabled,.wb-modal-content button:disabled{opacity:.5;cursor:not-allowed}.wb-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 24px}.wb-hero h1{font-size:30px;letter-spacing:-.8px;margin:8px 0 5px}.wb-hero p{margin:0;color:var(--wb-muted);font-size:14px}.wb-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--wb-green);font-size:10px;font-weight:700;letter-spacing:1.5px}.wb-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.wb-stat{background:rgba(255,255,255,.9);border:1px solid #dfe5f3;border-radius:16px;padding:19px 21px;box-shadow:0 5px 15px #0b204305}.wb-stat>span{display:flex;align-items:center;gap:7px;color:var(--wb-muted);font-size:12px}.wb-stat strong{display:block;font-size:30px;line-height:1.25;margin:10px 0 4px;letter-spacing:-.7px}.wb-stat:first-child{border-color:#a7dfce;background:#f4fffb}.wb-stat:first-child strong{color:var(--wb-green)}.wb-stat small{font-size:11px;color:var(--wb-muted)}.wb-tabs{display:flex;gap:28px;border-bottom:1px solid #dbe2f1;margin-bottom:22px;overflow-x:auto}.wb-tabs button{background:none;border:0;border-bottom:3px solid transparent;color:#647895;padding:12px 0 14px;white-space:nowrap;font-weight:600;font-size:13px}.wb-tabs button.on{color:var(--wb-green);border-bottom-color:var(--wb-green)}.wb-tabs button span{border-radius:20px;background:#ddefe8;padding:2px 7px;margin-left:7px;font-size:11px}.wb-workspace{display:grid;grid-template-columns:minmax(0,1fr) 345px;gap:22px;align-items:start}.wb-composer{min-width:0;display:grid;gap:22px}.wb-workspace>aside{position:sticky;top:20px;min-width:0}.wb-card{background:#fff;border:1px solid #e0e6f3;border-radius:18px;padding:23px;box-shadow:0 7px 25px #0b204307}.wb-card-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.wb-card-head h2,.wb-card h2,.wb-history-card h2,.wb-section-head h2{font-size:16px;margin:0 0 4px}.wb-card-head p,.wb-section-head p{color:var(--wb-muted);font-size:12px;margin:0;line-height:1.5}.wb-step{flex-shrink:0;width:32px;height:32px;border-radius:10px;background:#e9f7f1;color:var(--wb-green);display:flex;align-items:center;justify-content:center;font-weight:700}.wb-segments{display:flex;padding:4px;background:#f2f5fa;border-radius:11px;gap:4px;margin-bottom:22px}.wb-segments button{flex:1;border:0;background:transparent;padding:10px 8px;color:#6b7f9f;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600}.wb-segments button.on{background:#fff;color:var(--wb-green);box-shadow:0 2px 8px #0b204310}.wb-label{display:block;color:#263d5b;font-size:12px;font-weight:600;line-height:1.6;margin:12px 0}.wb-label>small{display:block;font-size:11px;font-weight:400;color:var(--wb-muted)}.wb-page .input,.wb-page .textarea,.wb-modal-content .input,.wb-modal-content .textarea{display:block;width:100%;background:#fafbfe;border:1px solid #dce3ef;border-radius:9px;color:#102642;padding:10px 12px;font-size:13px;margin-top:5px;min-height:41px;box-sizing:border-box}.wb-page .input:focus,.wb-page .textarea:focus,.wb-modal-content .input:focus,.wb-modal-content .textarea:focus{outline:2px solid #5abb9f;outline-offset:1px;border-color:#5abb9f}.wb-statuses{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 20px}.wb-statuses label{display:flex;gap:6px;align-items:center;border:1px solid #e1e7f1;border-radius:8px;padding:7px 9px;font-size:11px;background:#fcfdff;cursor:pointer}.wb-statuses label.selected{border-color:#90d1bc;background:#eefaf4;color:#006b50}.wb-statuses input,.wb-page input[type=checkbox]{accent-color:var(--wb-green);width:14px;height:14px;flex-shrink:0}.wb-status-dot{background:var(--status,#6788a0);width:5px;height:5px;border-radius:50%;display:inline-block;margin-right:3px}.wb-fields{display:grid;gap:15px}.wb-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.wb-fields.three{grid-template-columns:1fr 1.4fr .6fr}.wb-fields .wb-label{min-width:0}.wb-country-line{display:flex;align-items:center;gap:15px;border-top:1px solid #edf0f7;margin-top:17px;padding:4px 0 13px}.wb-country-line .wb-label{width:130px;flex-shrink:0}.wb-country-line p{max-width:340px;font-size:11px;color:var(--wb-muted);line-height:1.7}.wb-recipient-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 10px}.wb-recipient-head strong{font-size:12px}.wb-recipient-head small{color:var(--wb-muted);font-weight:400;margin-left:5px}.wb-table-scroll{overflow-x:auto;max-width:100%;border:1px solid #e5eaf3;border-radius:10px}.wb-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.wb-table th{background:#f6f8fc;color:#637994;font-weight:500;font-size:10px;padding:11px 13px;white-space:nowrap}.wb-table td{padding:11px 13px;border-top:1px solid #edf1f7;vertical-align:top}.wb-table th:first-child{width:50px}.wb-table td:nth-child(3){white-space:nowrap}.wb-empty-cell{text-align:center;color:var(--wb-muted);padding:28px!important}.wb-good{color:#008263}.wb-warn{color:#ab710f}.wb-muted{color:#8495ab}.wb-small{font-size:11px;color:var(--wb-muted);line-height:1.7}.wb-small a,.wb-page a:not(.btn){color:var(--wb-green)}.wb-more{display:block;width:100%;background:#fafcfe;border:1px solid #e5eaf3;color:#3c6e7a;border-radius:8px;padding:9px;margin-top:7px;font-size:12px}.wb-upload{display:flex;align-items:center;flex-direction:column;gap:10px;padding:26px 18px;background:#f8fcfb;border:1.5px dashed #97ccb9;border-radius:12px;cursor:pointer;text-align:center;color:#008366}.wb-upload strong{font-size:14px}.wb-upload>span:not(.btn){color:var(--wb-muted);font-size:11px}.wb-upload input{position:absolute;width:1px;height:1px;opacity:0}.wb-upload:focus-within{outline:2px solid #008366;outline-offset:3px}.wb-link{border:0;background:transparent;color:var(--wb-green);font-size:12px;display:inline-flex;align-items:center;gap:5px;padding:4px 0;text-align:left}.wb-check{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#425874;line-height:1.6;margin:14px 0}.wb-check input{margin-top:3px}.wb-save-status{margin-left:auto;text-align:right;font-size:10px;color:#689186;max-width:120px}.wb-connected{display:flex;align-items:center;gap:6px;background:#effaf5;color:#067958;border-radius:8px;font-size:11px;padding:8px 11px;margin:4px 0 18px}.wb-connected span{margin-left:auto;font-size:10px}.wb-note{background:#f2f6fb;border:1px solid #dae5f0;border-radius:9px;padding:12px;color:#4f6580;font-size:12px;line-height:1.7;margin:12px 0}.wb-template-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.wb-template-title .wb-label{margin-bottom:5px}.wb-template-actions{display:flex;align-items:center;gap:15px;margin:12px 0}.wb-template-meta{display:flex;gap:7px;margin:18px 0 10px}.wb-template-meta span{font-size:10px;border-radius:5px;background:#edf7f3;color:#487563;padding:4px 7px}.wb-variable{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end;margin:12px 0}.wb-variable .wb-label{margin:0}.wb-variable>input{margin:0!important}.wb-preview-card{padding:20px}.wb-phone-preview{border:1px solid #dce6e0;border-radius:12px;overflow:hidden;margin:4px 0 18px}.wb-phone-head{background:#f2f7f5;display:flex;align-items:center;gap:9px;padding:12px}.wb-avatar{background:#deeee7;border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#008269}.wb-phone-head strong{display:block;font-size:12px}.wb-phone-head small{font-size:10px;color:#70887c}.wb-phone-chat{padding:18px 12px;background-color:#e9f0e9;background-image:radial-gradient(#cfdad133 .7px,transparent .7px);background-size:10px 10px;min-height:160px}.wb-message-bubble{background:#fff;border-radius:0 10px 10px 10px;padding:11px 12px;box-shadow:0 2px 3px #29433012;overflow-wrap:anywhere}.wb-message-bubble p{white-space:pre-wrap;line-height:1.7;font-size:12px;color:#264133;margin:0 0 8px}.wb-message-bubble small{display:block;text-align:right;font-size:9px;color:#84998f}.wb-preview-button{display:block;text-align:center;color:#1678a2;border-top:1px solid #e8f0ea;padding:8px 0;font-size:12px}.wb-media-preview{border-radius:6px;background:#eff4ef;padding:25px 10px;text-align:center;font-size:11px;color:#718579;margin-bottom:10px}.wb-send-summary>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;font-size:11px;border-bottom:1px solid #eef2f6}.wb-send-summary span{color:var(--wb-muted)}.wb-send-summary strong{text-align:right;font-size:12px}.wb-consent{font-size:11px;background:#f6f9fb;padding:11px;border-radius:8px}.wb-send-btn{border:0;border-radius:10px;background:#008866;color:#fff;padding:12px 16px;font-weight:600;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 10px #00886618}.wb-send-btn:hover:not(:disabled){background:#006f54}.wb-preview-card>.wb-send-btn{width:100%;margin-top:5px}.wb-send-btn>span{margin-left:auto}.wb-assurance{display:flex;gap:10px;padding:20px 10px;color:#008866}.wb-assurance>svg{flex-shrink:0;margin-top:1px}.wb-assurance strong{font-size:11px}.wb-assurance p{font-size:10px;color:#758aa0;line-height:1.7;margin:5px 0}.wb-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:4px 0 20px}.wb-empty{text-align:center;background:#fff;border:1px solid #e0e6f3;border-radius:16px;padding:65px 22px}.wb-empty>span{display:inline-flex;padding:15px;background:#eef8f3;border-radius:16px;color:var(--wb-green);margin-bottom:15px}.wb-empty h2{font-size:18px;margin:0 0 9px}.wb-empty p{color:var(--wb-muted);font-size:13px;max-width:420px;margin:0 auto 22px;line-height:1.7}.wb-history-card{border:1px solid #e0e6f3;border-radius:16px;background:#fff;padding:22px;margin-bottom:16px}.wb-history-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.wb-history-head p{font-size:11px;color:var(--wb-muted);margin:5px 0;line-height:1.6}.wb-badge{display:inline-flex;align-items:center;padding:5px 8px;border-radius:6px;background:#eef2f8;color:#557086;font-size:10px;white-space:nowrap;text-transform:capitalize}.wb-badge.completed,.wb-badge.delivered,.wb-badge.read{background:#e8f7ef;color:#007853}.wb-badge.queued,.wb-badge.sending,.wb-badge.accepted,.wb-badge.sent{background:#edf1ff;color:#4f4ed5}.wb-badge.failed,.wb-badge.unknown,.wb-badge.needs_attention{background:#fff3e4;color:#a76609}.wb-badge.cancelled{background:#fff0f0;color:#a45c5c}.wb-progress{height:5px;background:#edf2f6;border-radius:5px;overflow:hidden;margin:18px 0}.wb-progress>span{display:block;height:100%;background:#14a47f;border-radius:5px}.wb-history-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:20px}.wb-history-metrics strong{display:block;font-size:22px}.wb-history-metrics span{color:var(--wb-muted);font-size:11px;display:block;margin-top:3px}.wb-history-footer{border-top:1px solid #edf1f7;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.wb-history-footer>div{display:flex;gap:8px;flex-wrap:wrap}.wb-history-footer small{font-size:11px;color:var(--wb-muted)}.wb-error{border:1px solid #efc5b7;border-radius:9px;padding:12px 15px;background:#fff6f1;color:#9e4423;font-size:12px;line-height:1.7;margin-bottom:16px;overflow-wrap:anywhere}.wb-error[hidden]{display:none}.wb-saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.wb-saved>div{display:flex;align-items:center;justify-content:space-between;color:#00a27b;margin-bottom:14px}.wb-saved small{color:var(--wb-muted);font-size:10px}.wb-saved p{color:#6b7f9f;line-height:1.7;font-size:12px;white-space:pre-wrap;max-height:140px;overflow:hidden}.wb-setup-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;align-items:start}.wb-setup-steps{padding-left:28px;margin:0}.wb-setup-steps li{padding:0 0 22px 8px;color:#008866;font-size:14px}.wb-setup-steps strong{color:var(--wb-ink);font-size:13px}.wb-setup-steps p,.wb-billing p,.wb-optouts p{color:var(--wb-muted);font-size:12px;line-height:1.8}.wb-setup-steps a{font-size:12px}.wb-setup-steps details{margin-top:14px;color:#59728d;font-size:12px}.wb-setup-steps summary{cursor:pointer}.wb-setup-steps code{display:block;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6fa;border:1px solid #e1e7f0;border-radius:7px;padding:9px}.wb-setup-steps p code{display:inline;padding:1px 3px}.wb-billing-total{border:1px solid #b8e0ce;background:#f4fcf8;border-radius:11px;padding:20px;margin:15px 0}.wb-billing-total span,.wb-billing-total small{display:block;color:#678b79;font-size:11px}.wb-billing-total strong{display:block;font-size:25px;color:#00805c;margin:7px 0}.wb-divider{border-top:1px solid #e5eaf3;margin:22px 0}.wb-billing h3{font-size:13px;margin:16px 0 4px}.wb-optouts{margin-top:22px}.wb-optouts>small{display:block;font-size:11px;color:var(--wb-muted);margin-top:20px}.wb-optout-list{max-height:230px;overflow:auto}.wb-optout-list>div{padding:10px 0;border-bottom:1px solid #e9eef5}.wb-optout-list strong{font-size:12px}.wb-optout-list small{display:block;font-size:10px;color:#8495ab;margin-top:4px}.wb-modal-content{--wb-green:#008665;--wb-muted:#6b7f9f;color:#102642;font-size:13px;line-height:1.7}.wb-modal-content h3{font-size:13px;margin:20px 0 10px}.wb-modal-content .wb-label{margin:12px 0}.wb-modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}.wb-modal-actions>span{margin-right:auto}.wb-review-intro{font-size:14px;margin-top:0}.wb-review-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:#f6f9fc;border:1px solid #e4ebf3;border-radius:12px;padding:18px}.wb-review-grid span{display:block;color:#7890a3;font-size:11px}.wb-review-grid strong{font-size:12px;overflow-wrap:anywhere}.wb-review-samples{display:grid;gap:12px}.wb-review-samples article{border:1px solid #dceadd;border-radius:10px;padding:14px;background:#f8fcf9}.wb-review-samples strong{font-size:11px;color:#43866b}.wb-review-samples p{white-space:pre-wrap;font-size:12px;line-height:1.7;margin:8px 0 0}.wb-detail-heading{display:flex;align-items:center;gap:12px;margin-bottom:17px;font-size:11px;color:#6b7f9f}.wb-detail-message{white-space:pre-wrap!important;min-width:180px;max-width:400px;overflow-wrap:anywhere}.wb-modal-content .wb-table th:first-child{width:auto}
@media(min-width:1600px){.wb-workspace{grid-template-columns:minmax(0,1fr) 390px}.wb-preview-card{padding:25px}.wb-phone-chat{padding:24px 16px}}
@media(max-width:1150px){.wb-workspace{grid-template-columns:minmax(0,1fr) 305px;gap:16px}.wb-card{padding:18px}.wb-fields.three{grid-template-columns:1fr 1fr}.wb-fields.three>.wb-label:last-child{grid-column:1/-1;max-width:140px}.wb-stats{gap:10px}.wb-stat{padding:16px}.wb-hero h1{font-size:26px}.wb-history-footer{align-items:flex-start;flex-direction:column}.wb-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.wb-workspace{grid-template-columns:1fr}.wb-workspace>aside{position:static}.wb-phone-preview{max-width:410px;margin-left:auto;margin-right:auto}.wb-setup-grid{grid-template-columns:1fr}.wb-stats{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wb-hero{align-items:flex-start;gap:10px;margin-top:4px}.wb-hero h1{font-size:23px;line-height:1.3}.wb-hero p{font-size:12px;line-height:1.7}.wb-hero>.btn{font-size:10px;padding:8px;white-space:normal;min-width:70px}.wb-eyebrow{font-size:9px;letter-spacing:1px}.wb-stat strong{font-size:25px}.wb-stat{padding:14px}.wb-stat>span{font-size:10px}.wb-stat small{font-size:9px}.wb-tabs{gap:22px}.wb-tabs button{font-size:11px}.wb-card{padding:16px;border-radius:13px}.wb-card-head{gap:9px}.wb-card-head h2{font-size:15px}.wb-card-head p{font-size:11px}.wb-save-status{font-size:9px;max-width:80px}.wb-segments button{font-size:10px;gap:5px;padding:9px 4px}.wb-segments button svg{width:13px}.wb-fields.two,.wb-fields.three,.wb-variable{grid-template-columns:1fr;gap:0}.wb-fields.three>.wb-label:last-child{grid-column:auto}.wb-template-title{align-items:baseline}.wb-template-actions{gap:10px}.wb-template-actions .btn{font-size:11px}.wb-template-actions .wb-link{font-size:10px}.wb-table td{padding:10px;font-size:11px}.wb-table th{padding:10px}.wb-country-line .wb-label{width:115px}.wb-country-line p{font-size:10px}.wb-statuses label{font-size:10px}.wb-saved-grid{grid-template-columns:1fr}.wb-history-head{align-items:flex-start}.wb-history-metrics{grid-template-columns:repeat(3,1fr);gap:16px}.wb-history-metrics strong{font-size:20px}.wb-history-card{padding:17px}.wb-review-grid{grid-template-columns:1fr}.wb-modal-actions{justify-content:stretch}.wb-modal-actions>button{flex:1}.wb-modal-actions .wb-send-btn{width:100%;flex-basis:100%}.wb-section-head{align-items:flex-start}.wb-section-head>.btn{font-size:11px;max-width:150px}.wb-recipient-head small{display:block;margin-left:0}}