:root{ --bg:#fff; --fg:#0f172a; --muted:#64748b; --primary:#0ea5e9; --danger:#ef4444;
       --border:#e5e7eb; --card:#f8fafc; --chip:#ffffff; }
:root.dark{ --bg:#0b1220; --fg:#ebf2ff; --muted:#9fb1d0; --primary:#38bdf8; --danger:#f87171;
            --border:#1e293b; --card:#0f172a; --chip:#111827; }
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial;color:var(--fg);background:var(--bg)}
.app-header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--border);padding:10px 12px;z-index:10}
.brand h1{margin:0;letter-spacing:.2px}.brand .tm{font-weight:800}.brand .jw{font-weight:800}.brand .by{opacity:.7;margin:0 .25rem}
.tabs{display:grid;grid-auto-flow:column;gap:8px;margin-top:8px;overflow-x:auto;padding-bottom:4px}
.tab{border:1px solid var(--border);background:var(--chip);border-radius:999px;padding:8px 12px;cursor:pointer;color:var(--primary)}
.tab.active{background:var(--card)}
main{padding:16px}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;gap:6px}
.card.cat-Spitex{border-left:6px solid #22c55e}.card.cat-Psych{border-left:6px solid #a855f7}.card.cat-Töpferhaus{border-left:6px solid #f59e0b}
.card.cat-Administrativ{border-left:6px solid #0ea5e9}.card.cat-Geschäftlich{border-left:6px solid #ef4444}.card.cat-Privat{border-left:6px solid #10b981}
.card.cat-HKV{border-left:6px solid #60a5fa}
h2{margin:8px 0 12px}.title{font-weight:600}
.row{display:flex;gap:10px}.half{flex:1}
label{display:grid;gap:6px;margin-bottom:12px}
input,select,textarea,button{border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-size:16px;background:var(--chip);color:var(--fg)}
input[type=file]{padding:8px}
button.primary{background:var(--primary);border-color:var(--primary);color:#fff}
button.danger{background:var(--danger);border-color:var(--danger);color:#fff}
.list{display:grid;gap:10px}
.item{border:1px solid var(--border);border-radius:14px;padding:12px;background:var(--chip)}
.meta{color:var(--muted);font-size:12px}
.btnrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.attach{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.attach .chip{border:1px solid var(--border);background:var(--chip);border-radius:999px;padding:4px 8px;font-size:12px}
.app-footer{padding:20px 16px 32px;text-align:center;color:var(--muted)}
.err{position:fixed;left:12px;right:12px;bottom:12px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:10px 12px;border-radius:10px;font-size:12px;z-index:9999}
.sep{margin:8px 0 16px;border-bottom:1px dashed var(--border)}


/* Play Store edition tweaks */
.brand h1{display:flex;align-items:baseline;gap:.35rem}