/* ── RNITD Custom Theme ── #1a3a5c + #29ABD4 ── */

/* Toolbar / Header — SOGo nutzt md-hue-2 Klasse */
md-toolbar.md-hue-2:not(.md-menu-toolbar),
md-toolbar.md-default-theme.md-hue-2:not(.md-menu-toolbar) {
  background-color: #1a3a5c !important;
  color: #fff !important;
}

md-toolbar,
md-toolbar.md-default-theme {
  background-color: #1a3a5c !important;
  color: #fff !important;
}

/* Tabs innerhalb der Toolbar */
md-toolbar > md-tabs.md-hue-2 > md-tabs-wrapper,
md-toolbar > md-tabs.md-default-theme.md-hue-2 > md-tabs-wrapper {
  background-color: #1a3a5c !important;
}

/* Nav-Bar innerhalb der Toolbar */
md-toolbar > md-nav-bar.md-hue-2 > .md-nav-bar,
md-toolbar > md-nav-bar.md-default-theme.md-hue-2 > .md-nav-bar {
  background-color: #1a3a5c !important;
}

/* Floating Action Button (Schreiben-Button) */
.md-button.md-fab {
  background-color: #29ABD4 !important;
  color: #fff !important;
}
.md-button.md-fab:hover {
  background-color: #1a3a5c !important;
}

/* Primärfarbe: Buttons */
.md-button.md-primary.md-fab,
.md-button.md-primary.md-raised {
  background-color: #1a3a5c !important;
  color: #fff !important;
}

/* Sidebar / aktives Element */
md-list-item.md-active,
.md-list-item-inner.active,
sg-list-item.md-active {
  background-color: #29ABD4 !important;
  color: #fff !important;
}

/* Checkboxen aktiv */
md-checkbox.md-checked .md-ink-ripple,
md-checkbox.md-checked .md-icon {
  background-color: #29ABD4 !important;
  border-color: #29ABD4 !important;
}

/* Sidebar Hintergrund */
.sg-folder-list,
.sg-list,
nav[sg-folder-list] {
  background-color: #f0f4f8 !important;
}

/* ── Login-Seite ── */

/* Rechtes Panel (Formular-Hintergrund) */
[ui-view=login] md-content,
[ui-view=login] md-content.md-primary,
[ui-view=login] .md-primary {
  background-color: #1a3a5c !important;
}

/* Login-Button (Pfeil) */
[ui-view=login] .md-button.md-fab,
[ui-view=login] .md-button.md-primary.md-fab,
[ui-view=login] .md-button.md-primary.md-raised {
  background-color: #29ABD4 !important;
}

/* Input-Unterstrich + Label auf Login-Seite */
[ui-view=login] md-input-container .md-input,
[ui-view=login] md-input-container label {
  color: rgba(255,255,255,0.87) !important;
  border-color: rgba(255,255,255,0.5) !important;
}
[ui-view=login] md-input-container.md-input-focused .md-input,
[ui-view=login] md-input-container.md-input-focused label {
  color: #fff !important;
  border-color: #29ABD4 !important;
}

/* Linke Seite (Logo-Hintergrund) */
[ui-view=login] .sg-logo,
[ui-view=login] md-content > div:first-child {
  background-color: #f0f4f8 !important;
}

/* ── Login-Panel: sg-login nutzt md-bg md-accent (dynamisch von Angular Material) ── */
.sg-login,
.sg-login.md-bg,
.sg-login.md-accent,
.sg-login.md-default-theme.md-bg,
.sg-login.md-default-theme.md-accent.md-bg {
  background-color: #1a3a5c !important;
  color: #fff !important;
}

/* Login-Outer-View Hintergrund */
.view.md-bg,
.view.md-background.md-bg {
  background-color: #f0f4f8 !important;
}

/* ── Login-Icons und Text weiss ── */
.sg-login md-icon,
.sg-login .md-icon,
.sg-login md-icon svg,
.sg-login md-icon svg path,
.sg-login md-input-container md-icon {
  color: #fff !important;
  fill: #fff !important;
}

/* Input-Labels und Placeholder weiss */
.sg-login md-input-container label,
.sg-login md-input-container .md-placeholder,
.sg-login md-input-container input,
.sg-login md-select .md-select-value,
.sg-login md-select .md-select-value span {
  color: rgba(255,255,255,0.87) !important;
}

/* Input-Unterstrich weiss */
.sg-login md-input-container .md-input {
  border-color: rgba(255,255,255,0.5) !important;
  color: #fff !important;
}
.sg-login md-input-container.md-input-focused .md-input {
  border-color: #29ABD4 !important;
}

/* Dropdown-Pfeil (Sprache) */
.sg-login md-select .md-select-icon {
  color: rgba(255,255,255,0.7) !important;
}

/* Toggle-Label */
.sg-login md-switch .md-label,
.sg-login .md-switch-label {
  color: rgba(255,255,255,0.87) !important;
}

/* ── Ausgewählte Mail in der Liste ── */
md-list-item.md-2-line.sg-mail-list-item.md-active,
md-list-item.md-2-line.sg-mail-list-item.md-active .md-list-item-inner,
md-list-item.sg-mail-list-item.md-active,
.sg-mail-list md-list-item.md-active,
.sg-mail-list md-list-item.md-active .md-list-item-inner,
md-list-item.md-active .md-button,
md-list-item.md-active {
  background-color: #1a3a5c !important;
  color: #fff !important;
}

/* Text und Icons in ausgewählter Mail */
md-list-item.md-active p,
md-list-item.md-active span,
md-list-item.md-active small,
md-list-item.md-active md-icon {
  color: #fff !important;
}

/* ── Ausgewählte Mail: JS fügt md-accent md-bg md-hue-2 hinzu (nicht md-active!) ── */
md-list-item.md-bg,
md-list-item.md-accent.md-bg,
md-list-item.md-accent.md-bg.md-hue-2,
md-list-item.md-default-theme.md-accent.md-bg,
md-list-item.md-default-theme.md-accent.md-bg.md-hue-2 {
  background-color: #29ABD4 !important;
  color: #fff !important;
}
md-list-item.md-bg p,
md-list-item.md-bg span,
md-list-item.md-bg small,
md-list-item.md-bg md-icon {
  color: #fff !important;
}

/* ── Willkommen-Banner und andere md-accent Elemente ── */
.md-accent.md-bg:not(.sg-login):not(md-list-item) {
  background-color: #1a3a5c !important;
  color: #fff !important;
}

/* ── Ausgewählte Mail: alle Kinder-Elemente ebenfalls überschreiben ── */
md-list-item.md-bg > *,
md-list-item.md-bg > div,
md-list-item.md-bg > .md-button,
md-list-item.md-bg::before,
md-list-item.md-bg::after,
md-list-item.md-accent.md-bg > *,
md-list-item.md-accent.md-bg > div,
md-list-item.md-accent.md-bg > .md-button {
  background-color: #29ABD4 !important;
}

/* Fallback: jedes Element mit md-bg md-accent ausserhalb Login */
.md-bg.md-accent:not(.sg-login) {
  background-color: #1a3a5c !important;
}
.md-bg.md-hue-2.md-accent:not(.sg-login) {
  background-color: #1a3a5c !important;
}

/* ── Textfarbe Fix: md-button innerhalb aktiver List-Items ── */
/* Angular Material setzt Textfarbe via inline <style>, muss explizit ueberschrieben werden */
md-list-item.md-active .md-button,
md-list-item.md-active .md-button span,
md-list-item.md-active .md-button md-icon,
md-list-item.md-active > .md-button,
md-list-item.md-active > div > .md-button,
md-list-item.md-active .md-list-item-inner,
md-list-item.md-active .md-list-item-inner *,
md-list-item.md-bg .md-button,
md-list-item.md-bg .md-button span,
md-list-item.md-bg .md-button md-icon,
md-list-item.md-bg .md-list-item-inner,
md-list-item.md-bg .md-list-item-inner * {
  color: #fff !important;
}

/* ── Einstellungen-Sidebar: aktiver Navigationspunkt ── */
.sg-settings-nav md-list-item.md-active,
.sg-settings-nav md-list-item.md-active *,
.sg-settings-nav md-list-item.md-active .md-button,
.sg-settings-nav md-list-item.md-active .md-button *,
sg-settings-nav md-list-item.md-active,
sg-settings-nav md-list-item.md-active *,
[sg-settings-nav] md-list-item.md-active,
[sg-settings-nav] md-list-item.md-active * {
  color: #fff !important;
}

/* ── Sidebar Ordner-Liste: aktiver Ordner ── */
sg-folder-list md-list-item.md-active,
sg-folder-list md-list-item.md-active *,
[sg-folder-list] md-list-item.md-active,
[sg-folder-list] md-list-item.md-active * {
  color: #fff !important;
}

/* ── Posteingang Mail-Liste: ausgewaehlte Mail ── */
.sg-mail-list md-list-item.md-active *,
.sg-mail-list md-list-item.md-bg *,
.sg-mail-list md-list-item.md-accent.md-bg * {
  color: #fff !important;
}

/* ── Catch-All: jedes md-active und md-bg List-Item ── */
md-list-item.md-active *,
md-list-item.md-bg * {
  color: #fff !important;
}

/* ── Toolbar Icons weiss ── */
md-toolbar md-icon,
md-toolbar .md-icon,
md-toolbar button md-icon,
md-toolbar .md-button md-icon {
  color: #fff !important;
}

/* ── Account-Header (Robert Niepel / r.niepel@rnitd.de) ── */
sg-account-selector,
[sg-account-selector],
.sg-account-selector {
  background-color: #1a3a5c !important;
  color: #fff !important;
}
sg-account-selector *,
[sg-account-selector] *,
.sg-account-selector * {
  color: #fff !important;
}

/* ── Account-Liste (Kontoname darunter) ── */
sg-accounts-list,
[sg-accounts-list],
.sg-accounts-list,
.sg-accounts-list > md-list-item,
.sg-accounts-list > md-list-item * {
  color: #fff !important;
}