/* Stejná paleta a identita jako TV přehled CVVZ v12. */
:root{--brown:#7c491e;--brown-dark:#4b2b17;--cream:#f7f1e6;--paper:#fffdf8;--sand:#e6d4bc;--muted:#775c45;--gold:#b9894a;--ink:#37271e}
:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#37271e;background:#f7f1e6;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#7c491e;color:white;padding:20px max(24px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;gap:20px;align-items:center}header>div{display:flex;gap:20px;align-items:center}header small{display:block;color:#e6d4bc;font-size:12px;margin-top:3px}.mark{font-weight:900;letter-spacing:-2px;font-size:30px;padding-right:20px;border-right:1px solid #b9894a}header form{display:flex;align-items:center;gap:12px}header .quiet{color:white;border-color:#b9894a}main{max-width:1240px;margin:40px auto;padding:0 24px}.title{display:flex;justify-content:space-between;gap:20px;align-items:center}h1{font-size:34px;letter-spacing:-1px;margin:0 0 10px}p{color:#775c45;line-height:1.6;margin:6px 0 16px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#7c491e;margin-bottom:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.stats section{background:var(--paper);border:1px solid #dcc6ab;border-radius:14px;padding:20px 24px}.stats span{display:block;color:#775c45;font-size:14px}.stats strong{display:block;font-size:36px;letter-spacing:-1px;margin-top:4px}.stats section:nth-child(2){background:#eadbc7;border-color:#ceb18d}.workspace{background:var(--paper);border:1px solid #dcc6ab;border-radius:16px;overflow:hidden}.toolbar{padding:24px;background:#f7f1e8;display:flex;gap:20px;border-bottom:1px solid #d8bd97}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:650}.search{flex:1}input,select{width:100%;padding:14px;border:1px solid #c7b69e;border-radius:8px;background:var(--paper);font:inherit;color:#37271e;font-size:16px;min-height:48px}input:focus,select:focus{outline:3px solid #e6d4bc;border-color:#b9894a}button{border:1px solid transparent;background:#7c491e;color:white;min-height:46px;padding:11px 24px;border-radius:8px;font:inherit;font-weight:650;cursor:pointer}button:hover{filter:brightness(.93)}button:disabled{opacity:.55;cursor:wait}.quiet{background:transparent;border-color:#dcc6ab;color:#654b38;font-size:13px;padding:8px 14px;min-height:36px}.list-heading{padding:12px 24px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#775c45;border-bottom:1px solid #e9ddce}.person{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid #e9ddce}.person:last-child{border-bottom:0}.person h2{font-size:19px;margin:0 0 4px}.person p{font-size:14px;margin:0 0 9px}.meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;color:#86664b;font-size:12px;overflow-wrap:anywhere}.tag{background:#eadbc7;color:#654b38;padding:3px 7px;border-radius:4px}.person-state{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-width:190px}.person-state small{font-size:11px;color:#775c45}.success{color:#65411f}.checked{background:#fbf7ef}.undo{border:0;text-decoration:underline;padding:3px;min-height:28px;font-weight:400}.online{font-size:12px;color:#7c491e}.offline{font-size:12px;color:#ab3434}.empty{text-align:center;padding:65px;color:#86664b}.admin{margin-top:24px;border:1px solid #dcc6ab;border-radius:12px;padding:18px 24px;background:var(--paper)}.admin summary{cursor:pointer;font-weight:650}.admin p{font-size:13px;margin-top:16px}.admin form{display:flex;gap:20px;align-items:flex-end}.export{display:inline-block;margin-top:18px;color:#7c491e}.foot{font-size:12px;margin-top:20px}.login{max-width:440px;margin:70px auto;background:var(--paper);padding:32px;border:1px solid #dcc6ab;border-radius:16px}.login form{display:grid;gap:20px}.login h1{font-size:27px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#7c491e;color:white;padding:18px 24px;border-radius:10px;box-shadow:0 8px 30px #0002;max-width:90vw;width:max-content;z-index:10}#notice.error{background:#9e3333}dialog{border:0;border-radius:16px;padding:28px;max-width:480px;width:90vw}dialog::backdrop{background:#4b2b1788}.dialog-actions{display:flex;gap:12px;justify-content:flex-end}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #caa578;outline-offset:3px}@media(max-width:700px){header{padding:16px;align-items:flex-start}.mark{font-size:24px;padding-right:12px}header>div{gap:12px}header>div>span:last-child{font-size:12px}header form{flex-direction:column;gap:5px;font-size:12px}main{margin:24px auto;padding:0 14px}.title{display:block}h1{font-size:28px}.stats{gap:8px}.stats section{padding:14px 12px}.stats span{font-size:12px}.stats strong{font-size:28px}.toolbar{flex-direction:column;padding:16px;gap:12px}.person{padding:18px 16px;align-items:flex-start;flex-direction:column;gap:14px}.person-state{width:100%;align-items:flex-start}.person-state button:not(.undo){width:100%}.admin form{align-items:stretch;flex-direction:column}.meta{gap:8px}.list-heading{padding:10px 16px}}

/* Sdílený vzhled TV: krémový podklad, hnědá identita, pískové panely. */
:root{font-family:Arial,"Segoe UI",system-ui,sans-serif}
body{min-height:100vh;background:linear-gradient(125deg,#fbf7ef,#ebdcc6);background-attachment:fixed;position:relative;isolation:isolate}
body::before{content:"";position:fixed;right:-110px;top:-150px;width:400px;height:400px;border:46px solid #caa578;border-radius:50%;opacity:.12;pointer-events:none;z-index:-1}
header{background:transparent;color:var(--brown-dark);max-width:1440px;margin:auto;padding:22px 32px 18px;position:relative;border-bottom:2px solid #d8bd97}
header>.brand-identity{display:flex;align-items:center;gap:24px;min-width:0}
.brand-logo{width:124px;height:100px;object-fit:contain;flex-shrink:0}
.brand-title{font-size:clamp(17px,1.7vw,25px);font-weight:900;letter-spacing:.025em;line-height:1.25;color:var(--brown-dark)}
.brand-strap{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.5;font-weight:600}
header form{flex-shrink:0;color:var(--brown-dark)}
header .quiet{color:var(--brown);border-color:#c7b69e;background:var(--paper)}
main{margin-top:28px;max-width:1320px}
h1{font-weight:900;color:var(--brown-dark)}
.title{position:relative;justify-content:center;text-align:center;padding:0 150px}
.title #connection{position:absolute;right:0;bottom:8px;max-width:145px;text-align:right;line-height:1.5}
.eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 20px;background:#74401f;color:#fff;box-shadow:0 3px 0 #3e2416;border-radius:9px;letter-spacing:.075em;font-size:12px;font-weight:900;margin:0 0 18px}
.eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #ffffff3b}
.stats section{border-radius:13px;box-shadow:0 6px 20px #7c491e0d;background:var(--paper)}
.stats strong{font-weight:900;color:var(--brown-dark);font-variant-numeric:tabular-nums}
.stats section:nth-child(2){background:#eadbc7;border-color:#ceb18d;border-top:4px solid var(--brown);padding-top:17px}
.workspace,.login{box-shadow:0 10px 32px #7c491e1b;border-radius:13px}
.toolbar{background:#eadbc7;border-bottom:2px solid #ceb18d}
.person:nth-child(even){background:#f7f1e8}
.person.checked{background:#f2e8d8}
.person.checked:nth-child(even){background:#ede0cc}
.person h2{color:var(--brown-dark);font-weight:800}
.person-state>button:not(.quiet),.login button,.admin form button{background:var(--brown);box-shadow:0 3px 0 var(--brown-dark);font-weight:800}
.person-state>button:not(.quiet):active,.login button:active{transform:translateY(2px);box-shadow:0 1px 0 var(--brown-dark)}
.success{background:#e6d4bc;color:var(--brown-dark);border:1px solid #c39c6d;padding:6px 12px;border-radius:7px;font-weight:850}
.tag{background:#eadbc7;color:#644021;border:1px solid #dcc6ab;font-weight:700}
.admin{background:var(--paper);color:var(--brown-dark)}
.login{margin:50px auto;max-width:460px;border-top:5px solid var(--brown);padding:32px}
.login .eyebrow{font-size:10px;letter-spacing:.07em;padding:10px 14px}
#notice{background:var(--brown-dark)}
#notice.error{background:#9e3333}
.foot{color:var(--muted)}
@media(max-width:900px){header{padding:18px 22px}.brand-logo{width:100px;height:85px}header>.brand-identity{gap:16px}.brand-strap{font-size:11px}.title{padding:0}.title #connection{position:static;display:block;max-width:none;text-align:center}.title{flex-direction:column;gap:0}}
@media(max-width:600px){header{padding:14px;gap:12px;align-items:center}.brand-logo{width:76px;height:70px}.brand-title{font-size:14px}.brand-strap{font-size:10px;line-height:1.4;margin-top:5px}header>.brand-identity{gap:10px}header form{font-size:11px}header .quiet{font-size:11px;padding:6px 9px}.brand-copy{min-width:0}.stats{margin-top:20px}.stats section{padding:13px 10px}.stats section:nth-child(2){padding-top:10px}.stats strong{font-size:30px}.title .eyebrow{font-size:11px}.login{margin:28px auto;padding:24px}.login h1{font-size:25px}}