/* PAIRED — real swap panel. Loaded after pairs.css. v0.1.0 */
.sw-live{padding:5px 11px;border-radius:999px;background:rgba(0,200,5,.16);color:#5ee46b;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.sw-warn{margin-top:14px;padding:11px 13px;border:1px solid rgba(255,200,87,.28);border-radius:12px;background:rgba(255,176,0,.08);color:rgba(255,255,255,.72);font-size:11px;line-height:1.55}

.sw-field{display:block;margin-top:14px}
.sw-field>span{display:block;margin-bottom:7px;color:rgba(255,255,255,.45);font-size:11px}
.sw-field>small{display:block;margin-top:6px;color:rgba(255,255,255,.35);font-size:11px;font-variant-numeric:tabular-nums}
.sw-input{display:flex;align-items:center;gap:8px;min-height:54px;padding:0 14px;border:1px solid transparent;border-radius:14px;background:#171a17;transition:border-color .16s ease}
.sw-input:focus-within{border-color:rgba(0,200,5,.45)}
.sw-input.has-error{border-color:rgba(255,92,108,.55)}
.sw-input input{flex:1 1;width:0;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-family:inherit;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}
.sw-input input::placeholder{color:rgba(255,255,255,.28)}
.sw-input i{flex:0 0 auto;color:rgba(255,255,255,.55);font-style:normal;font-size:12px;font-weight:600}
.sw-input b{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}
.sw-input--out{background:#12150f;border:1px solid rgba(0,200,5,.16)}
.sw-input--out b{color:#00C805}
.sw-input button{flex:0 0 auto;padding:5px 10px;border:0;border-radius:8px;background:rgba(0,200,5,.16);color:#5ee46b;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background-color .16s ease}
.sw-input button:hover{background:rgba(0,200,5,.28)}
.sw-arrow{margin:9px 0 -4px;color:rgba(255,255,255,.3);font-size:15px;text-align:center}

.sw-slip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}
.sw-slip>span{color:rgba(255,255,255,.45);font-size:11px}
.sw-slip>div{display:inline-flex;gap:3px;padding:3px;border-radius:999px;background:#171a17}
.sw-slip button{min-height:28px;padding:5px 11px;border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.5);font-family:inherit;font-size:11px;font-weight:500;cursor:pointer;transition:background-color .16s ease,color .16s ease}
.sw-slip button:hover{color:#fff}
.sw-slip button.is-active{background:#00C805;color:#000;font-weight:600}

.sw-facts{margin-top:16px;padding:13px 14px;border-radius:14px;background:#171a17}
.sw-facts div{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.sw-facts div+div{margin-top:9px}
.sw-facts dt{color:rgba(255,255,255,.45);font-size:11px}
.sw-facts dd{margin:0;color:#fff;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;text-align:right}
.sw-facts a{color:#5ee46b;text-decoration:none;border-bottom:1px solid rgba(94,228,107,.3)}
.sw-facts a:hover{color:#00C805}

.sw-note{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#171a17;color:rgba(255,255,255,.66);font-size:11px;line-height:1.55}
.sw-note.is-warn{background:rgba(255,92,108,.1);color:#ff8a94}
.sw-note.is-ok{background:rgba(0,200,5,.1);color:#5ee46b}
.sw-note a{color:inherit;text-decoration:underline}
.oa-ticket .sw-go{width:100%;margin-top:14px;min-height:46px;border-radius:12px;font-size:13px;font-weight:600}
.sw-fine{margin:10px 0 0;color:rgba(255,255,255,.3);font-size:10px;line-height:1.5;text-align:center}

@media (max-width:900px){.sw-input input,.sw-input b{font-size:18px}}
