/*! MINALOX | Healthy Living · světelná simulace (WIP04) – doplněk k app.css, ostatní sekce beze změny */
.scene__gl{display:block}
.scene--gl>img,.scene--gl>.scene__tint{visibility:hidden}
.panel{grid-template-areas:"ro ch" "tl ch" "lc lc" "sc sc" "fi fi"}
@media(max-width:860px){.panel{grid-template-areas:"ro" "ch" "tl" "lc" "sc" "fi"}}
.timeline .tl-play{grid-column:1/-1;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.timeline .range--time{grid-column:1/-1}
.tl-speed select{-webkit-appearance:none;appearance:none;min-height:44px;border-radius:999px;border:1px solid var(--line-d);background:transparent;color:var(--paper);font:inherit;font-size:15px;font-weight:300;padding:0 36px 0 16px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--amber) 50%),linear-gradient(135deg,var(--amber) 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.tl-speed select:hover,.tl-speed select:focus-visible{border-color:var(--amber);outline:0}
.tl-speed option{background:var(--ink-2);color:var(--paper)}
.ch-eff{fill:none;stroke:var(--amber);stroke-width:1.6;stroke-dasharray:5 5;opacity:.75;pointer-events:none}
.dot--eff{display:inline-block;width:16px;height:0;border-top:2px dashed var(--amber);vertical-align:middle;margin-right:6px;background:none}
.ch-legend{flex-wrap:wrap}
.lightctl{grid-area:lc;display:grid;grid-template-columns:1fr 1fr auto;gap:18px 32px;align-items:start;border-top:1px solid var(--line-d);padding-top:18px;margin-top:12px}
.lc__grp{display:grid;gap:6px;min-width:0}
.lc__head{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.lc__t{font-size:15px;font-weight:500}
.lc__mode{font-size:14px;color:var(--mute-d)}
.lc__row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 12px;font-size:14px;color:var(--mute-d)}
.lc__row output{color:var(--paper);font-weight:500;font-variant-numeric:tabular-nums}
.lc__row .range{grid-column:1/-1}
.lc__row .range:disabled{opacity:.35;cursor:default}
.lc__seg{justify-self:start;margin:2px 0 4px}
.lc__seg button{padding:6px 14px;font-size:14px}
.lc__note{font-size:13px;color:var(--mute-d);line-height:1.45}
.lc__auto{justify-self:start;margin-top:4px}
.lc__grp--sc{align-self:end}
.scen{grid-area:sc;border-top:1px solid var(--line-d);padding-top:18px;margin-top:6px}
.scen[hidden]{display:none}
.scen__t{font-size:18px;font-weight:500;margin:0 0 4px}
.scen__head .hint{max-width:72ch;margin-bottom:12px}
.scen__manual{font-size:14px;color:var(--amber);display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.scen__manual[hidden]{display:none}
.scen__tbl{width:100%;max-width:620px;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}
.scen__tbl th{text-align:left;font-size:14px;font-weight:500;color:var(--mute-d);padding:6px 8px;border-bottom:1px solid var(--line-d)}
.scen__tbl th:nth-child(1){width:28%}.scen__tbl th:nth-child(2){width:30%}.scen__tbl th:nth-child(3){width:32%}.scen__tbl th:nth-child(4){width:10%}
.scen__tbl td{padding:5px 8px;border-bottom:1px solid rgba(247,248,249,.06)}
.scen__tbl input{width:100%;min-height:40px;border-radius:10px;border:1px solid var(--line-d);background:var(--ink);color:var(--paper);font:inherit;font-size:16px;padding:0 10px;font-variant-numeric:tabular-nums;color-scheme:dark}
.scen__tbl input::placeholder{color:rgba(247,248,249,.42);font-style:italic}
.scen__tbl input:focus{outline:0;border-color:var(--amber)}
.scen__tbl input.bad{border-color:#ff7a59}
.sc__fix{display:inline-block;padding-left:11px;color:var(--mute-d)}
.sc__del{border:0;background:none;color:var(--mute-d);font:inherit;font-size:20px;line-height:1;cursor:pointer;padding:6px 8px;border-radius:8px}
.sc__del:hover{color:var(--amber)}
.scen__act{margin-top:14px;align-items:center}
.scen__cf{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.scen__cf[hidden]{display:none}
.scen__cf .btn--amber{min-height:42px;font-size:15px}
@media(max-width:980px){.lightctl{grid-template-columns:1fr 1fr}.lc__grp--sc{grid-column:1/-1;align-self:start}}
@media(max-width:640px){.lightctl{grid-template-columns:1fr}}
@media(max-width:480px){.scen__tbl th,.scen__tbl td{padding:4px 3px}.scen__tbl th{font-size:12px}.scen__tbl input{font-size:15px;padding:0 6px;min-height:38px}.sc__fix{padding-left:7px}.sc__del{padding:6px 4px}}
@media print{.lightctl,.scen,.tl-speed{display:none!important}}

/* WIP02 · noční orientační režim */
.scene__motion{position:absolute;left:16px;top:clamp(52px,7vw,64px);margin:0;max-width:calc(100% - 32px);font-size:14px;line-height:1.35;color:var(--paper);background:#00081480;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:4px 10px;border-radius:999px;z-index:2;transition:color .4s}
.scene__motion[data-state=on]{color:var(--amber)}
.lc__motion{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:4px}
.lc__motion .btn{justify-self:start;touch-action:manipulation;-webkit-user-select:none;user-select:none}
.lc__motion .btn:disabled{opacity:.45;cursor:not-allowed}
.lc__motion .btn[aria-pressed=true]{border-color:var(--amber);color:var(--amber)}
.lc__hint{font-size:13px;color:var(--mute-d)}
@media(max-width:560px){.scene__motion{font-size:12px;top:46px;padding:3px 8px}}