/* Фирменная тема почты АТП ТЕХНОПРОМ — тёплое «акварельное» оформление.
   Подключается к страницам SOGo через nginx, внутренности SOGo не трогает. */

:root {
  --atp-blue:       #1567c0;
  --atp-blue-dark:  #0d4c96;
  --cream:          #f7f2e8;   /* основной тёплый фон */
  --cream-soft:     #fbf8f1;   /* панели чуть светлее */
  --cream-line:     #e7ddc9;   /* тонкие границы */
  --ink:            #4a4034;   /* тёплый тёмный текст */
  --ink-soft:       #7a6b56;   /* приглушённый текст, значки */
  --sel:            #dce9f6;   /* мягко-голубое выделение, как в макете */
}

/* ---------------------------------------------------------------- вход */
body.login,
#login,
.sg-login,
div[ng-controller="LoginController"] {
  background: linear-gradient(135deg, #faf6ee 0%, #f2ead9 55%, #ece0c9 100%) !important;
}
#login md-card,
.sg-login md-card,
#loginModule md-card,
md-card.sg-login-card {
  border-top: 4px solid var(--atp-blue) !important;
  box-shadow: 0 12px 40px rgba(90, 70, 45, 0.18) !important;
  border-radius: 10px !important;
}
#login img#splash,
img#splash,
.sg-login-logo img {
  max-width: 340px !important;
  height: auto !important;
  margin: 8px auto 4px !important;
  display: block !important;
}
#login md-button.md-fab,
#login button[type="submit"],
.sg-login md-button.md-fab,
md-button.md-fab[type="submit"],
form[name="loginForm"] .md-fab {
  background-color: var(--atp-blue) !important;
  color: #fff !important;
}
#login md-button.md-fab:hover,
md-button.md-fab[type="submit"]:hover {
  background-color: var(--atp-blue-dark) !important;
}
#login md-button.md-fab md-icon,
md-button.md-fab[type="submit"] md-icon { color: #fff !important; }

/* ---------------------------------------------------------------- панели */
/* Верхние и боковые панели — тёплый кремовый вместо синего. */
md-toolbar:not(.md-menu-toolbar):not(.sg-transparent):not(.md-hue-1),
.md-toolbar-tools,
#toolbar > md-toolbar,
.view-mode md-toolbar,
md-sidenav md-toolbar,
.sg-md-body md-toolbar {
  background-color: var(--cream) !important;
  background-image: none !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}
/* силуэт города водяным знаком в верхней панели */
.md-toolbar-tools,
#toolbar > md-toolbar,
md-toolbar.toolbar-main {
  background-image: url("/sogo-brand/skyline.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
  background-size: auto 100% !important;
}
md-toolbar + md-toolbar,
.md-whiteframe-z1,
md-toolbar.md-whiteframe-1dp { box-shadow: none !important; }

/* значки и текст на панелях — тёплого тёмного цвета */
md-toolbar .md-button,
md-toolbar .md-icon-button,
.md-toolbar-tools .md-button,
md-toolbar md-icon,
md-toolbar .md-headline,
md-toolbar .md-subhead { color: var(--ink) !important; }

/* левая панель — светлая, текст тёмный */
md-sidenav.md-sidenav-left,
md-sidenav.md-sidenav-left md-content,
#leftPanel { background-color: var(--cream-soft) !important; }

/* силуэт города внизу левой панели */
md-sidenav.md-sidenav-left::after {
  content: "" !important;
  position: absolute !important;
  left: 0; right: 0; bottom: 0;
  height: 130px !important;
  background: url("/sogo-brand/skyline.svg") no-repeat center bottom !important;
  background-size: 115% auto !important;
  opacity: 0.9 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
md-sidenav.md-sidenav-left md-list,
md-sidenav.md-sidenav-left .sg-quick-search { position: relative; z-index: 1; }

/* Дублирующая строка аккаунта (адрес + меню) под шапкой — скрыта.
   Адрес и так виден в шапке под именем; эта строка его повторяла, и
   её меню налезало на текст. Папки лежат в отдельном списке — не затронуты. */
section.sg-account-section > md-list.md-dense {
  display: none !important;
}

/* пункты списка папок — тёмный текст, мягкое голубое выделение */
md-sidenav md-list-item,
md-sidenav md-list-item .md-button { color: var(--ink) !important; }
md-list-item.sg-active,
md-list-item.md-primary.selected,
.sg-active { background-color: var(--sel) !important; }

/* ---------------------------------------------------------------- логотип внутри */
md-sidenav md-toolbar.md-tall {
  position: relative !important;
  /* шапку делаем выше: логотип (сверху) + аватар 64px + имя + адрес не
     помещались в штатные 128px, и адрес вылезал на меню под шапкой —
     отсюда наложение. Высоты 156px хватает на всё без перекрытия. */
  min-height: 156px !important;
  height: auto !important;
  padding-top: 42px !important;
  background-color: var(--cream-soft) !important;
}
/* адрес под именем — как в макете, приглушённым тоном, одной строкой
   (задвоение убрано увеличенным отступом шапки, см. padding-top ниже) */
md-sidenav md-toolbar.md-tall p.md-caption.sg-no-wrap {
  color: var(--ink-soft) !important;
  line-height: 1.3 !important;
}
md-sidenav md-toolbar.md-tall .sg-md-title,
md-sidenav md-toolbar.md-tall p { color: var(--ink) !important; }
md-sidenav md-toolbar.md-tall::before {
  content: "" !important;
  position: absolute !important;
  top: 12px !important;
  left: 16px !important;
  width: 220px !important;
  height: 30px !important;
  background-image: url("/sogo-brand/atp-compact-blue.svg") !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  pointer-events: none !important;
}
/* аватар и шестерёнку в шапке — приглушённый тёплый цвет */
md-sidenav md-toolbar.md-tall md-icon,
md-sidenav md-toolbar.md-tall .md-button { color: var(--ink-soft) !important; }

/* ---------------------------------------------------------------- списки и чтение */
/* фон списка писем и области чтения — тёплый кремовый */
md-content, .md-virtual-repeat-container, #messageListView,
.view-mode, md-list { background-color: var(--cream-soft) !important; }

/* Достопримечательности внизу колонки со списком писем. Фон вешаем на саму
   колонку #messagesList, а вложенные контейнеры делаем прозрачными, чтобы
   картинка проступала в пустой области под письмами. */
md-content#messagesList {
  background-color: var(--cream-soft) !important;
  background-image: url("/sogo-brand/landmarks.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  background-size: 100% auto !important;
}
md-content#messagesList .md-virtual-repeat-container,
md-content#messagesList .md-virtual-repeat-scroller,
md-content#messagesList .md-virtual-repeat-sizer {
  background: transparent !important;
}

/* Область чтения письма — просто тёплый кремовый фон, без карты
   (по решению пользователя карту убрали, оставили пусто). */
#detailView {
  background-color: var(--cream-soft) !important;
}
#detailView > md-content.hide,
#detailView md-content.layout-align-center-center { background: transparent !important; }

/* кнопки и акценты */
.md-button.md-primary.md-raised,
button.md-primary.md-raised { background-color: var(--atp-blue) !important; color:#fff !important; }
.md-button.md-primary.md-raised:hover { background-color: var(--atp-blue-dark) !important; }
.md-button.md-primary:not(.md-raised) { color: var(--atp-blue) !important; }
a, .md-primary-color { color: var(--atp-blue) !important; }

md-checkbox.md-checked .md-icon,
md-radio-button.md-checked .md-off,
md-switch.md-checked .md-thumb {
  background-color: var(--atp-blue) !important;
  border-color: var(--atp-blue) !important;
}
md-switch.md-checked .md-bar { background-color: #8ec0ef !important; }
md-tabs md-ink-bar { color: var(--atp-blue) !important; background: var(--atp-blue) !important; }