/* ===================================================
   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;
} */
body, html {
    background-color: #222020 !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;
}

/* 11) Scrollbalken – grün statt blau */
html.dark-mode {
    scrollbar-color: #5dc901 #4d6066 !important;
}

html.dark-mode:not(.touch) ::-webkit-scrollbar-thumb {
    background-color: #5dc901 !important;
}

html.dark-mode:not(.touch) ::-webkit-scrollbar-thumb:hover {
    background-color: #4aaa00 !important;
}

/* 12) Aktive Listeneinträge (Einstellungen, Identitäten etc.) – grün statt blau */

/* Light mode */
.popupmenu .listing li.selected {
    color: #fff !important;
    background-color: #5dc901 !important;
}

.popupmenu .listing li > a:not(.disabled):hover {
    color: #fff !important;
    background-color: #5dc901 !important;
}

/* Dark mode */
html.dark-mode .listing li.selected,
html.dark-mode .listing li.selected > a,
html.dark-mode .listing li.selected > div > a,
html.dark-mode .listing tr.selected td {
    color: #5dc901 !important;
    background-color: #374549 !important;
}

/* TinyMCE aktives Element */
html.dark-mode .tox .tox-collection__item--enabled {
    color: #5dc901 !important;
    background-color: #374549 !important;
}

/* 13) Heller-Modus / Über / Abmelden Buttons – Dark Mode Hintergrund */
html.dark-mode a.theme.light,
html.dark-mode a.about,
html.dark-mode a.logout {
    background-color: #222020 !important;
}

/* 14) Body + HTML Hintergrund Dark Mode */
html.dark-mode,
html.dark-mode body {
    background-color: #222020 !important;
}

/* 15) Markierte Mail in der Liste – grün statt blau */
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject a,
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject span.msgicon.status {
    color: #5dc901 !important;
}

/* 16) Links im Mail-Header (root, Details, Kopfzeilen) – grün */
#messageheader a,
#message-header a {
    color: #5dc901 !important;
}

#messageheader a:hover,
#message-header a:hover {
    color: #4aaa00 !important;
}

/* 17) Ausgeklappte Unterordner-Hintergrund – Dark Mode */
html.dark-mode ul#mailboxlist li.selected ul,
html.dark-mode ul#mailboxlist li.mailbox.inbox > ul,
html.dark-mode .folderlist li ul {
    background-color: #222020 !important;
}