*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#e5edf7;font:16px system-ui,Arial}header{background:#0f172a;color:white;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}h1{font-size:1.35rem;margin:0}h1 small{font-size:.7rem;opacity:.7}main{max-width:1120px;margin:22px auto;padding:0 14px}section,form#newTask,.task{background:#172338;border-radius:12px;padding:18px;margin-bottom:16px;box-shadow:0 4px 18px #0004}#app{background:transparent;box-shadow:none;padding:0}label{display:block;font-weight:600;margin:12px 0}input,select{width:100%;padding:12px;border:1px solid #4b5c75;background:#101b2d;color:#f2f6ff;border-radius:8px;font:inherit;margin-top:6px}button{border:0;border-radius:9px;background:#2563eb;color:white;font-weight:700;font-size:1rem;padding:13px 20px;cursor:pointer;min-height:48px}button.secondary{background:#475569}button.complete{background:#047857}button.cancel{background:#be123c}button:disabled{opacity:.45;cursor:not-allowed}.top,.task-head,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.toolbar{margin-bottom:15px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.task{border-left:9px solid #f59e0b}.task.active{border-left-color:#60a5fa;background:#172c49}.task.done{border-left-color:#34d399;background:#10382f}.task.cancelled{border-left-color:#7b8794}.task h3{margin:0 0 8px;font-size:1.65rem}.task p{margin:7px 0}.task button{margin-top:10px;margin-right:8px}.pill{font-size:.83rem;padding:7px 10px;border-radius:20px;background:#334155;color:#f8fafc;font-weight:700}.error{color:#fda4af}.ok{color:#6ee7b7}#message{font-weight:600;min-height:24px}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}#userList article{padding:14px;border-bottom:1px solid #334155}#userList button{margin:8px 0}#history .task{padding:12px}.big-action{width:100%;font-size:1.2rem;padding:18px}.offline{color:#fda4af;font-weight:700}.online{color:#6ee7b7;font-weight:700}@media(min-width:680px){#newTask,#createUserForm{display:grid;grid-template-columns:1fr 1fr;gap:12px}#newTask h3,#newTask button,#createUserForm button{grid-column:1/-1}}@media(max-width:520px){.top h2{font-size:1.3rem}.task h3{font-size:1.8rem}.task button{width:100%}}
/* Yardmanager 2.0 — tmavé ovládání */
:root{color-scheme:dark}input::placeholder{color:#94a3b8}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}button:hover:not(:disabled){filter:brightness(1.12)}.task strong{color:#f8fafc}#login{max-width:480px;margin:24px auto}#login button{width:100%}@media(max-width:520px){.task{padding:20px}.task p{font-size:1.12rem;line-height:1.45}.task h3{font-size:2rem}.task .big-action{min-height:68px;font-size:1.3rem}}

.full-width{grid-column:1/-1}textarea{width:100%;box-sizing:border-box;min-height:86px;padding:12px;border:1px solid #64748b;border-radius:9px;background:#0f172a;color:#f8fafc;font:inherit}dialog{background:#18253a;color:#f8fafc;border:1px solid #64748b;border-radius:16px;width:min(94vw,480px);max-height:90vh;overflow:auto;padding:24px}dialog::backdrop{background:rgba(0,0,0,.75)}dialog form{display:grid;gap:14px}.dialog-actions{display:flex;gap:10px}.dialog-actions button{flex:1;min-height:55px}#finishLts{font-size:1.4rem;min-height:55px}#finishTaskInfo{margin:0;font-weight:700}.note{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 12px;background:#26364f;border-radius:8px}.note-label{font-weight:700;color:#cbd5e1}

/* Zprávy řidičům */
#driverMessagesAdmin{margin-top:18px;border:1px solid #334155}#sendMessageForm{display:grid;gap:8px}#sendMessageForm button{width:100%}#driverMessageDialog{width:min(94vw,540px);border:2px solid #60a5fa;box-shadow:0 18px 70px #000c}#driverMessageDialog::backdrop{background:rgba(0,0,0,.85)}#driverMessageTitle{margin-top:0}#driverMessageDate{color:#cbd5e1;font-size:.9rem}#driverMessageText{white-space:pre-wrap;overflow-wrap:anywhere;background:#24364e;padding:18px;border-radius:12px;font-size:1.25rem;line-height:1.5;margin:16px 0 22px}#driverMessageRead{width:100%;font-size:1.25rem;min-height:64px}


/* Yardmanager 2.0 — schválené černo-šedé téma s červenými akcemi */
:root{color-scheme:dark;--ym-black:#000;--ym-panel:#262626;--ym-field:#171717;--ym-border:#525252;--ym-text:#f5f5f5;--ym-muted:#d4d4d4;--ym-action:#dc2626;--ym-action-hover:#b91c1c;--ym-online:#22c55e}
html,body{background:var(--ym-black);color:var(--ym-text)}
header{background:#111;color:var(--ym-text);border-bottom:1px solid #333}
section,form#newTask,.task{background:var(--ym-panel);color:var(--ym-text);box-shadow:0 4px 18px #0008;border:1px solid #383838}
#app{background:transparent;border:0;box-shadow:none}
input,select,textarea{background:var(--ym-field);border:1px solid var(--ym-border);color:var(--ym-text)}
input::placeholder,textarea::placeholder{color:#a3a3a3}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #f87171;outline-offset:2px}
button,button.complete,.big-action{background:var(--ym-action);color:white}
button:hover:not(:disabled),button.complete:hover:not(:disabled){filter:none;background:var(--ym-action-hover)}
button.secondary{background:#525252;color:#fff}
button.secondary:hover:not(:disabled){background:#666}
button.cancel{background:#991b1b}
.task{border-left:9px solid #a3a3a3}
.task.active{border-left-color:#f87171;background:#303030}
.task.done{border-left-color:#22c55e;background:#242b26}
.task.cancelled{border-left-color:#737373;background:#252525}
.pill{background:#404040;color:#f5f5f5}
#userList article{border-bottom-color:#525252}
.ok,.online{color:#4ade80}
.error,.offline{color:#fca5a5}
.note{background:#383838;color:#f5f5f5}
.note-label{color:#d4d4d4}
dialog{background:#262626;color:#f5f5f5;border-color:#525252}
#driverMessagesAdmin{border-color:#525252}
#driverMessageDialog{border:2px solid #dc2626;box-shadow:0 18px 70px #000e}
#driverMessageText{background:#383838;color:#f5f5f5}
#driverMessageDate{color:#d4d4d4}
#driverMessageRead{background:#dc2626}
[hidden]{display:none!important}
#taskFilters label{display:flex;align-items:center;gap:12px}#taskFilters select{flex:1;min-width:0;margin-top:0}