/* ui_common.css — V4/C (SPEC-ui-redesign-v2 §C): sdílené prvky vizuálu napříč
   stránkami (karty, tlačítka, chipy) + „obsah na šířku okna". Přidává se ke
   style.css; NErozbíjí ho (jen doplňuje/uvolňuje max-width). Zaváděno etapově. */

/* obsah na šířku okna (SPEC §C: max-width pryč / 100 % s odsazením 16–24 px) */
body.uh-wide .container,
body.uh-wide .toolbar,
body.uh-wide #vstup-chyby{
  max-width:none; width:auto; margin-left:0; margin-right:0;
  padding-left:24px; padding-right:24px;
}
@media(max-width:720px){
  body.uh-wide .container,
  body.uh-wide .toolbar,
  body.uh-wide #vstup-chyby{ padding-left:14px; padding-right:14px; }
}

/* riziko/návrh: vstupní formulář ve 2 sloupcích na širokém okně, výsledky sticky */
@media(min-width:1400px){
  body.uh-wide .container{ align-items:start; }
  body.uh-wide.uh-sticky-res .container > section.panel:last-child{
    position:sticky; top:60px; align-self:start;
  }
}

/* jemné sladění chipů (sdílené s lištou) */
.uh-tag{
  display:inline-block; font-size:11px; padding:3px 9px; border-radius:20px;
  background:#eef5fc; color:#1565C0;
}
.uh-tag.ok{ background:#e8f5e9; color:#2e7d32; }
.uh-tag.warn{ background:#fdf3e2; color:#e08a1e; }

/* ── Přehled (index): dashboard na šířku okna, bez postranního balastu ── */
body.uh-wide .zak-card,
body.uh-wide .sekce-nadpis,
body.uh-wide .projekty-hledat-wrap,
body.uh-wide .projekty-seznam,
body.uh-wide .moduly,
body.uh-wide .footer{ max-width:none; margin-left:24px; margin-right:24px; }
@media(max-width:720px){
  body.uh-wide .zak-card,
  body.uh-wide .sekce-nadpis,
  body.uh-wide .projekty-hledat-wrap,
  body.uh-wide .projekty-seznam,
  body.uh-wide .moduly,
  body.uh-wide .footer{ margin-left:14px; margin-right:14px; }
}

/* ── Valivá koule (ÚKOL 12): plátno přes celou výšku okna, žádné rolování stránky;
      levý panel PARAMETRY roluje sám, plátno = flex fill ── */
body.uh-koule{ overflow:hidden; }
body.uh-koule .wrap{
  max-width:none; margin:0; padding:12px 16px; gap:16px;
  height:calc(100vh - 49px); min-height:0; align-items:stretch;
}
body.uh-koule .wrap > .card{ min-height:0; }
body.uh-koule .wrap > .card:first-child{ overflow-y:auto; }              /* PARAMETRY roluje samo */
body.uh-koule .wrap > .card:last-child{ display:flex; flex-direction:column; }  /* plátno karta fill */
body.uh-koule .wrap > .card:last-child canvas{ flex:1 1 auto; height:auto; min-height:340px; width:100%; }
/* sbalitelné skupiny v PARAMETRECH */
body.uh-koule .kp-grp > summary{ cursor:pointer; list-style:none; font-size:11px; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; color:var(--accent2,#0a7cc0); padding:6px 0; }
body.uh-koule .kp-grp > summary::-webkit-details-marker{ display:none; }
body.uh-koule .kp-grp > summary::before{ content:"▸ "; }
body.uh-koule .kp-grp[open] > summary::before{ content:"▾ "; }
@media(max-width:920px){
  body.uh-koule{ overflow:auto; }
  body.uh-koule .wrap{ height:auto; }
  body.uh-koule .wrap > .card:last-child canvas{ height:60vh; }
}