/* ===== Authelia в стиле SmartHome-панели ===== */

html, body, #root {
  background: linear-gradient(160deg, #0a0f1e 0%, #101a33 60%, #0a0f1e 100%) !important;
  min-height: 100vh;
  color: #e6f0ff;
  font-family: "Segoe UI", Arial, sans-serif !important;
}

/* стандартная подложка MUI — делаем прозрачной */
.MuiContainer-root, .MuiPaper-root, .MuiBox-root {
  background: transparent !important;
}

/* карточка логина — как панели на главной */
.MuiPaper-root {
  background: rgba(40, 90, 190, 0.35) !important;
  border: 1px solid rgba(120, 180, 255, 0.35) !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45),
              inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* заголовок — как «Проекты SmartHome» */
h1, h2, .MuiTypography-h5, .MuiTypography-h6 {
  color: #9ecbff !important;
  text-shadow: 0 0 12px rgba(80, 160, 255, 0.5) !important;
}

/* поля ввода */
.MuiOutlinedInput-root {
  background: rgba(10, 15, 30, 0.55) !important;
  border-radius: 10px !important;
}

.MuiOutlinedInput-notchedOutline {
  border-color: rgba(120, 180, 255, 0.35) !important;
  border-radius: 10px !important;
}

.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: rgba(120, 180, 255, 0.6) !important;
}

.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #50a0ff !important;
}

input {
  color: #e6f0ff !important;
}


/* кнопка — как панели с подсветкой при наведении */
.MuiButton-root, button[type="submit"] {
  background: rgba(60, 120, 230, 0.5) !important;
  color: #d6e8ff !important;
  border: 1px solid rgba(120, 180, 255, 0.35) !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45) !important;
  transition: transform .15s ease, box-shadow .25s ease, background .25s ease;
}

.MuiButton-root:hover, button[type="submit"]:hover {
  background: rgba(60, 120, 230, 0.7) !important;
  box-shadow: 0 6px 22px rgba(40, 120, 255, 0.45) !important;
  transform: translateY(-2px);
}

/* ссылки, чекбоксы «запомнить меня» */
a { color: #9ecbff !important; }
.MuiCheckbox-root { color: #9ecbff !important; }

/* всплывающие подсказки об ошибках */
.MuiFormHelperText-root { color: rgba(230, 240, 255, 0.6) !important; }
.MuiAlert-root {
  background: rgba(40, 90, 190, 0.35) !important;
  color: #e6f0ff !important;
  border-radius: 10px !important;
}

/* выпадашки (выбор языка и подобные) */
:root,
[data-theme="light"],
[data-theme="dark"] {
  --popover: rgba(40, 90, 190, 0.35);          /* фон окошка — как карточки */
  --popover-foreground: #e6f0ff;               /* текст */
  /*--border: rgba(120, 180, 255, 0.35);*/         /* обводка в стиле панелей */
}