/* VirtuSlo admin — the sign-in page, on the design kit (public/design-kit). Loaded after the
   kit's files; every colour is a --vs-* token. */

body { min-height: 100vh; display: grid; place-items: center; padding: 1rem; }

.login { width: min(22rem, 100%); display: grid; gap: 1.25rem; }
.login .vs-wordmark { justify-content: center; margin: 0; }
.login .vs-card { padding: 1.25rem var(--vs-edge) var(--vs-edge); }
.login h1 { margin-bottom: 1rem; font-size: 1rem; font-weight: 700; letter-spacing: -0.018em; }
.login form { display: grid; gap: 0.875rem; }
.login .remember { display: flex; align-items: center; gap: 0.5rem; color: var(--vs-ink-2); }
.login .vs-btn--primary { width: 100%; }
