/* Noga: portale di login compatto e in alto (Authelia 4.39, Tailwind). Iniettato da login-ux (nginx sub_filter).
   Selettori sugli id stabili di Authelia (#first-factor-stage, #UserSvg, #form-login, #sign-in-button…); se un
   aggiornamento di Authelia li cambia, la pagina torna semplicemente all'aspetto originale. */

/* Barra della lingua: piccola, in alto a destra, non occupa una riga */
#root header { position: absolute !important; top: 0; right: 0; left: auto; width: auto !important; height: auto !important; z-index: 10; background: transparent !important; box-shadow: none !important; }
#root header > div { padding: 6px 8px !important; height: auto !important; min-height: 0 !important; }
#root header #language-button { padding: 4px 8px !important; margin: 0 !important; font-size: .8rem !important; opacity: .75; }
#root header #language-button svg { width: 16px; height: 16px; }

/* Tutte le fasi (login, secondo fattore, consenso, reset): in alto, non centrate in verticale */
#root [id$="-stage"] { min-height: 0 !important; align-items: flex-start !important; padding-top: 14px; padding-bottom: 16px; }
#root [id$="-stage"] > div { max-width: 400px; padding-left: 20px !important; padding-right: 20px !important; }

/* Logo Noga al posto della grande icona utente */
#root .p-2:has(> #UserSvg) { padding: 0 !important; height: 40px; margin: 0 0 10px; background: url("/noga-logo.png") center / contain no-repeat; }
#root #UserSvg { display: none !important; }

/* Titolo più piccolo */
#root [id$="-stage"] h5 { font-size: 1.15rem !important; line-height: 1.5rem !important; opacity: .85; }
#root [id$="-stage"] h5 + * , #root [id$="-stage"] .mt-2.py-2 { margin-top: 6px !important; padding-top: 4px !important; padding-bottom: 4px !important; }

/* Modulo: campi da 48 px (comodi al tocco), spazi stretti */
#root #form-login > .grid { gap: 12px !important; }
#root #username-textfield, #root #password-textfield { height: 48px !important; padding-top: 16px !important; padding-bottom: 4px !important; font-size: 16px !important; /* 16 px: iOS non fa lo zoom */ }
#root #sign-in-button { height: 46px !important; font-size: 1rem !important; }
#root #reset-password-button { padding-top: 6px !important; padding-bottom: 6px !important; font-size: .9rem !important; }
#root [id$="-stage"] a[href*="authelia.com"] { opacity: .6; }

/* Schermi grandi: un po' di respiro in alto, ma niente centratura a metà pagina */
@media (min-width: 640px) { #root [id$="-stage"] { padding-top: 9vh; } }