/* Taxi Online 1.24.1 – compact driver payment status banner */
.to-economy-nav-badge{background:#ffd000!important;color:#111!important;border-radius:999px;padding:2px 6px;font-size:9px!important;line-height:1.2!important}
.to-driver-economy-card{margin:0;padding:14px 18px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#fff}
.to-driver-economy-card.is-ok{border-color:#b9dec7}
.to-driver-economy-card.is-warning{border-color:#e4c96b;background:#fffdf5}
.to-driver-economy-card.is-locked{border-color:#d8a4a4;background:#fffafa}
.to-economy-status-head{display:flex;justify-content:space-between;align-items:center;gap:18px}
.to-economy-status-copy{min-width:0}
.to-driver-economy-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:.12em;color:#7f8588;margin-bottom:2px}
.to-driver-economy-card h2{margin:0;font-size:15px;line-height:1.2;color:#17191b}
.to-economy-status-text{margin:4px 0 0;font-size:10px;line-height:1.45;color:#747a7d}
.to-economy-status-text strong{color:#202224}
.to-economy-badge{display:inline-flex;flex:0 0 auto;align-items:center;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:800;letter-spacing:.08em;background:#17191b;color:#ffd200}
.to-economy-status-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.07)}
.to-economy-outstanding{font-size:10px;color:#777}
.to-economy-outstanding strong{color:#222}
.to-driver-payment-btn{border:0;border-radius:8px;padding:8px 12px;background:#ffd000;color:#111;font-size:10px;font-weight:800;cursor:pointer}
.to-driver-payment-btn:disabled{opacity:.6;cursor:wait}
.to-driver-payment-result{margin-top:8px}
.to-payment-ref-box{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 11px;border-radius:9px;background:#17191b;color:#fff}
.to-payment-ref-box small,.to-payment-ref-box span,.to-payment-ref-box em{display:block}
.to-payment-ref-box small{font-size:8px;opacity:.65}
.to-payment-ref-box strong{display:block;font-size:16px;letter-spacing:.08em;color:#ffd000;margin-top:2px}
.to-payment-ref-box span{font-size:10px}
.to-payment-ref-box em{font-style:normal;font-size:9px;opacity:.75;text-align:right}
@media(max-width:760px){
 .to-driver-economy-card{margin:0 14px;padding:13px 14px}
 .to-economy-status-head{align-items:flex-start}
 .to-economy-status-actions{justify-content:space-between}
 .to-payment-ref-box{display:block}
 .to-payment-ref-box span,.to-payment-ref-box em{margin-top:4px;text-align:left}
}