/* Primärfarbe */
:root { /* nur Doku – Elastic nutzt hier kein CSS-Var; wir überschreiben konkrete Klassen */ }

.task-login #logo {
    max-height: 200px !important;
}

.menu.toolbar a {
    border-radius: 10px;
}

.attachmentslist li {
    border-radius: 10px !important;
}

.attachmentslist {
    border-radius: 10px !important;
    margin-top: 0 !important;
}

.tdzipdownload {
    border-radius: 10px !important;
}

.messagedate {
    margin-top: -6px !important;
    position: unset !important;
}


#message-htmlpart1 {
    background-color: #fff;
    padding-left: 5px;
}

td.selection {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}
td.flags {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

html:not(.dark-mode) .compose.button div{
    background-color: #8EED5A !important;
}
.compose.button div{
    border-radius: 10px !important;
}

html:not(.dark-mode) .compose.button div:hover {
  background-color: #8EDB5A !important;
}
.compose.button div:hover {
  box-shadow: none !important;
}




html.dark-mode .compose.button div {
    background-color: var(--backgroundhoverlight) !important;
}
html.dark-mode .compose.button div:hover {
    background-color: var(--backgroundtree) !important;
}
.compose.button:active{
    transform: none !important;
}





html:not(.dark-mode) .menu_bottom a.selected {
    background-color: #8EED5A !important;
}

html:not(.dark-mode) ul.treelist li.selected > a, ul.treelist li.selected > div > a {
   background-color: #8EED5A !important;
}

html:not(.dark-mode) #layout > div > .header, .table-widget table.options-table tr:last-child td {
     background-color: inherit !important;
}


html:not(.dark-mode) .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #8EED5A !important;
    font-weight: bold;
}

html:not(.dark-mode) #layout > div > .footer {
    background-color: #d2f9c785 !important;
}





ul.treelist li.selected {
    border-radius: 10px;
}

ul.treelist.notree li > a {
    padding-left: 1.5em !important;
}

ul.listing {
    margin: 2px !important;
}


ul.treelist li.selected {
    border-radius: 10px !important;
}


html:not(.dark-mode) #contactpic {
    background-color: #d1ffc452 !important;
}







/* Buttons (Primär) #e0f3db */
.btn-primary {
  background: #8EDB5A !important;
  border-color: #8EDB5A !important;
  color: #fff !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary:not(:disabled):not(.disabled).active {
  background: #7FC551 !important;   /* ~10% dunkler */
  border-color: #7FC551 !important;
  color: #fff !important;
}

/* Links/Actions im Taskmenü (Compose/Action-Buttons) */
#taskmenu .action-buttons a {
  color: #8EDB5A !important;
  background: transparent !important;
}
#taskmenu .action-buttons a:hover {
  color: #7FC551 !important;
}

/* Auswahl/Hover im Taskmenü leicht grün getönt (auf dunklem Hintergrund) */
#taskmenu a.selected,
#taskmenu a:hover {
  background: #2f4f2f !important; /* dunkles Grün für gute Lesbarkeit */
  color: #fff !important;
}

/* Toolbar-Hauptaktion (z. B. „Verfassen“, „Antworten“) */
.toolbar a.button.mainaction,
#messagetoolbar a.button.mainaction {
  background: #8EDB5A !important;
  border-color: #8EDB5A !important;
  color: #fff !important;
}
.toolbar a.button.mainaction:hover,
#messagetoolbar a.button.mainaction:hover {
  background: #7FC551 !important;
  border-color: #7FC551 !important;
}

/* Fokus-States (Eingabefelder etc.) dezent grün einfärben */
input:focus, textarea:focus, select:focus {
  border-color: #8EDB5A !important;
  box-shadow: 0 0 0 .2rem rgba(142,219,90,.25) !important;
}