/* calink-cloud — schlichte Konto-Seiten. Der eigentliche Star ist der
   Configurator unter /app; hier gibt es nur Anmelden und Geräteliste. */
:root { --tinte: #1b1b1f; --papier: #f7f6f2; --akzent: #2c6e49; --rand: #d8d5cc; }
* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.5 system-ui, sans-serif; color: var(--tinte); background: var(--papier);
  display: flex; min-height: 100vh; flex-direction: column; align-items: center; }
main { width: 100%; max-width: 480px; padding: 24px 16px; }
h1 { font-size: 1.4rem; margin: 16px 0 4px; }
h1 a { color: inherit; text-decoration: none; }
h2 { font-size: 1.05rem; margin: 20px 0 8px; }
.karte { background: #fff; border: 1px solid var(--rand); border-radius: 10px; padding: 16px; margin: 12px 0; }
label { display: block; margin: 10px 0 4px; font-size: .9rem; }
input { width: 100%; padding: 9px 10px; border: 1px solid var(--rand); border-radius: 8px; font: inherit; }
button { margin-top: 14px; padding: 10px 16px; border: 0; border-radius: 8px; background: var(--akzent);
  color: #fff; font: inherit; cursor: pointer; }
button.leise { background: transparent; color: var(--akzent); padding: 6px 8px; margin: 0; }
.fehler { color: #a4243b; margin-top: 10px; min-height: 1.2em; }
.ok { color: var(--akzent); margin-top: 10px; }
.geraet { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px 0;
  border-bottom: 1px solid var(--rand); }
.geraet:last-child { border-bottom: 0; }
.klein { font-size: .82rem; color: #666; }
a { color: var(--akzent); }