/* Budbrain Theme fuer Roundcube — setzt auf Elastic's eingebautes Dark-Mode auf.
 * Nur Akzent-Farben (Brass) und Typografie — keine Background-Overrides mehr.
 */

:root, html, html.dark-mode {
    /* Elastic-CSS-Variablen auf Budbrain-Farbwerte drehen */
    --color-main: #ab9374;
    --color-main-light: #d9c3a3;
    --color-main-dark: #8a7457;
    --color-main-hover: #e8d9c2;
    --color-highlight-main: #d9c3a3;
    --color-link: #d9c3a3;
    --color-link-hover: #e8d9c2;
    --color-toolbar-button-active: #ab9374;
    --color-btn-primary-background: #ab9374;
    --color-btn-primary-background-hover: #8a7457;
}

/* Elastic's buttons.primary class */
.btn-primary, button.btn-primary, .btn.btn-primary {
    background-color: #ab9374 !important;
    border-color: #ab9374 !important;
    color: #0e0d0b !important;
}
.btn-primary:hover, button.btn-primary:hover, .btn.btn-primary:hover {
    background-color: #8a7457 !important;
    border-color: #8a7457 !important;
    color: #0e0d0b !important;
}

/* Links — explizit, weil Elastic mehrere Link-Klassen hat */
a, a:visited, .btn-link,
.toolbarmenu li a, .popupmenu li a {
    color: #d9c3a3;
}
a:hover, a:active, .btn-link:hover {
    color: #e8d9c2;
}

/* Focus-Ring in Kupfer */
input:focus, textarea:focus, select:focus, .form-control:focus {
    border-color: #ab9374 !important;
    box-shadow: 0 0 0 2px rgba(171,147,116,0.25) !important;
    outline-color: #ab9374 !important;
}

/* Selected-Row Highlight */
.listing tr.selected td, .messagelist tr.selected td,
table.records-table tr.selected td, .list tr.selected td,
.treelist li.selected > a, .folderlist li.selected {
    background-color: rgba(171,147,116,0.22) !important;
    color: #e8d9c2 !important;
}

/* Login-Seite: subtiler Brass-Glow oben */
body.task-login {
    background-image:
      radial-gradient(ellipse at top, rgba(171,147,116,0.08), transparent 55%) !important;
}

/* Badges */
.badge, .count, .counter {
    background-color: #ab9374 !important;
    color: #0e0d0b !important;
}

/* Scrollbars (webkit) */
::-webkit-scrollbar        { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb  { background: #4a483f; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #8a7457; }

/* Login-Logo soll gross sein */
#login-form .boxtitle,
.task-login .login-title {
    text-align: center;
}

/* Logo rechtschaffen groesser auf Login */
#logo,
.task-login #logo,
img#logo {
    max-height: 80px;
    height: auto;
    width: auto;
    max-width: 90%;
}