/* Portál Objednávky – vzhľad prihlasovacích a správcovských stránok (rovnaké farby ako portál) */
:root{--bg:#f1f4f2;--sf:#fff;--ink:#16201c;--mu:#5d6b65;--ln:#d9e0dc;--ac:#0f6b63;--acs:#dcefec;--ok:#1f7a45;--oks:#dff1e6;--wa:#8a5a00;--was:#fbefd0;--er:#b3362b;--ers:#f9dcd8;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#111815;--sf:#1a2420;--ink:#e8efeb;--mu:#93a39b;--ln:#2b3833;--ac:#5cc4b8;--acs:#173733;--ok:#6fd49a;--oks:#173324;--wa:#f0bf5a;--was:#3a2e12;--er:#ff8f82;--ers:#3d1a16;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;padding:6vh max(16px,env(safe-area-inset-right)) 40px max(16px,env(safe-area-inset-left))}
.box{max-width:440px;margin:0 auto;background:var(--sf);border:1px solid var(--ln);border-radius:8px;padding:28px}
.box.wide{max-width:1000px}
h1{font:700 26px "Arial Narrow",system-ui,sans-serif;margin:2px 0 16px}h2{font-size:18px;margin:24px 0 8px}
.kick{margin:0;font:600 13px system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--ac)}
label{display:block;margin:12px 0;font-weight:600;font-size:14px}
label.cb{display:flex;gap:8px;align-items:center;font-weight:400}
input,select{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1px solid var(--ln);border-radius:6px;background:var(--sf);color:var(--ink);font:inherit}
label.cb input{display:inline;width:auto;margin:0}
input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--ac);outline-offset:1px}
.btn{display:inline-block;background:var(--ac);color:var(--bg);border:0;border-radius:6px;padding:10px 16px;font:600 15px system-ui,sans-serif;cursor:pointer;text-decoration:none}
.btn.g{background:none;color:var(--ac);border:1px solid var(--ac)}.btn.s{padding:6px 10px;font-size:14px}.btn:disabled{opacity:.5}
.note{color:var(--mu);font-size:13px;font-weight:400}
.ok,.err,.warn{border-radius:6px;padding:10px 14px;margin:12px 0}.ok{background:var(--oks);color:var(--ok)}.err{background:var(--ers);color:var(--er)}.warn{background:var(--was);color:var(--wa)}
pre{background:var(--bg);padding:12px;border-radius:6px;overflow-x:auto;font-size:13px}
.checks{list-style:none;padding:0}.checks li{padding:3px 0}.checks .y{color:var(--ok)}.checks .n{color:var(--er)}
.tbl{overflow-x:auto;border:1px solid var(--ln);border-radius:6px}
table{width:100%;border-collapse:collapse;min-width:820px}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--ln);vertical-align:middle}th{font-size:13px;color:var(--mu)}tr:last-child td{border-bottom:0}tr.off{opacity:.55}
form.inl{display:flex;gap:6px;align-items:center;margin:0}form.inl input,form.inl select{margin:0;padding:6px 8px;width:auto;min-width:0}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 16px}.grid2 p{grid-column:1/-1}
/* firemná hlavička prihlasovacích stránok: logo a názov firmy z Nastavení portálu (Vzhľad a logo) */
body{padding-top:0}
.brand{display:flex;align-items:center;justify-content:center;gap:14px;max-width:440px;margin:0 auto;padding:7vh 0 18px}
.brand img{max-height:64px;max-width:220px;object-fit:contain;background:#fff;border-radius:6px;padding:6px 10px}
.brand b{display:block;font:700 20px "Arial Narrow",system-ui,sans-serif}.brand span{display:block;color:var(--mu);font-size:13px}
.box.wide~.foot,.foot{text-align:center;color:var(--mu);font-size:12px;margin:22px 0 0}
.btn.wide{width:100%;padding:12px 16px}.center{text-align:center}
.box a:not(.btn){color:var(--ac)}
/* sivo-bielo-zelená schéma */
[data-scheme="sz"]{--bg:#eceeed;--sf:#fff;--ink:#202422;--mu:#5c635f;--ln:#d2d6d4;--ac:#2e8b3e;--acs:#e4f2e6;--ok:#2e7d32;--oks:#e2f1e3}
[data-scheme="sz"] body{background:linear-gradient(#4a4f4c,#4a4f4c) top/100% 210px no-repeat var(--bg);min-height:100vh}
[data-scheme="sz"] .brand b{color:#fff}[data-scheme="sz"] .brand span{color:#d0d5d2}
@media (prefers-color-scheme:dark){[data-scheme="sz"]{--bg:#151716;--sf:#202322;--ink:#e9ecea;--mu:#9aa29e;--ln:#333836;--ac:#72c67e;--acs:#1d3321}[data-scheme="sz"] body{background:linear-gradient(#2b2f2d,#2b2f2d) top/100% 210px no-repeat var(--bg)}}
/* API rozhranie */
.apibox{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;background:var(--acs);border-radius:8px;padding:12px 16px;margin:14px 0}
.apibox pre{margin:4px 0 0;background:var(--sf)}pre.copy{user-select:all;white-space:pre-wrap;word-break:break-all}
.card2{border:1px solid var(--ln);border-radius:8px;padding:4px 16px;margin:12px 0}
fieldset.checks2{border:0;padding:0;margin:12px 0}fieldset.checks2 legend{font-weight:600;font-size:14px;padding:0}label.cb{margin:6px 0}label.cb.sm{font-size:13px;margin:2px 0}
form.inl.wrap{flex-wrap:wrap}.okt{color:var(--ok);font-weight:600}.ert{color:var(--er)}code{font-size:13px}
.doc h3{margin:22px 0 6px}.doc table{min-width:0}.doc td code,.doc p code,.doc li code{background:var(--bg);padding:1px 5px;border-radius:4px}.doc .m{display:inline-block;font:700 12px monospace;padding:2px 7px;border-radius:4px;background:var(--ac);color:var(--bg);margin-right:6px}
.toc{columns:2;font-size:14px}@media(max-width:600px){.toc{columns:1}}