/* auth.css — Auth layout styles (login, forgot-password, etc.)
 * Extracted from app/Views/layouts/auth.php (audit-20260528-1545).
 */

body { font-feature-settings: 'tnum', 'cv11'; }

/* ── Input base styles — mirrors crm.php field conventions ── */
.auth-input {
    width: 100%;
    height: 40px;
    font-size: 14px;
    color: #0B2428;
    background: #fff;
    border: 1px solid #E2E4E8;
    border-radius: 8px;
    padding: 0 12px;
    outline: none;
    transition: border-color .15s ease-out, box-shadow .15s ease-out;
    font-family: inherit;
}
/* #6B7280 replaced with var(--muted-fg) — audit D2 (2026-05-28) */
.auth-input::placeholder { color: var(--muted-fg); }
.auth-input:focus {
    border-color: #1BB387;
    box-shadow: 0 0 0 3px rgba(27,179,135,.18);
}
.auth-input.has-icon-left  { padding-left: 36px; }
.auth-input.has-icon-right { padding-right: 40px; }
.auth-input.is-invalid {
    border-color: #E02424;
    box-shadow: 0 0 0 3px rgba(224,36,36,.12);
}

/* ── Password show/hide toggle ── */
.pw-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    /* #6B7280 replaced with var(--muted-fg) — audit D2 (2026-05-28) */
    color: var(--muted-fg);
    font-size: 13px;
    padding: 3px 4px;
    line-height: 1;
    border-radius: 4px;
    transition: color .15s ease-out;
}
.pw-toggle:hover { color: #0B2428; }

/* ── Strength meter segments ── */
.strength-seg {
    flex: 1;
    height: 3px;
    border-radius: 9999px;
    background: #E2E4E8;
    transition: background .2s ease-out;
}
.strength-seg.is-weak   { background: #E02424; }
.strength-seg.is-fair   { background: #F5A623; }
.strength-seg.is-strong { background: #1BB387; }