/* Nový web GPM — admin: sezóna (app-adm-archive.js), stránka #/admin/season: stav sezóny, archiv (krok 1), start nové sezóny (krok 2)
   a seznam „co teď“ po resetu. Všechny vlastní třídy začínají aar-. Staví na proměnných z gpm.css a na prvcích z css-kit.css
   (.card, .pill, .btn, .kf-chk, .kf-notebox, .kit-spin). Hranice jako v css-mobile.css: ≤ 1180 · ≤ 900 tablet na výšku · ≤ 640 telefon. */

.aar { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
.aar > * { min-width: 0; margin: 0; }
.aar > .kf-notebox { margin-bottom: 0; }
.aar code, .aar-confirm code { padding: 1px 6px; border-radius: 5px; background: rgba(255,255,255,.08); color: #fff; font: 600 .92em var(--fm); overflow-wrap: anywhere; }
.aar a:not(.btn) { color: #fff; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(255,255,255,.35); }
.aar a:not(.btn):hover { text-decoration-color: #fff; }
.aar a:not(.btn) code { text-decoration: inherit; }
.aar-fine { margin: 14px 0 0; max-width: 900px; color: var(--mut); font-size: 12.5px; line-height: 1.55; }
.aar-fine b { color: var(--ink2); font-weight: 600; }
.aar-warnline { margin: 14px 0 0; padding: 10px 14px; border-radius: 10px; border: 1px solid rgba(242,212,104,.4); background: rgba(242,212,104,.07); color: var(--ink); font-size: 13.5px; line-height: 1.45; }
.aar-warnline b { color: var(--gold); }
.aar-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-top: 16px; }
.aar-hint { flex: 1 1 260px; min-width: 0; color: var(--mut); font-size: 13px; line-height: 1.45; }
.aar-list { margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.aar-list li { position: relative; padding-left: 16px; color: var(--ink2); font-size: 13.5px; line-height: 1.45; overflow-wrap: anywhere; }
.aar-list li::before { content: ""; position: absolute; left: 1px; top: .55em; width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: .55; }

/* ═════════ stav: čtyři dlaždice + archivované sezóny ═════════ */
.aar-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.aar-tiles.five { grid-template-columns: repeat(5, minmax(0, 1fr)); margin-top: 16px; }
.aar-tile { min-width: 0; padding: 18px 20px 16px; border-radius: 14px; border: 1px solid var(--line); background: var(--card); }
.aar-tile > b { display: flex; align-items: baseline; gap: 8px; min-height: 36px; color: #fff; font: 900 34px/1 var(--fd); font-stretch: 125%; overflow-wrap: anywhere; }
.aar-tile > b i { color: var(--mut); font: 700 16px/1 var(--fd); font-style: normal; }
.aar-tile > span { display: block; margin-top: 12px; color: var(--acc); font: 500 10.5px/1.2 var(--fm); letter-spacing: .14em; text-transform: uppercase; }
.aar-tile > small { display: block; margin-top: 8px; color: var(--mut); font: 500 11.5px/1.4 var(--fm); letter-spacing: .02em; overflow-wrap: anywhere; }
.aar-tile.on { border-color: rgba(242,212,104,.45); background: rgba(242,212,104,.05); }
.aar-tile.ok { border-color: rgba(61,220,151,.32); background: rgba(61,220,151,.045); }
.aar-tile.ok > span { color: var(--win); }
.aar-tile.warn { border-color: rgba(242,212,104,.4); background: rgba(242,212,104,.05); }
.aar-tile.bad { border-color: rgba(255,93,108,.45); background: rgba(255,93,108,.06); }
.aar-tile.bad > span { color: var(--loss); }
.aar-champ { display: inline-flex; align-items: center; gap: 10px; min-width: 0; font: 800 19px/1.15 var(--fb); font-stretch: 100%; }
.aar-tiles.five .aar-tile { padding: 14px 16px 13px; border-radius: 12px; background: rgba(255,255,255,.02); }
.aar-tiles.five .aar-tile > b { min-height: 0; font-size: 26px; }
.aar-tiles.five .aar-tile > span { margin-top: 9px; color: var(--mut); }

.aar-seasons { display: grid; gap: 8px; }
.aar-season { display: grid; grid-template-columns: minmax(150px, auto) minmax(0, 1fr) auto; align-items: center; gap: 8px 18px; padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.02); }
.aar-sl { display: flex; align-items: center; gap: 10px; }
.aar-sl b { color: #fff; font: 800 16px/1.2 var(--fb); white-space: nowrap; }
.aar-sm { display: flex; flex-wrap: wrap; gap: 4px 18px; min-width: 0; color: var(--mut); font: 500 12px/1.4 var(--fm); letter-spacing: .02em; }
.aar-sm b { color: var(--ink); font-weight: 600; }
.aar-sa { display: flex; gap: 8px; }

/* ═════════ kroky ═════════ */
.aar-step.danger { border-color: rgba(255,93,108,.32); }
.aar-sh { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: start; gap: 4px 16px; margin-bottom: 18px; }
.aar-sn { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; background: var(--grad); color: var(--on); font: 900 16px/1 var(--fd); }
.aar-step.danger .aar-sn { background: #ff5d6c; color: #1b0508; }
.aar-sh h3 { margin: 6px 0 0; color: #fff; font: 900 17px/1.15 var(--fd); font-stretch: 122%; letter-spacing: .06em; text-transform: uppercase; }
.aar-step.danger .aar-sh h3 { color: #ff8a95; }
.aar-sh p { margin: 8px 0 0; max-width: 820px; color: var(--mut); font-size: 13.5px; line-height: 1.5; }
.aar-sh > .pill { margin-top: 7px; }
.aar-what, .aar-sub { margin-top: 4px; }
.aar-what h4, .aar-sub > h4, .aar-h4 { display: flex; align-items: baseline; gap: 12px; margin: 0 0 10px; color: var(--ink2); font: 600 10.5px/1.2 var(--fm); letter-spacing: .14em; text-transform: uppercase; }
.aar-sub > h4 span { margin-left: auto; color: var(--mut); letter-spacing: .04em; text-transform: none; }
.aar-sub { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--line2); }
.aar-sh + .aar-sub { margin-top: 0; padding-top: 0; border-top: 0; }
.aar-h4 { margin-top: 16px; }
.aar-what ul { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 28px; }
.aar-what li { position: relative; padding-left: 16px; color: var(--ink2); font-size: 13.5px; line-height: 1.45; }
.aar-what li::before { content: ""; position: absolute; left: 1px; top: .55em; width: 6px; height: 6px; border-radius: 50%; background: var(--acc); opacity: .85; }
.aar-go { margin-top: 20px; }

/* průběh dlouhého požadavku */
.aar-busy { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: start; gap: 0 16px; padding: 20px 22px; border-radius: 14px; border: 1px solid rgba(242,212,104,.45); background: rgba(242,212,104,.06); }
.aar-busy > .kit-spin { width: 26px; height: 26px; margin-top: 2px; border-width: 3px; color: var(--gold); }
.aar-busy b { display: block; color: #fff; font: 800 17px/1.3 var(--fb); }
.aar-busy b span { margin-left: 6px; color: var(--gold); font: 700 15px/1 var(--fm); }
.aar-busy p { margin: 8px 0 0; color: var(--ink2); font-size: 13.5px; line-height: 1.55; }
.aar-busy p b { display: inline; font: inherit; font-weight: 700; color: #fff; }
.aar-live { display: inline-flex; align-items: center; gap: 9px; color: var(--gold); font: 600 11px/1 var(--fm); letter-spacing: .12em; text-transform: uppercase; }

/* výsledky a odmítnutí */
.aar-box { padding: 16px 18px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.03); color: var(--ink2); font-size: 13.5px; line-height: 1.55; overflow-wrap: anywhere; }
.aar-card .aar-box + * { margin-top: 16px; }
.aar-bh { display: block; color: #fff; font: 800 16px/1.3 var(--fb); }
.aar-box p { margin: 8px 0 0; }
.aar-box p b, .aar-box li b { color: #fff; font-weight: 700; }
.aar-box.ok { border-color: rgba(61,220,151,.5); background: rgba(61,220,151,.07); }
.aar-box.ok .aar-bh { color: var(--win); }
.aar-box.warn { border-color: rgba(242,212,104,.5); background: rgba(242,212,104,.07); }
.aar-box.warn .aar-bh { color: var(--gold); }
.aar-box.bad { border-color: rgba(255,93,108,.55); background: rgba(255,93,108,.08); color: #ffd7da; }
.aar-box.bad .aar-bh { color: #ff8a95; }
.aar-warns li { color: #ffd7da; }
.aar-checks { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.aar-checks li { position: relative; padding-left: 24px; color: var(--ink2); font-size: 13.5px; line-height: 1.45; }
.aar-checks li::before { position: absolute; left: 0; top: 0; font-weight: 800; }
.aar-checks li.ok::before { content: "✓"; color: var(--win); }
.aar-checks li.bad::before { content: "✕"; color: var(--loss); }
.aar-checks li b { color: #fff; }
.aar-offer { margin-top: 16px; padding: 16px 18px; border-radius: 12px; border: 1px dashed rgba(255,93,108,.5); color: var(--ink2); font-size: 13.5px; line-height: 1.55; }
.aar-offer > b { display: block; color: #fff; font: 700 15px/1.3 var(--fb); }
.aar-offer p { margin: 6px 0 14px; }
.aar-offer p b { color: #fff; }

/* archiv existuje: náhled */
.aar-done { padding: 18px 20px 20px; border-radius: 14px; border: 1px solid rgba(61,220,151,.4); background: rgba(61,220,151,.04); }
.aar-done.warn { border-color: rgba(242,212,104,.45); background: rgba(242,212,104,.04); }
.aar-dh { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; }
.aar-dh b { color: var(--win); font: 800 18px/1.2 var(--fb); }
.aar-done.warn .aar-dh b { color: var(--gold); }
.aar-dh span { color: var(--mut); font: 500 12px/1.4 var(--fm); letter-spacing: .02em; }
.aar-lost { margin: 12px 0 0; padding: 10px 14px; border-radius: 10px; border: 1px solid rgba(242,212,104,.4); background: rgba(242,212,104,.07); color: var(--ink2); font-size: 13.5px; line-height: 1.5; }
.aar-lost b { color: #fff; }
.aar-champion { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-top: 14px; padding: 14px 16px; border-radius: 12px; border: 1px solid rgba(61,220,151,.32); background: rgba(61,220,151,.05); }
.aar-champion > b { display: inline-flex; align-items: center; gap: 10px; color: #fff; font: 800 19px/1.2 var(--fb); }
.aar-champion.bad { border-color: rgba(255,93,108,.55); background: rgba(255,93,108,.09); }
.aar-champion.bad > b { color: #ff8a95; }
.aar-champion p { flex: 1 1 100%; margin: 0; color: #ffd7da; font-size: 13.5px; line-height: 1.5; }
.aar-champion p b { color: #fff; }
.aar-tables { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.aar-table { min-width: 0; padding: 12px 14px 10px; border-radius: 12px; border: 1px solid var(--line); background: rgba(0,0,0,.18); }
.aar-table h4 { display: flex; align-items: baseline; margin: 0 0 6px; color: #fff; font: 900 11.5px/1.2 var(--fd); font-stretch: 122%; letter-spacing: .12em; text-transform: uppercase; }
.aar-table h4 span { margin-left: auto; color: var(--mut); font: 500 9.5px/1 var(--fm); letter-spacing: .1em; }
.aar-table ol { margin: 0; padding: 0; list-style: none; }
.aar-table li { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto 26px; align-items: center; gap: 0 8px; padding: 5px 0; border-top: 1px solid var(--line2); color: var(--ink2); font: 500 13px/1.3 var(--fb); }
.aar-table li:first-child { border-top: 0; }
.aar-table li i { color: var(--mut); font: 800 11.5px/1 var(--fd); font-style: normal; }
.aar-table li span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aar-table li em { color: var(--mut); font: 500 11.5px/1 var(--fm); font-style: normal; }
.aar-table li b { color: #fff; font: 700 13px/1 var(--fm); text-align: right; }
.aar-issue { margin-top: 14px; padding: 14px 16px; border-radius: 12px; border: 1px solid rgba(242,212,104,.45); background: rgba(242,212,104,.07); color: var(--ink2); font-size: 13.5px; line-height: 1.55; overflow-wrap: anywhere; }
.aar-issue > b { display: block; color: var(--gold); font: 700 15px/1.3 var(--fb); }
.aar-issue p { margin: 8px 0 0; }
.aar-issue p b { color: #fff; }
.aar-issue ul { margin: 8px 0 0; padding: 0 0 0 18px; display: grid; gap: 4px; }
.aar-box .aar-issue { background: rgba(0,0,0,.2); }

/* kontroly před resetem */
.aar-cks { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.aar-ck { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 0 14px; padding: 14px 16px; border-radius: 12px; border: 1px solid var(--line); background: rgba(255,255,255,.02); }
.aar-ck > i { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line); color: var(--mut); font: 800 13px/1 var(--fd); font-style: normal; }
.aar-ck > div > b { display: block; padding-top: 3px; color: #fff; font: 700 15px/1.35 var(--fb); }
.aar-ck > div > p { margin: 5px 0 0; color: var(--mut); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.aar-ck > div > p b { color: var(--ink); font-weight: 600; }
.aar-ck .kf-chk { margin-top: 12px; padding: 11px 13px; border-radius: 10px; border: 1px solid var(--line); background: rgba(0,0,0,.22); }
.aar-ck .kf-chk input { left: 13px; top: 11px; }
.aar-ck.ok { border-color: rgba(61,220,151,.28); }
.aar-ck.ok > i { border-color: rgba(61,220,151,.5); background: rgba(61,220,151,.14); color: var(--win); }
.aar-ck.warn { border-color: rgba(242,212,104,.4); background: rgba(242,212,104,.04); }
.aar-ck.warn > i { border-color: rgba(242,212,104,.55); background: rgba(242,212,104,.14); color: var(--gold); }
.aar-ck.bad { border-color: rgba(255,93,108,.45); background: rgba(255,93,108,.05); }
.aar-ck.bad > i { border-color: rgba(255,93,108,.55); background: rgba(255,93,108,.14); color: var(--loss); }
.aar-ck.wait { border-style: dashed; }

/* co reset udělá */
.aar-fxs { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1.2fr); gap: 12px; align-items: start; }
.aar-fx { min-width: 0; padding: 14px 16px; border-radius: 12px; border: 1px solid rgba(61,220,151,.28); background: rgba(61,220,151,.05); }
.aar-fx h4 { margin: 0 0 9px; color: var(--win); font: 600 10.5px/1.2 var(--fm); letter-spacing: .14em; text-transform: uppercase; }
.aar-fx ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 7px; }
.aar-fx li { position: relative; padding-left: 16px; color: var(--ink2); font-size: 13px; line-height: 1.4; }
.aar-fx li::before { content: ""; position: absolute; left: 1px; top: .5em; width: 6px; height: 6px; border-radius: 50%; background: var(--win); opacity: .8; }
.aar-fx li b { color: #fff; }
.aar-fx.del { border-color: rgba(255,93,108,.38); background: rgba(255,93,108,.06); }
.aar-fx.del h4 { color: var(--loss); } .aar-fx.del li::before { background: var(--loss); }
.aar-fx.zero { border-color: rgba(242,212,104,.36); background: rgba(242,212,104,.05); }
.aar-fx.zero h4 { color: var(--gold); } .aar-fx.zero li::before { background: var(--gold); }
.aar-then { margin: 14px 0 0; color: var(--ink2); font-size: 13.5px; line-height: 1.5; }
.aar-then b { color: #fff; }

/* po resetu: co teď */
.aar-todo { border-color: rgba(242,212,104,.4); }
.aar-steps { margin: 0; padding: 0; list-style: none; counter-reset: aar; display: grid; gap: 0; }
.aar-steps > li { counter-increment: aar; display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 0 14px; padding: 14px 0; border-top: 1px solid var(--line2); }
.aar-steps > li:first-child { border-top: 0; padding-top: 2px; }
.aar-steps > li:last-child { padding-bottom: 2px; }
.aar-steps > li::before { content: counter(aar); width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--line); background: rgba(255,255,255,.04); color: var(--ink2); font: 800 13px/1 var(--fd); }
.aar-steps > li.ok::before { content: "✓"; border-color: rgba(61,220,151,.5); background: rgba(61,220,151,.14); color: var(--win); }
.aar-steps > li.bad::before { content: "!"; border-color: rgba(255,93,108,.55); background: rgba(255,93,108,.14); color: var(--loss); }
.aar-steps > li > div > b { display: block; padding-top: 5px; color: #fff; font: 700 15px/1.35 var(--fb); }
.aar-steps > li > div > p { margin: 5px 0 0; max-width: 900px; color: var(--mut); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.aar-steps > li > div > p b { color: var(--ink); }
.aar-steps .aar-row { margin-top: 10px; }
.aar-res { flex: 1 1 260px; min-width: 0; color: var(--ink2); font-size: 13px; line-height: 1.45; }
.aar-res.ok { color: var(--win); font-weight: 600; }
.aar-res.bad { color: #ff8a95; font-weight: 600; }
.aar-idle p { margin: 0; max-width: 820px; color: var(--mut); font-size: 13.5px; line-height: 1.55; }
.aar-idle p b { color: var(--ink2); }

/* okno s potvrzením resetu */
.aar-confirm { display: grid; gap: 10px; color: var(--ink2); font-size: 14px; line-height: 1.5; }
.aar-confirm > * { margin: 0; min-width: 0; }
.aar-confirm b { color: #fff; }
.aar-confirm ul { padding: 0 0 0 18px; display: grid; gap: 4px; }
.aar-confirm .kf-notebox { margin-bottom: 0; font-size: 13.5px; }

/* ═════════ tablet na šířku ═════════ */
@media (max-width: 1180px) {
  .aar-tile { padding: 16px 16px 14px; }
  .aar-tile > b { font-size: 28px; }
  .aar-champ { font-size: 16px; }
  .aar-fxs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ═════════ tablet na výšku ═════════ */
@media (max-width: 900px) {
  .aar-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aar-tiles.five { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
  .aar-tiles.five .aar-tile { padding: 12px 12px 11px; }
  .aar-tiles.five .aar-tile > b { font-size: 22px; }
  .aar-season { grid-template-columns: minmax(0, 1fr) auto; }
  .aar-sm { grid-column: 1 / -1; grid-row: 2; }
  .aar-tables { gap: 8px; }
  .aar-table { padding: 10px 11px 8px; }
  .aar-fxs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .aar-fx.keep { grid-column: 1 / -1; }
  .aar-fx.keep ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 20px; }
}

/* ═════════ telefon ═════════ */
@media (max-width: 640px) {
  .aar { gap: 14px; }
  .aar-tiles { gap: 8px; }
  .aar-tile { padding: 14px 14px 12px; }
  .aar-tile > b { min-height: 30px; font-size: 24px; }
  .aar-champ { font-size: 14.5px; gap: 7px; }
  .aar-tiles.five { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .aar-season { grid-template-columns: minmax(0, 1fr); }
  .aar-sa { flex-wrap: wrap; }
  .aar-sh { grid-template-columns: 32px minmax(0, 1fr); gap: 4px 12px; }
  .aar-sn { width: 32px; height: 32px; font-size: 14px; }
  .aar-sh h3 { font-size: 15px; margin-top: 5px; }
  .aar-sh > .pill { grid-column: 2; justify-self: start; margin-top: 4px; }
  .aar-what ul { grid-template-columns: minmax(0, 1fr); }
  .aar-tables, .aar-fxs { grid-template-columns: minmax(0, 1fr); }
  .aar-fx.keep ul { grid-template-columns: minmax(0, 1fr); }
  .aar-busy { grid-template-columns: 24px minmax(0, 1fr); gap: 0 12px; padding: 16px; }
  .aar-busy > .kit-spin { width: 22px; height: 22px; }
  .aar-busy b { font-size: 15.5px; }
  .aar-done { padding: 14px; }
  .aar-ck { grid-template-columns: 24px minmax(0, 1fr); gap: 0 10px; padding: 12px; }
  .aar-ck > i { width: 24px; height: 24px; }
  .aar-box, .aar-issue, .aar-offer { padding: 14px; }
  .aar .btn { max-width: 100%; height: auto; min-height: 40px; padding: 9px 14px; line-height: 1.3; white-space: normal; text-align: center; }
  .aar-row .btn { flex: 1 1 auto; justify-content: center; }
  .aar-steps > li { grid-template-columns: 26px minmax(0, 1fr); gap: 0 10px; }
  .aar-steps > li::before { width: 26px; height: 26px; font-size: 12px; }
}