:root{--blue:#0f4c81;--gold:#c7a34b;--bg:#f3f6f9;--text:#1d2733;--muted:#6b7785;--white:#fff;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--blue);text-decoration:none}.auth{min-height:100vh;display:grid;place-items:center;padding:24px}.card{background:var(--white);border-radius:14px;box-shadow:0 10px 30px rgba(15,76,129,.12);padding:28px}.auth .card{width:min(440px,100%)}h1,h2,h3{margin-top:0}.brand{font-weight:700;color:var(--blue);font-size:1.3rem}.brand span{color:var(--gold)}label{display:block;font-weight:600;margin:14px 0 6px}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #ccd4dc;border-radius:8px;font:inherit}textarea{min-height:150px;resize:vertical}.btn{display:inline-block;background:var(--blue);color:#fff;border:0;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer}.btn.secondary{background:#e9eef3;color:var(--text)}.btn.gold{background:var(--gold);color:#17202a}.error{background:#fee4e2;color:var(--danger);padding:10px;border-radius:8px}.message{background:#dcfae6;color:#067647;padding:10px;border-radius:8px;margin-bottom:18px}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#0c3558;color:#fff;padding:24px 18px}.sidebar a{display:block;color:#eaf2f8;padding:10px 12px;border-radius:8px;margin:4px 0}.sidebar a:hover{background:rgba(255,255,255,.1)}.content{padding:28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{background:#fff;border-radius:12px;padding:18px;box-shadow:0 4px 16px rgba(15,76,129,.07)}.stat strong{display:block;font-size:2rem;color:var(--blue)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid #e8edf2}th{background:#f8fafc}.pill{display:inline-block;padding:4px 8px;border-radius:99px;background:#edf4fb;color:var(--blue);font-size:.85rem}.actions{display:flex;gap:10px;align-items:center}.detail-grid{display:grid;grid-template-columns:1fr 280px;gap:20px}.muted{color:var(--muted);font-size:.92rem}@media(max-width:850px){.layout{grid-template-columns:1fr}.sidebar{position:static}.stats{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media(max-width:520px){.stats{grid-template-columns:1fr}.content{padding:16px}.topbar{align-items:flex-start;gap:10px;flex-direction:column}table{font-size:.9rem}}

/* Version 0.2 – Benutzerverwaltung */
.sidebar-user{color:#c7d7e5;line-height:1.45}.sidebar-user small{color:#9fb7ca}.logout-form{margin-top:24px}.form-card{max-width:680px}.table-card{padding:0;overflow-x:auto}.btn.small{padding:7px 10px;font-size:.85rem}.btn.danger{background:#b42318;color:#fff}.actions.wrap{flex-wrap:wrap}.actions form{margin:0}.status{display:inline-block;padding:4px 9px;border-radius:99px;font-size:.84rem;font-weight:700}.status.active{background:#dcfae6;color:#067647}.status.inactive{background:#fee4e2;color:#b42318}.error{margin-bottom:18px}@media(max-width:700px){.table-card table{min-width:850px}.form-card{max-width:none}}

/* Version 0.3 – Einladungen, Sicherheit und Benutzerlöschung */
.notice{background:#edf4fb;border-left:4px solid var(--blue);padding:13px 14px;border-radius:8px;margin:18px 0;color:#23415c}.status.pending{background:#fff4ce;color:#7a4d00;margin-top:5px}.btn.danger-outline{background:#fff;color:#b42318;border:1px solid #b42318}.btn.danger-outline:hover{background:#fee4e2}.auth-wide{width:min(520px,100%)}.logout-inline{margin-top:18px}.link-button{border:0;background:transparent;color:var(--blue);padding:0;cursor:pointer;text-decoration:underline;font:inherit}

/* Version 0.3.2 – öffentliche Kundenregistrierung */
.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--muted);font-size:.9rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e1e7ec;flex:1}.registration-box{background:#f8fafc;border:1px solid #e1e7ec;border-radius:10px;padding:18px}.registration-box p{margin:7px 0 14px}.auth-register-button{text-align:center}.auth-actions{margin-top:20px;flex-wrap:wrap}

/* Version 0.4 – Registrierungsfreigabe und erweiterte Rollen */
.pending-card{text-align:center}.pending-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#dcfae6;color:#067647;font-size:2rem;font-weight:700;margin:20px auto}.stat-link{display:block;color:var(--text)}.stat-link:hover{transform:translateY(-2px)}.row-pending{background:#fffaf0}.row-pending td{border-bottom-color:#f2dfb5}


/* Version 0.4.1 – Telefonnummer und Datenschutz */
.legal-consent{margin-top:20px;padding:16px;background:#f8fafc;border:1px solid #e1e7ec;border-radius:10px}.check-row{display:flex;align-items:flex-start;gap:10px;font-weight:400;margin:10px 0}.check-row input{width:auto;margin-top:3px;flex:0 0 auto}.check-row span{line-height:1.45}.legal-page{min-height:100vh;padding:32px 18px}.legal-card{max-width:900px;margin:0 auto}.legal-card h2{margin-top:28px;font-size:1.15rem}.legal-card p{line-height:1.65}

/* Datenschutzbestätigung bei der Registrierung */
.legal-consent {
  margin-top: 22px;
  padding: 18px;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  background: #f8fafc;
}
.legal-consent h2 {
  margin: 0 0 6px;
  font-size: 1.05rem;
}
.legal-intro {
  margin: 0 0 14px;
}
.check-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 12px 0;
  cursor: pointer;
}
.check-row input[type="checkbox"] {
  width: 18px;
  height: 18px;
  min-width: 18px;
  margin-top: 2px;
}
.check-row a {
  font-weight: 700;
}