/* =========================================================
   АГПУ — фирменный бирюзовый слой (накладывается последним)
   Палитра взята из брендового логотипа «100 лет АГПУ» (бирюза).
   Обёртка над собранным приложением: меняет только цвет.
   ========================================================= */
:root{
  --agpu-teal-100:#d6f0f1;
  --agpu-teal-300:#5fc7cf;   /* светлый блик */
  --agpu-teal-500:#2f9aa0;   /* основной бирюзовый */
  --agpu-teal-700:#1f7a80;   /* глубокий (hover/active, акцент) */
  --agpu-teal-900:#155e63;   /* тёмный — текст/ссылки на белом */
  --agpu-on-teal:#ffffff;    /* текст на бирюзе */
  --agpu-metal:linear-gradient(135deg,#54bfc7 0%,#2f9aa0 50%,#1f7a80 100%);
}

/* ---------- Верхняя панель (шапка) ---------- */
.mat-toolbar.mat-primary,
.mat-mdc-toolbar.mat-primary{
  background:var(--agpu-metal)!important;
  color:var(--agpu-on-teal)!important;
  box-shadow:0 2px 10px rgba(20,90,95,.25);
}
.mat-toolbar.mat-primary a,
.mat-toolbar.mat-primary .mat-icon,
.mat-toolbar.mat-primary button{ color:var(--agpu-on-teal)!important; }

/* ---------- Основные кнопки ---------- */
.mat-mdc-raised-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-fab.mat-primary,
.mat-mdc-mini-fab.mat-primary,
button.mat-primary.mdc-button--raised,
button.mat-primary.mdc-button--unelevated{
  background:var(--agpu-metal)!important;
  color:var(--agpu-on-teal)!important;
  border:none!important;
}
.mat-mdc-raised-button.mat-primary:hover,
.mat-mdc-unelevated-button.mat-primary:hover{ filter:brightness(1.06); }

/* Кнопки-ссылки / контурные / иконки */
.mat-mdc-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-mdc-icon-button.mat-primary,
a.mat-primary{ color:var(--agpu-teal-900)!important; }
.mat-mdc-outlined-button.mat-primary{ border-color:var(--agpu-teal-500)!important; }

/* ---------- Вкладки, индикаторы, чек-боксы, радио, прогресс ---------- */
.mdc-tab-indicator__content--underline{ border-color:var(--agpu-teal-500)!important; }
.mat-mdc-tab .mdc-tab__text-label.mdc-tab--active,
.mat-mdc-tab-link.mdc-tab--active{ color:var(--agpu-teal-900)!important; }
.mdc-checkbox__background{ border-color:var(--agpu-teal-700)!important; }
.mdc-checkbox--selected .mdc-checkbox__background,
.mat-mdc-checkbox-checked .mdc-checkbox__background{
  background-color:var(--agpu-teal-500)!important;
  border-color:var(--agpu-teal-500)!important;
}
.mat-mdc-progress-bar .mdc-linear-progress__bar-inner{ border-color:var(--agpu-teal-500)!important; }
.mat-mdc-progress-spinner circle,.mat-mdc-progress-spinner .mdc-circular-progress__indeterminate-circle-graphic{ stroke:var(--agpu-teal-500)!important; }

/* ---------- Текстовые ссылки ---------- */
a:not(.mat-mdc-button-base):not(.mat-toolbar a){ color:var(--agpu-teal-900); }
a:not(.mat-mdc-button-base):hover{ color:var(--agpu-teal-700); }

/* ---------- DevExtreme ---------- */
.dx-button-mode-contained.dx-button-default{
  background:var(--agpu-metal)!important; color:var(--agpu-on-teal)!important; border:none!important;
}
.dx-button-mode-text.dx-button-default,
.dx-button-mode-outlined.dx-button-default{ color:var(--agpu-teal-900)!important; }
.dx-list-item.dx-state-selected,
.dx-datagrid-rowsview .dx-selection.dx-row > td,
.dx-tab.dx-tab-selected{ background-color:rgba(47,154,160,.16)!important; color:var(--agpu-teal-900)!important; }
.dx-checkbox-checked .dx-checkbox-icon{ color:var(--agpu-teal-700)!important; }
.dx-tabs .dx-tab-selected::after{ background-color:var(--agpu-teal-500)!important; }

/* ---------- Эмблема в шапке (на всех страницах, в т.ч. главной) ---------- */
.agpu-emblem{
  height:42px; width:auto; margin-right:14px; display:block;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.15));
}
@media (max-width:600px){
  .agpu-emblem{ height:34px; }
}