/* Matches the GearWheel Nextcloud theme; no report styles are loaded here. */
:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 15px; line-height: 1.5; color: #222; background: #00679e; }
* { box-sizing: border-box; }
body.auth-page { margin: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; }
.auth-main { width: min(100% - 32px, 380px); margin: clamp(48px, 15vh, 135px) auto 40px; text-align: center; }
.auth-brand { display: inline-block; width: 240px; max-width: 100%; margin-bottom: 44px; border-radius: 8px; }
.auth-brand img { display: block; width: 100%; height: auto; }
.auth-card { padding: 28px 24px 24px; border-radius: 14px; background: #cce1eb; box-shadow: 0 2px 12px #003c5c26; }
.auth-eyebrow { margin: 0 0 8px; color: #365765; font-size: 12px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
h1 { margin: 0; font-size: 24px; line-height: 1.3; font-weight: 700; text-wrap: balance; }
.auth-message { margin: 16px 0 24px; text-wrap: pretty; }
.auth-button { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 46px; padding: 10px 16px; border: 1px solid #00507a; border-radius: 8px; background: #00679e; color: #fff; font-weight: 650; text-decoration: none; }
.auth-button:hover { background: #00507a; }
.auth-button span { font-size: 22px; line-height: 1; }
.auth-note { margin: 16px 0 0; color: #365765; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.auth-home { display: inline-flex; align-items: center; gap: 4px; min-height: 44px; margin-top: 16px; padding: 8px; border-radius: 8px; color: #fff; font-size: 14px; text-decoration: none; }
.auth-home:hover { text-decoration: underline; }
a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.auth-button:focus-visible { outline-color: #222; }
.auth-footer { margin-top: auto; padding: 0 16px 16px; text-align: center; font-size: 13px; }
.auth-footer span { display: inline-block; padding: 5px 12px; border-radius: 12px; background: #cce1eb; }
@media (max-width: 400px) { .auth-card { padding: 24px 20px; } h1 { font-size: 22px; } .auth-brand { margin-bottom: 32px; } }

.auth-button { width: 100%; font: inherit; cursor: pointer; }
button:focus-visible { outline: 3px solid #222; outline-offset: 4px; }