/**
 * @file login.css
 * Copyright (C) 2015 Pressa. All rights reserved.
 */

/*----------------------------------------------------------------------------*/
body
{
    background-color: #222222;
    color           : #FFFFFF;
    font-family     : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size       : 14px;
}
/*----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*/

#login #box
{
    margin-top      : 5%;
    background-color: #FFFFFF;
    color           : #000000;
    border-top      : 10px solid #428BCA;
    border-radius   : 3px 3px 3px 3px;
    padding         : 10px;
}
/*----------------------------------------------------------------------------*/


/* ===========================
   UX/UI modern (sin cambiar look)
   =========================== */

/* Container: un poquito más de aire */
#login
{
    padding-top: 24px;
    padding-bottom: 24px;
}

/* Card: más padding, sombra suave, mejor ancho */

#login #box
{
    padding: 22px; /* antes 10px */
    box-shadow: 0 10px 24px rgba(0,0,0,.20);
}

/* Legend/título: jerarquía moderna */
#login legend
{
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.2;
}

/* Subtítulo (si lo agregaste en HTML) */
#login .text-muted.small
{
    margin-bottom: 14px;
}

/* Labels un poco más claros */
#login label
{
    color: #333333;
}

/* Inputs: borde más suave + foco visible */
#login .form-control
{
    border-radius: 6px;
}

#login .form-control:focus
{
    border-color: #428BCA;
    box-shadow: 0 0 0 .15rem rgba(66,139,202,.25);
}

/* Input group (password + ojo) más prolijo */
#login .input-group .btn
{
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

/* Botón full width (si usás btn-block) */
#login .btn-block
{
    height: 38px;
    font-weight: 600;
}

/* Error box: que se vea más “moderno” pero igual de Pressa */
#login #error-box
{
    border-radius: 6px;
}

/* Invalid feedback: que no “salte” raro */
#login .invalid-feedback
{
    font-size: 0.85rem;
}

/* Password wrapper: propagar color de validación al borde del div contenedor */
#login .password-wrapper:has(input.is-valid)
{
    border-color: #28a745 !important;
}
#login .password-wrapper:has(input.is-invalid)
{
    border-color: #dc3545 !important;
}

/* Responsive: en mobile que no quede pegado arriba */
@media (max-width: 576px)
{
    #login #box
    {
        margin-top: 12%;
        padding: 18px;
    }
}