.cost-bridge-button{border-color:#b9caff;color:#254dbe;background:#f2f6ff}.cost-bridge-button:hover{border-color:#799df2;background:#e9f0ff}
.cost-bridge-workspace,.cost-bridge-warning{grid-column:1/-1;min-width:0}
.cost-bridge-workspace:empty{display:none}.cost-bridge-current{display:block;margin:6px 0;color:#244caa;font-size:20px}.cost-bridge-button:focus-visible,.cost-bridge-suggestion button:focus-visible{outline:3px solid #a9c7fc;outline-offset:3px}
.shipment-cost-preview{border:1px solid #dce6f6;border-radius:14px;overflow:hidden;background:#fff}.shipment-cost-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#f2f6ff;color:#244caa}.shipment-cost-heading>span{font-size:12px;font-weight:700}.shipment-cost-heading>strong{font-size:14px}.shipment-cost-orders{max-height:220px;overflow:auto;padding:0 18px}.shipment-cost-orders>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;font-size:12px;color:#294567}.shipment-cost-orders>div+div{border-top:1px solid #e9eef7}.shipment-cost-orders strong{overflow-wrap:anywhere}.shipment-cost-orders span{flex-shrink:0;color:#617a9b}.shipment-cost-preview .cost-bridge-safety{border:0;border-top:1px solid #e1e8f3;border-radius:0;margin:0}.shipment-cost-total input{font-size:23px;font-weight:700;min-height:58px}.shipment-cost-total input:disabled{background:#f2f5fa}.shipment-cost-confirm{padding:14px;border:1px solid #dce6f6;border-radius:11px;background:#f8faff;line-height:1.6}.shipment-cost-blocked{display:block;max-width:210px;color:#956421;font-size:11px;line-height:1.5}.shipment-cost-retry{margin-top:12px}.row-button.is-cost:disabled{opacity:.55;cursor:not-allowed}
.cost-bridge-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.cost-bridge-summary>div{display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid #dce6f6;border-radius:12px;background:#f7faff}.cost-bridge-summary strong{color:#244caa;font-size:25px}.cost-bridge-summary span{color:#5e718e;font-size:12px;font-weight:600}
.cost-bridge-safety,.cost-bridge-note,.cost-bridge-loading,.cost-bridge-warning{margin:0;padding:12px 14px;border:1px solid #e1e8f3;border-radius:10px;color:#64758f;background:#f8faff;font-size:12px;line-height:1.65}.cost-bridge-safety{margin-bottom:14px}.cost-bridge-warning{border-color:#efcd8e;color:#865d1a;background:#fff9ee}.cost-bridge-loading{display:flex;align-items:center;justify-content:center;min-height:80px}
.cost-bridge-list{max-height:min(48vh,450px);overflow:auto;border:1px solid #e0e8f4;border-radius:12px;background:#fff}.cost-bridge-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.8fr);gap:18px;align-items:center;padding:14px 16px}.cost-bridge-row+.cost-bridge-row{border-top:1px solid #e9eef7}.cost-bridge-order,.cost-bridge-result{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px}.cost-bridge-order strong{color:#233d61}.cost-bridge-order span{color:#63738a;overflow-wrap:anywhere;line-height:1.5}.cost-bridge-order small,.cost-bridge-result small{color:#7d8fa8;font-size:11px}.cost-bridge-result{align-items:flex-end;text-align:right}.cost-bridge-result strong{font-size:16px;color:#08775c}.cost-bridge-result span{color:#9b7029;font-size:11px;line-height:1.5}.cost-bridge-row.is-automatic .cost-bridge-result span{color:#08775c}
.cost-bridge-suggestion{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid #bfdbc9;border-radius:12px;background:#f3fbf6}.cost-bridge-suggestion>div{min-width:0}.cost-bridge-eyebrow{display:block;margin-bottom:7px;color:#517561;font-size:11px;font-weight:750}.cost-bridge-suggestion strong{color:#08755a;font-size:23px}.cost-bridge-suggestion p{margin:8px 0 5px;color:#466553;overflow-wrap:anywhere;font-size:12px}.cost-bridge-suggestion small{color:#6d8577;font-size:11px}.cost-bridge-suggestion button{flex-shrink:0;min-height:40px;border-color:#b5d4c2;color:#08755a;background:#fff}
@media(max-width:640px){.cost-bridge-summary{grid-template-columns:1fr}.cost-bridge-row{grid-template-columns:1fr;gap:10px}.cost-bridge-result{align-items:flex-start;text-align:left}.cost-bridge-suggestion{align-items:flex-start;flex-direction:column}.cost-bridge-suggestion button{width:100%}}