/* ═══ PRÜFPILOT STARTSEITE & LOGIN — „Messgerät, keine App" ═══
   Dunkles Werkzeuggehäuse (Kopf/Login), helle Ablese-Karten.
   Lädt NACH dem v10-Stylesheet; Scoping über body.pp-home — Wizard-Screens bleiben unberührt. */

/* ── Kopfleiste: Werkzeuggehäuse ── */
body.pp-home{background:var(--canvas)}
.pp-home-top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;min-height:76px;
  padding:12px max(16px,calc((100% - 760px)/2 + 16px));background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 1px 3px rgba(15,61,107,.05)}
.pp-home-brand{min-width:0}
body.pp-home .logomark{width:52px;height:52px;flex:none;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md)}
body.pp-home .wordmark{color:var(--ink);font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
body.pp-home .wordmark span{color:var(--gas)}
.pp-home-org{color:#b8c2cf;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-top:3px}

/* Signature: Manometer-Skalenleiste — Teilstriche, jeder fünfte in Gas-Gelb */
.pp-home-scale{height:4px;background:var(--brand)}

/* ── Inhalt ── */
.pp-home-kicker{margin:0 0 5px;color:var(--grey);font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:900}
body.pp-home h1{font-size:25px;letter-spacing:-.02em;margin:0 0 7px}
body.pp-home .hint{color:var(--grey);font-size:15px;line-height:1.5;margin:0 0 20px}

/* Protokoll- und Werkzeug-Karten im Material-System */
body.pp-home .btn{min-height:76px;margin:0 0 12px;padding:14px 16px;gap:15px;
  border:2px solid var(--line);border-radius:var(--r-lg);background:var(--surface);
  box-shadow:0 1px 3px rgba(22,32,46,.10);transition:transform .12s,border-color .15s}
body.pp-home .btn:active{transform:scale(.985)}
@media (hover:hover){body.pp-home .btn:hover{border-color:var(--ink)}}
body.pp-home .formcard{border-left-width:0 !important;padding-right:16px}
body.pp-home .formcard.gas{box-shadow:inset 4px 0 var(--gas),0 2px 8px rgba(15,61,107,.05)}
body.pp-home .formcard.wasser{box-shadow:inset 4px 0 var(--wasser),0 2px 8px rgba(15,61,107,.05)}
body.pp-home .formcard.beide{box-shadow:inset 4px 0 var(--ink),0 2px 8px rgba(15,61,107,.05)}
body.pp-home .ico{width:48px;height:48px;flex:none;display:grid;place-items:center;
  border-radius:var(--r-sm);background:var(--panel);color:var(--ink);font-size:0}
body.pp-home .ico svg{display:block}
body.pp-home .formcard.gas .ico{background:var(--gas-soft)}
body.pp-home .formcard.wasser .ico{background:var(--wasser-soft)}
body.pp-home .formcard.beide .ico{background:var(--ink);color:var(--surface)}
body.pp-home .sub{color:var(--grey);font-size:13px;font-weight:650}

/* Plattform-Werkzeuge: dunkle Symbol-Boxen, Ink-Signalkante */
body.pp-home .pp-material-card,body.pp-home .pp-jobs-card{box-shadow:inset 4px 0 var(--ink),0 2px 8px rgba(15,61,107,.05)}
body.pp-home .pp-material-card .ico,body.pp-home .pp-jobs-card .ico{background:var(--ink);color:var(--surface)}
.pp-home-tools{margin:26px 0 8px;color:var(--grey);font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:900}

/* ── Login: geschlossenes Werkzeuggehäuse ── */
.pp-auth{background:var(--canvas) !important}
.pp-auth::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--brand)}
.pp-auth-logo{display:flex;align-items:center;gap:13px;width:min(100%,420px);margin:0 auto 18px;color:var(--ink)}
.pp-auth-logo svg{flex:none;color:var(--brand)}
.pp-auth-logo .wordmark{color:var(--ink);font-size:26px;font-weight:600;letter-spacing:-.02em}
.pp-auth-logo .wordmark span{color:var(--gas)}
.pp-auth-logo small{display:block;color:var(--grey);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-top:3px}
.pp-auth-card{border:0 !important;border-top:4px solid var(--gas) !important}
.pp-auth-footer{margin:16px 0 0 !important;color:#8b94a3 !important;font-size:12px !important;text-align:center}