/* ============================================================
   Tolentinos — skin Roundcube (extiende Elastic)
   Paleta Central YUCATECH: verde esmeralda/bosque + dorado
   ============================================================ */
@import url("../../elastic/styles/styles.min.css");

:root {
    --main-color: #006044;
    --main-dark-color: #003D2B;
}

/* ---------- acentos de marca ---------- */
a { color: #006044; }
a:hover { color: #003D2B; }

.btn-primary, .btn-primary:focus {
    background-color: #006044; border-color: #006044; color: #fff;
}
.btn-primary:hover { background-color: #003D2B; border-color: #003D2B; }

.badge-primary { background-color: #006044; }

#taskmenu a.selected, #taskmenu a:hover { color: #006044; }
.menu a.selected,
.listing li.selected, .listing li.selected > a,
.treelist li.selected > a { background-color: rgba(0,96,68,.12); }

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #006044; border-color: #006044;
}
.header .username { color: #C99724; }

/* ---------- fondo del body (claro) ---------- */
body {
    background-color: #f2f5f3;
}

/* marca de agua sutil en el area de trabajo */
#layout-content {
    background:
        linear-gradient(rgba(255,255,255,.94), rgba(255,255,255,.94)),
        url("../images/emblem.png") no-repeat bottom 24px right 24px / 190px;
}

/* ---------- pantalla de login ---------- */
body.task-login {
    background:
        linear-gradient(160deg, rgba(0,61,43,.84), rgba(0,96,68,.86)),
        url("../images/emblem.png") no-repeat center / min(60vw, 520px) fixed,
        #003D2B;
}
body.task-login #layout-content { background: transparent; }

/* ---------- modo oscuro ---------- */
html.dark-mode a { color: #7fd6b3; }
html.dark-mode a:hover { color: #a8e8cd; }
html.dark-mode .btn-primary,
html.dark-mode .btn-primary:focus {
    background-color: #006044; border-color: #006044; color: #fff;
}
html.dark-mode .btn-primary:hover { background-color: #0A7A56; border-color: #0A7A56; }
html.dark-mode .badge-primary { background-color: #006044; }
html.dark-mode #taskmenu a.selected,
html.dark-mode #taskmenu a:hover { color: #7fd6b3; }
html.dark-mode .menu a.selected,
html.dark-mode .listing li.selected,
html.dark-mode .listing li.selected > a,
html.dark-mode .treelist li.selected > a { background-color: rgba(0,96,68,.28); }
html.dark-mode .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #006044; border-color: #006044;
}
html.dark-mode .header .username { color: #E1B84A; }

html.dark-mode body { background-color: #21292c; }
html.dark-mode #layout-content {
    background:
        linear-gradient(rgba(33,41,44,.92), rgba(33,41,44,.92)),
        url("../images/emblem.png") no-repeat bottom 24px right 24px / 190px;
}