/* výstup a zobrazení (core/edu-output.js): modal Uložit, tisk (A4, světlé pozadí), projektorový režim, UI scale. Logické vlastnosti (RTL). */

/* ---- modal 💾 Uložit / Obnovit (používá .enc-modal z edu-platform.css) */
.tb-modal[hidden]{display:none}
.tb-modal .tb-pop{position:relative;inset:auto;inline-size:min(420px,100%);max-block-size:calc(100vh - 28px);overflow:auto;padding:0 16px 16px}
.tb-modal .tb-pop[hidden]{display:none}
.tb-modal .tb-lab{font-size:16px;padding-inline-end:36px}
.tb-modal .tb-hd{position:sticky;inset-block-start:0;z-index:3;margin:0 -16px 4px;padding:14px 16px 8px;background:rgb(6,12,24);border-block-end:1px solid var(--line)}
.tb-print{padding-inline:10px}
.out-png{display:flex;align-items:center;gap:10px}
.out-png span{min-inline-size:0;overflow-wrap:anywhere}
.out-th{flex:none;inline-size:64px;block-size:40px;border:1px solid var(--line);border-radius:4px;background:#0a1016}

/* ---- Nastavení: přepínač UI scale */
.out-seg{display:inline-flex;gap:3px}
.out-sc{white-space:nowrap;background:rgba(8,16,30,.7);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:3px 9px;cursor:pointer;font:inherit;font-size:13px;font-weight:700}
.out-sc.on{background:var(--grp,var(--acc));border-color:var(--grp,var(--acc));color:#06110c}
.out-sc:focus-visible{outline:2px solid var(--ink);outline-offset:1px}

/* ---- UI scale: zvětší / zmenší hlavičku, panel a okna; scéna (canvas) se nemění */
header,#panel,.tb-pop,.enc-card,.ex-card{zoom:var(--ui-z,1)}
main{grid-template-columns:1fr calc(360px * var(--ui-z,1))}
@media (max-width:720px){main{grid-template-columns:1fr}}

/* ---- Projektorový režim: větší písmo, vyšší kontrast, žádná záře ani neonové pozadí */
html[data-proj]{--bg:#000;--panel:#05080c;--panel2:#0b1118;--line:#6a7f92;--ink:#fff;--mute:#d3dde6}
html[data-proj] body{font-size:17px;line-height:1.5}
html[data-proj] .fx-bg{display:none}
html[data-proj] *,html[data-proj] *::before,html[data-proj] *::after{text-shadow:none!important;box-shadow:none!important}
html[data-proj] .note,html[data-proj] .legend,html[data-proj] .ctl,html[data-proj] .btn,html[data-proj] select,html[data-proj] nav button{font-size:16px}
html[data-proj] .btn,html[data-proj] select,html[data-proj] nav button,html[data-proj] .tb-btn,html[data-proj] .sec{border-width:2px}
html[data-proj] #hud{font-size:15px;color:#fff}
html[data-proj] canvas{filter:contrast(1.12) saturate(1.1)}
html[data-proj] .edu3d-label{font-size:15px}

/* ---- Tisk: A4, světlé pozadí, jen titul, scéna, ovladače se stavem a poznámky; tlačítka a lišta pryč */
#out-head{display:none}
@media print{
  @page{size:A4;margin:12mm}
  html,body{height:auto!important;background:#fff!important;color:#111!important;overflow:visible!important;display:block!important;font-size:11pt}
  :root{--bg:#fff;--panel:#fff;--panel2:#fff;--line:#999;--ink:#111;--mute:#444}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact;text-shadow:none!important;box-shadow:none!important;animation:none!important;transition:none!important;zoom:1!important}
  header,.fx-bg,.fx-ctl,.hdr-tools,.tb-modal,.enc-modal,.ex-modal,.fx-splash,.fx-toasts,#hint,#info,.ex-x,.ex-btns,.tabs,nav,.fx-reset,button,.btn,input[type=range],input[type=file],.enc-btn{display:none!important}
  #out-head{display:block!important;margin:0 0 6mm;padding-bottom:3mm;border-bottom:1px solid #999}
  #out-head h1{margin:0;font-size:18pt;color:#111}
  #out-head .out-meta{font-size:8.5pt;color:#444;margin-top:1mm}
  main{display:block!important}
  #view{position:relative;height:100mm!important;min-height:0!important;overflow:hidden;border:1px solid #999;page-break-inside:avoid;break-inside:avoid;margin-bottom:5mm;background:#0a1016}
  #hud{color:#fff!important}
  canvas[data-out-snap]{display:none!important}
  .out-snap-img{display:block}
  #view .out-snap-img{width:100%!important;height:100%!important}
  canvas.chart,.out-snap-img.chart{max-width:100%}
  img.chart.out-snap-img{width:100%!important;height:auto!important;margin-top:2mm}
  #panel{position:static!important;overflow:visible!important;border:0!important;padding:0!important;background:#fff!important;color:#111!important;block-size:auto!important}
  .sec{break-inside:avoid;background:#fff!important;border:1px solid #bbb;margin:0 0 3mm}
  .sec summary::before{content:""!important}
  .sec-body{display:block!important}
  .note,.legend,.ctl .val,.bar .val,.legend b,label,h3,h4,h5,summary,p,td,th{color:#111!important}
  .note{color:#333!important}
  .ctl input[type=checkbox],.ctl select{pointer-events:none}
  select{background:#fff!important;color:#111!important;border:1px solid #999}
  .brk-card{background:#fff!important;color:#111!important;border:1px solid #666}
  a{color:#111}
}