.cx17{--cx-border:var(--border,#e4e8ee);--cx-card:var(--surface,#fff);--cx-muted:var(--text-muted,#657185);--cx-text:var(--text,#192637);color:var(--cx-text);display:grid;gap:20px;min-width:0;padding:6px 0 28px}.cx17 *{box-sizing:border-box}.cx17-header,.cx17-header-actions,.cx17-panel-heading,.cx17-status-card,.cx17-send-footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.cx17-header h1{font-size:29px;letter-spacing:-.8px;margin:7px 0}.cx17 p{color:var(--cx-muted);line-height:1.6;margin:7px 0}.cx17-eyebrow{color:var(--cx-muted);font-size:11px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700}.cx17-unit{font-size:12px;color:var(--cx-muted);white-space:nowrap}.cx17-button{padding:10px 15px;border:1px solid var(--cx-border);border-radius:11px;background:var(--cx-card);color:var(--cx-text);font:inherit;font-size:12px;font-weight:650;cursor:pointer;white-space:nowrap;transition:background .16s,border-color .16s,transform .16s}.cx17-button:hover:not(:disabled){border-color:#70839e;background:color-mix(in srgb,var(--cx-card) 92%,#769dd9);transform:translateY(-1px)}.cx17-button.primary{background:#275a91;color:#fff;border-color:#275a91}.cx17-button.primary:hover:not(:disabled){background:#1c497b}.cx17-button:disabled{opacity:.48;cursor:not-allowed}.cx17 :is(button,input,select,textarea):focus-visible{outline:3px solid #699fe5;outline-offset:3px}.cx17-status-card{padding:22px 25px;border:1px solid var(--cx-border);background:var(--cx-card);border-radius:18px}.cx17 h2{font-size:17px;letter-spacing:-.3px;margin:8px 0}.cx17 h3{font-size:14px;margin:20px 0 10px}.cx17-status{border:1px solid #dfba70;background:#fff5df;color:#795418;border-radius:30px;padding:8px 12px;white-space:nowrap;font-size:11px;font-weight:700}.cx17-status.ready{border-color:#a8c3bb;background:#edf7f2;color:#316b58}.cx17-config,.cx17-note,.cx17-alert{border:1px solid var(--cx-border);background:var(--cx-card);padding:15px 20px;border-radius:13px;font-size:12px;line-height:1.6}.cx17-config summary{cursor:pointer;font-weight:650}.cx17-config ul{margin:10px 0;padding-left:20px;overflow-wrap:anywhere}.cx17-alert.cx17-error{border-color:#dcaba8;background:#fff1f0;color:#8e332f}.cx17-alert.cx17-success{border-color:#a5c5b6;background:#eef9f3;color:#245c43}.cx17-note{border-left:3px solid #7d9bc0;color:var(--cx-muted)}.cx17-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cx17-metrics article{padding:21px;border:1px solid var(--cx-border);border-radius:16px;background:var(--cx-card);display:grid;gap:10px}.cx17-metrics article>span{font-size:11px;color:var(--cx-muted)}.cx17-metrics strong{font-size:24px;letter-spacing:-.7px}.cx17-metrics small{font-size:10px;color:var(--cx-muted);font-weight:400}.cx17-sync{display:flex;align-items:end;gap:13px;flex-wrap:wrap;padding:22px;border:1px solid var(--cx-border);border-radius:16px;background:var(--cx-card)}.cx17-sync>div{flex:1 1 240px}.cx17-sync>div p{max-width:440px;font-size:12px}.cx17 label{display:grid;gap:7px;font-size:11px;font-weight:600;color:var(--cx-muted)}.cx17 :is(input,select,textarea){font:inherit;font-size:13px;color:var(--cx-text);border:1px solid var(--cx-border);background:var(--cx-card);border-radius:10px;padding:11px 12px;min-width:0;max-width:100%}.cx17 textarea{resize:vertical;min-height:125px;line-height:1.6}.cx17-permission{flex-basis:100%;font-size:11px}.cx17-panel{background:var(--cx-card);border:1px solid var(--cx-border);border-radius:17px;padding:22px;min-width:0}.cx17-panel-heading{margin-bottom:18px}.cx17-panel-heading p{font-size:12px}.cx17-search{min-width:190px}.cx17-table-wrap{overflow:auto;max-width:100%;border:1px solid var(--cx-border);border-radius:11px}.cx17 table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.cx17 th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--cx-muted);padding:13px 14px;background:color-mix(in srgb,var(--cx-card) 94%,#7190b6)}.cx17 td{padding:15px 14px;border-top:1px solid var(--cx-border);vertical-align:top}.cx17 td small{display:block;color:var(--cx-muted);font-size:10px;margin-top:7px}.cx17 td .cx17-negative{color:#a4524b}.cx17-pill{display:inline-flex;border-radius:7px;padding:5px 8px;background:color-mix(in srgb,var(--cx-card) 83%,#8598b1);color:var(--cx-muted);font-size:10px;font-weight:650;white-space:nowrap}.cx17-pill:is([data-state=matched],[data-state=read],[data-state=delivered],[data-state=approved],[data-state=released_in_provider],[data-state=success]){background:#e9f4ed;color:#38664e}.cx17-pill:is([data-state=review],[data-state=scheduled],[data-state=unknown],[data-state=queued],[data-state=running]){background:#fcf2dc;color:#86612b}.cx17-pill:is([data-state=blocked],[data-state=failed],[data-state=refunded],[data-state=charged_back],[data-state=reversed_or_disputed]){background:#faeae9;color:#8d4642}.cx17-footnote{font-size:10px!important;margin-top:14px!important}.cx17-runs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.cx17-runs article{padding:15px;border:1px solid var(--cx-border);border-radius:10px}.cx17-runs article>div{display:flex;align-items:center;gap:10px}.cx17-runs strong{font-size:11px}.cx17-runs p,.cx17-runs small{font-size:10px}.cx17-empty,.cx17-loading{text-align:center;color:var(--cx-muted);padding:40px 24px;line-height:1.6}.cx17-empty h3{margin:0 0 8px}.cx17-empty p{font-size:12px}.cx17-empty-inline{padding:20px 0;font-size:12px;color:var(--cx-muted)}.cx17-channel-layout{display:grid;grid-template-columns:minmax(245px,320px) minmax(0,1fr);gap:20px;align-items:start}.cx17-conversations{position:sticky;top:18px}.cx17-conversations>.cx17-button{margin-top:15px;width:100%}.cx17-conversations h2 span{font-size:11px;color:var(--cx-muted);margin-left:8px}.cx17-conversation-list{display:grid;gap:8px;margin-top:16px;max-height:590px;overflow:auto;padding:2px}.cx17-conversation{display:grid;text-align:left;gap:7px;border:1px solid var(--cx-border);border-radius:12px;background:var(--cx-card);padding:15px;color:var(--cx-text);cursor:pointer}.cx17-conversation strong{font-size:12px}.cx17-conversation span{font-size:11px;color:var(--cx-muted)}.cx17-conversation small{font-size:10px;color:var(--cx-muted)}.cx17-conversation.selected{border-color:#517aaf;background:color-mix(in srgb,var(--cx-card) 91%,#5791d0);box-shadow:inset 3px 0 0 #3d71a9}.cx17-message-history{display:flex;flex-direction:column;gap:12px;max-height:340px;overflow:auto;padding:16px 0}.cx17-message-history article{max-width:85%;padding:12px 16px;border-radius:12px;background:color-mix(in srgb,var(--cx-card) 89%,#7d96b7);align-self:flex-end;overflow-wrap:anywhere}.cx17-message-history article.inbound{align-self:flex-start;background:color-mix(in srgb,var(--cx-card) 92%,#88a38c)}.cx17-message-history small{font-size:9px;color:var(--cx-muted)}.cx17-message-history p{font-size:12px;white-space:pre-wrap;color:var(--cx-text)}.cx17-send{display:grid;gap:14px;margin:22px 0}.cx17-send>label:first-child{max-width:250px}.cx17-template-fields{display:grid;grid-template-columns:1fr 120px;gap:15px}.cx17-send-footer{font-size:10px;color:var(--cx-muted)}.cx17-receipts{display:grid;gap:10px}.cx17-receipts article{border:1px solid var(--cx-border);padding:13px 15px;border-radius:11px}.cx17-receipts article>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.cx17-receipts strong{font-size:11px}.cx17-receipts small,.cx17-receipts p{font-size:10px;color:var(--cx-muted)}
@media(max-width:1100px){.cx17-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cx17-header{align-items:flex-start}.cx17-header-actions{flex-direction:column;align-items:flex-end}.cx17-channel-layout{grid-template-columns:260px minmax(0,1fr)}}
@media(max-width:760px){.cx17{gap:15px}.cx17-header h1{font-size:24px}.cx17-header,.cx17-status-card,.cx17-panel-heading{align-items:flex-start;flex-direction:column;gap:12px}.cx17-header-actions{width:100%;flex-direction:row;align-items:center}.cx17-metrics{gap:10px}.cx17-metrics article{padding:15px}.cx17-metrics strong{font-size:19px}.cx17-metrics article>span{line-height:1.5}.cx17-sync,.cx17-panel{padding:17px}.cx17-sync label{flex:1 1 120px}.cx17-sync .cx17-button{flex:1 1 160px}.cx17-search{width:100%}.cx17-channel-layout{grid-template-columns:1fr}.cx17-conversations{position:static}.cx17-conversation-list{max-height:230px}.cx17-template-fields{grid-template-columns:1fr}.cx17-send-footer{align-items:stretch;flex-direction:column}.cx17-message-history article{max-width:95%}.cx17-status-card{padding:20px}.cx17 td,.cx17 th{padding:12px}.cx17-status{white-space:normal}.cx17-button{white-space:normal}.cx17-empty{padding:30px 15px}}
@media(prefers-reduced-motion:reduce){.cx17-button{transition:none}.cx17-button:hover:not(:disabled){transform:none}}