:root { --bg:#f4f5f7; --fg:#14213d; --card:#fff; --muted:#6b7280; --accent:#14213d; --err:#b00020; }
@media (prefers-color-scheme: dark) { :root { --bg:#0e1116; --fg:#e8eaed; --card:#1a1f27; --muted:#9aa0a6; --accent:#8ab4f8; --err:#ff6b6b; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.4 -apple-system, system-ui, sans-serif;
  padding: env(safe-area-inset-top) 16px env(safe-area-inset-bottom); }
main { max-width: 640px; margin: 0 auto; padding: 24px 0; }
h1 { font-size: 1.6rem; margin: 0 0 16px; }
.grid { display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
@media (max-width: 420px) { .grid { grid-template-columns: 1fr; } }
.tile, form { background:var(--card); border-radius:14px; padding:16px; box-shadow:0 1px 3px rgba(0,0,0,.12); }
.tile h2 { font-size:1rem; margin:0 0 6px; }
.tile p, .muted { color:var(--muted); margin:0; }
button, input, select { font:inherit; padding:12px 14px; border-radius:10px; border:1px solid var(--muted); width:100%; margin-top:10px; }
button { background:var(--accent); color:var(--bg); border:0; font-weight:600; }
button.link { background:none; color:var(--muted); font-weight:400; width:auto; padding:8px 0; }
a.button { display:block; text-align:center; text-decoration:none; padding:12px 14px; border-radius:10px; background:var(--accent); color:var(--bg); font-weight:600; }
.err { color:var(--err); min-height:1.4em; }
code { word-break: break-all; }
.remember { display:flex; gap:10px; align-items:center; margin-top:10px; }
.remember .check { flex:1; display:flex; align-items:center; gap:8px; }
.remember input[type=checkbox] { width:22px; height:22px; margin:0; padding:0; }
.remember select { width:auto; margin:0; background:var(--card); color:var(--fg); }
.small { font-size:.9rem; margin-top:6px; }
.actions { display:flex; gap:20px; }
button.secondary { background:none; color:var(--accent); border:1px solid var(--accent); width:auto; padding:8px 12px; margin:0; }
.devices { list-style:none; padding:0; margin:12px 0 0; }
.device { display:flex; gap:12px; align-items:center; justify-content:space-between; padding:10px 0; border-top:1px solid rgba(127,127,127,.25); }

/* Verwaltung (#2): Akte Objekt -> Einheit -> Vertrag, Formulare */
a.link { display:inline-block; color:var(--muted); text-decoration:none; padding:8px 0; margin-top:10px; }
a.tile-link { display:block; color:inherit; text-decoration:none; }
a.tile-link h2::after { content:" ›"; color:var(--muted); }
.vw section.tile { margin-bottom:12px; }
.vw h1 { margin-bottom:4px; }
.vw h1 + .muted { margin-bottom:16px; }
.vw h2 { font-size:1rem; margin:0 0 8px; }
.crumb { display:inline-block; color:var(--muted); text-decoration:none; padding:6px 0 10px; }
.liste { list-style:none; padding:0; margin:0 0 4px; }
.liste li + li { border-top:1px solid rgba(127,127,127,.25); }
.liste a { display:block; padding:10px 0; color:var(--fg); text-decoration:none; }
.liste a strong::after { content:" ›"; color:var(--muted); font-weight:400; }
.liste .small, .block { display:block; margin-top:2px; }
.fakten { display:grid; grid-template-columns:minmax(110px, 40%) 1fr; gap:6px 12px; margin:0 0 4px; }
.fakten dt { color:var(--muted); }
.fakten dd { margin:0; white-space:pre-line; overflow-wrap:anywhere; }
.vw a.button { margin-top:10px; }
.vw a.button.secondary { background:none; color:var(--accent); border:1px solid var(--accent); }
.knoepfe { display:flex; gap:10px; flex-wrap:wrap; }
.knoepfe a.button { flex:1; }
.tabelle { width:100%; border-collapse:collapse; }
.tabelle th, .tabelle td { text-align:left; padding:8px 4px; border-top:1px solid rgba(127,127,127,.25); vertical-align:top; }
.tabelle th { color:var(--muted); font-weight:400; border-top:0; }
.tabelle .num { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.vw form .feld { display:block; margin-top:14px; }
.vw .lbl, .vw .hint { display:block; }
.vw .pflicht { color:var(--err); }
.vw input, .vw select, .vw textarea { background:var(--card); color:var(--fg); font:inherit; }
.vw textarea { width:100%; padding:12px 14px; border-radius:10px; border:1px solid var(--muted); margin-top:10px; resize:vertical; }
.vw label.check { display:flex; align-items:center; gap:10px; margin-top:12px; }
.vw label.check input { width:22px; height:22px; margin:0; padding:0; flex:none; }
.vw .checks label.check { margin-top:8px; }
.vw .formtitel { font-size:1rem; margin:22px 0 0; padding-top:14px; border-top:1px solid rgba(127,127,127,.25); }
.vw .formtitel:first-child { border-top:0; padding-top:0; margin-top:0; }
.vw [hidden] { display:none !important; }
.vw button.link { display:block; margin:6px auto 0; }
button.danger { background:none; color:var(--err); border:1px solid var(--err); margin-top:24px; }