/* =========================
   ADMIN – Grundlayout & Sticky-Footer
   ========================= */

/* Basisfarben & UI */
:root{
  --bg:#fff;
  --text:#222;
  --muted:#666;
  --accent:#b10e0e;
  --border:#e6e6e6;
  --shadow:0 10px 30px rgba(0,0,0,.08)
}

/* Reset */
*{box-sizing:border-box}
html,body{margin:0;padding:0;height:100%}

/* 
 * >>> Sticky-Footer auf ALLEN Admin-Seiten <<<
 * - body als Flex-Container
 * - .admin-main füllt den verfügbaren Raum
 * - .site-footer hängt sich immer ganz unten an
 * - 100vh UND 100dvh wegen iOS/Safari-Darstellung
 */
.admin-body{
  display:flex;
  flex-direction:column;
  min-height:100vh;
  min-height:100dvh;
  background:#fafafa;
  color:var(--text);
}
.admin-main{
  flex:1 0 auto;
  padding:36px 16px;
}
.site-footer{
  margin-top:auto;        /* Footer klebt unten */
  flex-shrink:0;
}

/* Kopf mit Logo und Aktionen (Logout etc.) */
.auth-header{
  position:sticky; top:0; z-index:2;
  background:#fff;
  border-bottom:1px solid var(--border);
  display:flex; align-items:center; justify-content:space-between;
  padding:8px 16px;
}
.auth-header .logo img{height:60px;width:auto;display:block}
.admin-nav{display:flex;gap:8px}

/* Buttons */
.btn{background:var(--accent);color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
.btn:hover{filter:brightness(.96)}
.btn.secondary{background:#eee;color:#222}
.btn.danger{background:#c0392b}

/* Admin-Seite „Benutzerverwaltung“ */
.admin-main{max-width:1120px;margin:20px auto}
.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.toolbar .muted{color:var(--muted)}
.table-wrap{
  background:#fff;border:1px solid var(--border);
  border-radius:12px;box-shadow:var(--shadow);overflow:auto
}
table.users{width:100%;border-collapse:collapse}
table.users th,table.users td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle}
table.users tr:last-child td{border-bottom:0}
table.users input[type="text"], 
table.users input[type="password"]{
  width:100%;border:1px solid var(--border);
  border-radius:8px;padding:8px;background:#fff
}

/* Passwort-Anzeige (●●●) */
.pw-cell{display:flex;align-items:center;gap:10px}
.pw-indicator{font-weight:700;letter-spacing:.12em}

/* Orga-Radiogruppe */
table.users .org label{margin-right:10px;white-space:nowrap}

/* Login/Admin teilen sich diesen Footer-Fix */
.auth-body, .admin-body { /* doppelt definiert, falls Login-Seite die Datei lädt */
  min-height:100vh; min-height:100dvh;
}


/* ==== Büro-Accounts: View/Write untereinander, sauber ausgerichtet ==== */
table.users td.orgperm{
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1.25;
}
table.users td.orgperm label{
  display: block;          /* Zeilenumbruch zwischen View und Write */
  margin: 0;               /* keine zusätzlichen Abstände */
  white-space: nowrap;     /* bricht den Text nicht mitten im Wort */
}