/* PFAUMEDIA CI-Branding für Roundcube Elastic-Skin
 * Konform mit policy/pdf_style_guide.md:
 *   - Aubergine NIEMALS flaechig (nur Schrift + duenne Linien)
 *   - Gelb sparsam als Akzent (Buttons, Highlights)
 *   - Weiss als Grundton
 *   - Akzent-Pink nur fuer besondere Hervorhebungen
 * Stand: 2026-05-18 v2
 */

/* === Trennlinie unter Header in Gelb (Akzent statt Flaeche) === */
.menu .menubar,
.toolbar {
    border-bottom: 3px solid #F7BD1E !important;
}

/* Toolbar-Text in Aubergine === */
.toolbar a.button,
.toolbar a.button:visited,
#layout-menu .menubar a {
    color: #4F3A46 !important;
}

.toolbar a.button:hover,
.toolbar a.button.selected {
    color: #DC4162 !important;
    border-bottom: 2px solid #F7BD1E !important;
}

/* === Primaer-Buttons (Senden, Speichern) in Gelb mit Aubergine-Text === */
button.btn-primary,
input.btn-primary,
button.button.mainaction,
input.button.mainaction,
a.button.mainaction,
.formbuttons input.button[type="submit"] {
    background-color: #F7BD1E !important;
    border-color: #F7BD1E !important;
    color: #4F3A46 !important;
    font-weight: 600 !important;
}

button.btn-primary:hover,
input.btn-primary:hover,
button.button.mainaction:hover,
input.button.mainaction:hover,
a.button.mainaction:hover,
.formbuttons input.button[type="submit"]:hover {
    background-color: #DC4162 !important;
    border-color: #DC4162 !important;
    color: #ffffff !important;
}

/* === Aktive Mail-Zeile: dezenter Gelb-Schimmer, nicht Vollflaeche === */
.listing tr.selected,
.listing tr.selected td {
    background-color: #FFF8E1 !important;
    color: #4F3A46 !important;
    border-left: 3px solid #F7BD1E !important;
}

/* === Aktiver Folder: linker Akzentstreifen statt Vollflaeche === */
#mailboxlist li.selected > a {
    background-color: #FAFAFA !important;
    color: #4F3A46 !important;
    border-left: 3px solid #DC4162 !important;
    font-weight: 600 !important;
}

/* === Links in Aubergine, Hover Akzent === */
a, a:visited {
    color: #4F3A46;
}

a:hover, a:active {
    color: #DC4162;
}

/* === Sub-Headlines + Section-Titel in Aubergine (Schrift, keine Flaeche) === */
.section-title,
.formtitle,
h1, h2, h3 {
    color: #4F3A46 !important;
}

h2 {
    border-bottom: 1px solid #4F3A46 !important;
    padding-bottom: 4px !important;
}

/* === Login-Page: weiss als Grundton, dezenter Gelb-Akzent === */
body.task-login {
    background: #FAFAFA !important;
}

body.task-login .formcontent {
    background-color: #ffffff !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 12px rgba(79, 58, 70, 0.15) !important;
    border-top: 4px solid #F7BD1E !important;
}

body.task-login #login-form input.button[type="submit"] {
    background-color: #F7BD1E !important;
    border-color: #F7BD1E !important;
    color: #4F3A46 !important;
    font-weight: 600 !important;
}

body.task-login #login-form input.button[type="submit"]:hover {
    background-color: #DC4162 !important;
    border-color: #DC4162 !important;
    color: #ffffff !important;
}

/* === Logo-Position im Header === */
.menu .menubar img.logo,
#layout-menu img.logo,
.layout-content .header img.logo {
    padding: 4px 8px;
    max-height: 36px;
    width: auto;
}

/* === Scrollbar in PFAUMEDIA-Farben (dezent) === */
::-webkit-scrollbar-thumb {
    background-color: #4F3A46;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #DC4162;
}

::-webkit-scrollbar-track {
    background: #FAFAFA;
}