/* Lix Slip — bet collection panel (2026-09-13). Dark theme, WCAG AAA pairs on #1a1d2e */
.lixslip { position: fixed; right: 16px; bottom: 0; z-index: 9998; width: 340px; max-width: calc(100vw - 16px); }
.lixslip__tab { width: 100%; background: #1a1d2e; color: #ffffff; border: none; border-radius: 10px 10px 0 0; padding: 0.7rem 1rem; font-size: 0.95rem; font-weight: 700; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
.lixslip__tab:hover { background: #23273a; }
.lixslip__count { background: #2144e1; color: #ffffff; border-radius: 10px; padding: 1px 8px; font-size: 0.8rem; }
.lixslip__panel { background: #1a1d2e; color: #ffffff; border-top: 1px solid #343a52; max-height: 70vh; overflow-y: auto; }
.lixslip__head { display: flex; align-items: center; gap: 0.5rem; padding: 0.6rem 0.75rem; border-bottom: 1px solid #343a52; }
.lixslip__logo { display: block; max-height: 28px; width: auto; }
.lixslip__brand { font-weight: 800; font-size: 1.1rem; }
.lixslip__register { margin-left: auto; background: #ffffff; color: #1a1d2e; font-weight: 700; font-size: 0.8rem; padding: 0.3rem 0.8rem; border-radius: 6px; text-decoration: none; }
.lixslip__register:hover { background: #e5e7eb; }
.lixslip__hide { background: none; border: none; color: #a9b5c6; font-size: 1.3rem; cursor: pointer; padding: 0 0.25rem; }
.lixslip__hide:hover { color: #ffffff; }
.lixslip__bonus { background: #23273a; margin: 0.6rem 0.75rem; border-radius: 8px; padding: 0.55rem 0.7rem; font-size: 0.78rem; }
.lixslip__bonus strong { color: #ffd166; }
.lixslip__bonus p { margin: 0.25rem 0 0; color: #d7dce6; line-height: 1.35; }
.lixslip__items { padding: 0 0.5rem; }
.lixslip__empty { color: #a9b5c6; font-size: 0.82rem; text-align: center; padding: 1rem 0.5rem; }
.lixslip__item { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.25rem; border-bottom: 1px solid #2a2f45; }
.lixslip__remove { background: none; border: 1px solid #7a84ad; color: #a9b5c6; border-radius: 4px; width: 22px; height: 22px; cursor: pointer; flex: 0 0 auto; }
.lixslip__remove:hover { color: #ffffff; border-color: #ffffff; }
.lixslip__item-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.lixslip__item-pick { font-weight: 700; font-size: 0.88rem; }
.lixslip__item-meta { color: #a9b5c6; font-size: 0.75rem; }
.lixslip__item-odd { color: #c7b8ff; font-weight: 700; font-size: 0.95rem; }
.lixslip__actions { text-align: right; padding: 0.4rem 0.75rem 0; }
.lixslip__clear { background: none; border: none; color: #a9b5c6; font-size: 0.78rem; cursor: pointer; text-decoration: underline; }
.lixslip__clear:hover { color: #ffffff; }
.lixslip__accu { text-align: center; color: #ffd166; font-weight: 800; padding: 0.4rem 0 0; font-size: 0.95rem; }
.lixslip__stake-row { display: flex; align-items: center; gap: 0.6rem; padding: 0.6rem 0.75rem; }
.lixslip__stake-label { color: #a9b5c6; font-size: 0.78rem; text-transform: uppercase; }
.lixslip__stake { background: #23273a; color: #ffffff; border: 1px solid #4a5170; border-radius: 6px; padding: 0.35rem 0.5rem; font-size: 0.9rem; }
.lixslip__returns { margin-left: auto; font-size: 0.82rem; color: #a9b5c6; }
.lixslip__returns-val { display: block; color: #ffffff; font-size: 1.05rem; }
.lixslip__cta { display: block; margin: 0 0.75rem 0.6rem; background: linear-gradient(135deg, #2144e1 0%, #6e4698 100%); color: #ffffff; text-align: center; font-weight: 800; padding: 0.75rem; border-radius: 8px; text-decoration: none; letter-spacing: 0.02em; }
.lixslip__cta:hover { background: #0d3aa3; color: #cedcff; }
.lixslip__disclaimer { color: #a9b5c6; font-size: 0.7rem; line-height: 1.4; padding: 0 0.75rem 0.7rem; margin: 0; }
.odd-pick { cursor: pointer; }
/* Selected: solid dark green + white text = 8.25:1 (AAA) — clearly visible state */
.odd-pick--selected { background: #0a5a3e; color: #ffffff; outline: 2px solid #063d27; outline-offset: 1px; }
@media (max-width: 768px) { .lixslip { right: 0; left: 0; width: 100%; max-width: 100%; } }