:root{
  --cx-r87-line:#dfe7ee;
  --cx-r87-ink:#102238;
  --cx-r87-muted:#6f8093;
}
#cx-r87-orders-slot{margin-bottom:14px}
.cx-r87-tabs{display:flex;width:max-content;max-width:100%;gap:5px;padding:5px;border:1px solid var(--cx-r87-line);border-radius:13px;background:#f4f7f9}
.cx-r87-tabs button{border:1px solid transparent;background:transparent;border-radius:9px;padding:9px 14px;min-height:38px;font-weight:750;color:#647489;cursor:pointer}
.cx-r87-tabs button.active{background:#fff;color:#183000;border-color:#dbe9c2;box-shadow:0 4px 14px #10263e14}
.r7-orders.cx-r87-codship-mode>:not(#cx-r87-orders-slot){display:none!important}
.cx-r87-pane{display:none;margin-top:14px}
.r7-orders.cx-r87-codship-mode .cx-r87-pane{display:grid;gap:14px}
.cx-r87-hero,.cx-r87-panel,.cx-r87-stat{background:#fff;border:1px solid var(--cx-r87-line);box-shadow:0 10px 30px #122a4409}
.cx-r87-hero,.cx-r87-panel{border-radius:18px}
.cx-r87-hero{padding:20px;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.cx-r87-hero h2{margin:4px 0 6px;font-size:25px;letter-spacing:-.025em;color:var(--cx-r87-ink)}
.cx-r87-hero p,.cx-r87-panel p{margin:0;color:var(--cx-r87-muted);line-height:1.55}
.cx-r87-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.cx-r87-btn{min-height:39px;padding:8px 12px;border:1px solid #d9e3eb;border-radius:10px;background:#fff;color:#24384c;font-weight:730;cursor:pointer}
.cx-r87-btn.primary{color:#142900;border-color:#8fd00f;background:linear-gradient(#aaeb2b,#91d810)}
.cx-r87-btn:disabled{opacity:.55;cursor:not-allowed}
.cx-r87-notice,.cx-r87-error{border-radius:12px;padding:12px 14px;font-size:13px}
.cx-r87-notice{color:#365718;background:#f1f9e2;border:1px solid #dcebc0}
.cx-r87-error{color:#962f2f;background:#fff3f3;border:1px solid #efcccc}
.cx-r87-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.cx-r87-stat{border-radius:15px;padding:15px}
.cx-r87-stat small{display:block;color:var(--cx-r87-muted);margin-bottom:6px}
.cx-r87-stat strong{display:block;color:var(--cx-r87-ink);font-size:18px}
.cx-r87-panel{padding:18px}
.cx-r87-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.cx-r87-panel-head h3{margin:0 0 5px;font-size:18px;color:var(--cx-r87-ink)}
.cx-r87-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.cx-r87-form label{display:grid;gap:6px;font-size:12px;color:#596a7e}
.cx-r87-form input,.cx-r87-form textarea,.cx-r87-filter input,.cx-r87-filter select,.cx-r87-bulk input,.cx-r87-bulk textarea,.cx-r87-rule input{width:100%;border:1px solid #dbe4ec;border-radius:10px;background:#fbfcfd;color:#17283c;padding:10px 11px}
.cx-r87-form textarea,.cx-r87-bulk textarea{resize:vertical;min-height:74px}
.cx-r87-wide{grid-column:1/-1}
.cx-r87-check{display:flex!important;align-items:center;gap:8px!important;padding:10px 0}
.cx-r87-check input{width:17px!important;height:17px!important;padding:0!important}
.cx-r87-filter{display:grid;grid-template-columns:minmax(220px,2fr) minmax(130px,1fr) minmax(135px,1fr) minmax(135px,1fr) minmax(150px,1fr) auto;gap:8px;align-items:end;margin-bottom:12px}
.cx-r87-bulk{display:grid;grid-template-columns:190px 1fr auto;gap:8px;align-items:end;margin-bottom:12px}
.cx-r87-order-list,.cx-r87-rules,.cx-r87-history{display:grid;gap:8px}
.cx-r87-order{display:grid;grid-template-columns:28px minmax(145px,1.1fr) minmax(145px,1fr) minmax(145px,1fr) 105px 150px;gap:10px;align-items:center;border:1px solid #e2e9ef;border-radius:13px;padding:12px}
.cx-r87-order small,.cx-r87-history-row small,.cx-r87-rule small{display:block;color:var(--cx-r87-muted);font-size:11px}
.cx-r87-order strong,.cx-r87-rule strong{display:block;margin-top:3px}
.cx-r87-pill{display:inline-flex;width:max-content;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:760;background:#f0f4f7}
.cx-r87-pill.sent{background:#eaf8d4;color:#355c0c}.cx-r87-pill.failed{background:#fff0f0;color:#992c2c}.cx-r87-pill.scheduled,.cx-r87-pill.retrying{background:#fff7d8;color:#705811}
.cx-r87-rule{display:grid;grid-template-columns:minmax(190px,1fr) 135px 135px 110px;gap:10px;align-items:center;border:1px solid #e4eaf0;border-radius:12px;padding:11px}
.cx-r87-history-row{display:grid;grid-template-columns:110px 1fr 1fr 165px 165px;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid #edf1f4}
.cx-r87-empty{padding:22px;border:1px dashed #d9e2ea;border-radius:13px;text-align:center;color:var(--cx-r87-muted)}
@media(max-width:1050px){
  .cx-r87-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cx-r87-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cx-r87-filter{grid-template-columns:1fr 1fr}
  .cx-r87-bulk{grid-template-columns:1fr}
  .cx-r87-order{grid-template-columns:28px 1fr 1fr}
  .cx-r87-rule{grid-template-columns:1fr 1fr}
  .cx-r87-history-row{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .cx-r87-hero{flex-direction:column}
  .cx-r87-stats,.cx-r87-form,.cx-r87-filter,.cx-r87-order,.cx-r87-rule,.cx-r87-history-row{grid-template-columns:1fr}
  .cx-r87-tabs{width:100%}.cx-r87-tabs button{flex:1}
  .cx-r87-actions{justify-content:flex-start}
}