/* ── 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;
}

/* ── Login: Toggle/Switch in Cyan ── */
.sg-login md-switch.md-checked .md-thumb,
[ui-view=login] md-switch.md-checked .md-thumb {
  background-color: #29ABD4 !important;
}
.sg-login md-switch.md-checked .md-bar,
[ui-view=login] md-switch.md-checked .md-bar {
  background-color: rgba(41, 171, 212, 0.5) !important;
}

/* ── Einstellungen-Sidebar: ausgewähltes Item (md-bg) ── */
.sg-settings-view md-list-item.md-bg > div.md-button,
sg-preferences md-list-item.md-bg > div.md-button,
md-sidenav md-list-item.md-bg > div.md-button {
  background-color: #29ABD4 !important;
}
.sg-settings-view md-list-item.md-bg button.md-ink-ripple,
sg-preferences md-list-item.md-bg button.md-ink-ripple,
md-sidenav md-list-item.md-bg button.md-ink-ripple {
  background-color: transparent !important;
}
.sg-settings-view md-list-item.md-bg .md-list-item-inner,
.sg-settings-view md-list-item.md-bg span,
.sg-settings-view md-list-item.md-bg md-icon,
sg-preferences md-list-item.md-bg .md-list-item-inner,
sg-preferences md-list-item.md-bg span,
sg-preferences md-list-item.md-bg md-icon {
  color: #fff !important;
}

/* ── KRITISCH: md-active Sidebar-Nav — gleiche Struktur wie Mail-Liste ── */
/* button.md-ink-ripple hat position:absolute und überdeckt Text — muss transparent bleiben */
md-list-item.md-active > div.md-button {
  background-color: #29ABD4 !important;
  color: #fff !important;
}
md-list-item.md-active button.md-ink-ripple,
md-list-item.md-active > div > button,
md-list-item.md-active > .md-button > button {
  background-color: transparent !important;
}
md-list-item.md-active .md-list-item-inner,
md-list-item.md-active .md-list-item-inner *,
md-list-item.md-active span,
md-list-item.md-active p,
md-list-item.md-active md-icon {
  color: #fff !important;
}

/* ── Einstellungen: aktiver Tab (ALLGEMEIN / KALENDER etc.) ── */
md-tabs-canvas .md-tab.md-active,
md-tabs .md-tab.md-active,
.md-tab.md-active {
  color: #29ABD4 !important;
}
md-ink-bar {
  background-color: #29ABD4 !important;
  color: #29ABD4 !important;
}

/* ── Radio-Buttons und Checkboxen in Cyan ── */
md-radio-button.md-checked .md-on {
  background-color: #29ABD4 !important;
}
md-radio-button.md-checked .md-off {
  border-color: #29ABD4 !important;
}
md-radio-button.md-default-theme.md-checked .md-on {
  background-color: #29ABD4 !important;
}
md-radio-button .md-ink-ripple {
  color: #29ABD4 !important;
}

/* ── Kalender: aktueller Tag (grün → Cyan) ── */
.sg-today,
.sg-current-day,
[class*='sg-today'],
md-calendar-month-body .md-calendar-selected-date .md-calendar-date-today,
.md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator,
.sg-week-day.sg-today .sg-day-of-week,
.sg-week-day.sg-today .sg-day-number,
.sg-week-day.sg-today,
.sg-week-header.sg-today .sg-day-number,
.sg-week-header.sg-today .sg-day-of-week {
  color: #29ABD4 !important;
}
/* Hintergrund des heutigen Tages (falls als Box dargestellt) */
.sg-today .sg-day-number,
.md-calendar-date-today .md-calendar-date-selection-indicator {
  background-color: #29ABD4 !important;
  color: #fff !important;
}

/* ── Kalender: aktueller Tag Spalte (md-accent md-hue-2 md-fg = grün → Cyan) ── */
.md-default-theme.md-accent.md-hue-2.md-fg,
.md-accent.md-hue-2.md-fg {
  color: #29ABD4 !important;
}

/* ── Ladebalken (md-progress-linear) in Cyan ── */
md-progress-linear .md-container,
md-progress-linear .md-bar,
md-progress-linear .md-bar1,
md-progress-linear .md-bar2,
.md-progress-linear .md-bar {
  background-color: #29ABD4 !important;
}
md-progress-linear .md-container {
  background-color: rgba(41, 171, 212, 0.3) !important;
}