/* The console's signed-out pages (login, error): the shield mark, the
   "← Accueil" link and the error page's text. Colours come from admin.css,
   with fallbacks while its text token is not there. */

.login-home {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 8px;
    color: var(--color-accent-text, #0f766e);
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
}

.login-home:hover { text-decoration: underline; }
.login-home:focus-visible { outline: 3px solid var(--color-accent-text, #0f766e); outline-offset: 2px; }

.login-mark {
    display: block;
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
}

.console-error-card { text-align: center; }
.console-error-card p { color: var(--color-text-muted, #475569); margin: 0 0 24px; }
.console-error-card .btn { display: flex; justify-content: center; min-height: 44px; align-items: center; text-decoration: none; }

@media (prefers-color-scheme: dark) {
    .login-home { color: var(--color-accent-text, #5eead4); }
    .login-home:focus-visible { outline-color: var(--color-accent-text, #5eead4); }
}