*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#17243c;font:15px system-ui;display:flex}aside{width:205px;min-height:100vh;background:#11202a;color:#e8eef4;padding:24px}aside p{padding:12px}aside [aria-disabled]{color:#8898a5}main{padding:28px;max-width:1050px;width:100%}form,section{padding:22px;background:white;border:1px solid #dce3ee;border-radius:10px}label{display:block;margin:14px 0}input:not([type=checkbox]){display:block;width:100%;max-width:420px;padding:10px;border:1px solid #becbdd;border-radius:5px}button{background:#0960d9;color:white;border:0;border-radius:6px;padding:11px 18px;cursor:pointer}button:disabled{opacity:.6}a{color:#075bce;display:block;padding:8px}nav{display:flex;gap:12px;flex-wrap:wrap}canvas{max-width:100%;height:auto}#status{padding:12px}h1{font-size:25px}@media(max-width:600px){aside{display:none}main{padding:14px}form,section{padding:16px}}
.brand{width:160px;max-width:100%}aside svg{vertical-align:middle;margin-right:6px}

#call video{max-width:100%;width:300px;aspect-ratio:4/3;object-fit:contain;background:#122139;border-radius:8px}#call [aria-label="Účastníci hovoru"]{display:flex;flex-wrap:wrap;gap:10px}.meeting-call-buttons{display:flex;flex-wrap:wrap;gap:8px}