/* Shared boot-time UI rules for app shell and auth pages */

html.i18n-pending [data-i18n],
html.i18n-pending [data-i18n-title],
html.i18n-pending option[data-i18n] {
    visibility: hidden;
    opacity: 0;
}

html.i18n-pending [data-i18n-placeholder]::placeholder {
    color: transparent !important;
}

html [data-i18n],
html [data-i18n-title],
html option[data-i18n] {
    opacity: 1;
    transition: opacity 140ms ease;
}

html.auth-checking body,
html.checking-invitation body {
    visibility: hidden;
}

.is-hidden {
    display: none;
}

.login-attempt-counter {
    margin-bottom: 15px;
}

.login-attempt-counter-icon {
    margin-right: 8px;
}

.login-captcha-container {
    margin-bottom: 15px;
    display: none;
    justify-content: center;
}

.auth-link-row {
    text-align: center;
    margin-top: 15px;
    font-size: 13px;
    color: #666;
}

.auth-link {
    color: #667eea;
    text-decoration: none;
    font-weight: 600;
}

.auth-link:hover {
    text-decoration: underline;
}

.trust-device-label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}

.trust-device-input {
    width: auto;
    margin: 0;
}

.header-danger {
    background: #dc3545 !important;
}

.cursor-help {
    cursor: help;
}