/*====================================================*
 * SYSTEM LEADS PRO CRM
 * CONFIGURACION.CSS
 *====================================================*/


/*====================================================*
 * PAGINA
 *====================================================*/

.slp-settings-page {

    width:100%;

    box-sizing:border-box;

}


/*====================================================*
 * CABECERA
 *====================================================*/

.slp-settings-header {

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:30px;

}

.slp-settings-header h1 {

    margin:0;

    font-size:34px;

    font-weight:700;

    color:#111827;

}

.slp-settings-header p {

    margin:7px 0 0;

    font-size:15px;

    color:#64748B;

}


/*====================================================*
 * GRID
 *====================================================*/

.slp-settings-grid {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:22px;

    width:100%;

}


/*====================================================*
 * TARJETAS
 *====================================================*/

.slp-settings-card {

    display:flex;

    align-items:flex-start;

    gap:18px;

    background:#FFFFFF;

    border:1px solid #E5E7EB;

    border-radius:18px;

    padding:22px !important;

    box-sizing:border-box;

    box-shadow:0 6px 20px rgba(15,23,42,.06);

    transition:.25s;

}

.slp-settings-card:hover {

    transform:translateY(-3px);

    box-shadow:0 12px 28px rgba(15,23,42,.10);

}


/*====================================================*
 * ICONO
 *====================================================*/

.slp-settings-card-icon {

    width:52px;

    height:52px;

    min-width:52px;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F1F5F9;

    font-size:26px;

}


/*====================================================*
 * CONTENIDO
 *====================================================*/

.slp-settings-card-content {

    flex:1;

    min-width:0;

}

.slp-settings-card-content h2 {

    margin:0;

    font-size:18px;

    font-weight:700;

    color:#111827;

}

.slp-settings-card-content p {

    margin:7px 0 15px;

    font-size:14px;

    line-height:1.5;

    color:#64748B;

}


/*====================================================*
 * BOTON
 *====================================================*/

.slp-settings-button {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    height:36px;

    padding:0 15px !important;

    border:none;

    border-radius:10px;

    background:#2563EB;

    color:#FFFFFF;

    font-size:13px;

    font-weight:600;

    cursor:pointer;

    transition:.25s;

}

.slp-settings-button:hover {

    background:#1D4ED8;

    transform:translateY(-1px);

}

.slp-settings-button span {

    font-size:16px;

}


/*====================================================*
 * TABLET
 *====================================================*/

@media(max-width:1100px) {

    .slp-settings-grid {

        grid-template-columns:repeat(2,1fr);

    }

}


/*====================================================*
 * MOVIL
 *====================================================*/

@media(max-width:768px) {

    .slp-settings-header h1 {

        font-size:30px;

    }

    .slp-settings-grid {

        grid-template-columns:1fr;

        gap:16px;

    }

    .slp-settings-card {

        padding:18px !important;

    }

}

/* ==================================================
   FORMULARIO DE CUENTA
================================================== */

.slp-settings-form {
    margin-top: 28px;
    margin-left: 15px;
    max-width: 700px;
}

.slp-settings-form-group {
    margin-bottom: 20px;
}

.slp-settings-form-group label {
    display: block;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 600;
    color: #334155;
}

.slp-settings-form-group input {
    width: 100%;
    height: 48px;
    padding: 0 15px !important;
    border: 1px solid #CBD5E1;
    border-radius: 12px;
    background: #FFFFFF;
    color: #0F172A;
    font-size: 15px;
    box-sizing: border-box;
    transition: .25s;
}

.slp-settings-form-group input:focus {
    outline: none;
    border-color: #2563EB;
    box-shadow: 0 0 0 3px rgba(37,99,235,.12);
}

.slp-settings-form-group input:disabled {
    background: #F1F5F9;
    color: #64748B;
    cursor: not-allowed;
}

.slp-settings-form-group small {
    display: block;
    margin-top: 7px;
    color: #64748B;
    font-size: 13px;
}


/* ==================================================
   MENSAJES
================================================== */

.slp-settings-success {
    margin-top: 22px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #DCFCE7;
    color: #166534;
    font-size: 14px;
    font-weight: 600;
}

.slp-settings-error {
    margin-top: 22px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #FEE2E2;
    color: #991B1B;
    font-size: 14px;
    font-weight: 600;
}


/* ==================================================
   BOTONES FORMULARIO
================================================== */

.slp-settings-form-buttons {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.slp-settings-button-secondary {
    background: #E2E8F0 !important;
    color: #334155 !important;
}

.slp-settings-button-secondary:hover {
    background: #CBD5E1 !important;
}

/* ==================================================
   NOTIFICACIONES
================================================== */

.slp-notifications-form {
    margin-top: 28px;
    max-width: 800px;
}

.slp-notification-option {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;

    padding:18px 0;

    border-bottom:1px solid #E5E7EB;

    cursor:pointer;
}

.slp-notification-option:last-of-type {
    border-bottom:none;
}

.slp-notification-info {
    display:flex;
    flex-direction:column;
    gap:5px;
}

.slp-notification-info strong {
    font-size:15px;
    font-weight:700;
    color:#111827;
}

.slp-notification-info small {
    font-size:13px;
    color:#64748B;
}


/* ==================================================
   SWITCH
================================================== */

.slp-notification-option input {
    display:none;
}

.slp-switch {
    position:relative;

    width:48px;
    height:26px;

    min-width:48px;

    border-radius:30px;

    background:#CBD5E1;

    transition:.25s;
}

.slp-switch:after {
    content:"";

    position:absolute;

    width:20px;
    height:20px;

    left:3px;
    top:3px;

    border-radius:50%;

    background:#FFFFFF;

    box-shadow:0 2px 5px rgba(15,23,42,.20);

    transition:.25s;
}

.slp-notification-option input:checked + .slp-switch {
    background:#2563EB;
}

.slp-notification-option input:checked + .slp-switch:after {
    transform:translateX(22px);
}

/* ==================================================
   AGENDA - DISEÑO
================================================== */

.slp-agenda-settings {
    max-width: 1000px;
    margin: 0 auto;
}

.slp-agenda-settings .slp-settings-card {
    padding: 32px;
}

/* Cabecera de la sección */

.slp-agenda-settings-header {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 32px;
}

.slp-agenda-settings-icon {
    width: 58px;
    height: 58px;
    min-width: 58px;
    border-radius: 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #F1F5F9;
    font-size: 28px;
}

.slp-agenda-settings-header h2 {
    margin: 0;

    font-size: 22px;
    font-weight: 700;

    color: #111827;
}

.slp-agenda-settings-header p {
    margin: 6px 0 0;

    font-size: 14px;
    color: #64748B;
}


/* ==================================================
   CAMPOS
================================================== */

.slp-agenda-settings .slp-settings-form {
    max-width: 760px;
    margin: 0;
}

.slp-agenda-settings .slp-settings-form-group {
    margin-bottom: 26px;
}

.slp-agenda-settings .slp-settings-form-group label {
    display: block;

    margin-bottom: 9px;

    font-size: 15px;
    font-weight: 600;

    color: #334155;
}

.slp-agenda-settings .slp-settings-form-group input,
.slp-agenda-settings .slp-settings-form-group select {
    width: 100%;
    max-width: 760px;

    height: 48px;

    padding: 0 14px;

    border: 1px solid #CBD5E1;
    border-radius: 12px;

    background: #FFFFFF;

    color: #0F172A;
    font-size: 15px;

    box-sizing: border-box;

    transition: .2s;
}

.slp-agenda-settings .slp-settings-form-group input:focus,
.slp-agenda-settings .slp-settings-form-group select:focus {
    outline: none;

    border-color: #2563EB;

    box-shadow:
        0 0 0 3px rgba(37, 99, 235, .12);
}


/* ==================================================
   AVISO DE CITAS
================================================== */

.slp-agenda-notification-row {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 30px;

    padding: 20px 0;

    border-top: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
}

.slp-agenda-notification-text {
    flex: 1;
}

.slp-agenda-notification-text strong {
    display: block;

    margin-bottom: 5px;

    font-size: 15px;
    color: #334155;
}

.slp-agenda-notification-text span {
    display: block;

    font-size: 14px;
    line-height: 1.5;

    color: #64748B;
}


/* ==================================================
   CHECKBOX
================================================== */

.slp-agenda-checkbox {
    width: 22px !important;
    height: 22px !important;

    min-width: 22px;

    margin: 0;

    accent-color: #2563EB;

    cursor: pointer;
}


/* ==================================================
   DÍAS DE TRABAJO
================================================== */

.slp-agenda-days {
    display: grid;

    grid-template-columns:
        repeat(7, minmax(90px, 1fr));

    gap: 10px;

    margin-top: 14px;
}

.slp-agenda-day {
    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;

    padding: 8px 10px;

    border: 1px solid #CBD5E1;
    border-radius: 12px;

    background: #FFFFFF;

    cursor: pointer;

    transition: .2s;
}

.slp-agenda-day:hover {
    border-color: #2563EB;
    background: #EFF6FF;
}

.slp-agenda-day label {
    display: flex;
    align-items: center;
    gap: 8px;

    margin: 0 !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    color: #334155 !important;

    cursor: pointer;
}


/* ==================================================
   BOTONES
================================================== */

.slp-agenda-settings .slp-settings-form-buttons {
    margin-top: 32px;

    padding-top: 24px;

    border-top: 1px solid #E5E7EB;
}


/* ==================================================
   RESPONSIVE
================================================== */

@media (max-width: 900px) {

    .slp-agenda-days {
        grid-template-columns:
            repeat(4, 1fr);
    }

}

@media (max-width: 600px) {

    .slp-agenda-settings .slp-settings-card {
        padding: 22px;
    }

    .slp-agenda-days {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .slp-agenda-notification-row {
        align-items: flex-start;
    }

}

/* ==================================================
   CONFIGURACIÓN - AGENDA
================================================== */

/* Tarjeta principal */

.slp-settings-detail-card {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;

    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 18px;

    padding: 32px 36px;

    box-sizing: border-box;

    box-shadow: 0 6px 20px rgba(15, 23, 42, .06);
}


/* ==================================================
   CABECERA DE LA TARJETA
================================================== */

.slp-settings-detail-header {
    display: flex;
    align-items: center;
    gap: 18px;

    margin-bottom: 30px;
}

.slp-settings-detail-header .slp-settings-card-icon {
    width: 58px;
    height: 58px;
    min-width: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 16px;

    background: #F1F5F9;

    font-size: 28px;
}

.slp-settings-detail-header h2 {
    margin: 0;

    font-size: 22px;
    font-weight: 700;

    color: #111827;
}

.slp-settings-detail-header p {
    margin: 6px 0 0;

    font-size: 14px;
    line-height: 1.5;

    color: #64748B;
}


/* ==================================================
   FORMULARIO
================================================== */

.slp-settings-detail-card .slp-settings-form {
    width: 100%;
    max-width: 900px;

    margin: 0;
}


/* Grupos */

.slp-settings-detail-card .slp-settings-form-group {
    margin-bottom: 26px;
}

.slp-settings-detail-card .slp-settings-form-group > label:not(.slp-settings-toggle-row) {
    display: block;

    margin-bottom: 9px;

    font-size: 15px;
    font-weight: 600;

    color: #334155;
}


/* ==================================================
   DURACIÓN Y SELECTS
================================================== */

.slp-settings-detail-card select,
.slp-settings-detail-card input[type="time"] {
    width: 100%;
    max-width: 100%;

    height: 48px;

    padding: 0 14px;

    border: 1px solid #CBD5E1;
    border-radius: 12px;

    background: #FFFFFF;

    color: #0F172A;

    font-size: 15px;

    box-sizing: border-box;

    transition: .2s;
}

.slp-settings-detail-card select:focus,
.slp-settings-detail-card input[type="time"]:focus {
    outline: none;

    border-color: #2563EB;

    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}


/* Texto de ayuda */

.slp-settings-detail-card .slp-settings-form-group small {
    display: block;

    margin-top: 8px;

    font-size: 13px;
    line-height: 1.5;

    color: #64748B;
}


/* ==================================================
   HORARIO
================================================== */

.slp-settings-form-row {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    gap: 22px;

    width: 100%;
}


/* ==================================================
   AVISOS
================================================== */

.slp-settings-toggle-row {
    display: flex !important;

    align-items: center;
    justify-content: space-between;

    gap: 30px;

    width: 100%;

    padding: 20px 22px;

    box-sizing: border-box;

    border: 1px solid #E5E7EB;
    border-radius: 14px;

    background: #F8FAFC;

    cursor: pointer;
}

.slp-settings-toggle-row span {
    display: flex;
    flex-direction: column;

    gap: 5px;

    flex: 1;
}

.slp-settings-toggle-row strong {
    font-size: 15px;
    font-weight: 600;

    color: #334155;
}

.slp-settings-toggle-row small {
    margin: 0 !important;

    font-size: 13px;

    color: #64748B;
}


/* Checkbox del aviso */

.slp-settings-toggle-row input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;

    position: relative;

    width: 48px !important;
    height: 26px !important;

    min-width: 48px;

    margin: 0;

    border: none !important;
    border-radius: 20px;

    background: #CBD5E1;

    cursor: pointer;

    transition: .2s;
}

.slp-settings-toggle-row input[type="checkbox"]::after {
    content: "";

    position: absolute;

    top: 3px;
    left: 3px;

    width: 20px;
    height: 20px;

    border-radius: 50%;

    background: #FFFFFF;

    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);

    transition: .2s;
}

.slp-settings-toggle-row input[type="checkbox"]:checked {
    background: #2563EB;
}

.slp-settings-toggle-row input[type="checkbox"]:checked::after {
    transform: translateX(22px);
}


/* ==================================================
   DÍAS DE TRABAJO
================================================== */

.slp-settings-days {
    display: grid;

    grid-template-columns:
        repeat(7, minmax(90px, 1fr));

    gap: 10px;

    width: 100%;

    margin-top: 12px;
}

.slp-settings-days > label {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 8px;

    min-height: 48px;

    padding: 8px 10px;

    box-sizing: border-box;

    border: 1px solid #CBD5E1;
    border-radius: 12px;

    background: #FFFFFF;

    color: #334155;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    transition: .2s;
}

.slp-settings-days > label:hover {
    border-color: #2563EB;

    background: #EFF6FF;
}

.slp-settings-days > label input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;

    min-width: 18px;

    margin: 0;

    accent-color: #2563EB;

    cursor: pointer;
}


/* ==================================================
   BOTONES
================================================== */

.slp-settings-detail-card .slp-settings-form-buttons {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-top: 32px;

    padding-top: 24px;

    border-top: 1px solid #E5E7EB;
}


/* ==================================================
   RESPONSIVE
================================================== */

@media (max-width: 1000px) {

    .slp-settings-days {
        grid-template-columns:
            repeat(4, minmax(100px, 1fr));
    }

}


@media (max-width: 700px) {

    .slp-settings-detail-card {
        padding: 24px 20px;
    }

    .slp-settings-form-row {
        grid-template-columns: 1fr;

        gap: 0;
    }

    .slp-settings-days {
        grid-template-columns:
            repeat(2, 1fr);
    }

}


@media (max-width: 480px) {

    .slp-settings-detail-header {
        align-items: flex-start;
    }

    .slp-settings-days {
        grid-template-columns: 1fr;
    }

    .slp-settings-toggle-row {
        padding: 16px;
    }

}

/* ==========================================================
   CUENTA — MEJORA VISUAL
   Datos de la cuenta + Cambiar contraseña
   ========================================================== */

/* Contenedor general de la página Cuenta */
.slp-settings-card {
    box-sizing: border-box;
}


/* ==========================================================
   TARJETA DE CAMBIAR CONTRASEÑA
   ========================================================== */

.slp-settings-password {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    padding: 30px;
    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.06);
    box-sizing: border-box;
}


/* Cabecera de la tarjeta */

.slp-settings-password .slp-settings-card-icon {
    width: 58px;
    height: 58px;
    min-width: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f1f5f9;
    border-radius: 16px;

    font-size: 28px;
}


/* Título */

.slp-settings-password h2 {
    margin: 0 0 8px 0;
    font-size: 25px;
    line-height: 1.25;
}


/* Descripción */

.slp-settings-password > .slp-settings-card-content > p {
    margin: 0 0 28px 0;
    color: #64748b;
    line-height: 1.6;
}


/* ==========================================================
   CAMPOS
   ========================================================== */

.slp-settings-password .slp-settings-form-group {
    margin-bottom: 22px;
}


.slp-settings-password .slp-settings-form-group label {
    display: block;

    margin-bottom: 9px;

    font-size: 16px;
    font-weight: 600;

    color: #475569;
}


.slp-settings-password .slp-settings-form-group input {
    width: 100%;
    height: 48px;

    box-sizing: border-box;

    padding: 0 16px;

    border: 1px solid #cbd5e1;
    border-radius: 14px;

    background: #ffffff;

    font-size: 16px;
    color: #1e293b;

    outline: none;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


/* Quitar el amarillo que aparece en la contraseña actual */

.slp-settings-password input[type="password"] {
    background: #ffffff;
}


/* Foco */

.slp-settings-password .slp-settings-form-group input:focus {
    border-color: #2563eb;

    box-shadow:
        0 0 0 3px rgba(37, 99, 235, 0.10);
}


/* Texto de ayuda */

.slp-settings-password .slp-settings-form-group small {
    display: block;

    margin-top: 8px;

    font-size: 14px;
    line-height: 1.5;

    color: #64748b;
}


/* ==========================================================
   BOTÓN
   ========================================================== */

.slp-settings-password .slp-settings-form-buttons {
    display: flex;
    justify-content: flex-start;

    margin-top: 28px;
}


.slp-settings-password .slp-settings-button {
    min-height: 48px;

    padding: 0 22px;

    border: 0;
    border-radius: 12px;

    background: #2563eb;
    color: #ffffff;

    font-size: 15px;
    font-weight: 600;

    cursor: pointer;

    transition:
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.slp-settings-password .slp-settings-button:hover {
    background: #1d4ed8;

    box-shadow:
        0 6px 16px rgba(37, 99, 235, 0.20);

    transform: translateY(-1px);
}


/* ==========================================================
   MENSAJES
   ========================================================== */

.slp-settings-password .slp-settings-success,
.slp-settings-password .slp-settings-error {
    margin-bottom: 24px;

    padding: 13px 16px;

    border-radius: 12px;

    font-size: 14px;
    line-height: 1.5;
}


/* ==========================================================
   MÓVIL
   ========================================================== */

@media (max-width: 900px) {

    .slp-settings-password {
        padding: 24px;
        border-radius: 18px;
    }

}


@media (max-width: 600px) {

    .slp-settings-password {
        padding: 20px;
    }

    .slp-settings-password h2 {
        font-size: 22px;
    }

    .slp-settings-password .slp-settings-form-group input {
        height: 54px;
    }

    .slp-settings-password .slp-settings-button {
        width: 100%;
    }

}

/* ==========================================================
   CUENTA — TARJETAS INDEPENDIENTES
   ========================================================== */

.slp-settings-account-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 28px;

    width: 100%;
    align-items: start;
}


/* Cada tarjeta funciona de forma independiente */

.slp-settings-account-grid > .slp-settings-card {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;

    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 22px;

    padding: 30px;

    box-shadow:
        0 8px 25px rgba(15, 23, 42, 0.06);
}


/* ==========================================================
   DATOS DE LA CUENTA
   ========================================================== */

.slp-settings-account-grid > .slp-settings-card:first-child {
    min-height: 100%;
}


/* ==========================================================
   CAMBIAR CONTRASEÑA
   ========================================================== */

.slp-settings-account-grid > .slp-settings-password {
    margin: 0;
}


/* Iconos */

.slp-settings-account-grid .slp-settings-card-icon {
    width: 58px;
    height: 58px;
    min-width: 58px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #f1f5f9;
    border-radius: 16px;

    font-size: 28px;
}


/* Títulos */

.slp-settings-account-grid .slp-settings-card-content h2 {
    margin-top: 0;
}


/* ==========================================================
   CONTRASEÑAS
   ========================================================== */

.slp-settings-password input[type="password"] {
    background: #ffffff !important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1000px) {

    .slp-settings-account-grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 600px) {

    .slp-settings-account-grid {
        gap: 20px;
    }

    .slp-settings-account-grid > .slp-settings-card {
        padding: 22px;
        border-radius: 18px;
    }

}

/* ==========================================================
   CONFIGURACIÓN — CUADRÍCULA 2 x 2
   ========================================================== */

.slp-settings-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    width: 100%;
    box-sizing: border-box;
}


/* ==========================================================
   TARJETAS
   ========================================================== */

.slp-settings-grid .slp-settings-card {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 900px) {

    .slp-settings-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

}


/* ==========================================================
   MÓVIL
   ========================================================== */

@media (max-width: 600px) {

    .slp-settings-grid {
        gap: 18px;
    }

}

/* ==========================================================
   RECUPERACIÓN DE CONTRASEÑA
   ========================================================== */

.slp-password-recovery {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #e2e8f0;
}

.slp-password-recovery h3 {
    margin: 0 0 8px 0;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #172033;
}

.slp-password-recovery p {
    margin: 0 0 18px 0;
    font-size: 14px;
    line-height: 1.6;
    color: #64748b;
}

.slp-password-recovery-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;
    padding: 0 18px;

    border-radius: 10px;

    background: #f1f5f9;
    border: 1px solid #dbe3ed;

    color: #2563eb;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;

    transition: all 0.2s ease;
}

.slp-password-recovery-button:hover {
    background: #eff6ff;
    border-color: #2563eb;
    color: #1d4ed8;
    text-decoration: none;
}