/* Redesign 2026-10-31: vzhled podle návrhu „Panel 2.0“. Pouze prezentace; data, originální klubové znaky a všechny akce zůstávají.
   Vrstva se načítá poslední. Odebráním <link href="/redesign.css"> z index.html se vrátí předchozí vzhled. */
:root{--rd-bg:#08111d;--rd-panel:#0c1828;--rd-panel-2:#0f1e31;--rd-line:#1b2d44;--rd-line-hi:#27405d;--rd-fg:#eef3f8;--rd-muted:#8ea2b8;--rd-red:#e5263a;--rd-red-deep:#a8141f;--rd-cyan:#22c3e6}

/* ---------- Hlavička: jeden řádek, AI SKILL jako pruh čísel ---------- */
.real-topbar{grid-template-columns:auto 170px minmax(0,1fr) auto!important;min-height:0!important;height:auto!important;padding:8px 20px!important;gap:18px!important;background:color-mix(in srgb,var(--rd-bg) 94%,transparent)!important;backdrop-filter:blur(10px);border-bottom:1px solid var(--rd-line)!important;box-shadow:none!important}
.real-topbar>.brand{height:56px!important;max-width:170px!important}
.real-topbar .brand-logo{height:56px!important;max-height:56px!important}
.real-topbar .skill-preview{display:flex!important;flex-direction:row!important;align-items:center;gap:0;min-height:0!important;height:56px!important;padding:0!important;border-radius:12px;background:var(--rd-panel)!important;border:1px solid var(--rd-line)!important;box-shadow:none!important;overflow:hidden}
.real-topbar .skill-preview-head{flex:0 0 auto;align-self:stretch;padding:0 16px;border-right:1px solid var(--rd-line);min-height:0!important}
.real-topbar .skill-preview-head>small{display:none}
.real-topbar .skill-preview-gauges{display:flex!important;flex:1 1 auto;align-self:stretch;gap:0!important;min-width:0}
.real-topbar .skill-preview-gauges>span{flex:1 1 0;display:flex!important;flex-direction:column-reverse;justify-content:center;align-items:flex-start;gap:2px;padding:0 16px;border-right:1px solid var(--rd-line);min-width:0}
.real-topbar .skill-preview-gauges>span>b{font-size:12px!important;font-weight:600;color:var(--rd-muted)!important;letter-spacing:.02em;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.real-topbar .skill-preview .skill-dial>strong{font-size:19px!important;color:var(--rd-fg)!important}
.real-topbar .skill-preview-foot{flex:0 1 auto;align-self:stretch;display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 16px;gap:2px!important;font-size:12px!important;color:var(--rd-muted);min-width:0}
.real-topbar .skill-preview-foot>b{font-size:12px!important;color:var(--rd-cyan)!important;font-weight:600}
.real-topbar .skill-preview-counts{white-space:nowrap}
.real-topbar .skill-preview-wait{display:none}
.real-topbar .skill-preview:hover{border-color:var(--rd-line-hi)!important}

/* ---------- Ligy a akce: segmentované záložky jako v návrhu ---------- */
.real-banner{gap:12px 16px!important;padding:14px 16px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.real-banner .competition-switcher{gap:0!important;border:1px solid var(--rd-line-hi);border-radius:10px;background:var(--rd-panel);overflow:hidden;flex:0 1 auto!important;width:auto!important}
.real-banner .competition-tile{border-right:1px solid var(--rd-line)}
.real-banner .competition-tile:last-child{border-right:0}
.real-banner .competition-button{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-height:48px!important;height:auto!important;padding:6px 20px!important;position:relative}
.real-banner .competition-button:hover{background:var(--rd-panel-2)!important}
.real-banner .competition-button.active,.real-banner .competition-button[aria-pressed="true"],.real-banner .competition-button[aria-current="true"]{background:color-mix(in srgb,var(--rd-red) 10%,var(--rd-panel))!important;color:var(--rd-fg)!important}
.real-banner .competition-button.active::after,.real-banner .competition-button[aria-pressed="true"]::after,.real-banner .competition-button[aria-current="true"]::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--rd-red);box-shadow:0 0 12px var(--rd-red)}
.real-banner .quick-actions>button:first-child{border:1px solid var(--rd-red)!important;background:color-mix(in srgb,var(--rd-red) 10%,var(--rd-panel))!important;box-shadow:0 0 18px -6px var(--rd-red)!important;color:var(--rd-fg)!important}

/* ---------- Seznam zápasů ---------- */
.real-match-list{background:var(--rd-panel)!important;border:1px solid var(--rd-line)!important;border-radius:12px!important}
.real-games .program-date{font-size:12px!important;font-weight:700;letter-spacing:.04em;color:var(--rd-fg)!important;padding:12px 14px 6px!important}
.real-games .real-game{border-radius:10px!important;border:1px solid transparent!important;background:transparent!important;margin:2px 6px!important;width:calc(100% - 12px)!important}
.real-games .real-game:hover{background:var(--rd-panel-2)!important}
.real-games .real-game.selected{border-color:var(--rd-red)!important;background:color-mix(in srgb,var(--rd-red) 8%,var(--rd-panel))!important;box-shadow:0 0 18px -6px var(--rd-red)!important}
.real-games .real-game b{font-size:13px!important}
.real-games .real-game>small{font-size:12px!important;color:var(--rd-muted)!important}

/* ---------- Hlavička zápasu, záložky, MadMan Tip ---------- */
.reference-hero>section.panel:first-child{position:relative;overflow:hidden;background:var(--rd-panel)!important;border:1px solid var(--rd-line)!important;border-radius:12px!important}
.reference-hero>section.panel:first-child::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(-55deg,transparent 0 46px,color-mix(in srgb,var(--rd-red) 22%,transparent) 46px 47px) left/30% 100% no-repeat,repeating-linear-gradient(55deg,transparent 0 46px,color-mix(in srgb,var(--rd-cyan) 22%,transparent) 46px 47px) right/30% 100% no-repeat,radial-gradient(45% 90% at 0% 50%,color-mix(in srgb,var(--rd-red) 14%,transparent),transparent 70%),radial-gradient(45% 90% at 100% 50%,color-mix(in srgb,var(--rd-cyan) 12%,transparent),transparent 70%);-webkit-mask:linear-gradient(90deg,#000,transparent 34%,transparent 66%,#000);mask:linear-gradient(90deg,#000,transparent 34%,transparent 66%,#000)}
.reference-hero>section.panel:first-child>*{position:relative}
.match-tabs{border-radius:12px!important;background:var(--rd-panel)!important;border:1px solid var(--rd-line)!important;gap:0!important;padding:0!important;overflow:hidden}
.match-tabs button{background:transparent!important;border:0!important;border-right:1px solid var(--rd-line)!important;border-radius:0!important;box-shadow:none!important;color:var(--rd-muted)!important;flex:1 1 0;min-height:46px}
.match-tabs button:last-child{border-right:0!important}
.match-tabs button:hover{background:var(--rd-panel-2)!important;color:var(--rd-fg)!important}
.match-tabs button[aria-selected="true"],.match-tabs button.active{color:var(--rd-fg)!important;background:color-mix(in srgb,var(--rd-red) 8%,var(--rd-panel))!important;box-shadow:inset 0 -3px 0 var(--rd-red)!important}
.match-tabs button.active svg{color:var(--rd-red)}

/* Širší seznam zápasů, aby se názvy klubů nezalamovaly */
@media(min-width:1101px){.reference-workspace{grid-template-columns:minmax(250px,290px) minmax(0,1fr)!important}}
.madman-tip-panel{border:1px solid color-mix(in srgb,var(--rd-red) 70%,var(--rd-line))!important;box-shadow:0 0 30px -12px var(--rd-red),inset 0 0 40px -30px var(--rd-red)!important;border-radius:12px!important}
.madman-tip-panel .paper-add,.madman-tip-panel button.primary{background:linear-gradient(180deg,#f0364a,var(--rd-red-deep))!important;border:0!important;color:#fff!important;box-shadow:0 10px 30px -10px var(--rd-red)!important}

/* ---------- 4 karty metrik AI (přesunuté z hlavičky, aby se údaje nezobrazovaly dvakrát) ---------- */
.real-topbar>.header-skill{display:none!important}
.real-topbar{grid-template-columns:auto 170px minmax(0,1fr) auto!important}
.real-topbar>.top-right{grid-column:4!important}
.skill-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}
.skill-kpi{display:flex;align-items:center;gap:14px;min-width:0;padding:12px 16px;border-radius:12px;background:var(--rd-panel);border:1px solid var(--rd-line);color:var(--rd-fg);text-align:left;cursor:pointer}
.skill-kpi:hover{border-color:var(--rd-line-hi);background:var(--rd-panel-2)}
.skill-kpi .skill-icon{width:28px;height:28px;flex:none;color:var(--rd-cyan)}
.skill-kpi>span{display:grid;min-width:0}
.skill-kpi small{font-size:12px;color:var(--rd-muted)}
.skill-kpi b{font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.skill-kpi-link{margin-left:auto;font-style:normal;font-size:12px;font-weight:600;color:var(--rd-cyan);white-space:nowrap}

/* ---------- Pruh pravděpodobnosti výsledku ---------- */
.probability-panel{background:var(--rd-panel)!important;border:1px solid var(--rd-line)!important;border-radius:12px!important;padding-bottom:14px}
.probability-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.probability-heading>span{font-size:12px;color:var(--rd-muted)}
.probability-bar{display:flex;height:30px;margin:4px 16px 0;border-radius:6px;overflow:hidden;font-weight:700;font-size:13px}
.probability-bar i{display:grid;place-items:center;font-style:normal;min-width:0;white-space:nowrap;color:#fff}
.probability-bar .probability-home{background:linear-gradient(180deg,#f03a4d,var(--rd-red-deep))}
.probability-bar .probability-draw{background:#3c4a5d}
.probability-bar .probability-away{background:linear-gradient(180deg,#34d0f0,#1597b8);color:#062030}
.probability-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 16px 0}
.probability-cols>div{display:grid;justify-items:center;text-align:center;gap:2px;padding:4px 8px;min-width:0}
.probability-cols>div+div{border-left:1px solid var(--rd-line)}
.probability-cols small{font-size:12px;color:var(--rd-muted)}
.probability-cols b{font-size:20px;font-weight:800}
.probability-cols .probability-home b{color:#ff5466}
.probability-cols .probability-away b{color:var(--rd-cyan)}
.probability-cols span{font-size:12px;color:var(--rd-muted);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.probability-note,.probability-empty{margin:10px 16px 0;font-size:12px;color:var(--rd-muted)}
@media(max-width:1100px){.skill-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.skill-kpi{padding:10px 12px;gap:10px}.skill-kpi .skill-icon{width:22px;height:22px}.skill-kpi b{font-size:15px}.skill-kpi-link{display:none}.probability-cols b{font-size:16px}}

/* ---------- Přehled (úvodní stránka) ---------- */
.home-topbar{background:color-mix(in srgb,var(--rd-bg) 94%,transparent)!important;border-bottom:1px solid var(--rd-line)!important;box-shadow:none!important}
.home-topbar .competition-switcher{gap:0!important;border:1px solid var(--rd-line-hi);border-radius:10px;background:var(--rd-panel);overflow:hidden}
.home-topbar .competition-tile{border-right:1px solid var(--rd-line)}
.home-topbar .competition-tile:last-child{border-right:0}
.home-topbar .competition-button{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.home-topbar .competition-button:hover{background:var(--rd-panel-2)!important}
.home-topbar .quick-actions>button:first-child{border:1px solid var(--rd-red)!important;background:color-mix(in srgb,var(--rd-red) 10%,var(--rd-panel))!important;box-shadow:0 0 18px -6px var(--rd-red)!important}
.home-page .panel{border-color:var(--rd-line)!important;border-radius:12px!important}
.home-hero-logo{filter:drop-shadow(0 12px 30px rgba(0,0,0,.6))}
.home-benefits{border:1px solid color-mix(in srgb,var(--rd-red) 45%,var(--rd-line))!important;box-shadow:0 0 30px -16px var(--rd-red)!important;border-radius:12px!important}
.home-benefits .primary,.home-benefits button:last-child{background:linear-gradient(180deg,#f0364a,var(--rd-red-deep))!important;border:0!important;color:#fff!important;box-shadow:0 10px 30px -10px var(--rd-red)!important}
/* Odznak ŽIVĚ jen u ligy, kde opravdu běží zápas (audit: „ŽIVĚ 0“ působil jako chyba). */
.home-league-live:not(.is-live){display:none!important}
.home-league-live.is-live{border-color:var(--rd-red)!important;box-shadow:0 0 18px -6px var(--rd-red)}
#app .home-benefits li,#app .home-live-row button>b,#app .home-live-row button>span,#app .home-feature>p,
#app .home-system p,#app .home-system button.secondary,#app .topbar>nav>.nav-item{font-size:12px!important;line-height:1.45}
#app .home-feature>p{font-size:13px!important}

/* ---------- Virtuální tiket, žebříček, dialog AI ---------- */
.paper-page .panel,.ticket-hero{border-color:var(--rd-line)!important;border-radius:12px!important}
.ticket-hero{position:relative;overflow:hidden}
.ticket-hero::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--rd-red-deep),var(--rd-red),var(--rd-cyan))}
.paper-page button.primary,.paper-page .paper-submit{background:linear-gradient(180deg,#f0364a,var(--rd-red-deep))!important;border:0!important;color:#fff!important;box-shadow:0 10px 30px -10px var(--rd-red)!important}
.skill-dialog{border:1px solid var(--rd-line-hi)!important;border-radius:16px!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--rd-red) 25%,transparent),0 40px 80px -30px #000!important}
.skill-dialog::backdrop{background:rgba(3,8,14,.75);backdrop-filter:blur(4px)}
.micro-pill,.skill-archive-summary small,.panel>.empty,.panel>div.empty{font-size:12px!important;line-height:1.45}

/* ---------- Přihlašovací stránka ---------- */
.welcome-page .welcome-logo{filter:drop-shadow(0 10px 30px rgba(0,0,0,.6))}
.welcome-page .welcome-brand h1{letter-spacing:-.01em}
.welcome-page .eyebrow,.welcome-page .card-kicker{font-size:12px!important}
.welcome-page .welcome-sports{flex-wrap:wrap}
.welcome-page .welcome-sports span{display:inline-flex;align-items:center;gap:8px;border-color:var(--rd-line-hi)!important}
.welcome-page .sport-ico{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.welcome-page #show-password{display:grid;place-items:center}
.welcome-page #show-password .sport-ico{width:20px;height:20px}
.welcome-page .welcome-card{border:1px solid var(--rd-line-hi)!important;border-radius:16px!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--rd-red) 25%,transparent),0 30px 60px -30px #000!important;position:relative;overflow:hidden}
.welcome-page .welcome-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--rd-red-deep),var(--rd-red),#e3b448)}
.welcome-page .enter{background:linear-gradient(180deg,#f0364a,var(--rd-red-deep))!important;border:0!important;color:#fff!important;box-shadow:0 10px 30px -10px var(--rd-red),inset 0 1px 0 rgba(255,255,255,.2)!important}
.welcome-page .enter:hover{filter:brightness(1.08)}
.welcome-page input:focus{border-color:var(--rd-cyan)!important;outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--rd-cyan) 25%,transparent)}
.welcome-page footer,.welcome-page footer span{color:var(--rd-muted)!important}
@media(max-width:800px){
  .welcome-page .welcome-brand>p:not(.eyebrow){display:none}
  .welcome-page .welcome-shell{gap:14px!important}
}

/* ---------- Minimální velikost písma 12 px (nálezy auditu: 6,5–11 px) ---------- */
#app small,#app .real-label,#app .feed-note,#app .program-date,#app .completed-date,#app th,#app td,#app option,
#app .home-caption>span,#app .home-no-value,#app .home-no-value>small,#app .skill-inline-cell>small,#app .skill-inline-cell>strong,
#app .analysis-metrics>span,#app .form-dots>span,#app .source-status>p,#app .real-match-meta>span,#app .real-score>small,
#app .period-event-key>span,#app .event-blank,#app .text-panel>p,#app .text-panel>a,#app .heading-ai,#app .madman-tip-coverage,#app .madman-tip-foot,
#app .match-ai-credibility,#app .match-ai-credibility>b,#app .match-ai-prices>h4,#app .match-ai-book>b,#app .data-details>summary,
#app .reference-diagnostics>summary,#app .logo-fallback,#app .analysis-h2h,#app .paper-add,#app .panel>label,#app .panel>span,
#app .real-banner>button.secondary,#app .panel>button.secondary,#app .quick-actions>a.secondary,#app .signed-user>small{font-size:12px!important;line-height:1.45}
#app .skill-preview-foot>b,#app th>b,#app .match-tabs button span,#app .real-hero div>span{font-size:12px!important}
#app .real-hero h2{font-size:max(14px,1em)!important}

@media(max-width:800px){
  .match-tabs{overflow-x:auto!important;scrollbar-width:none;flex-wrap:nowrap!important;display:flex!important}
  .match-tabs::-webkit-scrollbar{display:none}
  .match-tabs button{flex:0 0 auto;padding:8px 12px!important}
}

/* ---------- Užší šířky ---------- */
@media(max-width:1100px){
  .real-topbar{grid-template-columns:auto minmax(120px,1fr) auto!important;gap:8px 12px!important;padding:8px 12px!important}
  .real-topbar>.header-skill{grid-column:1/-1!important;grid-row:2!important}
  .real-topbar .skill-preview{height:52px!important}
  .real-topbar .skill-preview-foot{display:none!important}
}
@media(max-width:800px){
  .real-topbar{position:relative!important;top:auto!important}
  .real-topbar .skill-preview-head{padding:0 10px}
  .real-topbar .skill-preview-head b{font-size:13px!important}
  .real-topbar .skill-preview-gauges>span{padding:0 10px}
  .real-topbar .skill-preview .skill-dial>strong{font-size:16px!important}
  .real-banner .competition-switcher{width:100%!important;overflow-x:auto;scrollbar-width:none}
  .real-banner .competition-button{padding:6px 12px!important}
}
@media(max-width:520px){
  .real-topbar .skill-preview-head{display:none!important}
  .real-topbar .skill-preview-gauges>span:last-child{border-right:0}
}

.responsible-play{padding:14px 18px;margin:0;text-align:center;font-size:12px;line-height:1.6;color:#adc3d8;background:#07121e;border-top:1px solid #233d51}.welcome-card .responsible-play{margin-top:20px;padding:12px 0;background:none}.source-citation{color:inherit;cursor:default}.book-reference-state{color:#e1c26b}.book-reference-row .book-reference-price{display:block;padding:13px;border:1px solid #285269;border-radius:6px;color:#e8f6ff}.book-reference-row small{display:block}.book-unavailable-summary{font-size:12px;color:#97b2c8;line-height:1.6}