/* ===================================================
   LordMail – Login Page Customizations
   Extracted brand green from logo wings: #5dc901
   =================================================== */


/* 1) Logo – kein automatisches Verkleinern */
/*#login-form .logo,
.watermark img,
#login-logo img {
    max-width: none !important;
    width: auto !important;
    height: auto !important;
} */

/* 1) Logo – kein automatisches Verkleinern */
.task-login #logo {
    max-height: none !important;
    height: auto !important;
    width: auto !important;
}

/* 2) Aktive/Fokussierte Textfelder – grüner Rahmen statt blau */
#login-form input[type="text"]:focus,
#login-form input[type="password"]:focus,
#login-form input[type="email"]:focus,
.input-group input:focus {
    border-color: #5dc901 !important;
    box-shadow: 0 0 0 0.2rem rgba(93, 201, 1, 0.25) !important;
    outline-color: #5dc901 !important;
}

/* 3) Anmelden-Button – grün statt blau */
#login-form button[type="submit"],
#login-form input[type="submit"],
.formbuttons button.mainaction,
button.btn-primary {
    background-color: #5dc901 !important;
    border-color: #4aaa00 !important;
    color: #ffffff !important;
}

/* Hover-Zustand etwas dunkler */
#login-form button[type="submit"]:hover,
#login-form input[type="submit"]:hover,
.formbuttons button.mainaction:hover,
button.btn-primary:hover {
    background-color: #4aaa00 !important;
    border-color: #3d8f00 !important;
}

/* Fokus-Ring am Button ebenfalls grün */
button.btn-primary:focus,
.formbuttons button.mainaction:focus {
    box-shadow: 0 0 0 0.2rem rgba(93, 201, 1, 0.4) !important;
}

/* 4) Nur aktiv ausgewählter Ordner – dezente grüne Markierung */
/*ul.treelist li.selected > a,
#folderlist-box li.selected > a,
#mailboxlist li.selected > a {
    background-color: rgba(93, 201, 1, 0.2) !important;
    color: #5dc901 !important;
}*/

/* Ordner-Icons grün */
/*li.selected .icon:before {
    color: #5dc901 !important;
}*/

/* 4) Aktiv ausgewählter Ordner – nur Text/Icon grün, kein Hintergrund */
ul.treelist li.selected > a,
#folderlist-box li.selected > a,
#mailboxlist li.selected > a {
    background-color: transparent !important;
    color: #5dc901 !important;
}

li.selected .icon:before {
    color: #5dc901 !important;
}

/* 5) Sidebar-Buttons – grün statt blau */

/* Alle Buttons – original grau im dark mode */
#taskmenu a,
html.dark-mode #taskmenu a {
    color: #c5d1d3 !important;
}

/* Aktiver/ausgewählter Menüpunkt grün */
#taskmenu a.selected,
html.dark-mode #taskmenu a.selected {
    color: #5dc901 !important;
    background: #45555c !important;
}

#taskmenu a.selected:hover,
html.dark-mode #taskmenu a.selected:hover {
    color: #5dc901 !important;
    background: #45555c !important;
}

/* Hover auf nicht-aktiven Buttons */
#taskmenu a:not(.selected):hover {
    color: #ffffff !important;
}

/* 6) Treetoggle-Pfeil (aufgeklappt) – grün statt blau */
div.treetoggle.expanded,
html.dark-mode div.treetoggle.expanded {
    color: #5dc901 !important;
}

/* 7) Unread-Count-Badge – grün statt blau */
span.unreadcount,
span.unreadcount.skip-content {
    background: #5dc901 !important;
}

/* 8) Toggle-Schalter (on/off) – grün statt blau */
label.custom-control-label::before,
input:checked ~ label.custom-control-label::before {
    background-color: #5dc901 !important;
    border-color: #4aaa00 !important;
}

/* 9) Support-Link – grün statt blau */
a.support-link,
a.support-link:hover {
    color: #5dc901 !important;
}

/* 10) Links auf der Support-Seite – grün statt blau */
body > a,
body > ul a,
body > p a {
    color: #5dc901 !important;
}