/* V0.6.12: Öffentliches Login und Aktivierung, gleiche Admin-Farben wie im Portal. */
body{--bg:var(--background);--panel:var(--surface);--copper:var(--accent);--copper-light:var(--accent);--muted:var(--dh-muted);--line:var(--dh-border);background:var(--background);color:var(--text)}
.form-panel{background:radial-gradient(ellipse at 50% 43%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 63%),var(--surface)}
.form-top,.form-bottom,.form-intro{color:var(--dh-muted)}
.form-icon{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 32%,var(--dh-border));color:var(--accent)}
.status-dot{background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent)}
.form-wrap h2 span,.eyebrow{color:var(--accent)}
.field label{color:var(--text)}
.field input,main input{background:var(--background);border-color:var(--dh-border);color:var(--text)}
.field input:focus,main input:focus{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px;box-shadow:none}
.login-button,main button,main .button{background:var(--accent);color:var(--background)}
.login-error,main .error{background:color-mix(in srgb,var(--dh-danger) 13%,var(--surface));border-color:var(--dh-danger);color:var(--dh-danger)}
main{border-color:var(--dh-border)}
main p{color:var(--dh-muted)}
:where(button,a,input):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.login-button{transition:none;transform:none!important}}