/* Přihlašovací stránka: na středu karta s logem, názvem a formulářem.
   Tmavý režim: stejná volba jako ve zbytku appky (localStorage, viz shell.js) - inline skript v login.php nastaví
   data-theme na <html> ještě před vykreslením, aby stránka nebliklá ve světlém provedení. Bez volby appka sleduje
   systémové nastavení. */
:root{
    color-scheme:light;
    --lg-bg:#f1f4f8; --lg-surface:#fff; --lg-line:#dfe4ec; --lg-text:#1b2330; --lg-muted:#6a7588; --lg-gray-soft:#eceff4;
    --lg-brand:#0f74a8; --lg-brand-2:#0e6497; --lg-nav:#1c232f; --lg-red:#e5484d; --lg-red-soft:#fdeced;
}
:root[data-theme="dark"]{
    color-scheme:dark;
    --lg-bg:#0e131d; --lg-surface:#171d29; --lg-line:#2c3444; --lg-text:#e7eaf1; --lg-muted:#8b96ab; --lg-gray-soft:rgba(255,255,255,.08);
    --lg-brand:#3fa3db; --lg-brand-2:#69bce8; --lg-nav:#0a0d14; --lg-red:#f0787c; --lg-red-soft:rgba(240,120,124,.16);
}
@media (prefers-color-scheme:dark){
    :root:not([data-theme="light"]):not([data-theme="dark"]){
        color-scheme:dark;
        --lg-bg:#0e131d; --lg-surface:#171d29; --lg-line:#2c3444; --lg-text:#e7eaf1; --lg-muted:#8b96ab; --lg-gray-soft:rgba(255,255,255,.08);
        --lg-brand:#3fa3db; --lg-brand-2:#69bce8; --lg-nav:#0a0d14; --lg-red:#f0787c; --lg-red-soft:rgba(240,120,124,.16);
    }
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body.lg-body{
    font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size:14px;color:var(--lg-text);background:var(--lg-bg);
}
.lg-wrap{display:flex;min-height:100vh;min-height:100dvh}

.lg-main{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 20px}
.lg-card{width:100%;max-width:400px;background:var(--lg-surface);border:1px solid var(--lg-line);border-radius:18px;padding:34px 32px 30px;box-shadow:0 1px 2px rgba(20,30,50,.06),0 12px 40px rgba(20,30,50,.08)}
.lg-head{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:26px}
.lg-mark{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:17px;background:var(--lg-nav)}
.lg-mark img{width:42px;height:42px}
.lg-head h1{font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0}
.lg-err{display:flex;gap:10px;align-items:flex-start;background:var(--lg-red-soft);color:var(--lg-red);border-radius:10px;padding:10px 12px;margin-bottom:16px;font-weight:600;line-height:1.4}
.lg-err i{margin-top:2px}
.lg-field{display:block;margin-bottom:16px}
.lg-field>span{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px}
.lg-in{position:relative}
.lg-in>i.fas{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--lg-muted);font-size:14px;pointer-events:none}
.lg-in input{
    width:100%;height:46px;border:1px solid var(--lg-line);border-radius:11px;background:var(--lg-surface);color:var(--lg-text);
    padding:0 44px 0 40px;font:inherit;font-size:15px;outline:none;box-shadow:none;transition:border-color .12s,box-shadow .12s;
}
.lg-in input:focus{border-color:var(--lg-brand);box-shadow:0 0 0 3px rgba(15,116,168,.15)}
.lg-eye{position:absolute;right:4px;top:4px;width:38px;height:38px;border:0;background:none;color:var(--lg-muted);border-radius:9px;cursor:pointer;font-size:15px}
.lg-eye:hover{background:var(--lg-gray-soft)}
.lg-btn{
    width:100%;height:48px;margin-top:6px;border:0;border-radius:11px;background:var(--lg-brand);color:#fff;
    font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .12s;
}
.lg-btn:hover{background:var(--lg-brand-2)}
.lg-btn:disabled{opacity:.7;cursor:default}

@media (max-width:760px){
    .lg-main{padding:24px 16px;align-items:flex-start;padding-top:max(10vh,24px)}
    .lg-card{padding:26px 22px 24px;border-radius:16px}
    .lg-in input{font-size:16px} /* iOS jinak při zaostření přibližuje stránku */
}