/* enicloud SOGo theme override - primary #3e8cd6 (enicom.pl brand) */
:root{
  --eni:#3e8cd6;
  --eni-dark:#2c79c5;
  --eni-light:#39c0f7;
  --eni-soft:#e8f1f9;
}

/* === Angular Material primary toolbars === */
md-toolbar.md-default-theme:not(.md-menu-toolbar).md-primary,
md-toolbar:not(.md-menu-toolbar).md-primary,
.md-toolbar.md-primary{
  background-color: var(--eni) !important;
}
md-toolbar.md-default-theme:not(.md-menu-toolbar).md-accent,
md-toolbar:not(.md-menu-toolbar).md-accent{
  background-color: var(--eni-light) !important;
}

/* === Primary buttons === */
md-button.md-primary.md-raised.md-default-theme:not([disabled]),
md-button.md-primary.md-raised:not([disabled]),
md-button.md-primary.md-fab:not([disabled]),
.md-button.md-primary.md-raised:not([disabled]){
  background-color: var(--eni) !important;
  color:#fff !important;
}
md-button.md-primary.md-raised:not([disabled]):hover{
  background-color: var(--eni-dark) !important;
}
md-button.md-primary:not(.md-raised):not(.md-fab):not([disabled]){
  color: var(--eni) !important;
}

/* === Tabs, links, active states === */
md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active,
md-ink-bar{ color: var(--eni) !important; background-color: var(--eni) !important; }
a, a:visited{ color: var(--eni); }

/* === Checkbox/Radio checked === */
md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon,
md-radio-button.md-default-theme.md-checked .md-on, md-radio-button.md-checked .md-on{
  background-color: var(--eni) !important;
}
md-checkbox.md-default-theme.md-checked .md-icon:after, md-checkbox.md-checked .md-icon:after{
  border-color: #fff !important;
}

/* === Switch === */
md-switch.md-default-theme.md-checked .md-thumb, md-switch.md-checked .md-thumb{
  background-color: var(--eni) !important;
}
md-switch.md-default-theme.md-checked .md-bar, md-switch.md-checked .md-bar{
  background-color: rgba(62,140,214,.5) !important;
}

/* === Progress === */
md-progress-linear.md-default-theme .md-bar, md-progress-linear .md-bar,
md-progress-circular.md-default-theme path, md-progress-circular path{
  background-color: var(--eni) !important;
  stroke: var(--eni) !important;
}

/* === Selected items (mail list, calendar slots) === */
.md-list-item.selected, md-list-item.selected,
.sg-list-item-active, [sg-active]{
  background-color: var(--eni-soft) !important;
  border-left: 3px solid var(--eni) !important;
}

/* === Login page === */
.sogo-login form .md-button.md-raised.md-primary{
  background-color: var(--eni) !important;
}
.app-login-banner, .login-banner{
  background-color: var(--eni) !important;
}

/* === Folder tree selection === */
.sg-mailbox-active, .mailbox-active,
md-nav-item.md-default-theme .md-active{
  color: var(--eni) !important;
  border-left-color: var(--eni) !important;
}

/* === SVG icons w primary kolor === */
md-icon.md-default-theme[md-svg-icon].md-primary,
md-icon[md-svg-icon].md-primary,
md-icon.md-default-theme.md-primary:not([disabled]){
  color: var(--eni) !important;
  fill: var(--eni) !important;
}

/* === sg-button accent === */
.sg-button-accent, .accent-color{
  color: var(--eni) !important;
}

/* ====================================================
   STRONA LOGOWANIA - kontrast na panelu .sg-login (md-accent niebieski)
   ==================================================== */
.sg-login{ color: #fff !important; }

/* Labels + placeholdery + required gwiazdka */
.sg-login md-input-container label,
.sg-login md-input-container .md-placeholder,
.sg-login md-input-container.md-input-has-value label,
.sg-login md-input-container.md-input-has-placeholder label,
.sg-login md-input-container .md-required{
  color: rgba(255,255,255,.85) !important;
}
.sg-login md-input-container.md-input-focused label{ color: #fff !important; }

/* Input/select text + caret */
.sg-login md-input-container input,
.sg-login md-input-container input.md-input,
.sg-login md-input-container .md-input,
.sg-login md-select md-select-value,
.sg-login md-select md-select-value > span,
.sg-login md-select md-select-value .md-select-icon{
  color: #fff !important;
  caret-color: #fff !important;
}

/* Underline pol */
.sg-login md-input-container .md-input{
  border-bottom-color: rgba(255,255,255,.55) !important;
}
.sg-login md-input-container.md-input-focused .md-input,
.sg-login md-input-container.md-input-has-value .md-input,
.sg-login md-input-container.md-input-resized .md-input{
  border-bottom-color: #fff !important;
}

/* Ikony przy polach (osoba, koperta, language, eye, info) */
.sg-login md-icon{
  color: rgba(255,255,255,.92) !important;
  fill: rgba(255,255,255,.92) !important;
}
.sg-login md-button:hover md-icon{ color: #fff !important; fill: #fff !important; }

/* Eye icon (visibility) - klikalna, biala */
.sg-login #password-visibility-icon{
  color: rgba(255,255,255,.92) !important;
  cursor: pointer;
}

/* Switch "Pamietaj nazwe uzytkownika" */
.sg-login md-switch .md-bar{ background-color: rgba(255,255,255,.35) !important; }
.sg-login md-switch .md-thumb{ background-color: rgba(255,255,255,.85) !important; }
.sg-login md-switch.md-checked .md-thumb{ background-color: #fff !important; }
.sg-login md-switch.md-checked .md-bar{ background-color: rgba(255,255,255,.65) !important; }
.sg-login md-switch .md-label, .sg-login md-switch + label{ color: rgba(255,255,255,.95) !important; }

/* Submit FAB (->) i info FAB (i) - bialy circle z niebieska zawartoscia */
.sg-login md-button.md-fab,
.sg-login md-button.md-fab.md-accent,
.sg-login md-button.md-fab.md-accent.md-hue-2{
  background-color: #fff !important;
  color: #3e8cd6 !important;
  box-shadow: 0 3px 10px rgba(0,0,0,.3) !important;
}
.sg-login md-button.md-fab:hover{ background-color: #eaf3fb !important; }
.sg-login md-button.md-fab md-icon{ color: #3e8cd6 !important; fill: #3e8cd6 !important; }

/* Info icon button (i) w lewym dolnym - tez bialy circle */
.sg-login md-button.md-icon-button{
  background-color: rgba(255,255,255,.15) !important;
  border-radius: 50% !important;
}
.sg-login md-button.md-icon-button:hover{ background-color: rgba(255,255,255,.3) !important; }
.sg-login md-button.md-icon-button md-icon{ color: #fff !important; fill: #fff !important; }

/* Disabled submit (gdy form invalid) - subtelnie translucent */
.sg-login md-button.md-fab[disabled]{
  background-color: rgba(255,255,255,.5) !important;
  color: rgba(62,140,214,.6) !important;
}
.sg-login md-button.md-fab[disabled] md-icon{ color: rgba(62,140,214,.6) !important; }

/* Dropdown arrow + select label */
.sg-login md-select .md-select-icon{ color: rgba(255,255,255,.92) !important; }
.sg-login md-select.ng-empty md-select-value > .md-select-value-label > .md-placeholder{
  color: rgba(255,255,255,.85) !important;
}

/* sg-ripple-content (loading state) - bialy text */
.sg-login sg-ripple-content,
.sg-login sg-ripple-content .md-padding{ color: #fff !important; }
.sg-login md-progress-circular path{ stroke: #fff !important; }