/* Divari additions to the Refresh UI login screen (refresh-ui.css stays untouched). */
/* Centre the card in the viewport: the theme's 100vh body + 12vh top margin made the page scroll. */
html { height: 100%; }
body:has(.inlog) { margin: 0; min-height: 100%; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
.inlog { width: 100%; max-width: 440px; margin: 0 auto; padding: 24px 16px; box-sizing: border-box; }
.inlog .inlog-kop { justify-content: center; margin: 0 0 6px; }
.inlog .inlog-kop img { width: auto; max-width: 80%; max-height: 72px; object-fit: contain; }
.inlog .inlog-sub { margin: 0 0 18px; text-align: center; color: var(--rui-zacht); font-size: .88rem; }
.inlog .veld input { width: 100%; }
.inlog .melding { font-size: .88rem; line-height: 1.5; }
.inlog-vergeten { margin-top: 16px; font-size: .85rem; color: var(--rui-zacht); }
.inlog-vergeten summary { cursor: pointer; color: var(--rui-accent-tekst); font-weight: 600; }
.inlog-vergeten p { margin: 10px 0 0; line-height: 1.5; }
/* Pupil login and the maintenance screen: a title and a line of explanation above the form */
.inlog .inlog-titel { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 4px 0 6px; font-size: 1.15rem; font-weight: 700; }
.inlog .inlog-titel .ikoon { color: var(--rui-accent); }
.inlog .inlog-uitleg { margin: 0 0 18px; text-align: center; color: var(--rui-zacht); font-size: .88rem; line-height: 1.5; }
.inlog .inlog-link { margin: 16px 0 0; text-align: center; font-size: .85rem; }
.inlog-voet { margin-top: 16px; text-align: center; font-size: .78rem; line-height: 1.6; color: rgba(255, 255, 255, .75); }
.inlog-voet a { color: #fff; }
.inlog-voet.inlog-helpdesk { margin-top: 4px; }