/* == prihlasenie == */
:root{
--zd-green:#16a34a;
--zd-text:#111827;
--zd-muted:#6b7280;
--zd-border:#e5e7eb;
}

.zd-auth-wrap{max-width:520px;margin:0 auto;padding:24px 12px;}
.zd-auth-card{
background:#fff;
border:1px solid var(--zd-border);
border-radius:16px;
box-shadow:0 12px 30px rgba(0,0,0,.06);
padding:22px;
}

.zd-auth-title{margin:0 0 6px 0;font-size:28px;color:var(--zd-text);}
.zd-auth-sub{margin:0 0 16px 0;color:var(--zd-muted);}

.zd-auth-notice{padding:12px 14px;border-radius:12px;margin:12px 0;border:1px solid var(--zd-border);}
.zd-auth-notice--success{background:#f0fdf4;border-color:#86efac;}
.zd-auth-notice--error{background:#fef2f2;border-color:#fecaca;}
.zd-auth-notice--info{background:#eff6ff;border-color:#bfdbfe;}

.zd-auth-notice ul{margin:0;padding-left:18px;}
.zd-auth-notice li{margin:4px 0;}

.zd-auth-form p{margin:0 0 12px 0;}
.zd-auth-form label{display:block;font-weight:800;font-size:13px;margin-bottom:6px;}

.zd-auth-form input{
width:100%;
border:1px solid var(--zd-border);
border-radius:12px;
padding:12px;
font-size:15px;
box-sizing:border-box;
}

.zd-auth-btn{
width:100%;
background:var(--zd-green);
color:#fff;
border:none;
border-radius:12px;
padding:12px;
font-weight:900;
font-size:15px;
cursor:pointer;
}

.zd-auth-divider{
display:flex;
align-items:center;
gap:12px;
margin:14px 0;
justify-content:center;
}

.zd-auth-divider:before,.zd-auth-divider:after{
content:"";
flex:1;
height:1px;
background:#ddd;
}

.zd-auth-links{
display:flex;
justify-content:space-between;
margin-top:10px;
gap:12px;
flex-wrap:wrap;
}

.zd-auth-links a{
text-decoration:none;
font-weight:800;
}

.zd-auth-link-green{color:var(--zd-green);}
.zd-auth-link-muted{color:var(--zd-muted);}
/* == prihlasenie == */
:root{
--zd-green:#16a34a;
--zd-text:#111827;
--zd-muted:#6b7280;
--zd-border:#e5e7eb;
}

.zd-auth-wrap{max-width:520px;margin:0 auto;padding:24px 12px;}
.zd-auth-card{
background:#fff;
border:1px solid var(--zd-border);
border-radius:16px;
box-shadow:0 12px 30px rgba(0,0,0,.06);
padding:22px;
}

.zd-auth-title{margin:0 0 6px 0;font-size:28px;color:var(--zd-text);}
.zd-auth-sub{margin:0 0 16px 0;color:var(--zd-muted);}

.zd-auth-notice{padding:12px 14px;border-radius:12px;margin:12px 0;border:1px solid var(--zd-border);}
.zd-auth-notice--success{background:#f0fdf4;border-color:#86efac;}
.zd-auth-notice--error{background:#fef2f2;border-color:#fecaca;}
.zd-auth-notice--info{background:#eff6ff;border-color:#bfdbfe;}

.zd-auth-notice ul{margin:0;padding-left:18px;}
.zd-auth-notice li{margin:4px 0;}

.zd-auth-form p{margin:0 0 12px 0;}
.zd-auth-form label{display:block;font-weight:800;font-size:13px;margin-bottom:6px;}

.zd-auth-form input{
width:100%;
border:1px solid var(--zd-border);
border-radius:12px;
padding:12px;
font-size:15px;
box-sizing:border-box;
}

.zd-auth-btn{
width:100%;
background:var(--zd-green);
color:#fff;
border:none;
border-radius:12px;
padding:12px;
font-weight:900;
font-size:15px;
cursor:pointer;
}

.zd-auth-divider{
display:flex;
align-items:center;
gap:12px;
margin:14px 0;
justify-content:center;
}

.zd-auth-divider:before,.zd-auth-divider:after{
content:"";
flex:1;
height:1px;
background:#ddd;
}

.zd-auth-links{
display:flex;
justify-content:space-between;
margin-top:10px;
gap:12px;
flex-wrap:wrap;
}

.zd-auth-links a{
text-decoration:none;
font-weight:800;
}

.zd-auth-link-green{color:var(--zd-green);}
.zd-auth-link-muted{color:var(--zd-muted);}