/*
(c) Spacehubs Africa. All rights reserved.
Licensed under the Proprietary License found in the LICENSE file
in the root directory of this source tree.
*/

/* Shared auth/form page styles */

.input-field:focus {
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
}

.card-shadow {
    box-shadow:
        0 8px 16px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Prevent browser autofill from tinting form fields */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
    -webkit-text-fill-color: #111827;
    transition: background-color 9999s ease-in-out 0s;
}

/* Password field with show/hide toggle */
.password-field { position: relative; }
.password-field input { padding-inline-end: 3rem; }
.toggle-visibility {
    position: absolute;
    inset-inline-end: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    color: #94a3b8;
}
.toggle-visibility:focus { outline: none; }

/* Password strength bar */
.strength-bar {
    height: 5px;
    border-radius: 9999px;
    background: #e2e8f0;
    overflow: hidden;
}
.strength-bar > span {
    display: block;
    height: 100%;
    width: 0;
    transition: width 250ms ease-in-out, background 250ms ease-in-out;
}