/**
 * miralejos-skin.css - Personalización del login y branding de Roundcube
 *
 * Paleta tomada del logo "Estancia Miralejos - San Martín de los Andes":
 *   verde sky:    #6CB033 (fondo cielo del logo)
 *   verde oscuro: #2E6B1F (botones, acentos)
 *   dorado:       #E5B83C (cerros, sol)
 *   azul agua:    #3A8BC1 (río)
 *   negro:        #1a1a1a (texto principal)
 *
 * Ubicación en server: /var/lib/roundcube/skins/elastic/styles/miralejos-custom.css
 * Activado vía $config['skin_includes'] en /etc/roundcube/config.inc.php
 */

/* ===== Fondo del login con gradient verde/azul (sky→agua, alusión al logo) ===== */
body.task-login {
    background: linear-gradient(135deg, #6CB033 0%, #4d8e26 50%, #3A8BC1 100%);
    background-attachment: fixed;
}

/* ===== Caja del login: más prolija ===== */
.task-login .formcontainer {
    border-radius: 14px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25), 0 8px 20px rgba(0, 0, 0, 0.15);
    border: none;
    overflow: hidden;
    background: #ffffff;
}

/* ===== Logo del login un poco más grande ===== */
.task-login .formcontainer img.login-logo {
    max-width: 200px !important;
    margin: 18px auto 8px;
    display: block;
}

/* ===== Encabezado interno con franja verde (como el logo) ===== */
.task-login .formcontainer::before {
    content: "Webmail Estancia Miralejos";
    display: block;
    background: linear-gradient(90deg, #2E6B1F 0%, #6CB033 100%);
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 0.5px;
    margin: -10px -10px 12px;
}

/* ===== Inputs del formulario ===== */
.task-login input[type="text"],
.task-login input[type="password"] {
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 14px;
    transition: border-color 0.15s, box-shadow 0.15s;
}
.task-login input:focus {
    border-color: #6CB033;
    box-shadow: 0 0 0 3px rgba(108, 176, 51, 0.15);
    outline: none;
}

/* ===== Botón "Iniciar sesión" ===== */
.task-login button.btn-primary,
.task-login .button.btn-primary {
    background: #2E6B1F;
    border-color: #2E6B1F;
    border-radius: 8px;
    padding: 10px 18px;
    font-weight: 600;
    transition: background 0.15s, transform 0.05s;
}
.task-login button.btn-primary:hover,
.task-login .button.btn-primary:hover {
    background: #1f4d12;
    border-color: #1f4d12;
}
.task-login button.btn-primary:active {
    transform: scale(0.98);
}

/* ===== Footer del login ===== */
.task-login #message,
.task-login .footer {
    text-align: center;
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    font-size: 12.5px;
}
.task-login .footer::after {
    content: " — San Martín de los Andes";
    opacity: 0.85;
}

/* ===== Acento en headers de Roundcube ya logueado (consistencia visual) ===== */
.layout-sidebar > .header,
#mainscreen > .header {
    border-bottom: 2px solid #2E6B1F;
}

/* Botón principal en otras pantallas (Redactar, etc.) ===== */
button.btn-primary,
.btn.btn-primary {
    background: #2E6B1F;
    border-color: #2E6B1F;
}
button.btn-primary:hover,
.btn.btn-primary:hover {
    background: #1f4d12;
    border-color: #1f4d12;
}

/* ===== Ocultar el link "Acerca de" del sidebar (no aporta a usuarios finales) ===== */
a.about,
li.about,
li:has(> a.about) {
    display: none !important;
}