/**
 * ENF Webmail — CSS FINAL pour Roundcube Elastic.
 * Approche agressive : override de toute la chaîne de layout.
 */

:root {
    --enf-primary: #1a2456;
    --enf-accent: #c8a035;
    --enf-accent-dark: #a8842a;
}

/* ===== LAYOUT CHAIN COMPLÈTE ===== */
body.task-login #layout {
    height: 100vh !important;
    min-height: 100vh !important;
    display: flex !important;
    flex-direction: column !important;
}

body.task-login #layout-content,
body.task-login #layout #layout-content,
body.task-login #layout-content.no-navbar,
body.task-login #layout-content.selected.no-navbar,
.task-login #layout-content {
    background: linear-gradient(150deg, #0f1a3c 0%, #1a2d5e 40%, #2b4a82 70%, #3a6098 100%) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    height: 100vh !important;
    min-height: 100vh !important;
    padding: 20px !important;
    flex: 1 !important;
}

/* ===== LOGO — CERCLE BLANC ===== */
body.task-login #logo,
body.task-login img#logo,
.task-login #logo,
.task-login img#logo,
#layout-content #logo {
    display: block !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 120px !important;
    height: 120px !important;
    max-width: 120px !important;
    max-height: 120px !important;
    margin: 0 auto 20px auto !important;
    object-fit: contain !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    padding: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
    float: none !important;
    transform: none !important;
}

/* ===== CARTE LOGIN ===== */
body.task-login #login-form,
.task-login #login-form {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.22) !important;
    padding: 32px 32px 24px 32px !important;
    max-width: 400px !important;
    width: 100% !important;
    margin: 0 auto !important;
    border: none !important;
    text-align: left !important;
    position: static !important;
    top: auto !important;
    float: none !important;
}

/* ===== CHAMPS ===== */
body.task-login #login-form .form-control {
    background: #f7f8fb !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
}

body.task-login #login-form .form-control:focus {
    border-color: var(--enf-primary) !important;
    box-shadow: 0 0 0 3px rgba(26, 36, 86, 0.10) !important;
    background: #fff !important;
}

body.task-login #login-form .input-group-text {
    background: #f7f8fb !important;
    border: 1.5px solid #e5e7eb !important;
    border-right: none !important;
    border-radius: 10px 0 0 10px !important;
    color: var(--enf-primary) !important;
}

/* ===== BOUTON CONNEXION ===== */
body.task-login #rcmloginsubmit,
body.task-login button.mainaction.submit,
.task-login #rcmloginsubmit,
.task-login button.submit {
    background: linear-gradient(135deg, var(--enf-accent), var(--enf-accent-dark)) !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 13px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(200, 160, 53, 0.30) !important;
    width: 100% !important;
    display: block !important;
}

body.task-login #rcmloginsubmit:hover {
    background: linear-gradient(135deg, var(--enf-accent-dark), #8f7020) !important;
    transform: translateY(-1px) !important;
}

/* ===== FOOTER ===== */
body.task-login #login-footer {
    text-align: center !important;
    margin-top: 16px !important;
    padding-top: 12px !important;
    border-top: 1px solid #e5e7eb !important;
    color: #6b7280 !important;
    font-size: 12px !important;
}

body.task-login #login-footer::before {
    content: 'Système de messagerie de l\'ENF';
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--enf-primary);
    margin-bottom: 4px;
}

/* ===== INTERFACE MAIL ===== */
#taskmenu { background-color: var(--enf-primary) !important; }
#taskmenu a { color: rgba(255,255,255,0.85) !important; }
#taskmenu a:hover, #taskmenu a.selected { color: #fff !important; background-color: rgba(255,255,255,0.12) !important; }
#layout > .menu { background-color: var(--enf-primary) !important; }
.unreadcount { background-color: var(--enf-accent) !important; color: #fff !important; }

/* ===== LOGO — Masquer dans l'interface mail (visible uniquement sur login) ===== */
body:not(.task-login) #logo,
body.task-mail #logo,
body.task-addressbook #logo,
body.task-settings #logo {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* Fallback : si le logo est quand même visible, les clics passent à travers */
#taskmenu #logo,
#taskmenu img#logo {
    pointer-events: none !important;
    z-index: 0 !important;
}

/* S'assurer que tous les boutons du menu sont cliquables */
#taskmenu a {
    position: relative !important;
    z-index: 10 !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    body.task-login #login-form { padding: 24px 20px 20px 20px !important; margin: 0 16px !important; }
    body.task-login #logo { width: 90px !important; height: 90px !important; max-width: 90px !important; max-height: 90px !important; padding: 12px !important; }
}