.marketing-dispatch-panel{margin:28px 0;padding:26px;border:1px solid rgba(101,225,255,.22);border-radius:28px;background:radial-gradient(circle at 94% 4%,rgba(83,116,255,.18),transparent 34%),radial-gradient(circle at 5% 98%,rgba(79,244,202,.1),transparent 31%),linear-gradient(145deg,rgba(7,17,31,.99),rgba(6,13,25,.96));box-shadow:0 28px 80px rgba(0,0,0,.25)}
.dispatch-heading,.dispatch-data-head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.dispatch-heading>div{max-width:850px}.dispatch-heading span,.dispatch-setup form>div>span,.dispatch-data>div>span,.dispatch-connector-card header span,.dispatch-job-card header span{color:#70e8ff;font-size:10px;font-weight:900;letter-spacing:.17em}.dispatch-heading h2{font-size:clamp(27px,3.2vw,45px);line-height:1.03;margin:8px 0 12px}.dispatch-heading p,.dispatch-setup p{color:#9bacc0;line-height:1.55;margin:0}.dispatch-heading>b{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:10px 14px;color:#ffd88d;font-size:10px;letter-spacing:.13em;white-space:nowrap}.dispatch-heading>b[data-active=true]{color:#75f4d2;border-color:rgba(117,244,210,.3);background:rgba(117,244,210,.06)}
.dispatch-safety{margin:20px 0;padding:14px 16px;border-left:3px solid #ffd173;background:rgba(255,209,115,.07);color:#bfc9d6;line-height:1.5}.dispatch-safety strong{color:#ffe2a8}.dispatch-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.dispatch-metrics article{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.026)}.dispatch-metrics span,.dispatch-metrics small{display:block;color:#7f90a5;font-size:9px;letter-spacing:.1em}.dispatch-metrics b{display:block;margin:7px 0 3px;font-size:20px}.dispatch-global-actions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.dispatch-global-actions button,.dispatch-setup button,.dispatch-connector-actions button,.dispatch-job-actions button{border:0;border-radius:12px;background:#6df1d0;color:#062019;font-weight:900;padding:11px 14px;cursor:pointer}.dispatch-global-actions button.secondary,.dispatch-connector-actions button.secondary{background:#172538;color:#bdcad9}.dispatch-global-actions button.danger,.dispatch-connector-actions button.danger{background:#ff786f;color:#2a0807}.dispatch-global-actions button.icon{margin-left:auto;width:42px;padding:0;background:#122034;color:#d7e5f4}
.dispatch-layout{display:grid;grid-template-columns:minmax(290px,.72fr) minmax(0,1.45fr);gap:16px}.dispatch-setup,.dispatch-data{display:grid;gap:14px;align-self:start}.dispatch-setup form,.dispatch-data{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(2,8,17,.52)}.dispatch-setup form{display:grid;gap:12px}.dispatch-setup h3,.dispatch-data h3{margin:5px 0 8px}.dispatch-setup label{display:grid;gap:6px;color:#8fa1b5;font-size:11px}.dispatch-setup input,.dispatch-setup select{width:100%;min-height:43px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#091421;color:#eef6ff;padding:0 11px}.dispatch-setup small{color:#74869b;line-height:1.45}.dispatch-connectors,.dispatch-jobs{display:grid;gap:10px;margin:10px 0 18px}.dispatch-connector-card,.dispatch-job-card{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025)}.dispatch-connector-card header,.dispatch-job-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.dispatch-connector-card h4,.dispatch-job-card h4{margin:5px 0}.dispatch-connector-card header b,.dispatch-job-card header b{font-size:9px;letter-spacing:.12em;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#ffd38a}.dispatch-connector-card[data-status=active] header b,.dispatch-job-card[data-status=succeeded] header b{color:#70efcf;border-color:rgba(112,239,207,.3)}.dispatch-connector-card small,.dispatch-job-card small{display:block;color:#7f90a4;overflow-wrap:anywhere}.dispatch-connector-actions,.dispatch-job-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.dispatch-connector-actions button,.dispatch-job-actions button{font-size:10px;padding:7px 10px}.dispatch-job-actions button{background:#17263a;color:#dce9f8}.dispatch-job-card[data-status=quarantined]{border-color:rgba(255,120,111,.35)}.dispatch-job-card[data-status=queued],.dispatch-job-card[data-status=retry]{border-color:rgba(255,209,115,.22)}
@media(max-width:1050px){.dispatch-metrics{grid-template-columns:repeat(3,1fr)}.dispatch-layout{grid-template-columns:1fr}}
@media(max-width:680px){.marketing-dispatch-panel{padding:17px;border-radius:20px}.dispatch-heading{display:grid}.dispatch-heading>b{white-space:normal}.dispatch-metrics{grid-template-columns:1fr 1fr}.dispatch-global-actions button{flex:1}.dispatch-global-actions button.icon{margin-left:0;flex:0 0 42px}.dispatch-connector-card header,.dispatch-job-card header{display:grid}}