/* =====================================================================
   app.css — pivicon-ID-Layout auf Basis der SPoT-Tokens.
   Nutzt die Variablen aus pivicon-tokens.css (+ pivicon-id-theme.css).
   ===================================================================== */
body{min-height:100vh;display:flex;flex-direction:column;font-size:15px}

/* Kopf: kommt seit Gen 2 aus der gemeinsamen Leiste
   (shared/pivicon-appbar.css + .js, SpoT: pivicon-master/design/). */

/* Hauptbereich */
main{flex:1;display:grid;place-items:center;padding:2rem 1rem}
.wrap{width:100%;max-width:820px;margin:0 auto;padding:1.75rem 1.25rem 3rem}
.center{max-width:27rem;text-align:center}
h1{color:var(--ink);margin:.2rem 0 .4rem;font-size:1.7rem}
h2{color:var(--ink);font-size:1.12rem;margin:1.8rem 0 .35rem}
.lead{color:var(--ink-soft);margin:.2rem 0 1.5rem}

/* Buttons (Basis kommt aus tokens: .btn/.btn-primary/.btn-ghost) */
.actions{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
.btn-primary:hover{background:var(--accent-ink)}
a.btn{cursor:pointer;text-decoration:none}

/* Angemeldet-Status */
.who{display:flex;align-items:center;gap:.75rem;justify-content:center;margin-bottom:1.1rem}
.who img{width:42px;height:42px;border-radius:50%}
.who .em{font-weight:600;color:var(--ink)}
.who .sub{color:var(--ink-soft);font-size:.9rem}

/* Hinweis-/Platzhalterbox */
.placeholder{background:color-mix(in srgb,var(--amber) 12%,var(--panel));
  border:1px solid color-mix(in srgb,var(--amber) 40%,var(--line));
  color:var(--ink);padding:.75rem 1rem;border-radius:var(--r);margin:1rem 0 1.5rem;font-size:.92rem}

/* Rechts-/Textseiten */
.doc p,.doc li{color:var(--ink)}
.doc .muted{color:var(--ink-soft);font-size:.9rem}
.doc a{color:var(--accent)}

/* Fußzeile */
.site-footer{border-top:1px solid var(--line);padding:1rem 1.25rem;display:flex;
  gap:.35rem 1.1rem;justify-content:center;flex-wrap:wrap;font-size:.88rem;color:var(--ink-soft)}
.site-footer a{color:var(--ink-soft);text-decoration:none}
.site-footer a:hover{color:var(--accent)}
.site-footer .sep{opacity:.4}
.badge{display:inline-block;margin-top:1.6rem;padding:.25rem .75rem;border:1px solid var(--line);
  border-radius:999px;font-size:.8rem;color:var(--ink-soft)}