:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.5 -apple-system, "Segoe UI", system-ui, sans-serif;
       color: #2b2b2b; background: #f0f0f0; }
main { max-width: 820px; margin: 0 auto; padding: 24px 16px 64px; }
body.siroke main { max-width: 1500px; }
.hlava { background: #235787; color: #fff; padding: 12px 20px; display: flex;
         justify-content: space-between; align-items: center; }
.hlava__nazev { color: #fff; font-weight: 600; text-decoration: none; }
.hlava__kdo, .hlava__kdo a { color: #cfe0f2; font-size: 14px; }
h1 { font-size: 24px; margin: 0 0 16px; }
h2 { font-size: 17px; margin: 28px 0 8px; padding-top: 16px; border-top: 1px solid #e5e5e5; }
a { color: #0085ba; }
.panel { background: #fff; border: 1px solid #e0e0e0; border-radius: 6px; padding: 20px; }
.panel--uzky { max-width: 460px; margin: 40px auto; }
label { display: block; font-weight: 600; font-size: 14px; margin: 14px 0 4px; }
input, select, textarea { width: 100%; padding: 8px 10px; font: inherit;
                          border: 1px solid #c9c9c9; border-radius: 4px; background: #fff; }
textarea { resize: vertical; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 14px; }
.dvojice { display: flex; gap: 16px; }
.dvojice > div { flex: 1; }
.tlacitko { margin-top: 16px; width: auto; padding: 10px 20px; background: #0085ba; color: #fff;
            border: 0; border-radius: 4px; font: 600 16px/1 inherit; cursor: pointer; }
.tlacitko:hover { background: #006e9a; }
.drobne { font-size: 13px; color: #686868; margin: 6px 0 0; }
code { background: #f3f3f3; padding: 1px 4px; border-radius: 3px; font-size: 13px; }
.hlaska { padding: 10px 12px; border-radius: 4px; }
.hlaska--ok { background: #e7f4e9; }
.hlaska--chyba { background: #fbe9e7; }
.seznam { list-style: none; padding: 0; margin: 24px 0 0; }
.seznam li { padding: 10px 0; border-top: 1px solid #eee; }
.seznam .drobne { display: block; }
.editor { display: flex; gap: 20px; align-items: flex-start; }
.sloupec--uzky { flex: 0 0 320px; }
.kroky { list-style: none; padding: 0; margin: 0; counter-reset: krok; }
.krok { padding: 4px 0 18px; }
.krok h2 { margin: 18px 0 4px; }
.krok--hotovo h2::after { content: " ✓"; color: #2e7d32; }
.krok textarea { font-size: 13px; margin-top: 8px; }
.tlacitko[disabled] { background: #c9c9c9; cursor: not-allowed; }
.tlacitko--maly { padding: 6px 12px; font-size: 14px; margin-top: 0; }
.tlacitko--zruseni { background: #fff; color: #b03a2e; border: 1px solid #d9a6a0; margin-left: 8px; }
.tlacitko--zruseni:hover { background: #fbeae7; }
.jako-odkaz { border: 0; background: none; padding: 0; font: inherit; font-size: 13px;
              color: #b03a2e; text-decoration: underline; cursor: pointer; }
.jako-odkaz--modry { color: #0085ba; }
.radek { display: flex; align-items: baseline; gap: 12px; }
.radek__nazev { flex: 1; }
.smazani { margin-top: 24px; padding-top: 14px; border-top: 1px solid #eee; }
.vypis { white-space: pre-wrap; word-break: break-word; font-size: 12px; color: #686868;
         background: #f7f7f7; padding: 10px; border-radius: 4px; max-height: 240px;
         overflow: auto; margin: 0; }
.vypis:empty { display: none; }
.sloupec { flex: 1; min-width: 0; }
.lista { display: flex; align-items: center; gap: 14px; }
.stav { font-size: 14px; color: #686868; }
.zalozky { display: flex; gap: 6px; margin-bottom: 14px; }
.zalozka { padding: 8px 14px; border: 1px solid #d5d5d5; background: #f7f7f7;
           border-radius: 4px; font: inherit; font-size: 14px; cursor: pointer; }
.zalozka--aktivni { background: #235787; border-color: #235787; color: #fff; }
.nahled iframe { width: 100%; height: 78vh; border: 1px solid #e0e0e0; background: #fff; }
.skryte { display: none; }
.fotky { list-style: none; padding: 0; margin: 12px 0 0; }
.fotka { display: flex; align-items: center; gap: 10px; padding: 6px 0; border-top: 1px solid #eee; }
.fotka img { width: 72px; height: 48px; object-fit: cover; border-radius: 3px; }
.fotka__jmeno { flex: 1; font-size: 14px; word-break: break-all; }
.fotka--hlavni .fotka__jmeno::after { content: " · hlavní"; color: #0085ba; font-weight: 600; }
.fotka__akce button { border: 0; background: none; color: #0085ba; font: inherit; font-size: 13px;
                      cursor: pointer; padding: 2px 4px; }
.fb { max-width: 520px; }
.fb__text { white-space: pre-wrap; margin: 0 0 10px; }
.fb__prazdno { color: #999; }
.fb__karta { border: 1px solid #dddfe2; border-radius: 8px; overflow: hidden; background: #f0f2f5; }
.fb__obr { display: block; width: 100%; aspect-ratio: 1.91; object-fit: cover; }
.fb__obr--prazdny { display: flex; align-items: center; justify-content: center; text-align: center;
                    padding: 20px; color: #888; font-size: 14px; background: #e4e6eb; }
.fb__popis { padding: 10px 12px; }
.fb__domena { margin: 0; font-size: 12px; color: #65676b; letter-spacing: .3px; }
.fb__nadpis { margin: 2px 0; font-weight: 600; font-size: 16px; }
.fb__perex { margin: 0; font-size: 14px; color: #65676b; }