/* NOLIFER: kalkulačky světa (/<svět>/kalkulacky.html). Načítá se po style.css. */
.cx .side a[data-view]{user-select:none}
.calc-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 18px;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r-card);padding:20px 22px 6px;margin:0 0 22px}
.calc-form .field{margin-bottom:16px}
.calc-form .wide{grid-column:1/-1}
.calc-form .field input,.calc-form .field select{padding:11px 14px;font-size:.95rem}
.check{display:flex;align-items:center;gap:10px;font-size:.9rem;padding:8px 0 4px;cursor:pointer}
.check input{width:16px;height:16px;accent-color:var(--accent);margin:0}
.calc-note{margin-top:22px;line-height:1.65}
.calc-note b{color:var(--fg)}
.calc-warn{background:rgba(217,123,108,.08);border:1px solid var(--danger-frame);border-radius:var(--r-card);
  padding:14px 18px;font-size:.88rem;margin-bottom:22px;color:var(--fg2)}
.calc-warn b{color:var(--fg)}
.cx .statgrid{margin-bottom:22px}
.cx .chart-wrap{padding:16px 18px 6px}
.chart-title{font:500 .68rem var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.cx .chart-wrap svg{display:block;width:100%;height:auto}
.cx .tbl-wrap{margin-top:22px}
.cx table{min-width:520px}
.cx td.num{text-align:right;font-variant-numeric:tabular-nums}
.cx th.num{text-align:right}
.cx td.pct{text-align:right;font:700 .95rem var(--font-display);color:var(--accent);font-variant-numeric:tabular-nums}
.cx tr.safe td.pct{color:var(--ok)}
.cx tr.off td{opacity:.45}

@media (max-width:720px){
  .calc-form{padding:16px 16px 2px;gap:0 12px}
  /* graf na mobilu neškálovat do nečitelna: posouvá se vodorovně uvnitř karty */
  .cx .chart-wrap > div{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .cx .chart-wrap svg{min-width:600px}
}
