/* ---------- MyPIA Corporate Design: Mint, Plus Jakarta Sans ---------- */
:root{
  --bg:#f3f7f4; --surface:#ffffff; --sunk:#e8f0eb; --ink:#12261e; --muted:#5e7268; --line:#dce6e0;
  --accent:#178a5c; --accent-ink:#ffffff; --accent-soft:#dcf2e6;
  --brand:#1f9d6b; --brand-ink:#10392b;
  --glass:rgba(243,247,244,.84);
  --sf:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;
  --display:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;
  --cal-red:#1f9d6b;
  --c1:#1f9d6b; --c3:#2a78d6;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#0b1411; --surface:#14201b; --sunk:#1d2b25; --ink:#ecf3ef; --muted:#93a69c; --line:#2a3a33;
  --accent:#7fdcae; --accent-ink:#0b2a1e; --accent-soft:#163a2b;
  --brand:#7fdcae; --brand-ink:#ffffff;
  --glass:rgba(11,20,17,.82); --cal-red:#7fdcae;
  --c1:#26a374; --c3:#3987e5;
}}
:root[data-theme="dark"]{
  --bg:#0b1411; --surface:#14201b; --sunk:#1d2b25; --ink:#ecf3ef; --muted:#93a69c; --line:#2a3a33;
  --accent:#7fdcae; --accent-ink:#0b2a1e; --accent-soft:#163a2b;
  --brand:#7fdcae; --brand-ink:#ffffff;
  --glass:rgba(11,20,17,.82); --cal-red:#7fdcae;
  --c1:#26a374; --c3:#3987e5;
}
/* Standardkalender in Mint statt Blau */
.k0{--ev:#1f9d6b}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .k0{--ev:#3fbf8a} }
:root[data-theme="dark"] .k0{--ev:#3fbf8a}
.mc-blue{background:#1f9d6b}

/* Logo: Buchstaben in Markengrün-Dunkel, im Dunkelmodus weiß */
.pia-logo{color:var(--brand-ink)}
.head h1{font-size:2.1rem}
@media (max-width:420px){ .head h1{font-size:1.75rem} }

/* Reiter auf dem Desktop: deutlicher, mit denselben Symbolen wie auf dem iPhone */
@media (min-width:701px){
  nav{display:inline-flex;gap:4px;padding:5px;margin-bottom:14px;background:var(--surface);border-radius:16px;
    box-shadow:0 0 0 .5px var(--line),0 1px 2px rgba(16,57,43,.06),0 6px 18px rgba(16,57,43,.06);max-width:100%}
  nav a{display:inline-flex;align-items:center;gap:8px;padding:9px 18px 9px 14px;border-radius:12px;background:transparent;color:var(--muted);font-weight:600;font-size:.98rem}
  nav a .ic{display:block;width:22px;height:22px;flex:none}
  nav a:hover{background:var(--sunk);color:var(--ink)}
  nav a[aria-current="page"]{background:var(--accent);color:var(--accent-ink);box-shadow:0 1px 2px rgba(16,57,43,.18),0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}
  nav a[aria-current="page"]:hover{background:var(--accent);color:var(--accent-ink)}
  nav .badge{margin-left:2px}
}

/* Begrüßung auf „Heute“ */
.hd-hello{margin:2px 0 0}
.hd-ask{font-size:1.15rem;color:var(--muted);margin:0 0 6px;font-weight:500}
.hd-name{padding:4px 0;margin:0 0 8px;color:var(--accent);font-weight:600;background:transparent}
.as-namerow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
@media (max-width:360px){ .as-namerow{grid-template-columns:minmax(0,1fr)} }
/* iOS: Eingabefelder mind. 16px, sonst zoomt Safari beim Antippen hinein und bleibt vergrößert */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (pointer:coarse),(max-width:820px){input,textarea,select{font-size:16px!important}}