/* Card order controls inherit the approved catalogue typography and white canvas. */
.io-mode{display:inline-flex;gap:2px;align-items:center;margin:2px 4px}
.io-mode button,.io-collapse{border:1px solid #cddded;border-radius:5px;background:#fff;color:#2563a6;padding:5px 7px;font-size:12px}
.io-mode button[aria-pressed=true]{background:#e4f2ff;border-color:#448de6;color:#1556ad;font-weight:700}
.quote-market-content .quote-coin-card.io-card-active{border-color:#3187e7!important;box-shadow:0 0 0 1px #3187e7!important}
.io-form{width:100%;padding-top:3px;font-size:12px;text-align:left}
.io-field{display:flex;align-items:center;gap:3px;margin:0;border-bottom:1px solid #e7edf4;min-width:0;min-height:29px}
.io-field>span{flex:0 0 36px;font-size:11px;color:#64748b;line-height:14px}
.io-field input{box-sizing:border-box;min-width:0;width:100%;height:28px;border:0;background:#fff;padding:3px 1px;color:#30343b;font-size:12px;outline:none;border-radius:0}
.io-field:focus-within{border-bottom-color:#3187e7}
.io-field input:disabled{background:#f5f7fa;color:#64748b}
.io-form button,.io-quotes button{font-size:12px;line-height:17px}
.io-submit{width:100%;margin:3px 0 0;border:0;border-radius:5px;background:#1687db;color:white;min-height:29px;font-weight:700}
.io-submit:disabled{opacity:.5;cursor:default}
.io-total{font-size:11px;line-height:15px;padding:4px 0;color:#48576b;overflow-wrap:anywhere;min-height:23px}
.io-error,.io-success{font-size:11px;line-height:16px;overflow-wrap:anywhere;margin:3px 0}
.io-error{color:#c22c36}.io-success{color:#16714b}
.io-quotes,.io-customer{position:relative;min-width:0}
.io-quote-current{width:100%;border:1px solid #d5dfeb;border-radius:4px;padding:4px;color:#475569;background:#f5f8fc;text-align:center;white-space:normal;overflow-wrap:anywhere}
.io-quote-selected{border-color:#8dc6f2;background:#e6f5ff;color:#155e9d}
.io-quote-options,.io-customers{position:absolute;left:0;top:100%;width:100%;max-height:230px;overflow:auto;z-index:45;background:white;border:1px solid #b8cce3;box-shadow:0 4px 12px #243a5526;border-radius:4px;text-align:left}
.io-quote-options button,.io-customers button{display:block;width:100%;border:0;border-bottom:1px solid #edf1f5;text-align:left;background:#fff;color:#334155;padding:6px;overflow-wrap:anywhere;white-space:normal}
.io-quote-options button:hover,.io-customers button:hover,.io-customers .io-option-active{background:#e4f2ff}
.io-customers>span{display:block;padding:6px;font-size:12px}
.quote-market-content article.quote-coin-card:has(.io-form),.quote-market-content article.quote-coin-card:has(.io-quotes){overflow:visible!important}
.io-draft-mark{display:block;color:#a76a00;font-size:11px}.io-collapse{padding:2px 4px;margin:2px 0}
.io-form input:focus-visible,.io-form button:focus-visible,.io-quotes button:focus-visible{outline:2px solid #3187e7;outline-offset:1px}
.quote-market-content .quote-coin-card .quote-coin-offer.io-offer-selected{background:#e6f5ff!important;box-shadow:inset 3px 0 #1687db}