/* Подсказки на страницах Authelia — см. help.js */
.lh-box {
  box-sizing: border-box;
  max-width: 620px;
  margin: 16px auto 0;
  padding: 12px 16px;
  border-radius: 8px;
  border-left: 4px solid #1976d2;
  background: #e8f1fb;
  color: #1a2733;
  font: 14px/1.45 "Roboto", "Segoe UI", Arial, sans-serif;
  position: relative;
  z-index: 1;
}
.lh-box.lh-ok { border-left-color: #2e7d32; background: #e8f5e9; }
/* Поверх диалога регистрации (у MUI z-index 1300) — компактная плашка сверху */
.lh-box.lh-float {
  position: fixed;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 16px);
  margin: 0;
  z-index: 1400;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}
.lh-title { font-weight: 600; margin-bottom: 4px; }
.lh-list { margin: 4px 0 0; padding-left: 20px; }
.lh-list li { margin: 2px 0; }
.lh-btn {
  display: inline-block;
  margin-top: 8px;
  padding: 6px 14px;
  border-radius: 4px;
  background: #1976d2;
  color: #fff !important;
  text-decoration: none;
  font-weight: 500;
}
.lh-ok .lh-btn { background: #2e7d32; }
@media (prefers-color-scheme: dark) {
  .lh-box { background: #172a3d; color: #e3edf7; border-left-color: #64b5f6; }
  .lh-box.lh-ok { background: #1b3320; border-left-color: #81c784; }
}
@media (max-width: 480px) {
  .lh-box { margin: 8px; font-size: 13px; }
}