/* Přihlášení: stejná stránka jako v CRM a Financích (skleněná karta, síť na pozadí), akcent fialový = INTECHI TECHNOLOGY. */
.login{--lg-bg:radial-gradient(900px 640px at 86% -8%,rgba(150,190,240,.38),transparent 62%),radial-gradient(760px 600px at 4% 96%,rgba(118,160,214,.5),transparent 64%),radial-gradient(700px 520px at 46% 46%,rgba(255,255,255,.75),transparent 72%),#eceff4;
--lg-card:rgba(255,255,255,.66);--lg-border:rgba(255,255,255,.95);--lg-ink:#121b26;--lg-muted:#4d5d70;--lg-field:rgba(255,255,255,.8);--lg-field-border:rgba(31,46,74,.18);--lg-shadow:0 24px 70px rgba(31,46,74,.2);
--text:#15201b;--card:#fff;--line:#dde1da;
position:relative;min-height:100vh;overflow:hidden;background:var(--lg-bg);color:var(--lg-ink);font-family:Manrope,system-ui,sans-serif}
html[data-theme=dark] .login{--lg-bg:radial-gradient(900px 640px at 84% -6%,rgba(232,168,50,.3),transparent 62%),radial-gradient(800px 640px at 2% 98%,rgba(48,98,214,.45),transparent 64%),radial-gradient(680px 520px at 52% 42%,rgba(110,80,200,.22),transparent 70%),#080d18;
--lg-card:rgba(255,255,255,.08);--lg-border:rgba(255,255,255,.2);--lg-ink:#eef3fb;--lg-muted:#aebdd0;--lg-field:rgba(255,255,255,.08);--lg-field-border:rgba(255,255,255,.22);--lg-shadow:0 24px 70px rgba(0,0,0,.55);--text:#e7ede9;--card:#18201c;--line:#2b3731}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .login{--lg-bg:radial-gradient(900px 640px at 84% -6%,rgba(232,168,50,.3),transparent 62%),radial-gradient(800px 640px at 2% 98%,rgba(48,98,214,.45),transparent 64%),radial-gradient(680px 520px at 52% 42%,rgba(110,80,200,.22),transparent 70%),#080d18;
--lg-card:rgba(255,255,255,.08);--lg-border:rgba(255,255,255,.2);--lg-ink:#eef3fb;--lg-muted:#aebdd0;--lg-field:rgba(255,255,255,.08);--lg-field-border:rgba(255,255,255,.22);--lg-shadow:0 24px 70px rgba(0,0,0,.55);--text:#e7ede9;--card:#18201c;--line:#2b3731}}
.lbody{margin:0}
.login canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.login .in{position:relative;min-height:100vh;padding:28px 24px;display:flex;flex-direction:column;gap:24px}
.login .headrow>span{display:flex;align-items:center}.login .headrow{display:flex;justify-content:space-between;align-items:center;gap:16px}.login .headrow>img{width:150px;height:auto}
.login .center{flex-grow:1;display:flex;align-items:center;justify-content:center}.login .foot{font-size:13px;color:var(--lg-muted)}
.lcard{width:100%;max-width:420px;background:var(--lg-card);color:var(--lg-ink);border:1px solid var(--lg-border);border-radius:32px;padding:44px 36px 34px;box-shadow:var(--lg-shadow),inset 0 1px 0 rgba(255,255,255,.28);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);display:flex;flex-direction:column;gap:22px}
.lcard .tt{display:flex;flex-direction:column;gap:10px}
.lcard h1{margin:0;font-size:34px;line-height:1.1;letter-spacing:-.02em;font-weight:800;text-align:center}
.lcard p{margin:0;font-size:15px;line-height:1.5;font-weight:500;text-align:center;color:var(--lg-muted)}
.lcard .emb{display:flex;justify-content:center;align-items:center;gap:12px}
.lcard .emb img{width:44px;height:44px;border-radius:50%;background:#fff;padding:2px;box-shadow:0 6px 16px rgba(0,0,0,.2)}
.lcard .emb img.main{width:56px;height:56px;box-shadow:0 0 0 3px #7a2e73,0 8px 20px rgba(122,46,115,.45)}
.lcard .invited{font-size:13px;text-align:center;color:var(--lg-muted)}
.lcard a.ms{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:18px;background:linear-gradient(135deg,#7a2e73,#a24b9a);color:#fff;font-size:16px;font-weight:700;text-decoration:none;box-shadow:0 12px 30px rgba(122,46,115,.45),inset 0 1px 0 rgba(255,255,255,.3)}
.lcard .dev{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:24px;background:var(--lg-field);border:1px solid var(--lg-field-border);font-size:13px;color:var(--lg-muted)}
.lcard .dev[hidden]{display:none}
.lcard .dev b{color:var(--lg-ink);font-size:14px}
.lcard .dev button{min-height:50px;border-radius:16px;border:1px solid var(--lg-field-border);background:var(--lg-field);color:var(--lg-ink);font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,transform .15s}
.lcard .dev button:hover{background:color-mix(in srgb,var(--lg-field) 60%,#a24b9a 28%);border-color:#a24b9a;transform:translateY(-1px)}
.login .dd>button,.login .theme-toggle{color:#15201b}html[data-theme=dark] .login .dd>button,html[data-theme=dark] .login .theme-toggle{color:#e7ede9}
@media (prefers-color-scheme:dark){html:not([data-theme=light]) .login .dd>button,html:not([data-theme=light]) .login .theme-toggle{color:#e7ede9}}
@media (max-width:520px){.lcard{padding:34px 24px 26px;border-radius:28px}.lcard h1{font-size:30px}}