#finance-sbp-routing .routing-spider-card.ready { background:#0b4b32; border:1px solid #00c77b; }
#finance-sbp-routing .routing-spider-card.not-ready { background:#401c28; border:1px solid #ef6570; }
#finance-sbp-routing .routing-operation-status { display:block; padding:6px 8px; margin-top:6px; border-radius:5px; white-space:normal; }
#finance-sbp-routing .operation-ready { color:#b5ffdb; background:#06482e; border:1px solid #00c77b; }
#finance-sbp-routing .operation-blocked { color:#ffe0e4; background:#501d2b; border:1px solid #ef6570; }
#finance-sbp-routing .sbp-routing-board { display:grid; grid-template-columns:minmax(180px,1fr) minmax(150px,.8fr) minmax(180px,1fr) minmax(210px,1.1fr); gap:12px; align-items:start; }
#finance-sbp-routing .sbp-routing-board .routing-spider-card { padding:10px; margin:8px 0; border-radius:8px; }
#finance-sbp-routing .sbp-routing-board .routing-spider-card:has(.sbp-route-remove) { position:relative; padding-right:44px; }
#finance-sbp-routing .sbp-routing-board .sbp-route-remove { position:absolute; top:6px; right:6px; display:flex; align-items:center; justify-content:center; width:28px; height:28px; min-width:28px; min-height:28px; padding:0; margin:0; font-size:22px; line-height:1; color:#ffadb5; background:#291e2b; border:1px solid #73505c; border-radius:6px; }
#finance-sbp-routing .sbp-routing-board .sbp-route-remove:hover:not(:disabled) { color:#fff; background:#6c2535; border-color:#ef6570; }
#finance-sbp-routing .sbp-routing-board .sbp-route-remove:focus-visible { outline:2px solid #ffbf55; outline-offset:2px; }
#finance-sbp-routing .sbp-routing-board .routing-slot { min-height:100px; padding:10px; margin-bottom:10px; border:1px dashed #40516c; border-radius:8px; }
#finance-sbp-routing .sbp-routing-board header { display:flex; flex-direction:column; gap:6px; margin-bottom:12px; }
@media(max-width:1100px){#finance-sbp-routing .sbp-routing-board{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){#finance-sbp-routing .sbp-routing-board{grid-template-columns:1fr;}}