/* Måltipset efteranalys — builds on maltipset.css (colours, cards, chips, seg, fields). */
.picker { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.picker label { color: var(--mute); font-size: 13px; }
.picker select { max-width: 100%; border: 1px solid var(--line); background: var(--card); border-radius: 10px; padding: 6px 10px; font-size: 14px; }
.notice { margin-top: 14px; padding: 9px 14px; border-radius: 12px; background: var(--sand-bg); color: #7a5a24; font-weight: 600; font-size: 14px; }

/* Match list: rank, name, saved chance, final score, in winning row, group selector */
.rlist { margin-top: 4px; }
.rrow { display: grid; grid-template-columns: 28px minmax(0, 1fr) 64px 78px 20px 250px; gap: 10px; align-items: center; padding: 7px 2px; border-top: 1px solid var(--line); }
.rrow:first-child { border-top: 0; }
.rrow.win { background: var(--sage-bg); border-radius: 10px; }
.rrow .r { color: var(--mute); font-size: 13px; text-align: right; font-variant-numeric: tabular-nums; }
.rrow .p { text-align: right; font-size: 13px; color: var(--mute); font-variant-numeric: tabular-nums; }
.rrow .sc { text-align: center; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.rrow .sc small { display: block; font-weight: 400; font-size: 11px; color: var(--mute); }
.rrow .ok { color: var(--sage); font-weight: 700; text-align: center; }

.side .chips { margin-left: 0; }
.chip b { margin-left: 3px; }
.limits { display: grid; gap: 4px; margin: 4px 0 10px; }
.hits .line:first-child { border-top: 0; }

.verdict { margin-top: 12px; }
.verdict.busy { opacity: .5; transition: opacity .15s; }
.verdict .big { font-size: 18px; font-weight: 700; padding: 10px 12px; border-radius: 12px; margin-bottom: 6px; }
.verdict .big.yes { background: var(--sage-bg); color: #2c5038; }
.verdict .big.no { background: var(--clay-bg); color: var(--clay); }
.verdict .why { font-size: 13px; color: var(--clay); margin: 4px 0; }
.verdict .line b { text-align: right; font-variant-numeric: tabular-nums; }
.verdict .line small { font-weight: 400; color: var(--mute); }

@media (max-width: 760px) {
    .rrow { grid-template-columns: 24px minmax(0, 1fr) 64px 20px; }
    .rrow .p { display: none; }
    .rrow .seg { grid-column: 2 / -1; }
}