/* Good Repeats — Kundendashboard, Mock.
   Nur eine Vorschau: die Zahlen sind Beispiele, nichts ist angeschlossen.
   Gleiche Sprache wie die Landingpage: Umriss, kleiner Radius, flacher Versatzblock. */

.dash-header .header-inner{gap:14px}
.dash-user{margin-left:auto;display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:500}
.dash-user__badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;
 border:2px solid var(--ink);border-radius:var(--radius);background:var(--accent);color:var(--on-accent);font-weight:700;font-size:15px}
.dash-logout{font-size:16px;font-weight:500;color:var(--muted);text-decoration:underline;text-underline-offset:5px}
.dash-logout:hover{color:var(--ink)}
.dash-back{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:16px;font-weight:500;
 border:2px solid var(--line);border-radius:var(--radius)}
.dash-back:hover{border-color:var(--ink);background:var(--wash)}

.dash-note{margin:28px 0 0;padding:14px 18px;border:2px dashed var(--line);border-radius:var(--radius);
 font-size:16px;color:var(--muted)}
.dash-head{margin-top:34px}
.dash-head h1{font-size:clamp(32px,4vw,50px)}
.dash-head p{margin-top:12px;color:var(--muted);font-size:18px}

.dash-tiles{display:grid;gap:16px;margin-top:30px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.dash-tile{padding:20px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);
 box-shadow:var(--edge) var(--edge) 0 var(--line)}
.dash-tile dt{font-size:15px;font-weight:500;color:var(--muted)}
.dash-tile dd{margin:8px 0 0;font-size:34px;font-weight:700;line-height:1.05}
.dash-tile__hint{display:block;margin-top:8px;font-size:15px;font-weight:500;color:var(--muted)}

.dash-block{margin-top:48px}
.dash-block h2{font-size:26px}
.dash-list{margin-top:16px;border:2px solid var(--ink);border-radius:var(--radius);background:var(--surface);
 box-shadow:var(--edge) var(--edge) 0 var(--line);overflow:hidden}
.dash-list li{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px;border-top:2px solid var(--line-soft)}
.dash-list li:first-child{border-top:0}
.dash-list__date{flex:none;width:104px;font-size:15px;font-weight:500;color:var(--muted)}
.dash-list__name{flex:1 1 220px;font-weight:700}
.dash-list__meta{font-size:15px;color:var(--muted)}
.dash-state{flex:none;padding:5px 12px;font-size:14px;font-weight:700;border:2px solid var(--ink);border-radius:var(--radius)}
.dash-state--live{background:var(--ink);color:var(--bg)}
.dash-state--plan{background:var(--air)}
.dash-state--draft{background:transparent;color:var(--muted);border-color:var(--line)}

.dash-foot{margin:56px 0 80px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.dash-foot p{font-size:16px;color:var(--muted)}

@media(max-width:1099px){
 .dash-back{display:none}
 .dash-logout{display:none}
 .dash-list__date{width:100%}
}

/* ---------- Anmeldung (Mock) ---------- */
.login-page{display:flex;justify-content:center;padding:60px 18px 90px}
.login-card{width:min(430px,100%);padding:34px 30px 28px;border:2px solid var(--ink);border-radius:var(--radius);
 background:var(--surface);box-shadow:var(--edge) var(--edge) 0 var(--line)}
.login-card h1{font-size:34px}
.login-card__lead{margin-top:12px;font-size:17px;color:var(--muted)}
.login-field{display:flex;flex-direction:column;gap:7px;margin-top:22px}
.login-field label{font-size:15px;font-weight:500;color:var(--muted)}
.login-field input{min-height:50px;padding:10px 14px;font-size:17px;background:var(--bg);
 border:2px solid var(--line);border-radius:var(--radius)}
.login-field input:focus{border-color:var(--ink);outline-offset:2px}
.login-card .button{margin-top:26px;width:100%;justify-content:center}
.login-card__note{margin-top:18px;font-size:15px;color:var(--muted)}
.login-card__help{margin-top:14px;font-size:15px;color:var(--muted)}
.login-card__help a{text-decoration:underline;text-underline-offset:4px}