/* Editorial Динамика — оверлей поверх MUI-портала Authelia (инжект sub_filter'ом).
   Тёплая бумага · чернильный текст · аметист · серифные заголовки (Fraunces→Georgia). */
:root{
  --paper-50:#FDFBF7; --paper-100:#F9F5EF; --paper-300:#E9E1D4;
  --ink-900:#0A0A08; --ink-700:#1F1F1B; --ink-400:#6E6E68;
  --primary-50:#F5F2FB; --primary-100:#EBE4F5; --primary-600:#6946A0; --primary-700:#553885;
}
html,body,#root{ background:var(--paper-100) !important; }
body,button,input,select,textarea,.MuiTypography-root,.MuiInputBase-root{
  font-family:'Manrope',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif !important;
}
h1,h2,h3,.MuiTypography-h3,.MuiTypography-h4,.MuiTypography-h5,.MuiTypography-h6{
  font-family:'Fraunces',Georgia,'Times New Roman',serif !important;
  letter-spacing:-.02em !important; color:var(--ink-900) !important; font-weight:500 !important;
}
#dyn-logo{ display:block; max-height:46px; width:auto; margin:0 auto 12px; }
/* форма — editorial-карточка */
form{
  background:#ffffff !important; border:1px solid var(--paper-300) !important;
  border-radius:16px !important; padding:30px 28px !important;
  box-shadow:0 16px 48px rgba(85,56,133,.12) !important;
  max-width:440px !important; margin:0 auto !important;
}
/* первичная кнопка — аметистовая пилюля */
.MuiButton-contained, button[type="submit"]{
  background-color:var(--primary-700) !important; color:#FDFBF7 !important;
  border-radius:999px !important; text-transform:uppercase !important;
  letter-spacing:.12em !important; font-weight:700 !important;
  box-shadow:0 8px 22px rgba(85,56,133,.24) !important;
}
.MuiButton-contained:hover, button[type="submit"]:hover{ background-color:var(--primary-600) !important; }
.MuiButton-text{ background:transparent !important; color:var(--primary-600) !important; box-shadow:none !important; }
.MuiInput-underline:after, .MuiFilledInput-underline:after{ border-bottom-color:var(--primary-600) !important; }
.MuiInputLabel-root.Mui-focused{ color:var(--primary-600) !important; }
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{ border-color:var(--primary-600) !important; }
.MuiCheckbox-root.Mui-checked{ color:var(--primary-700) !important; }
.MuiCircularProgress-root{ color:var(--primary-700) !important; }
.MuiLinearProgress-bar{ background-color:var(--primary-600) !important; }
a{ color:var(--primary-600) !important; }
a:hover{ color:var(--primary-700) !important; }

/* ── Страница настроек 2FA (/settings): панель + карточки + кнопки ── */
.MuiAppBar-root, header.MuiAppBar-root{
  background:var(--paper-50) !important; color:var(--ink-900) !important;
  box-shadow:none !important; border-bottom:1px solid var(--paper-300) !important;
}
.MuiAppBar-root .MuiTypography-root, .MuiAppBar-root .MuiIconButton-root, .MuiAppBar-root svg{ color:var(--ink-700) !important; }
.MuiPaper-root:not(.MuiAppBar-root){
  background:#ffffff !important; border:1px solid var(--paper-300) !important;
  border-radius:14px !important; box-shadow:0 8px 30px rgba(85,56,133,.07) !important;
}
.MuiButton-outlined{
  color:var(--primary-700) !important; border-color:var(--primary-600) !important;
  border-radius:999px !important; text-transform:uppercase !important; letter-spacing:.06em !important; font-weight:700 !important;
}
.MuiButton-outlined:hover{ background:var(--primary-700) !important; color:#ffffff !important; border-color:var(--primary-700) !important; }

/* ── Инструкция сотруднику (инжектит brand.js на /settings) ── */
#dyn-help{
  background:var(--primary-50) !important; border:1px solid var(--primary-100) !important;
  border-left:4px solid var(--primary-700) !important; border-radius:14px !important;
  padding:18px 22px !important; margin:0 0 22px !important;
  color:var(--ink-700) !important; font-size:15px !important; line-height:1.55 !important;
}
#dyn-help h3{ font-family:'Fraunces',Georgia,serif !important; margin:0 0 8px !important; font-size:1.2rem !important; color:var(--ink-900) !important; font-weight:600 !important; }
#dyn-help ol{ margin:8px 0 0 !important; padding-left:22px !important; }
#dyn-help li{ margin:5px 0 !important; }
#dyn-help .muted{ display:block; color:var(--ink-400) !important; font-size:13px !important; margin-top:12px !important; }