/* TSP Reisekosten Frontend V2.83
   Login-Seite bewusst minimal: nur Kennwortfeld und Anmelden sichtbar.
   Nach Admin-Login bleibt die normale App-Oberfläche unverändert sichtbar. */
body:has(#app.hidden) .top,
body:has(#app.hidden) .wrap > .small,
body:has(#app.hidden) .loginBrand,
body:has(#app.hidden) #loginCard h2,
body:has(#app.hidden) #loginMsg {
  display: none !important;
}

body:has(#app.hidden) .wrap {
  min-height: 100svh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}

body:has(#app.hidden) .loginShell {
  width: min(92vw, 520px);
  margin: 0 auto !important;
}

body:has(#app.hidden) .loginCardInner {
  padding: 22px !important;
  box-shadow: none !important;
  border: 0 !important;
  background: transparent !important;
}

body:has(#app.hidden) .loginFormStack {
  gap: 14px !important;
}

body:has(#app.hidden) .pinInput,
body:has(#app.hidden) #loginButton {
  width: 100% !important;
}