/* Bridge: root matchmaking extras not covered by z5-ui.css */

.toggle-switch {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 10px 12px;
    border-radius: 9px;
    border: 1px solid var(--z-border, #2a3548);
    background: var(--z-panel, #111827);
    color: var(--z-text, #eaf2ff);
    font: inherit;
    font-size: .82rem;
    cursor: pointer;
}
.toggle-switch .ts-pip {
    margin-left: auto;
    width: 34px;
    height: 18px;
    border-radius: 99px;
    background: #2a3548;
    position: relative;
}
.toggle-switch .ts-pip::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #9eb0d0;
    transition: transform .18s ease, background .18s ease;
}
.toggle-switch.is-on {
    border-color: rgba(158,240,112,.4);
}
.toggle-switch.is-on .ts-pip { background: rgba(158,240,112,.35); }
.toggle-switch.is-on .ts-pip::after {
    transform: translateX(16px);
    background: #9ef070;
}

.btn-find--stop,
.btn--launch.is-running.btn-find--stop {
    background: var(--z-danger, #f88383) !important;
}
.attempt-bar-wrap {
    height: 3px;
    background: rgba(255,255,255,.06);
    overflow: hidden;
    border-radius: 99px;
    margin: 4px 0 10px;
}
.attempt-bar-fill {
    height: 100%;
    width: 0;
    background: linear-gradient(90deg, var(--z-accent, #e09a45), var(--ts-copper-hot, #f0a45a));
    transition: width .5s ease;
}
.match-actions .field { margin-bottom: 10px; }
.match-toggles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 12px;
}
@media (max-width: 720px) {
    .match-toggles { grid-template-columns: 1fr; }
}