/* Cockpit — Eingaben. Bewusst gross genug fuer die Bedienung am Handy:
   die Tageserfassung passiert meistens nicht am Schreibtisch. */

.field{margin-bottom:13px}
.field label{display:block;font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em;font-size:10px;color:var(--color-text-muted);margin-bottom:5px}
.field input,.field select,.field textarea{
  width:100%;padding:10px 12px;border-radius:9px;
  border:1px solid var(--border-strong);background:var(--color-surface-2);
  color:var(--color-text);font-family:'Space Grotesk',sans-serif;font-size:15px;
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-accent-ring)}
.field .hinweis{font-size:11.5px;color:var(--color-text-muted);margin-top:4px}
.field-fehler input{border-color:rgba(248,81,73,0.6)}
.fehler{color:#ff7b72;font-size:12px;margin-top:4px}

.feldreihe{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}
@media (max-width:640px){ .feldreihe{grid-template-columns:repeat(2,1fr)} }

.btn{
  font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:500;
  padding:10px 16px;border-radius:9px;border:1px solid var(--border-strong);
  background:var(--color-surface-2);color:var(--color-text);cursor:pointer;
  transition:.15s;display:inline-flex;align-items:center;gap:7px;
}
.btn:hover{border-color:var(--color-accent-ring)}
.btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff;font-weight:600}
.btn.primary:hover{background:var(--color-accent-hover)}
.btn.ghost{background:transparent}
.btn[disabled]{opacity:.55;cursor:default}

.remember{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--color-text-2);margin-bottom:15px}