:root { --bg:#ffffff; --panel:#f6f8fa; --cara:#e1e4e8; --text:#24292e; --seda:#6a737d; --blue:#4b5ea8; --blue-bg:#eef0fa;
  --cervena:#cb2431; --amber:#b7860b; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg:#0d1117; --panel:#161b22; --cara:#30363d;
  --text:#c9d1d9; --seda:#8b949e; --blue:#8fa3ff; --blue-bg:#1b2141; --cervena:#f85149; --amber:#e3b341; color-scheme: dark; } }
:root[data-theme="dark"] { --bg:#0d1117; --panel:#161b22; --cara:#30363d; --text:#c9d1d9; --seda:#8b949e; --blue:#8fa3ff;
  --blue-bg:#1b2141; --cervena:#f85149; --amber:#e3b341; color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin:0; height:100%; background:var(--bg); color:var(--text); font:14px Consolas, "DejaVu Sans Mono", monospace; }
header { display:flex; gap:12px; align-items:center; padding:8px 16px; background:var(--panel); border-bottom:1px solid var(--cara); flex-wrap:wrap; }
header .vpravo { margin-left:auto; display:flex; gap:8px; align-items:center; }
main { display:flex; height:calc(100% - 46px); }
#mapa { flex:1; background:#1f2d1f; }
aside { width:340px; overflow-y:auto; border-left:1px solid var(--cara); background:var(--panel); padding:0 16px 16px; }
h2 { font-size:15px; color:var(--blue); margin:16px 0 8px; }
.seda { color:var(--seda); }
.chyba { color:var(--cervena); }
.ok { color:var(--blue); }
button, input { font:inherit; color:var(--text); background:var(--bg); border:1px solid var(--cara); border-radius:4px; padding:4px 8px; }
button { cursor:pointer; }
button.hlavni { background:var(--blue); color:#fff; border-color:var(--blue); }
label { display:block; margin:6px 0; }
.tlacitka { display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }
.seznam { list-style:none; padding:0; margin:0; }
.seznam li { padding:4px 0; border-bottom:1px solid var(--cara); }
.barva { display:inline-block; width:12px; height:12px; margin-right:6px; vertical-align:middle; border:1px solid var(--cara); }
dl { display:grid; grid-template-columns:auto 1fr; gap:2px 8px; margin:0; }
dt { color:var(--seda); }
dd { margin:0; }
.leaflet-container { font:inherit; }
@media (max-width: 760px) {
  main { flex-direction:column; height:auto; }
  #mapa { height:60vh; }
  aside { width:auto; border-left:0; border-top:1px solid var(--cara); }
}