/* Grafy kalkulačiek (charts.js). Modrá a oranžová sú overené validátorom palety grafov (svetlý aj tmavý režim:
   rozlíšiteľné aj pri poruchách farbocitu, kontrast voči povrchu karty). Sivá = kontext, "track" = zvyšok. */
.calcs{--ch-blue:#256a9a;--ch-orange:#f26b00;--ch-gray:#64727d;--ch-track:#a9b8c2;--ch-on-blue:#fff;--ch-on-orange:#0c2233}
html[data-theme="dark"] .calcs{--ch-blue:#3f8fc4;--ch-orange:#e8650a;--ch-gray:#9fb1bd;--ch-track:#35505f;--ch-on-blue:#07131d;--ch-on-orange:#07131d}
.s-blue{color:var(--ch-blue)}.s-orange{color:var(--ch-orange)}.s-gray{color:var(--ch-gray)}.s-track{color:var(--ch-track)}

.chart{margin:28px 0 0;padding:22px 0 0;border-top:1px solid var(--line)}
.chart[hidden],.ch-legend[hidden],.ch-tip[hidden]{display:none}
.ch-head b{display:block;font-size:1.02rem;line-height:1.35;letter-spacing:-.015em;color:var(--ink)}
.ch-head span{display:block;margin-top:2px;font-size:.8rem;color:var(--muted)}
.ch-legend{display:flex;flex-wrap:wrap;gap:6px 20px;list-style:none;margin:12px 0 0;padding:0;font-size:.8rem;color:var(--muted)}
.ch-legend li{display:flex;align-items:center;gap:8px}
.ch-key{display:inline-block;flex:none}
.ch-key.box{width:10px;height:10px;border-radius:3px;background:currentColor}
.ch-key.line{width:18px;height:0;border-top:2px solid currentColor}
.ch-key.line.dash{border-top-style:dashed}

.ch-plot{position:relative;margin-top:8px}
.ch-plot:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:8px}
.ch-svg{touch-action:pan-y}
.ch-svg svg{display:block;max-width:100%;overflow:visible}
.ch-grid{stroke:var(--line);stroke-width:1}
.ch-base{stroke:var(--muted);stroke-opacity:.5;stroke-width:1}
.ch-vline{stroke:var(--muted);stroke-opacity:.55;stroke-width:1}
.ch-cross{stroke:var(--muted);stroke-opacity:.7;stroke-width:1}
.ch-t{fill:var(--muted);font-size:11px}
.ch-tx{text-anchor:middle}.ch-ty{text-anchor:end}
.ch-ann{fill:var(--muted);font-size:11px}
.ch-pt{fill:var(--ink);font-weight:700}
.ch-val{fill:var(--ink);font-size:11px;font-weight:700}
.ch-vl{font-size:12px}
.ch-ann,.ch-val{paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round}
.ch-rl{fill:var(--ink);font-size:12.5px;font-weight:650}
.ch-line{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ch-line.dash{stroke-dasharray:6 5}
.ch-area{fill:currentColor;opacity:.1}
.ch-dot{fill:currentColor;stroke:var(--surface);stroke-width:2}
.ch-bar{fill:currentColor}
.ch-segtxt{font-size:11px;font-weight:700;text-anchor:middle}
.ch-segtxt.s-blue{fill:var(--ch-on-blue)}
.ch-segtxt.s-orange{fill:var(--ch-on-orange)}
.ch-segtxt.s-gray,.ch-segtxt.s-track{fill:var(--ink)}
.ch-col,.ch-row{transition:opacity .12s}
.ch-col.ch-dim,.ch-row.ch-dim{opacity:.45}

.ch-tip{position:absolute;z-index:5;pointer-events:none;min-width:170px;max-width:280px;padding:10px 12px 11px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font-size:.8rem;line-height:1.35}
.ch-tt{margin-bottom:5px;font-weight:700;color:var(--ink)}
.ch-tr{display:flex;align-items:center;gap:8px;margin-top:3px}
.ch-tr b{color:var(--ink);white-space:nowrap}
.ch-tr span{color:var(--muted)}

.ch-data{margin-top:12px;font-size:.8rem}
.ch-data summary{width:fit-content;cursor:pointer;color:var(--muted);font-weight:650}
.ch-data summary:hover{color:var(--ink)}
.ch-table{max-height:260px;overflow:auto;margin-top:10px;border:1px solid var(--line);border-radius:12px}
.ch-table table{width:100%;border-collapse:collapse;font-size:.78rem}
.ch-table th,.ch-table td{padding:6px 12px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}
.ch-table th:first-child,.ch-table td:first-child{text-align:left}
.ch-table thead th{position:sticky;top:0;background:var(--surface-2);color:var(--muted);font-weight:700}
.ch-table tbody th{font-weight:650;color:var(--ink)}
.ch-table tbody tr:last-child th,.ch-table tbody tr:last-child td{border-bottom:0}