/* KP1 modern preview — aktivuje se pouze pres ?design=modern */
:root{--kp-navy:#0b3550;--kp-navy2:#082b42;--kp-teal:#08a88a;--kp-cyan:#1ea7df;--kp-green:#35c777;--kp-orange:#ffb23e;--kp-bg:#f4f8fb;--kp-card:#fff;--kp-text:#17364b;--kp-muted:#6e8392;--kp-line:#dce8ef}
body.design-modern{background:var(--kp-bg);color:var(--kp-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px;text-rendering:optimizeLegibility}
.design-modern .container{max-width:1180px;width:calc(100% - 32px);margin-left:auto;margin-right:auto}
.design-modern .roztahovak-modry:first-of-type{background:linear-gradient(115deg,var(--kp-navy2),var(--kp-navy));min-height:0;padding:14px 0;box-shadow:0 5px 24px rgba(8,43,66,.13)}
.design-modern .hlavicka{background:transparent;min-height:0}
.design-modern #nadpis h1 a{display:flex;justify-content:center;align-items:center}
.design-modern #nadpis h1 img{width:auto;max-width:100%;height:auto;max-height:108px;border:0;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.design-modern .roztahovak-vrsek{background:transparent;padding:22px 0 4px}
.design-modern #tri{background:transparent;margin:0;padding:0;display:flex;gap:16px;align-items:stretch;overflow:visible}
.design-modern #tri>.container{display:flex;gap:16px;align-items:stretch;width:100%;padding:0}
.design-modern #tri .col-md-3,.design-modern #tri .col-md-5{float:none;padding:0;margin:0}
.design-modern #tri .col-md-3{width:25%}.design-modern #tri .col-md-5{width:50%}
.design-modern .sloupekAktualne,.design-modern .drivetoutodobouted{margin:0;height:100%}
.design-modern .aktualne{height:126px;border-radius:16px;margin:0 0 8px;background-color:var(--kp-orange);box-shadow:0 10px 25px rgba(25,65,88,.09)}
.design-modern .aktualneMensi{height:66px;border-radius:12px;margin-top:0;box-shadow:0 7px 18px rgba(25,65,88,.07)}
.design-modern .tabulkaVHlavicce{height:100%;margin:0;background:var(--kp-card);border-radius:16px;overflow:hidden;box-shadow:0 10px 25px rgba(25,65,88,.09)}
.design-modern .tabulkaVHlavicce tr:first-child{background:linear-gradient(90deg,#079b82,#10b59a);height:44px}
.design-modern .tabulkaVHlavicce tr:nth-child(odd){background:#f3faf9}.design-modern .tabulkaVHlavicce td{border:0;height:27px}
.design-modern #hlavni{background:transparent;margin:22px auto 40px}
.design-modern #oblastzalozek{background:var(--kp-card);border-radius:18px;box-shadow:0 12px 34px rgba(22,62,85,.09);overflow:hidden}
.design-modern ul.tabs{display:flex;background:var(--kp-navy);padding:6px!important;box-sizing:border-box;gap:4px}
.design-modern ul.tabs li{float:none;flex:1;width:auto}
.design-modern ul.tabs a{float:none;box-sizing:border-box;width:100%;height:auto;top:0;margin:0;padding:15px 10px;border-radius:11px;background:transparent;font-size:15px;font-weight:600;transition:.18s ease}
.design-modern ul.tabs a:hover{background:rgba(255,255,255,.10);color:#fff}.design-modern ul.tabs a.current{background:#fff;color:var(--kp-navy);box-shadow:0 3px 12px rgba(0,0,0,.12)}
.design-modern .panely>div{background:#fff;padding:18px 22px 24px}
.design-modern .tabulkaDnes{margin:6px 0 18px;background:linear-gradient(135deg,#f7fbfd,#eef8f7);border:1px solid var(--kp-line);border-radius:14px;overflow:hidden;display:table}
.design-modern .tabulkaDnes tr,.design-modern .tabulkaDnes tr:first-child{background:transparent!important}.design-modern .radekDnes{background:transparent;font-size:15px;line-height:25px;padding:13px 12px!important}
.design-modern .font25{font-size:19px;font-weight:700}.design-modern .zelena{color:#079b82}
.design-modern .graf{margin:16px 0 22px;padding:10px 8px 4px;background:#fff;border:1px solid var(--kp-line);border-radius:16px;box-shadow:0 8px 24px rgba(20,65,88,.055);box-sizing:border-box;overflow:hidden}
.design-modern .paticka{background:transparent}.design-modern .roztahovak-modry:last-of-type{background:var(--kp-navy2);min-height:58px}.design-modern .paticka p{background:transparent;border:0;margin:0;padding:22px 0;text-align:center;color:#c8d9e3}
@media(max-width:768px){
 body.design-modern{font-size:14px}.design-modern .container{width:calc(100% - 20px)}
 .design-modern .roztahovak-modry:first-of-type{padding:8px 0}.design-modern #nadpis h1 img{max-height:none;width:100%;border-radius:7px}
 .design-modern .roztahovak-vrsek{padding-top:12px}.design-modern #tri>.container{display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .design-modern #tri .col-md-3,.design-modern #tri .col-md-5{width:auto}.design-modern #tri .col-md-5{grid-column:1/-1}
 .design-modern ul.tabs{overflow-x:auto;justify-content:flex-start}.design-modern ul.tabs li{flex:0 0 auto}.design-modern ul.tabs a{padding:12px 14px;white-space:nowrap}
 .design-modern .panely>div{padding:12px 10px 18px}.design-modern .tabulkaDnes,.design-modern .tabulkaDnes tbody,.design-modern .tabulkaDnes tr,.design-modern .tabulkaDnes td{display:block;width:100%;box-sizing:border-box}.design-modern .radekDnes{padding:7px 10px!important}.design-modern .radekDnes .vpravo{float:none}
 .design-modern .graf{margin:12px 0;padding:4px 0;border-radius:12px}
}
@media(max-width:480px){.design-modern #tri>.container{grid-template-columns:1fr}.design-modern #tri .col-md-5{grid-column:auto}.design-modern .aktualne{height:112px}.design-modern #hlavni{margin-top:12px}}

/* v2: logo bez ramecku / karty */
.design-modern #nadpis h1{margin:0;padding:0;line-height:0}
.design-modern #nadpis h1 a{background:transparent!important;border:0!important;box-shadow:none!important;text-decoration:none!important}
.design-modern #nadpis h1 img{border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;display:block}

/* v3: skutecne transparentni responzivni znacka */
.design-modern .roztahovak-modry:first-of-type{padding:12px 0}
.design-modern #nadpis h1{line-height:normal}
.design-modern #nadpis .kp-brand{display:flex;justify-content:center;align-items:center;gap:20px;min-height:78px;color:#fff!important;text-decoration:none!important}
.design-modern #nadpis .kp-brand-mark{width:180px!important;max-width:22vw!important;height:auto!important;max-height:76px!important;object-fit:contain;flex:0 0 auto}
.design-modern #nadpis .kp-brand-name{font-size:36px;font-weight:750;letter-spacing:-1.2px;white-space:nowrap;line-height:1;color:#fff}
.design-modern #nadpis .kp-brand-name strong{font-weight:750;color:#35d18a}
.design-modern #nadpis .kp-brand-separator{width:1px;height:50px;background:rgba(255,255,255,.28);flex:0 0 1px}
.design-modern #nadpis .kp-brand-copy{font-size:16px;font-weight:400;line-height:1.3;color:#dceaf1;text-align:left;white-space:nowrap}
.design-modern #nadpis .kp-brand-copy small{display:block;margin-top:3px;font-size:14px;color:#48bde9;letter-spacing:.25px}
@media(max-width:768px){
 .design-modern #nadpis .kp-brand{gap:11px;min-height:62px;justify-content:flex-start}
 .design-modern #nadpis .kp-brand-mark{width:118px!important;max-width:30vw!important;max-height:58px!important}
 .design-modern #nadpis .kp-brand-name{font-size:clamp(22px,5vw,31px);letter-spacing:-.7px}
 .design-modern #nadpis .kp-brand-separator{height:40px}
 .design-modern #nadpis .kp-brand-copy{font-size:12px;white-space:normal;max-width:250px}
 .design-modern #nadpis .kp-brand-copy small{font-size:11px}
}
@media(max-width:520px){
 .design-modern .roztahovak-modry:first-of-type{padding:8px 0}
 .design-modern #nadpis .kp-brand{gap:8px;min-height:52px}
 .design-modern #nadpis .kp-brand-mark{width:88px!important;max-width:27vw!important}
 .design-modern #nadpis .kp-brand-name{font-size:clamp(19px,6vw,26px)}
 .design-modern #nadpis .kp-brand-separator{display:none}
 .design-modern #nadpis .kp-brand-copy{display:none}
}


/* v4: kompaktni finalni brand */
.design-modern .roztahovak-modry:first-of-type{padding:14px 0}
.design-modern #nadpis .kp-brand{display:flex;justify-content:center;align-items:center;gap:15px;min-height:74px;width:max-content;max-width:100%;margin:0 auto}
.design-modern #nadpis .kp-brand-mark{width:150px!important;max-width:none!important;max-height:72px!important;flex:0 0 150px}
.design-modern #nadpis .kp-brand-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-width:0}
.design-modern #nadpis .kp-brand-name{font-size:34px;font-style:normal;font-weight:700;letter-spacing:-1px;line-height:1;white-space:nowrap}
.design-modern #nadpis .kp-brand-name strong{font-weight:700}
.design-modern #nadpis .kp-brand-copy{display:block;font-size:15px;font-style:normal;font-weight:400;line-height:1.15;color:#d9e8ef;text-align:left;white-space:nowrap}
.design-modern #nadpis .kp-brand-separator{display:none!important}
.design-modern #nadpis .kp-brand-copy small{display:none!important}
@media(max-width:768px){
 .design-modern #nadpis .kp-brand{gap:11px;min-height:62px;width:max-content;max-width:100%;margin:0 auto;justify-content:center}
 .design-modern #nadpis .kp-brand-mark{width:112px!important;max-width:30vw!important;max-height:56px!important;flex:0 1 112px}
 .design-modern #nadpis .kp-brand-name{font-size:clamp(23px,5vw,30px);letter-spacing:-.7px}
 .design-modern #nadpis .kp-brand-copy{font-size:12px;white-space:nowrap;max-width:none}
}
@media(max-width:520px){
 .design-modern .roztahovak-modry:first-of-type{padding:8px 0}
 .design-modern #nadpis .kp-brand{gap:8px;min-height:50px}
 .design-modern #nadpis .kp-brand-mark{width:82px!important;max-width:25vw!important;max-height:46px!important;flex-basis:82px}
 .design-modern #nadpis .kp-brand-name{font-size:clamp(20px,6vw,25px)}
 .design-modern #nadpis .kp-brand-copy{display:none}
}
\n\n/* ===== KP1: pet skrytych variant grafu (?chart=1..5) ===== */
.design-modern .graf{position:relative;transition:.2s ease}
.design-modern.chart-style-1 .graf{border:0;background:linear-gradient(180deg,#ffffff 0%,#f8fcfe 100%);box-shadow:0 12px 34px rgba(15,61,87,.08);padding:12px 10px 6px}
.design-modern.chart-style-2 .graf{border:1px solid #cbdce5;border-radius:10px;background:#fbfdfe;box-shadow:none;padding:8px 8px 2px}
.design-modern.chart-style-3 .graf{border:0;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#f4fbff 52%,#f2fbf8 100%);box-shadow:0 16px 40px rgba(15,61,87,.11);padding:14px 12px 8px}
.design-modern.chart-style-4 .graf{border:1px solid #d8e8ef;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(15,61,87,.08);padding:12px 10px 6px}
.design-modern.chart-style-4 .graf:before{content:'INTERAKTIVNÍ GRAF  •  tažením označíte úsek';display:block;font-size:10px;font-weight:700;letter-spacing:.8px;color:#78909d;padding:2px 8px 0;text-align:right}
.design-modern.chart-style-5 .graf{border:0;border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(15,61,87,.10);padding:14px 12px 8px}
.design-modern.chart-style-5 .graf:before{content:'PRŮBĚH POČASÍ';display:block;font-size:11px;font-weight:800;letter-spacing:1.15px;color:#08a88a;padding:3px 9px 0}
@media(max-width:600px){.design-modern.chart-style-4 .graf:before{content:'INTERAKTIVNÍ GRAF';}.design-modern .graf{border-radius:14px!important;padding-left:2px!important;padding-right:2px!important}}

/* v5: Weather Flow jako jediny graf + diskretni ovladani jazyka a motivu */
.design-modern .hlavicka{position:relative}
.design-modern .graf{border:0;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#f4fbff 52%,#f2fbf8 100%);box-shadow:0 16px 40px rgba(15,61,87,.11);padding:14px 12px 8px}
.kp-controls{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:7px;align-items:center;z-index:20}
.kp-segment{display:flex;padding:3px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:9px;backdrop-filter:blur(8px)}
.kp-segment a,.kp-segment button{appearance:none;border:0;background:transparent;color:#bcd0dc;text-decoration:none;font:700 10px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.35px;padding:7px 8px;border-radius:6px;cursor:pointer;transition:.16s ease}
.kp-segment a:hover,.kp-segment button:hover{color:#fff;background:rgba(255,255,255,.08)}
.kp-segment .active{background:rgba(255,255,255,.95)!important;color:#0b3550!important;box-shadow:0 2px 7px rgba(0,0,0,.12)}
@media(max-width:900px){.kp-controls{position:static;transform:none;justify-content:center;margin:4px auto 2px}.design-modern #nadpis .kp-brand{margin-bottom:3px}.design-modern .hlavicka{display:flex;flex-direction:column}}
@media(max-width:520px){.kp-segment a,.kp-segment button{font-size:9px;padding:6px 7px}.kp-controls{gap:5px}}

/* dark mode */
html[data-kp-theme="dark"]{color-scheme:dark}
html[data-kp-theme="dark"] body.design-modern{--kp-bg:#071923;--kp-card:#0d2735;--kp-text:#e8f2f7;--kp-muted:#9fb6c4;--kp-line:#244354;background:#071923;color:#e8f2f7}
html[data-kp-theme="dark"] .design-modern .roztahovak-vrsek{background:transparent}
html[data-kp-theme="dark"] .design-modern .tabulkaVHlavicce{background:#0d2735}
html[data-kp-theme="dark"] .design-modern .tabulkaVHlavicce tr:nth-child(odd){background:#102f3e}
html[data-kp-theme="dark"] .design-modern #oblastzalozek,html[data-kp-theme="dark"] .design-modern .panely>div{background:#0d2735;color:#e8f2f7}
html[data-kp-theme="dark"] .design-modern ul.tabs a.current{background:#17394a;color:#fff}
html[data-kp-theme="dark"] .design-modern .tabulkaDnes{background:linear-gradient(135deg,#102d3b,#0d332f);border-color:#244354}
html[data-kp-theme="dark"] .design-modern .graf{background:linear-gradient(145deg,#0e2937 0%,#0b2432 52%,#0c302d 100%);border-color:#244354;box-shadow:0 16px 40px rgba(0,0,0,.24)}
html[data-kp-theme="dark"] .design-modern .font25{color:#e8f2f7}
html[data-kp-theme="dark"] .design-modern input,html[data-kp-theme="dark"] .design-modern select{background:#102d3b;color:#e8f2f7;border-color:#315064}

/* v6: finalni kontrastni dark theme */
html[data-kp-theme="dark"] body.design-modern{background:#061822!important;color:#eaf4f8!important}
html[data-kp-theme="dark"] .design-modern .roztahovak-vrsek{background:#061822!important}
html[data-kp-theme="dark"] .design-modern .tabulkaVHlavicce{background:#0d2735!important;color:#eaf4f8!important}
html[data-kp-theme="dark"] .design-modern .tabulkaVHlavicce tr:not(.zelenyRadek),
html[data-kp-theme="dark"] .design-modern .tabulkaVHlavicce tr:nth-child(odd):not(.zelenyRadek),
html[data-kp-theme="dark"] .design-modern .tabulkaVHlavicce tr:nth-child(even):not(.zelenyRadek){background:#0f2c3a!important;color:#eaf4f8!important}
html[data-kp-theme="dark"] .design-modern .tabulkaVHlavicce tr:nth-child(even):not(.zelenyRadek){background:#123544!important}
html[data-kp-theme="dark"] .design-modern .tabulkaVHlavicce td,
html[data-kp-theme="dark"] .design-modern .tabulkaVHlavicce th,
html[data-kp-theme="dark"] .design-modern .tabulkaVHlavicce a,
html[data-kp-theme="dark"] .design-modern .tabulkaVHlavicce abbr{color:#eaf4f8!important;border-color:#587382!important}
html[data-kp-theme="dark"] .design-modern .tabulkaVHlavicce .zelenyRadek,
html[data-kp-theme="dark"] .design-modern .tabulkaVHlavicce .zelenyRadek td{background:linear-gradient(90deg,#078f79,#0aa98e)!important;color:#fff!important}
html[data-kp-theme="dark"] .design-modern .tabulkaVHlavicce .zelenyRadek a{color:#fff!important}
html[data-kp-theme="dark"] .design-modern #oblastzalozek,
html[data-kp-theme="dark"] .design-modern .panely,
html[data-kp-theme="dark"] .design-modern .panely>div{background:#0b2533!important;color:#eaf4f8!important}
html[data-kp-theme="dark"] .design-modern .tabulkaDnes{background:linear-gradient(135deg,#0e2b38,#0b342f)!important;border-color:#244b5d!important;color:#eaf4f8!important}
html[data-kp-theme="dark"] .design-modern .tabulkaDnes td,
html[data-kp-theme="dark"] .design-modern .radekDnes{color:#eaf4f8!important}
html[data-kp-theme="dark"] .design-modern .graf{background:linear-gradient(145deg,#0c2937 0%,#092330 55%,#0a302c 100%)!important;border-color:#244b5d!important;color:#eaf4f8!important}
html[data-kp-theme="dark"] .design-modern a:not(.kp-brand):not(.tabs a){color:#67d9c6}
html[data-kp-theme="dark"] .design-modern ul.tabs{background:#0d3a55!important}
html[data-kp-theme="dark"] .design-modern ul.tabs a{color:#e6f1f6!important}
html[data-kp-theme="dark"] .design-modern ul.tabs a.current{background:#eaf4f8!important;color:#0b3550!important}
html[data-kp-theme="dark"] .highcharts-background{fill:transparent!important}
html[data-kp-theme="dark"] .highcharts-grid-line{stroke:#244657!important}
html[data-kp-theme="dark"] .highcharts-axis-line,html[data-kp-theme="dark"] .highcharts-tick{stroke:#365a6c!important}
html[data-kp-theme="dark"] .highcharts-axis-labels text,html[data-kp-theme="dark"] .highcharts-title,html[data-kp-theme="dark"] .highcharts-legend-item text{fill:#dcebf2!important;color:#dcebf2!important}
html[data-kp-theme="dark"] .highcharts-legend-box{fill:rgba(8,31,43,.92)!important;stroke:#31576a!important}

/* v7: unified dark palette; intentionally overrides legacy table rules */
html[data-kp-theme="dark"] body.design-modern #tri table.tabulkaVHlavicce tr:not(.zelenyRadek),
html[data-kp-theme="dark"] body.design-modern #tri table.tabulkaVHlavicce tr:nth-child(odd):not(.zelenyRadek),
html[data-kp-theme="dark"] body.design-modern #tri table.tabulkaVHlavicce tr:nth-child(even):not(.zelenyRadek),
html[data-kp-theme="dark"] body.design-modern #tri table.tabulkaVHlavicce tbody tr:not(.zelenyRadek) {
  background:#102c3a !important;
  background-color:#102c3a !important;
  color:#eaf4f8 !important;
}
html[data-kp-theme="dark"] body.design-modern #tri table.tabulkaVHlavicce tr:nth-child(even):not(.zelenyRadek) {
  background:#123443 !important;
  background-color:#123443 !important;
}
html[data-kp-theme="dark"] body.design-modern #tri table.tabulkaVHlavicce tr:not(.zelenyRadek) > td,
html[data-kp-theme="dark"] body.design-modern #tri table.tabulkaVHlavicce tr:not(.zelenyRadek) > th {
  background:transparent !important;
  background-color:transparent !important;
  color:#eaf4f8 !important;
}
html[data-kp-theme="dark"] body.design-modern #tri table.tabulkaVHlavicce tr:not(.zelenyRadek) a,
html[data-kp-theme="dark"] body.design-modern #tri table.tabulkaVHlavicce tr:not(.zelenyRadek) abbr {
  color:#9be7da !important;
  text-decoration-color:#5d9d98 !important;
}
html[data-kp-theme="dark"] body.design-modern #tri table.tabulkaVHlavicce .zelenyRadek,
html[data-kp-theme="dark"] body.design-modern #tri table.tabulkaVHlavicce .zelenyRadek > td {
  background:#079b82 !important;
  background-color:#079b82 !important;
  color:#fff !important;
}
html[data-kp-theme="dark"] body.design-modern #oblastzalozek,
html[data-kp-theme="dark"] body.design-modern .panely,
html[data-kp-theme="dark"] body.design-modern .panely > div {background:#0b2533 !important;color:#eaf4f8 !important}
html[data-kp-theme="dark"] body.design-modern #hlavni table tr,
html[data-kp-theme="dark"] body.design-modern #hlavni table td,
html[data-kp-theme="dark"] body.design-modern #hlavni table th {color:#eaf4f8}
html[data-kp-theme="dark"] body.design-modern #hlavni .sedaBunka {background:#123443 !important}
html[data-kp-theme="dark"] body.design-modern #hlavni .radekStat:hover td {background:#173d4c !important}