/* Matchkoll */
.mk { color: #fff; }
.mk .mk-tabs .nav-link { color: #bbb; padding: .25rem .75rem; }
.mk .mk-tabs .nav-link.active { background: #90b9d9; color: #1e1e1e; font-weight: 600; }
.mk .mk-filters { background: #141414; border-radius: .5rem; padding: .5rem; }
.mk .mk-filters .form-select, .mk .mk-filters .form-control { background: #262626; color: #fff; border-color: #444; }
.mk .mk-filters .form-select option { color: #000; }
.mk .mk-filters .form-control::placeholder { color: #888; }
.mk .mk-chip { border: 1px solid #555; border-radius: 999px; padding: .1rem .7rem; font-size: .85em; color: #ddd; background: transparent; }
.mk .mk-chip.active { background: #90b9d9; color: #1e1e1e; border-color: #90b9d9; font-weight: 600; }
.mk .btn-outline-light.active { background: #90b9d9; border-color: #90b9d9; color: #1e1e1e; }

/* Matchkort */
.mk-match { display: grid; grid-template-columns: 54px 1fr 64px; gap: 0 .5rem; align-items: center;
    border-bottom: 1px solid #333; padding: .45rem 0; }
.mk-match .mk-meta { text-align: center; line-height: 1.05; }
.mk-match .mk-nr { font-size: 1.35rem; font-weight: 700; color: #90b9d9; }
.mk-match .mk-hall { font-size: .65rem; color: #999; text-transform: uppercase; letter-spacing: .03em; }
.mk-match .mk-side { display: grid; grid-template-columns: 12px 1fr auto; gap: 0 .4rem; align-items: center; padding: .15rem .35rem; border-radius: 5px; }
.mk-match .mk-side.winner { background: rgba(81, 155, 81, 0.35); }
.mk-match .mk-side .dot { width: 10px; height: 10px; border-radius: 50%; }
.mk-match .mk-side.red .dot { background: #ef9494; }
.mk-match .mk-side.blue .dot { background: #3dbff3; }
.mk-match .mk-side .who { min-width: 0; line-height: 1.1; }
.mk-match .mk-side .name { color: #fff; text-decoration: none; font-weight: 600; font-size: .95rem; }
.mk-match .mk-side .name:hover { text-decoration: underline; }
.mk-match .mk-side .club { display: block; font-size: .7rem; color: #aaa; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-match .mk-side .club a { color: #aaa; text-decoration: none; }
.mk-match .mk-side .score { font-size: 1.1rem; font-weight: 700; min-width: 1.6rem; text-align: right; color: #ddd; }
.mk-match .mk-side.winner .score { color: #fff; }
.mk-match .mk-res { text-align: center; line-height: 1.1; }
.mk-match .mk-res .wt { display: inline-block; font-weight: 700; font-size: .9rem; padding: .05rem .4rem; border-radius: 4px; background: #333; }
.mk-match .mk-res .wt.fall { background: #59b71a; color: #111; }
.mk-match .mk-res .wt.tech { background: #d8ff00; color: #111; }
.mk-match .mk-res .wt.points { background: #90b9d9; color: #111; }
.mk-match .mk-res .time { display: block; font-size: .65rem; color: #999; margin-top: .15rem; }
.mk-match .mk-foot { grid-column: 1 / -1; font-size: .72rem; color: #999; padding: .1rem 0 0 54px; display: flex; justify-content: space-between; gap: .5rem; }
.mk-match .mk-group-link { color: #90b9d9; text-decoration: none; white-space: nowrap; }
.mk-match .mk-group-link span { color: #777; }
.mk-match .mk-group { grid-column: 1 / -1; background: #141414; border-radius: .5rem; padding: .4rem .6rem .6rem; margin-top: .4rem; }
.mk-match .mk-group .mk-group-head { font-size: .8rem; color: #bbb; font-weight: 600; }
.mk-group .mk-match { border-bottom: 1px solid #262626; }
.mk-group .mk-match .mk-foot { padding-left: 44px; }
.mk-h { color: #90b9d9; border-bottom: 1px solid #333; padding-bottom: .2rem; margin-bottom: .4rem; }
.mk-match .mk-foot .sep { margin: 0 .3rem; color: #555; }
.mk-match.status-live { background: rgba(220, 53, 69, 0.12); border-left: 3px solid #dc3545; }
.mk-match.status-open .mk-nr { color: #777; }
.mk-match .badge-live { background: #dc3545; font-size: .6rem; vertical-align: middle; }
.mk-match .badge-next { background: #555; font-size: .6rem; vertical-align: middle; }
.mk-empty { color: #999; padding: 2rem 0; text-align: center; }

/* Klasser */
.mk-class-group { margin-bottom: 1rem; }
.mk-class-group h5 { color: #90b9d9; border-bottom: 1px solid #333; padding-bottom: .2rem; margin-bottom: .4rem; }
.mk-weight { background: #141414; border-radius: .5rem; margin-bottom: .5rem; }
.mk-weight .mk-weight-head { display: flex; justify-content: space-between; align-items: center; padding: .45rem .7rem; cursor: pointer; }
.mk-weight .mk-weight-head .kg { font-weight: 700; font-size: 1.05rem; }
.mk-weight .mk-weight-head .meta { font-size: .75rem; color: #999; }
.mk-weight .mk-weight-body { padding: 0 .5rem .5rem; }
.mk-pool-title { font-size: .8rem; color: #bbb; margin: .4rem 0 .1rem; font-weight: 600; }
.mk-table { width: 100%; font-size: .8rem; border-collapse: collapse; }
.mk-table th { color: #888; font-weight: 500; font-size: .7rem; text-align: right; padding: .15rem .3rem; border-bottom: 1px solid #333; }
.mk-table th:first-child, .mk-table th.l, .mk-table td.l { text-align: left; }
.mk-table td { padding: .2rem .3rem; text-align: right; border-bottom: 1px solid #262626; white-space: nowrap; }
.mk-table td.l { white-space: normal; }
.mk-table td a { color: #fff; text-decoration: none; }
.mk-table td .club { color: #999; font-size: .7rem; display: block; }
.mk-table tr.p1 td.pl { color: #ffd700; font-weight: 700; }
.mk-table tr.p2 td.pl { color: #c0c0c0; font-weight: 700; }
.mk-table tr.p3 td.pl { color: #cd7f32; font-weight: 700; }
.mk-table tr.dq td { color: #777; text-decoration: line-through; }
.mk-podium { font-size: .85rem; }
.mk-podium .medal { display: inline-block; width: 1.4rem; }
.mk-medals td.num { text-align: center; }
.mk-link-btn { font-size: .75rem; }
.mk-done { color: #59b71a; }

@media (max-width: 575px) {
    .mk-match { grid-template-columns: 44px 1fr 54px; }
    .mk-match .mk-nr { font-size: 1.15rem; }
    .mk-match .mk-foot { padding-left: 44px; }
    .mk-match .mk-side .name { font-size: .88rem; }
}

/* Lottningsprotokoll (gruppstatus) */
.mk-proto-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.mk-proto { font-size: .72rem; min-width: 100%; }
.mk-proto th { white-space: nowrap; }
.mk-proto th.rd { text-align: center; }
.mk-proto td.nm { min-width: 130px; }
.mk-proto td.cell { text-align: center; padding: .15rem .2rem; min-width: 52px; line-height: 1.1; border-left: 1px solid #262626; }
.mk-proto td.cell .t { font-size: .62rem; color: #ccc; white-space: nowrap; }
.mk-proto td.cell .b { display: flex; justify-content: space-between; gap: .25rem; font-size: .68rem; }
.mk-proto td.cell .b .opp { color: #999; }
.mk-proto td.cell .b .pts { font-weight: 700; padding: 0 .25rem; border-radius: 3px; }
.mk-proto td.cell.won .b .pts { background: #59b71a; color: #111; }
.mk-proto td.cell.lost .b .pts { background: #d9534f; color: #fff; }
.mk-proto td.cell.won { background: rgba(81, 155, 81, 0.18); }
.mk-proto td.cell.lost { background: rgba(155, 81, 81, 0.18); }
.mk-proto td.cell.out { color: #777; font-size: 1rem; }
.mk-proto td.cell.bye { color: #888; font-size: .65rem; }
.mk-proto td.cell.live { background: rgba(220, 53, 69, 0.25); }
.mk-proto td.cell.open .t { color: #777; }
.mk-proto td.poolpl { font-weight: 700; color: #3dbff3; }
.mk-proto tr.eliminated td.nm a, .mk-proto tr.eliminated td.nm { color: #999; }
.mk-legend { font-size: .65rem; color: #777; margin-top: .4rem; }
.mk-cell-info { font-size: .72rem; color: #888; padding: .3rem .2rem .1rem; }
.mk-cell-info.active { color: #ddd; background: #1e1e1e; border-radius: .3rem; padding: .35rem .5rem; margin-top: .25rem; }
.mk-proto td.cell[data-info] { cursor: pointer; }
.mk-proto td.cell.sel { outline: 2px solid #90b9d9; outline-offset: -2px; }
.mk-final td.rnd { font-weight: 600; color: #ddd; vertical-align: middle; border-right: 1px solid #333; white-space: nowrap; }
.mk-final td.nr { color: #999; white-space: nowrap; }
.mk-final tr.first td { border-top: 1px solid #3a3a3a; }
.mk-final td.cell { min-width: 70px; }
.mk .mk-selectors .form-select { min-width: 0; }
.mk .mk-selectors #country_selector { flex: 0 0 auto; }
.mk .mk-selectors #year_selector { flex: 0 0 auto; }
.mk .mk-filter-btn.active { background: #90b9d9; border-color: #90b9d9; color: #1e1e1e; }

/* Större text (för den som ser dåligt) */
.mk-big .mk-match { grid-template-columns: 64px 1fr 76px; padding: .7rem 0; }
.mk-big .mk-match .mk-nr { font-size: 1.7rem; }
.mk-big .mk-match .mk-hall { font-size: .8rem; }
.mk-big .mk-match .mk-side { padding: .3rem .45rem; }
.mk-big .mk-match .mk-side .name { font-size: 1.2rem; }
.mk-big .mk-match .mk-side .club { font-size: .9rem; white-space: normal; }
.mk-big .mk-match .mk-side .score { font-size: 1.5rem; }
.mk-big .mk-match .mk-res .wt { font-size: 1.15rem; padding: .1rem .5rem; }
.mk-big .mk-match .mk-res .time { font-size: .85rem; }
.mk-big .mk-match .mk-foot { font-size: .95rem; padding-left: 64px; }
.mk-big .mk-match .mk-group-link { font-size: .95rem; }
.mk-big .mk-proto { font-size: .95rem; }
.mk-big .mk-proto th { font-size: .85rem; }
.mk-big .mk-proto td.cell { min-width: 66px; }
.mk-big .mk-proto td.cell .t { font-size: .8rem; }
.mk-big .mk-proto td.cell .b { font-size: .9rem; }
.mk-big .mk-table td .club { font-size: .85rem; }
.mk-big .mk-cell-info, .mk-big .mk-legend, .mk-big .mk-group-head { font-size: .95rem; }
.mk-big .mk-podium { font-size: 1.1rem; }
.mk-big .mk-medals { font-size: 1rem; }
.mk-big .mk-empty { font-size: 1.1rem; }
@media (max-width: 575px) {
    .mk-big .mk-match { grid-template-columns: 54px 1fr 66px; }
    .mk-big .mk-match .mk-foot { padding-left: 54px; }
}
.mk-match .mk-res .mk-video { display: inline-block; margin-top: .2rem; color: #3dbff3; font-size: .95rem; }
.mk-match .mk-res .mk-video:hover { color: #fff; }
.mk-cell-info a { color: #3dbff3; }
.mk-big .mk-match .mk-res .mk-video { font-size: 1.3rem; }

/* Anmälda / deltagare */
.mk-entries-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem .75rem; margin-bottom: .5rem; }
.mk-entries-head a { color: #9bd; }
.mk-entry-class { margin-bottom: .6rem; }
.mk-entries { list-style: none; margin: 0; padding: 0; }
.mk-entries li { display: flex; flex-wrap: wrap; align-items: baseline; gap: .15rem .5rem; padding: .3rem 0; border-bottom: 1px solid #333; }
.mk-entries .nm { font-weight: 600; }
.mk-entries .nm a { color: #fff; text-decoration: none; }
.mk-entries .club { color: #aaa; font-size: .85em; }
.mk-entries .club a { color: #aaa; text-decoration: none; }
.mk-entries .kg { margin-left: auto; font-variant-numeric: tabular-nums; color: #d8ff00; font-size: .9em; }
.mk-src { display: inline-block; margin-left: .35rem; padding: 0 .35rem; border-radius: .25rem; background: #1d4ed8; color: #fff; font-size: .7em; font-weight: 700; vertical-align: middle; }
.mk-weighin { margin-left: .4rem; color: #d8ff00; }
.mk-big .mk-entries li { font-size: 1.15em; }