/* ============================================================
   360repair – Styles der PHP-Serverseiten (Login, Benutzer, Installation)
   ============================================================ */
body.srvPage{font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#f4f7fb;margin:0;color:#17233b;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;box-sizing:border-box;}
.srvBox{background:#fff;border:1px solid #d7dde8;border-radius:16px;padding:36px 40px;max-width:420px;width:100%;box-shadow:0 10px 30px rgba(23,35,59,.08);text-align:center;}
.srvBox.wide{max-width:980px;text-align:left;}
.srvLogo{font-size:34px;font-weight:800;color:#1a2a4a;letter-spacing:-.5px;} .srvLogo span{color:#e63329;}
.srvSub{font-size:12px;letter-spacing:2px;color:#5b6a86;margin-bottom:22px;}
.srvText{font-size:13.5px;color:#5b6a86;}
.srvBox label{display:block;text-align:left;font-size:13px;font-weight:700;margin:14px 0 4px;}
.srvBox input[type=text],.srvBox input[type=email],.srvBox input[type=password]{width:100%;box-sizing:border-box;padding:11px 12px;border:1.5px solid #d7dde8;border-radius:10px;font-size:15px;}
.srvBtn{margin-top:22px;width:100%;padding:12px;border:0;border-radius:10px;background:#1a2a4a;color:#fff;font-size:15px;font-weight:700;cursor:pointer;}
.srvBtn.klein{width:auto;margin-top:0;padding:8px 14px;font-size:13px;}
.srvBtn.rot{background:#fdf0ef;color:#a2302a;border:1px solid #f0c4c0;}
.srvBtn.hell{background:#eef2f8;color:#1a2a4a;}
.srvErr{background:#fdf0ef;border:1px solid #f0c4c0;color:#a2302a;padding:10px 12px;border-radius:10px;font-size:13.5px;margin-top:14px;text-align:left;}
.srvOk{background:#e8f6ee;border:1px solid #bfe3cd;color:#1c6b3c;padding:12px 14px;border-radius:10px;font-size:14px;}
.srvWarn{margin-top:16px;font-size:12.5px;color:#a2302a;font-weight:700;}
.srvHint{margin-top:18px;font-size:12px;color:#8a97ad;}
.srvRemember{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:14px;justify-content:center;}
.srvTop{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.srvTop h1{font-size:22px;margin:0;color:#1a2a4a;}
.srvTop a{color:#1a2a4a;font-weight:700;text-decoration:none;font-size:13.5px;}
table.srvTbl{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:8px;}
table.srvTbl th{background:#1a2a4a;color:#fff;text-align:left;padding:8px 10px;font-size:12.5px;}
table.srvTbl td{border-bottom:1px solid #d7dde8;padding:8px 10px;vertical-align:middle;}
.badge{display:inline-block;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#eef2f8;color:#1a2a4a;}
.badge.gruen{background:#e8f6ee;color:#1c6b3c;} .badge.grau{background:#eef2f8;color:#8a97ad;}
.rechteGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px 18px;margin:8px 0 4px;}
.rechteGrid label{display:flex;gap:8px;align-items:center;font-weight:500;font-size:13px;margin:0;}
.srvCard{border:1px solid #d7dde8;border-radius:12px;padding:16px 18px;margin-top:18px;background:#fbfcfe;}
.srvCard h2{font-size:16px;margin:0 0 6px;color:#1a2a4a;}
.srvRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px 14px;}
.srvRow label{margin:8px 0 4px;}
.srvActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
/* App-Modus: das App-eigene Login-Overlay ist durch die Server-Anmeldung ersetzt */
body.server-login .loginOvl{display:none !important;}