/* Global utilities kept from login.css */

.mdi-loading {
    font-size: 20px;
}

.invalid {
    border-color: rgba(220, 38, 38, 1) !important;
    border-width: 1px !important;
}

/* Legacy – kept for backward compat, remove when all pages migrated */
.remember-area span {
    color: #111928;
    font-weight: 500;
    font-size: 14px;
}

.remember-area input[type='checkbox'] {
    appearance: none;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    -webkit-appearance: none;
    border: 1px solid var(--color-gray-300);
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease;
    position: relative;
    background: #FBFAFA;
    display: inline-grid;
    place-content: center;
    cursor: pointer;
    border-radius: .25em;
}

    .remember-area input[type='checkbox']:checked {
        background: var(--color-brand-primary);
        border-color: var(--color-brand-primary);
        background-image: url(" data:image/svg+xml;utf8,\ <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\ <path d='M6 12l4 4 8-8' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/>\ </svg>");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
    }