:root{--bg:#060a07;--panel:#0d1711;--panel2:#132219;--line:#385144;--text:#f2fff7;--muted:#8fa696;--green:#42f5a7;--yellow:#ffd43b;--orange:#ff842d;--red:#ff344d;--mono:"SFMono-Regular",Consolas,monospace;--sans:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-width:1180px;min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:var(--sans)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.boot{min-height:100vh;display:grid;place-items:center;color:var(--green);font:900 22px var(--mono);letter-spacing:.12em}.control-app{min-height:100vh;display:grid;grid-template-rows:86px 1fr 48px}header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;padding:10px 20px;border-bottom:3px solid var(--line);background:#09100b}.brand{display:flex;align-items:center;gap:13px}.brand>b{width:54px;height:54px;display:grid;place-items:center;border:4px solid var(--green);color:var(--green);font:900 20px var(--mono)}.brand span,.sync span{display:block;color:var(--muted);font:800 9px var(--mono);letter-spacing:.12em}.brand h1{margin:5px 0 0;font-size:23px}.brand h1 i{color:var(--green);font:900 17px var(--mono)}.sync{display:flex;gap:10px;align-items:center;padding:10px 13px;border-left:4px solid var(--green);background:#0e2117}.sync>i{width:12px;height:12px;background:var(--green)}.sync strong{display:block;color:var(--green);font:900 11px var(--mono)}.header-actions{display:flex;gap:7px}button{min-height:42px;padding:0 12px;border:3px solid var(--line);border-radius:0;background:var(--panel2);font:900 11px var(--mono)}button.green,.green{border-color:var(--green);color:var(--green)}button.yellow,.yellow{border-color:var(--yellow);color:var(--yellow)}button.red,.red{border-color:var(--red);color:#ffadb8}button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid white;outline-offset:2px}#mute-toggle[aria-pressed=false]{border-color:var(--green);color:var(--green)}main{min-height:0;display:grid;grid-template-columns:1.02fr 1.35fr .78fr;grid-template-rows:minmax(470px,1fr) minmax(250px,.56fr);gap:13px;padding:13px}.panel{min-width:0;border:3px solid var(--line);background:var(--panel)}.panel-title{min-height:54px;display:flex;align-items:center;gap:10px;padding:0 13px;border-bottom:3px solid var(--line);background:#09110c}.panel-title>span{color:var(--green);font:900 11px var(--mono)}.panel-title h2{margin:0;font-size:16px}.panel-title>b,.panel-title>button{margin-left:auto}.panel-title>b{padding:7px 9px;background:var(--green);color:#041008;font:900 9px var(--mono)}.panel-title>b.safe{background:var(--green)}.panel-title>b.alarm{background:var(--red);color:white}.small{min-height:34px}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px}.mode{min-height:90px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;text-align:left}.mode kbd{align-self:start}.mode strong{grid-row:1/3;grid-column:2;justify-self:end;color:#385144;font:900 55px/.8 var(--mono)}.mode span{font:900 12px var(--mono)}.mode.active{border-color:var(--green);background:#10291b}.mode.active strong,.mode.active span{color:var(--green)}kbd{padding:4px 6px;background:#263a2e;color:#fff;font:900 9px var(--mono)}label>span{display:block;margin-bottom:5px;color:var(--muted);font:900 9px var(--mono);letter-spacing:.08em}input,select{width:100%;height:42px;padding:0 9px;border:3px solid var(--line);border-radius:0;background:#07100a;font:800 13px var(--mono)}.scan-form{display:grid;grid-template-columns:1.1fr .7fr .8fr;gap:8px;padding:0 12px 10px}.scan-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:0 12px 10px}.scan-presets button{min-width:0;height:62px;padding:4px}.scan-presets button b,.scan-presets button span{display:block}.scan-presets button b{font-size:20px}.scan-presets button span{margin-top:4px;color:var(--muted);font-size:8px}.two-actions{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;padding:0 12px}.action{min-height:49px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:11px}.quick-grid button{min-width:0;height:68px;padding:7px}.quick-grid kbd,.quick-grid b,.quick-grid small{display:block}.quick-grid b{margin-top:5px;font-size:10px}.quick-grid small{margin-top:4px;color:var(--muted);font-size:8px}.command-form{display:grid;grid-template-columns:1.15fr 1fr .7fr;gap:7px;padding:0 11px}.command-form .wide{grid-column:1/-1}.countdown-row{display:grid;grid-template-columns:auto 64px 64px 1fr;align-items:end;gap:7px;padding:9px 11px}.check{height:42px;display:flex;align-items:center;gap:7px;padding:0 9px;border:3px solid var(--line);font:900 9px var(--mono)}.check input{width:18px;height:18px}.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:11px}.live-grid>div{padding:10px;border-left:4px solid var(--green);background:#102019}.live-grid span,.live-grid strong{display:block;font-family:var(--mono)}.live-grid span{color:var(--muted);font-size:8px}.live-grid strong{margin-top:7px;font-size:11px}.productivity-control{margin:0 11px;padding:14px;border:3px solid var(--green);background:#0d2116}.productivity-control>span{color:var(--muted);font:900 10px var(--mono)}.productivity-control>div{display:flex;align-items:baseline;gap:9px;margin:12px 0}.productivity-control strong{font:900 44px/.8 var(--mono)}.productivity-control b{color:var(--green);font:900 10px var(--mono)}.productivity-control label{display:grid;grid-template-columns:1fr auto}.productivity-control label button{border-color:var(--green);color:var(--green)}.live-panel p{margin:12px;color:var(--muted);font:800 10px/1.45 var(--mono)}.live-panel p b{color:var(--green)}.people-panel{grid-column:1/-1}.people-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:11px}.person-control{display:grid;grid-template-columns:1fr 1.2fr 72px;gap:6px;padding:9px;border:3px solid var(--line);background:#101d15}.person-control>span{grid-column:1/-1;color:var(--green);font:900 9px var(--mono)}.person-control button{grid-column:1/-1;min-height:36px}.person-control.unbearable{border-color:var(--red)}footer{display:flex;align-items:center;justify-content:center;gap:22px;border-top:3px solid var(--line);background:#0a120d;color:var(--muted);font:800 9px var(--mono)}footer>b{color:var(--green)}@media(max-height:900px){.control-app{grid-template-rows:72px 1fr 42px}header{padding:7px 14px}.brand>b{width:44px;height:44px}.brand h1{font-size:19px}main{grid-template-rows:minmax(430px,1fr) 226px;padding:8px;gap:8px}.panel-title{min-height:46px}.mode{min-height:70px}.quick-grid button{height:57px}.scan-presets button{height:50px}.productivity-control strong{font-size:35px}}

/* Mobil / tablet: konzole se skládá pod sebe místo 1180px pevné šířky. */
@media (max-width: 1000px) {
    html, body { min-width: 0; overflow-x: hidden; }
    .control-app { grid-template-rows: auto 1fr auto; }
    header { grid-template-columns: 1fr; gap: 10px; padding: 10px 12px; }
    .header-actions { flex-wrap: wrap; }
    .header-actions button { flex: 1 1 auto; }
    main { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; padding: 8px; gap: 8px; }
    .people-panel { grid-column: auto; }
    .scan-form, .command-form { grid-template-columns: 1fr 1fr; }
    .scan-form > :first-child, .command-form .wide { grid-column: 1 / -1; }
    .scan-presets { grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)); }
    .quick-grid { grid-template-columns: repeat(2, 1fr); }
    .live-grid { grid-template-columns: repeat(2, 1fr); }
    .countdown-row { grid-template-columns: 1fr 1fr; }
    .countdown-row > :first-child, .countdown-row > :last-child { grid-column: 1 / -1; }
    .people-controls { grid-template-columns: minmax(0, 1fr); }
    .two-actions { grid-template-columns: 1fr; }
    footer { flex-wrap: wrap; gap: 8px 14px; padding: 10px; }
}