/*
Module: Auth — the login screen.
Standalone: no shell, no navigation, no identity to show yet.
*/

.lvd-wsp-auth-body      {min-height:100vh; display:flex; align-items:center; justify-content:center;
                         background:var(--lvd-cc-page-bg); padding:var(--lvd-space-l);}

.lvd-wsp-auth           {width:100%; max-width:420px;}

.lvd-wsp-auth-card      {background:var(--lvd-cc-surface); border-radius:var(--lvd-radius-l);
                         padding:var(--lvd-space-xl); box-shadow:var(--lvd-shadow-m);}

.lvd-wsp-auth-brand     {display:flex; align-items:center; gap:10px; margin-bottom:var(--lvd-space-xl);}
.lvd-wsp-auth-brand-name{font-size:var(--lvd-text-s1); font-weight:700; color:var(--lvd-cc-title);
                         letter-spacing:.02em;}

.lvd-wsp-auth-title     {font-size:var(--lvd-text-h3); margin-bottom:6px;}
.lvd-wsp-auth-lead      {font-size:var(--lvd-text-s1); color:var(--lvd-cc-text-muted);
                         margin-bottom:var(--lvd-space-l); line-height:1.6;}
.lvd-wsp-auth-lead strong {color:var(--lvd-cc-title);}

.lvd-wsp-auth-form .lvd-wsp-input {margin-bottom:var(--lvd-space-m);}

.lvd-wsp-auth-alt       {margin-top:var(--lvd-space-m); text-align:center;}

.lvd-wsp-auth-foot      {margin-top:var(--lvd-space-m); text-align:center;
                         font-size:var(--lvd-text-s2); color:var(--lvd-color-gray-400);}

/* Installer checklist — same visual language as the status dots elsewhere:
   one glance tells you what is missing. */
.lvd-wsp-install-list       {margin:0 0 var(--lvd-space-l); font-size:var(--lvd-text-s1);}
.lvd-wsp-install-list li    {display:flex; align-items:center; gap:8px; padding:8px 0;
                             border-bottom:1px solid var(--lvd-cc-border-soft); color:var(--lvd-cc-text);}
.lvd-wsp-install-list li:last-child {border-bottom:0;}
.lvd-wsp-install-list li::before {content:''; width:8px; height:8px; border-radius:50%;
                             flex-shrink:0; background:var(--lvd-color-unknown);}
.lvd-wsp-install-list li.is-ok::before       {background:var(--lvd-color-success);}
.lvd-wsp-install-list li.is-critical::before {background:var(--lvd-color-error);}
.lvd-wsp-install-list li.is-critical         {color:#8f2226; font-weight:600;}

/* The brand mark is shared with the shell, so it lives in module-shell.css.
   Auth loads without the shell stylesheet, hence the local copy. */
.lvd-wsp-brand-mark     {width:30px; height:30px; border-radius:50%; display:block;
                         background:var(--lvd-color-ink);
                         box-shadow:inset 0 0 0 3px var(--lvd-cc-surface), inset 0 0 0 6px var(--lvd-color-ink);}

@media (max-width:767px)
{
.lvd-wsp-auth-card      {padding:var(--lvd-space-l);}
}