/* Sekcia Ciele (KPI) – podľa prototypu z projektu A-Z Stroj. Triedy majú predponu kp-, farby z tokenov portálu. */
.kp{--gold:var(--nk-gold);--gold-t:var(--nk-gold-text);--gold-soft:var(--nk-dest-bg);--bg:var(--nk-bg);--card:var(--nk-tile);
  --line:var(--nk-line);--text:var(--nk-text);--muted:var(--nk-muted);--input:var(--nk-surface);--ok:var(--nk-ok);--ok-bg:var(--nk-ok-bg);
  --bad:var(--nk-bad);--bad-bg:var(--nk-bad-bg);--warn:var(--nk-warn);--warn-bg:var(--nk-warn-bg);--na:var(--nk-muted);--na-bg:var(--nk-pill);
  --run:var(--nk-gold-text);--run-bg:var(--nk-dest-bg);--r:22px;--r-s:12px;--shadow:none}
.kp h1,.kp h2,.kp h3{font-weight:500;margin:0;line-height:1.3}
/* ===== Hlavička stránky, filtre ===== */
.kp-crumbs{font-size:13px;color:var(--muted);margin:0 0 10px;display:flex;flex-wrap:wrap;gap:6px}
.kp-crumbs a{color:var(--gold-t);text-decoration:none}
.kp-crumbs a:hover{text-decoration:underline}
.kp-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.kp-page-title{font-size:26px}
.kp-page-sub{margin:4px 0 0;color:var(--muted)}
.kp-field{display:flex;flex-direction:column;gap:4px}
.kp-field__l{font-size:12px;color:var(--muted)}
.kp-select,.kp-input,.kp-textarea{background:var(--input);border:1px solid var(--line);border-radius:var(--r-s);padding:9px 12px;min-height:42px;width:100%}
.kp-select{padding-right:30px}
.kp-textarea{min-height:84px;resize:vertical}
.kp-input:focus,.kp-select:focus,.kp-textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px var(--gold-soft)}
.kp-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.kp-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.kp-chip{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:400}
.kp-chip[aria-pressed="true"]{background:var(--gold-soft);border-color:var(--gold);color:var(--gold-t)}
.kp-check{display:inline-flex;gap:8px;align-items:center;cursor:pointer;min-height:42px}
.kp-check input{width:18px;height:18px;accent-color:var(--gold)}

/* ===== Karta (základ) ===== */
.kp-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:18px}
a.kp-card{display:block;text-decoration:none;transition:border-color .15s,transform .15s}
a.kp-card:hover{border-color:var(--gold)}
.kp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.kp-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
@media (max-width:860px){.kp-cols{grid-template-columns:1fr}}
.kp-panel__t{font-size:16px;margin-bottom:4px}
.kp-panel__s{font-size:13px;color:var(--muted);margin:0 0 12px}
.kp-section-t{font-size:18px;margin:26px 0 12px}
.kp-code{display:inline-block;font-size:12px;font-weight:500;letter-spacing:.03em;color:var(--gold-t);background:var(--gold-soft);border-radius:6px;padding:1px 7px}
.kp-muted{color:var(--muted)}
.kp-empty{color:var(--muted);font-size:14px;margin:0}

/* ===== Stavový štítok ===== */
.kp-pill{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:400;border-radius:999px;padding:2px 10px;white-space:nowrap}
.kp-pill--ok{color:var(--ok);background:var(--ok-bg)}
.kp-pill--bad{color:var(--bad);background:var(--bad-bg)}
.kp-pill--warn{color:var(--warn);background:var(--warn-bg)}
.kp-pill--na{color:var(--na);background:var(--na-bg)}
.kp-pill--run{color:var(--run);background:var(--run-bg)}
.kp-pill--off{color:var(--na);background:transparent;border:1px dashed var(--line)}

/* ===== Súhrn (stat) ===== */
.kp-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}
.kp-stat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px;border-top:4px solid var(--line)}
.kp-stat__v{font-size:26px;font-weight:500;line-height:1.1}
.kp-stat__v small{font-size:14px;font-weight:300;color:var(--muted)}
.kp-stat__l{font-size:13px;color:var(--muted)}
.kp-stat--ok{border-top-color:var(--ok)} .kp-stat--bad{border-top-color:var(--bad)}
.kp-stat--warn{border-top-color:var(--warn)} .kp-stat--na{border-top-color:var(--na)}
@media (max-width:860px){.kp-stats{grid-template-columns:repeat(2,1fr)}.kp-stats .kp-stat:first-child{grid-column:1/-1}}

/* ===== Karta človeka ===== */
.kp-person{border-left:6px solid var(--line)}
.kp-person--ok{border-left-color:var(--ok)} .kp-person--bad{border-left-color:var(--bad)}
.kp-person--warn{border-left-color:var(--warn)} .kp-person--na{border-left-color:var(--na)}
.kp-person__top{display:flex;gap:12px;align-items:center}
.kp-avatar{width:42px;height:42px;border-radius:50%;background:var(--gold-soft);color:var(--gold-t);display:grid;place-items:center;font-weight:500;font-size:14px;flex:none}
.kp-person__name{font-weight:500}
.kp-person__pos{font-size:13px;color:var(--muted)}
.kp-person__row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 10px}
.kp-person__num{font-size:30px;font-weight:500;line-height:1}
.kp-person__num span{font-size:16px;color:var(--muted);font-weight:300}
.kp-person__lbl{font-size:12px;color:var(--muted);line-height:1.3}
.kp-person__score{display:flex;align-items:center;gap:10px}
.kp-trend{font-size:13px;font-weight:500;border-radius:999px;padding:2px 8px}
.kp-trend--up{color:var(--ok);background:var(--ok-bg)} .kp-trend--down{color:var(--bad);background:var(--bad-bg)} .kp-trend--flat{color:var(--na);background:var(--na-bg)}
.kp-mini{list-style:none;margin:0;padding:0;display:flex;gap:4px;flex-wrap:wrap}
.kp-mini__i{width:22px;height:8px;border-radius:4px;background:var(--line)}
.kp-mini--ok{background:var(--ok)} .kp-mini--bad{background:var(--bad)} .kp-mini--warn{background:var(--warn)} .kp-mini--na{background:var(--na);opacity:.5}
.kp-alerts{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.kp-alert{font-size:13px;border-radius:10px;padding:5px 10px}
.kp-alert--warn{background:var(--warn-bg);color:var(--warn)}
.kp-alert--bad{background:var(--bad-bg);color:var(--bad)}

/* ===== Hlavička človeka ===== */
.kp-phead{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:center}
@media (max-width:760px){.kp-phead{grid-template-columns:1fr}}
.kp-phead .kp-avatar{width:56px;height:56px;font-size:18px}
.kp-phead__name{font-size:24px}

/* ===== Karta cieľa ===== */
.kp-goal{display:flex;flex-direction:column;gap:10px}
.kp-goal__head{display:flex;justify-content:space-between;align-items:center;gap:8px}
.kp-goal__name{font-size:15px;font-weight:500}
.kp-goal__target{font-size:13px;color:var(--muted)}
.kp-goal__last{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.kp-goal__val{font-size:20px;font-weight:500}
.kp-goal__lm{font-size:12px;color:var(--muted)}
.kp-goal__run{background:var(--bg);border-radius:12px;padding:8px 10px;font-size:13px}
.kp-goal__run b{font-weight:500}
.kp-goal__meta{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:8px;margin-top:auto}

/* ===== Bodky 6 mesiacov ===== */
.kp-dots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.kp-dot{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--muted)}
.kp-dot::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--line);display:block}
.kp-dot--ok::before{background:var(--ok)} .kp-dot--bad::before{background:var(--bad)}
.kp-dot--warn::before{background:transparent;border:2px solid var(--warn)} .kp-dot--na::before{background:var(--na);opacity:.45}
.kp-dot--run::before{background:transparent;border:2px dashed var(--run)} .kp-dot--off::before{background:transparent;border:1px dashed var(--line)}

/* ===== Progres (SVG) ===== */
.kp-prog{display:block;width:100%;height:10px;border-radius:5px;overflow:hidden;margin-top:6px}
.kp-prog__bg{fill:var(--line)}
.kp-prog__v{fill:var(--na)} .kp-prog__v--ok{fill:var(--ok)} .kp-prog__v--warn{fill:var(--warn)} .kp-prog__v--bad{fill:var(--bad)}
.kp-prog__t{fill:var(--text)}

/* ===== Grafy (SVG) ===== */
.kp-chart{display:block;width:100%;height:auto}
.kp-ch-grid{stroke:var(--line);stroke-width:1}
.kp-ch-tick{fill:var(--muted);font-size:11px;font-family:Poppins,sans-serif}
.kp-ch-lab{fill:var(--muted);font-size:12px;font-family:Poppins,sans-serif}
.kp-ch-val{fill:var(--text);font-size:12px;font-weight:500;font-family:Poppins,sans-serif}
.kp-ch-delta{font-size:11px;font-family:Poppins,sans-serif}
.kp-ch-delta--ok{fill:var(--ok)} .kp-ch-delta--bad{fill:var(--bad)}
.kp-ch-target{stroke:var(--gold);stroke-width:2;stroke-dasharray:6 5}
.kp-ch-target-l{fill:var(--gold-t);font-size:11px;font-weight:500;font-family:Poppins,sans-serif}
.kp-ch-line{fill:none;stroke:var(--muted);stroke-width:2}
.kp-ch-line--run{stroke-dasharray:4 4}
.kp-ch--ok{fill:var(--ok)} .kp-ch--bad{fill:var(--bad)} .kp-ch--na{fill:var(--na)}
.kp-ch--warn{fill:var(--card);stroke:var(--warn);stroke-width:2;stroke-dasharray:3 3}
.kp-ch--run{fill:var(--card);stroke:var(--run);stroke-width:2;stroke-dasharray:4 3}
.kp-ch-pt{stroke:var(--card);stroke-width:2}
.kp-pc--ok{fill:var(--ok)} .kp-pc--warn{fill:var(--warn)} .kp-pc--bad{fill:var(--bad)} .kp-pc--na{fill:var(--na)}

/* ===== Detail cieľa ===== */
.kp-info{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px;margin:0}
.kp-info div{min-width:0}
.kp-info dt{font-size:12px;color:var(--muted)}
.kp-info dd{margin:2px 0 0;font-weight:400}
.kp-info__wide{grid-column:1/-1}
@media (max-width:760px){.kp-info{grid-template-columns:1fr 1fr}}

/* ===== Riadok merania ===== */
.kp-mlist{list-style:none;margin:0;padding:0}
.kp-mrow{display:grid;grid-template-columns:140px 1fr auto;gap:4px 14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.kp-mrow:last-child{border-bottom:0}
.kp-mrow__m{font-size:13px;color:var(--muted)}
.kp-mrow__v{font-weight:500}
.kp-mrow__p{grid-column:2/-1;font-size:13px;color:var(--muted)}
.kp-mrow a{color:var(--gold-t)}
@media (max-width:560px){.kp-mrow{grid-template-columns:1fr auto}.kp-mrow__m{grid-column:1/-1}.kp-mrow__p{grid-column:1/-1}}

/* ===== Kalendár ===== */
.kp-cal__bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.kp-cal__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.kp-cal__wd{font-size:11px;color:var(--muted);text-align:center}
.kp-cal__d{border-radius:10px;min-height:52px;padding:4px 6px;font-size:12px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);background:var(--card)}
.kp-cal__n{font-weight:500}
.kp-cal__v{font-size:11px;color:var(--muted)}
.kp-cal__d--ok{background:var(--ok-bg);border-color:transparent}
.kp-cal__d--ok .kp-cal__v{color:var(--ok)}
.kp-cal__d--miss{background:var(--warn-bg);border-color:var(--warn)}
.kp-cal__d--miss .kp-cal__v{color:var(--warn)}
.kp-cal__d--off{background:transparent;border-style:dashed;color:var(--muted)}
.kp-cal__d--abs{background:var(--na-bg);border-color:transparent;color:var(--na)}
.kp-cal__d--today{border:2px solid var(--gold)}
.kp-cal__d--fut{background:transparent;color:var(--muted);opacity:.6}
.kp-cal__d--pad{border:0;background:transparent}
.kp-legend{list-style:none;padding:0;margin:12px 0 0;display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.kp-legend li{display:flex;align-items:center;gap:6px}
.kp-lg{width:14px;height:14px;border-radius:4px;border:1px solid var(--line)}
.kp-lg--ok{background:var(--ok-bg);border-color:var(--ok)} .kp-lg--miss{background:var(--warn-bg);border-color:var(--warn)}
.kp-lg--abs{background:var(--na-bg)} .kp-lg--off{border-style:dashed} .kp-lg--today{border:2px solid var(--gold)}
@media (max-width:480px){.kp-cal__d{min-height:44px;padding:3px}.kp-cal__v{font-size:10px}}

/* ===== Podklad na rozhovor ===== */
.kp-talk{border:1px solid var(--gold);background:var(--gold-soft)}
.kp-talk__list{margin:6px 0 0;padding-left:18px}
.kp-talk__list li{margin:4px 0}
.kp-talk h3{font-size:14px;margin-top:12px}

/* ===== Zápis mesačných výsledkov ===== */
.kp-entry{padding:6px 18px}
.kp-entry__h{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}
.kp-entry__h h2{font-size:16px}
.kp-erow{display:grid;grid-template-columns:minmax(220px,1.5fr) 1fr auto 1fr;gap:8px 12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.kp-erow:last-child{border-bottom:0}
.kp-erow--missing{background:linear-gradient(90deg,var(--warn-bg),transparent 60%);margin:0 -18px;padding-left:18px;padding-right:18px}
.kp-erow__goal{display:flex;flex-direction:column;gap:2px;min-width:0}
.kp-erow__name{font-weight:400}
.kp-erow__t{font-size:12px;color:var(--muted)}
.kp-erow__hint{grid-column:1/-1;font-size:13px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted)}
.kp-erow__hint b{color:var(--text)}
@media (max-width:900px){.kp-erow{grid-template-columns:1fr 1fr}.kp-erow__goal{grid-column:1/-1}.kp-seg{grid-column:1/-1;order:3}.kp-erow__note{grid-column:1/-1;order:4}.kp-erow__hint{order:5}}
.kp-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px;margin:0;min-width:0}
.kp-seg{position:relative}
.kp-seg input{position:absolute;left:0;top:0;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.kp-seg label{padding:6px 12px;border-radius:999px;cursor:pointer;font-size:13px;white-space:nowrap;color:var(--muted);flex:1;text-align:center}
.kp-seg input:focus-visible+label{outline:2px solid var(--gold);outline-offset:1px}
.kp-seg input[value="s"]:checked+label{background:var(--ok-bg);color:var(--ok);font-weight:500}
.kp-seg input[value="n"]:checked+label{background:var(--bad-bg);color:var(--bad);font-weight:500}
.kp-seg input[value="x"]:checked+label{background:var(--na-bg);color:var(--na);font-weight:500}
.kp-savebar{position:sticky;bottom:12px;margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--text);color:var(--bg);border-radius:999px;padding:8px 8px 8px 20px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.kp-savebar .kp-btn{background:var(--gold);border-color:var(--gold);color:#0A0A0A}
@media (max-width:560px){.kp-savebar{border-radius:18px;padding:10px}.kp-savebar .kp-btn{width:100%}}

/* ===== Môj deň ===== */
.kp-myday{max-width:720px;margin:0 auto}
.kp-daychips{list-style:none;margin:0 0 16px;padding:0;display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}
.kp-daychip{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:6px 10px;min-width:62px;text-align:center;cursor:pointer;display:flex;flex-direction:column;line-height:1.25}
.kp-daychip__d{font-size:11px;color:var(--muted)}
.kp-daychip__n{font-weight:500}
.kp-daychip__s{font-size:11px}
.kp-daychip--ok .kp-daychip__s{color:var(--ok)}
.kp-daychip--miss{border-color:var(--warn)}
.kp-daychip--miss .kp-daychip__s{color:var(--warn)}
.kp-daychip[aria-pressed="true"]{border:2px solid var(--gold);background:var(--gold-soft)}
.kp-dgoal{margin:0 0 12px;padding:16px 18px}
.kp-dgoal legend{padding:0;font-weight:500;display:flex;gap:8px;align-items:center;flex-wrap:wrap;float:left;width:100%;margin-bottom:10px}
.kp-dgoal__f{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kp-num{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;font-size:13px;color:var(--muted)}
.kp-num span{flex:1}
.kp-num input{font-size:20px;font-weight:500;text-align:center;color:var(--text)}
.kp-dgoal__r{margin-top:8px;font-size:13px;color:var(--muted);min-height:20px}
.kp-dgoal__r--err{color:var(--bad)}
.kp-dgoal__r--ok{color:var(--ok)}
.kp-status-card{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.kp-status-card--warn{border-color:var(--warn);background:var(--warn-bg)}
.kp-status-card--ok{border-color:var(--ok);background:var(--ok-bg)}
.kp-month-row{padding:10px 0;border-bottom:1px solid var(--line)}
.kp-month-row:last-child{border-bottom:0}
.kp-month-row__h{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.kp-month-row__h b{white-space:nowrap}

.kp-savebar .btn{background:var(--gold);border-color:var(--gold);color:#0A0A0A}
.kp-hide{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.kp-pill--skus{color:var(--run);background:transparent;border:1px dashed var(--run)}
.kp-dot--skus::before{background:transparent;border:2px dotted var(--run)}
.kp-ch--skus{fill:var(--card);stroke:var(--run);stroke-width:2;stroke-dasharray:2 3}