.login-screen {
  min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 20px;
  box-sizing: border-box;
}
.login-card {
  width: 100%; max-width: 340px; background: #fff; border: 1px solid var(--border);
  border-radius: var(--r-2xl); padding: 24px; display: flex; flex-direction: column; gap: 14px;
  box-shadow: var(--sh-panel);
}
.login-brand { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }

.input {
  border: 1px solid var(--border-control); border-radius: 9px;
  padding: 9px 12px; font: inherit; font-size: 14px; color: var(--ink);
  min-height: 40px; width: 100%; box-sizing: border-box;
}
.input:focus { border-color: var(--green); outline: none; box-shadow: var(--ring-focus); }

.login-error { font-size: 13px; color: var(--alarm-ink); min-height: 18px; }