/* Mirror DNA on Authelia: wine night, champagne gold, grain, thread mark.
   Единый слой: портал (вход/2FA/сброс/согласие) + кабинет (настройки). */
@font-face{
  font-family:'Spectral';font-style:normal;font-weight:400;font-display:swap;
  src:url('/branding-fonts/spectral-400.woff2') format('woff2');
}
@font-face{
  font-family:'Spectral';font-style:normal;font-weight:500;font-display:swap;
  src:url('/branding-fonts/spectral-500.woff2') format('woff2');
}
:root{
  --bg0:#0e0908; --bg1:#160f0c; --bg2:#20140f; --wine:#2a1417;
  --ink:#f4e8db; --ink-2:#cdb9a5; --ink-3:#9c8570;
  --gold:#e9c585; --gold-live:#e6c07e; --gold-deep:#a8825a; --on-gold:#0e0908;
  --stroke:rgba(214,166,110,.15); --stroke-2:rgba(214,166,110,.26); --stroke-3:rgba(233,197,133,.42);
  --field:#160f0c; --danger:#dc9e86;
  --ff-disp:Spectral,'Iowan Old Style','Palatino Linotype',Palatino,'Book Antiqua',Georgia,'Times New Roman',serif;
  --ff-body:ui-rounded,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --ff-mono:ui-monospace,Menlo,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-spring:cubic-bezier(.34,1.3,.4,1);
  --card:rgba(32,20,15,.55);
  --card-border:rgba(214,166,110,.22);
  --shadow:0 24px 64px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.35);
}
html,body,#root{
  background:var(--bg0)!important; color:var(--ink)!important;
  font-family:var(--ff-body)!important; min-height:100svh;
}
body{margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}

/* ── Фон: вино-градиент, зерно, золотые нити ── */
.ar-bg{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(120% 80% at 50% -8%, var(--bg2), transparent 62%),
    radial-gradient(120% 100% at 50% 120%, var(--wine), transparent 55%),
    var(--bg0);
}
.ar-grain{
  position:fixed;inset:-50%;z-index:0;pointer-events:none;opacity:.05;
  background-image:radial-gradient(rgba(255,255,255,.6) .5px,transparent .6px);
  background-size:3px 3px;mix-blend-mode:overlay;
  animation:ar-grain 6s steps(4) infinite;
}
@keyframes ar-grain{
  0%{transform:translate(0,0)}25%{transform:translate(-3px,2px)}
  50%{transform:translate(2px,-3px)}75%{transform:translate(-2px,-2px)}
  100%{transform:translate(0,0)}
}
.ar-silk{
  position:fixed;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.28;
}
.ar-silk path{
  fill:none;stroke:var(--gold-live);stroke-width:1.1;stroke-linecap:round;
  stroke-dasharray:8 240;animation:ar-draw 22s linear infinite;
}
.ar-silk .t2{stroke:var(--gold-deep);opacity:.7;animation-duration:28s;animation-delay:-6s}
.ar-silk .t3{stroke:var(--gold);opacity:.45;animation-duration:34s;animation-delay:-12s}
@keyframes ar-draw{to{stroke-dashoffset:-520}}

/* ── Скрываем стоковую шапку/лого/кредиты на портале ── */
html:not(.ar-settings) header.MuiAppBar-root,html:not(.ar-settings) .MuiAppBar-root,
a[href*="authelia"],#root a[href*="authelia"],
#root p:has(> a[href*="authelia"]),
html:not(.ar-settings) #root img[alt],html:not(.ar-settings) #root img[src*="logo"],
body.portal-ready .hidden,
body.portal-ready [class*="ScaleLoader"]{display:none!important}

/* ── Верхняя полоса портала ── */
.ar-bar{
  position:fixed;inset:0 0 auto 0;z-index:30;
  height:56px;display:flex;align-items:center;justify-content:space-between;
  padding:0 18px;
  animation:ar-down .5s var(--ease) .1s both;
}
@keyframes ar-down{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.ar-bar a{
  font-family:var(--ff-disp);font-size:18px;font-weight:400;letter-spacing:.02em;
  color:var(--ink);text-decoration:none;padding:10px 4px;
  transition:color .18s var(--ease);
}
.ar-bar .ar-back{font-family:var(--ff-body);font-size:14px;color:var(--ink-2);font-weight:500}
.ar-bar a:hover{color:var(--gold)}
.ar-bar a:active{transform:translateY(1px)}
.ar-bar a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}

#root{position:relative;z-index:1;min-height:100svh;background:transparent!important}
html:not(.ar-settings) #root{
  display:flex;justify-content:center;align-items:flex-start;
  padding:92px 20px 48px;
}
@media(min-width:720px){html:not(.ar-settings) #root{align-items:center;padding:96px 20px 56px}}
html:not(.ar-settings) #root > .MuiBox-root,
html:not(.ar-settings) #root .MuiContainer-root{width:100%;max-width:400px}

/* ── Карточка «стекло»: общий контейнер портала ── */
html:not(.ar-settings) #root .MuiContainer-root,
html:not(.ar-settings) #root > .MuiBox-root{
  position:relative;
  background:var(--card)!important;
  border:1px solid var(--card-border)!important;
  border-radius:26px;
  padding:26px 28px 26px!important;
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px) saturate(1.15);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
  animation:ar-in .55s var(--ease) both;
}
html:not(.ar-settings) #root .MuiContainer-root::before,
html:not(.ar-settings) #root > .MuiBox-root::before{
  content:"";position:absolute;top:0;left:12%;right:12%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(233,197,133,.55),transparent);
}
html:not(.ar-settings) #root > .MuiBox-root > .MuiBox-root,
html:not(.ar-settings) #root .MuiBox-root .MuiContainer-root,
html:not(.ar-settings) #root .MuiContainer-root .MuiContainer-root{
  padding:0!important;background:transparent!important;border:0!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html:not(.ar-settings) #root > .MuiBox-root > .MuiBox-root::before,
html:not(.ar-settings) #root .MuiBox-root .MuiContainer-root::before,
html:not(.ar-settings) #root .MuiContainer-root .MuiContainer-root::before{content:none!important}
@keyframes ar-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}

/* Лёгкий stagger полей внутри карточки */
html:not(.ar-settings) #root .MuiFormControl-root,
html:not(.ar-settings) #root form > *,
html:not(.ar-settings) #root .MuiContainer-root > .MuiBox-root > *{
  animation:ar-rise .5s var(--ease) both;
}
html:not(.ar-settings) #root .MuiFormControl-root:nth-of-type(2){animation-delay:.05s}
html:not(.ar-settings) #root .MuiFormControl-root:nth-of-type(3){animation-delay:.1s}
html:not(.ar-settings) #root .MuiFormControlLabel-root{animation-delay:.12s}
html:not(.ar-settings) button.MuiButton-root[type="submit"],
html:not(.ar-settings) .MuiButton-contained{animation:ar-rise .5s var(--ease) .14s both}
html:not(.ar-settings) .MuiDivider-root{animation:ar-rise .5s var(--ease) .18s both}
html:not(.ar-settings) .MuiDivider-root ~ *{animation:ar-rise .5s var(--ease) .2s both}
@keyframes ar-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

html:not(.ar-settings):not(.ar-authed) #root .MuiGrid-container,html:not(.ar-settings):not(.ar-authed) #root .MuiGrid-root{
  width:100%!important;max-width:400px!important;
  margin:0!important;padding:0!important;justify-content:center!important;
}
html:not(.ar-settings):not(.ar-authed) #root .MuiBox-root{padding:0!important;background:transparent!important}

/* Авторизованный портал (согласие/сессия): та же карточка — она на контейнере,
   внутренние Paper прозрачны, чтобы не было двойной рамки */
html.ar-authed #root .MuiGrid-container,html.ar-authed #root .MuiGrid-root{max-width:400px}
html:not(.ar-settings) .MuiPaper-root:not(.MuiDialog-paper,.MuiMenu-paper,.MuiPopover-paper),
html:not(.ar-settings) .MuiCard-root{
  background:transparent!important;border-color:transparent!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}

/* ── Метка + заголовок ── */
.ar-mark{display:block;width:36px;height:36px;margin:0 auto 12px;
  animation:ar-mark .7s var(--ease-spring) both}
.ar-mark svg{display:block;width:100%;height:100%}
@keyframes ar-mark{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
.ar-title{
  font-family:var(--ff-disp);font-weight:500;
  font-size:clamp(30px,6vw,38px);line-height:1.06;letter-spacing:-.014em;
  margin:0 0 8px;text-align:center;color:var(--ink);text-wrap:balance;
  animation:ar-rise .45s var(--ease) .06s both;
}
.ar-dek{
  font-family:var(--ff-disp);font-style:italic;font-size:15.5px;line-height:1.45;
  color:var(--ink-2);margin:0 0 22px;text-align:center;text-wrap:pretty;
  animation:ar-rise .45s var(--ease) .11s both;
}

/* ── Поля ── */
.MuiFormControl-root{width:100%!important;margin:0 0 16px!important}
.MuiInputLabel-asterisk,.MuiFormLabel-asterisk{display:none!important}
.MuiInputLabel-root,.MuiFormLabel-root{
  position:static!important;transform:none!important;
  max-width:none!important;width:100%!important;
  display:block!important;text-align:left!important;
  font-family:var(--ff-mono)!important;
  font-size:10.5px!important;font-weight:500!important;
  letter-spacing:.18em!important;text-transform:uppercase!important;
  color:var(--ink-3)!important;margin:0 0 9px!important;
  line-height:1.3!important;pointer-events:none;
  transition:color .25s var(--ease)!important;
}
.MuiFormControl-root:focus-within .MuiInputLabel-root{color:var(--gold-live)!important}
.MuiOutlinedInput-notchedOutline{
  top:0!important;border-color:var(--stroke-2)!important;
  transition:border-color .25s var(--ease)!important;
}
.MuiOutlinedInput-notchedOutline legend{display:none!important;width:0!important;padding:0!important}
.MuiOutlinedInput-root,.MuiInputBase-root{
  background:rgba(14,9,8,.45)!important;color:var(--ink)!important;
  border-radius:15px!important;font-size:16px!important;
  margin-top:0!important;min-height:52px;
  transition:box-shadow .25s var(--ease),background .25s var(--ease)!important;
}
.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--stroke-3)!important}
.MuiOutlinedInput-root.Mui-focused{
  background:rgba(22,15,12,.75)!important;
  box-shadow:0 0 0 3px rgba(233,197,133,.14);
}
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{
  border-color:var(--gold)!important;border-width:1px!important;
}
.MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:var(--danger)!important}
.MuiOutlinedInput-root.Mui-error.Mui-focused{box-shadow:0 0 0 3px rgba(220,158,134,.14)}
.MuiInputBase-input{color:var(--ink)!important;caret-color:var(--gold);padding:14px 18px!important}
.MuiInputBase-input::placeholder{color:var(--ink-3);opacity:.7}
.MuiIconButton-root{color:var(--ink-3)!important;transition:color .18s var(--ease),transform .18s var(--ease)!important}
.MuiIconButton-root:hover{color:var(--gold)!important}
.MuiIconButton-root:active{transform:scale(.92)}
.MuiFormHelperText-root{color:var(--ink-3)!important;font-size:12.5px!important;margin-top:7px!important}
.MuiFormHelperText-root.Mui-error,.MuiFormLabel-root.Mui-error{color:var(--danger)!important}
.MuiFormControl-root.Mui-error .MuiOutlinedInput-root{animation:ar-shake .4s var(--ease)}
@keyframes ar-shake{
  0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}
  40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}
}

/* 6-клеточный OTP: квадраты-нити */
input[type="tel"]{
  color:var(--ink)!important;font-family:var(--ff-disp)!important;
  font-size:22px!important;text-align:center;caret-color:var(--gold);
  background:rgba(14,9,8,.45)!important;border:1px solid var(--stroke-2)!important;
  border-radius:14px!important;min-width:44px;min-height:54px;
  transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .15s var(--ease)!important;
}
input[type="tel"]:hover{border-color:var(--stroke-3)!important}
input[type="tel"]:focus{
  border-color:var(--gold)!important;outline:none;
  box-shadow:0 0 0 3px rgba(233,197,133,.14);transform:translateY(-1px);
}

/* ── Чекбокс ── */
.MuiFormControlLabel-root{margin:0 0 18px!important;gap:4px}
.MuiCheckbox-root{color:var(--ink-3)!important;padding:6px 8px 6px 0!important;transition:color .18s var(--ease)}
.MuiCheckbox-root .MuiSvgIcon-root{font-size:20px!important}
.Mui-checked{color:var(--gold)!important}
.MuiFormControlLabel-label{color:var(--ink-2)!important;font-size:14px!important}

/* ── Кнопки ── */
.MuiButton-root{
  text-transform:none!important;font-weight:500!important;
  letter-spacing:.01em!important;border-radius:999px!important;
  min-height:50px!important;font-size:16.5px!important;
  font-family:var(--ff-disp)!important;
  transition:filter .22s var(--ease),transform .16s var(--ease),border-color .22s var(--ease),box-shadow .22s var(--ease),background .22s var(--ease)!important;
}
.MuiButton-contained,.MuiButton-containedPrimary,button.MuiButton-root[type="submit"]{
  background:linear-gradient(180deg,#f2d29a,var(--gold) 55%,var(--gold-live))!important;
  color:var(--on-gold)!important;box-shadow:0 8px 24px rgba(233,197,133,.16),inset 0 1px 0 rgba(255,255,255,.35)!important;
}
.MuiButton-contained:hover{
  filter:brightness(1.07);transform:translateY(-1px);
  box-shadow:0 12px 32px rgba(233,197,133,.22),inset 0 1px 0 rgba(255,255,255,.4)!important;
}
.MuiButton-contained:active{transform:translateY(0) scale(.985);filter:brightness(.98);box-shadow:0 4px 12px rgba(233,197,133,.12)!important}
.MuiButton-contained.Mui-disabled,.MuiButton-contained:disabled{
  background:rgba(233,197,133,.28)!important;color:rgba(14,9,8,.55)!important;box-shadow:none!important;
}
html:not(.ar-settings) .MuiButton-contained,html:not(.ar-settings) .MuiButton-containedPrimary,
html:not(.ar-settings) button.MuiButton-root[type="submit"]{width:100%!important}
.MuiButton-text{color:var(--gold-live)!important}
.MuiButton-text:hover{background:rgba(233,197,133,.08)!important}
.MuiButton-outlined,.MuiButton-outlinedPrimary,
#root button.ar-ghost,#root .MuiDivider-root ~ button.MuiButton-root{
  background:transparent!important;color:var(--ink)!important;
  border:1px solid var(--stroke-2)!important;box-shadow:none!important;
}
#root button.ar-ghost,#root .MuiDivider-root ~ button.MuiButton-root{width:100%!important}
.MuiButton-outlined:hover,.MuiButton-outlinedPrimary:hover,
#root button.ar-ghost:hover,#root .MuiDivider-root ~ button.MuiButton-root:hover{
  border-color:var(--gold)!important;background:rgba(233,197,133,.06)!important;transform:translateY(-1px);
}
.MuiButton-outlined:active,#root button.ar-ghost:active{transform:scale(.985)}
#root button.MuiButton-root svg{display:none}
.MuiButtonGroup-root .MuiButton-root{min-height:44px!important}

/* ── Разделитель ── */
.MuiDivider-root,.MuiDivider-root *{
  color:var(--ink-3)!important;text-transform:lowercase!important;
  letter-spacing:.18em!important;font-size:10.5px!important;
  font-family:var(--ff-mono)!important;
  border-color:var(--stroke)!important;
}
.MuiDivider-root{margin:16px 0!important}

/* ── Ссылки ── */
html:not(.ar-settings):not(.ar-authed) #root .MuiLink-root,html:not(.ar-settings):not(.ar-authed) #root a.MuiTypography-root{
  display:block;text-align:center;margin-top:16px;
  font-family:var(--ff-disp)!important;font-style:italic!important;
  color:var(--gold-live)!important;font-size:15.5px!important;font-weight:400!important;
  text-decoration:none!important;transition:color .18s var(--ease);
}
html:not(.ar-settings):not(.ar-authed) #root .MuiLink-root:hover{color:var(--gold)!important;text-decoration:none!important}
html.ar-authed #root .MuiLink-root,html.ar-authed #root a.MuiTypography-root{
  color:var(--gold-live)!important;text-decoration:none!important;
  font-size:15px!important;font-weight:500!important;transition:color .18s var(--ease);
}
html.ar-authed #root .MuiLink-root:hover{color:var(--gold)!important}
html.ar-settings #root .MuiLink-root{color:var(--gold-live)!important;text-decoration:none!important}
a:focus-visible,button:focus-visible,[role=button]:focus-visible{
  outline:2px solid var(--gold)!important;outline-offset:3px;border-radius:6px;
}

/* ── Алерты/ошибки ── */
.MuiAlert-root{
  background:rgba(42,20,23,.55)!important;color:var(--ink)!important;
  border:1px solid rgba(220,158,134,.3)!important;border-radius:16px!important;
  margin:0 0 20px!important;font-size:14px!important;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  animation:ar-shake .4s var(--ease),ar-rise .3s var(--ease) both;
}
.MuiAlert-icon{color:var(--danger)!important}
.MuiAlert-standardSuccess{border-color:rgba(233,197,133,.35)!important}
.MuiAlert-standardSuccess .MuiAlert-icon{color:var(--gold)!important}

/* ── Лоадеры: золото вместо MUI-синего ── */
.MuiCircularProgress-root{color:var(--gold)!important}
.MuiCircularProgress-circle{stroke-linecap:round!important}
.MuiSkeleton-root{background:rgba(233,197,133,.08)!important}
.MuiLinearProgress-root{background:rgba(233,197,133,.14)!important;border-radius:99px!important}
.MuiLinearProgress-bar{background:var(--gold)!important;border-radius:99px!important}
/* текст «Загрузка...» в пустых блоках */
.MuiTypography-root:only-child{animation:ar-pulse 1.6s ease-in-out infinite}
@keyframes ar-pulse{0%,100%{opacity:.55}50%{opacity:1}}

/* ── Списки методов/устройств на портале ── */
html:not(.ar-settings) .MuiList-root{
  background:rgba(14,9,8,.4)!important;border:1px solid var(--stroke)!important;
  border-radius:16px!important;padding:6px 0!important;margin:8px 0 20px!important;
}
.MuiListItemText-primary{color:var(--ink)!important;font-size:14.5px!important}
.MuiListItemText-secondary{color:var(--ink-2)!important;font-size:13px!important}
.MuiListItemButton-root{transition:background .18s var(--ease)!important}
.MuiListItemButton-root:hover{background:rgba(233,197,133,.07)!important}
.MuiRadio-root{color:var(--ink-3)!important}
.MuiRadio-root.Mui-checked{color:var(--gold)!important}

/* ── Оверлеи: диалоги, меню, тултипы ── */
.MuiDialog-paper,.MuiMenu-paper,.MuiPopover-paper{
  background:rgba(22,15,12,.92)!important;color:var(--ink)!important;
  border:1px solid var(--stroke-2)!important;border-radius:22px!important;
  box-shadow:var(--shadow)!important;
  backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1);
}
.MuiDialog-paper{animation:ar-pop .3s var(--ease-spring)}
@keyframes ar-pop{from{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:none}}
.MuiBackdrop-root{background:rgba(8,5,4,.72)!important;backdrop-filter:blur(3px)}
.MuiDialogTitle-root{font-family:var(--ff-disp)!important;font-weight:500!important;color:var(--ink)!important;font-size:22px!important}
.MuiDialogContentText-root{color:var(--ink-2)!important}
.MuiMenuItem-root{color:var(--ink)!important;transition:background .15s var(--ease)}
.MuiMenuItem-root:hover{background:rgba(233,197,133,.08)!important}
.MuiMenuItem-root.Mui-selected{background:rgba(233,197,133,.12)!important}
.MuiTooltip-tooltip{background:var(--bg2)!important;color:var(--ink)!important;border:1px solid var(--stroke)!important;font-size:12.5px!important;border-radius:8px!important}

/* ── Степпер (регистрация ключа): шампанское ── */
.MuiStepIcon-root{color:rgba(214,166,110,.22)!important}
.MuiStepIcon-root.Mui-active,.MuiStepIcon-root.Mui-completed{color:var(--gold)!important}
.MuiStepIcon-text{fill:var(--on-gold)!important}
.MuiStepLabel-label{color:var(--ink-3)!important}
.MuiStepLabel-label.Mui-active{color:var(--ink)!important}
.MuiStepConnector-line{border-color:var(--stroke)!important}

/* ── Цветовые утечки MUI → палитра ── */
.MuiAvatar-root{background:var(--wine)!important;color:var(--gold-live)!important}
.MuiSvgIcon-colorPrimary,.MuiIcon-colorPrimary{color:var(--gold)!important}
.MuiSvgIcon-colorSuccess,svg[class*="colorSuccess"],.MuiSvgIcon-colorSuccess *{color:var(--gold)!important;fill:var(--gold)!important}
.MuiSvgIcon-colorError{color:var(--danger)!important}
.MuiSvgIcon-colorWarning{color:var(--gold-deep)!important}
.MuiSvgIcon-colorInfo{color:var(--gold-live)!important}
.MuiTypography-root{color:inherit}
.MuiDialog-paper .MuiSvgIcon-root{color:var(--gold-live)}
.MuiChip-root{background:rgba(58,34,26,.4)!important;color:var(--ink-2)!important;border:1px solid var(--stroke)!important}
.MuiSwitch-track{background:var(--stroke-2)!important;opacity:1!important}
.Mui-checked+.MuiSwitch-track,.MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background:var(--gold-deep)!important;opacity:1!important}
.MuiSwitch-thumb{background:var(--ink)!important}
.MuiBadge-badge{background:var(--gold)!important;color:var(--on-gold)!important}

/* ══ КАБИНЕТ (настройки) — тот же фон, то же стекло ══ */
html.ar-settings .ar-bar{display:none}
html.ar-settings .MuiAppBar-root{
  background:rgba(14,9,8,.82)!important;box-shadow:none!important;
  border-bottom:1px solid var(--stroke)!important;
  backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);
}
html.ar-settings .MuiAppBar-root .MuiTypography-root{
  font-family:var(--ff-disp)!important;font-size:20px!important;letter-spacing:.01em;
}
html.ar-settings .ar-mini{display:inline-flex;width:24px;height:24px;margin-right:10px;vertical-align:-6px}
html.ar-settings .ar-mini svg{width:100%;height:100%}
html.ar-settings .MuiDrawer-paper{
  background:rgba(22,15,12,.92)!important;border-right:1px solid var(--stroke)!important;
  backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);
}
html.ar-settings .MuiDrawer-paper .MuiListItemButton-root{border-radius:12px;margin:2px 10px;padding:10px 12px}
html.ar-settings .MuiListItemButton-root.Mui-selected{
  background:rgba(233,197,133,.1)!important;color:var(--gold)!important;
  box-shadow:inset 0 0 0 1px rgba(233,197,133,.2);
}
html.ar-settings .MuiListItemButton-root.Mui-selected .MuiListItemIcon-root{color:var(--gold)!important}
html.ar-settings .MuiListItemIcon-root{color:var(--ink-3)!important;min-width:38px!important}
html.ar-settings .MuiListItemIcon-root .MuiSvgIcon-root{font-size:20px}

/* Карточки кабинета: стекло, как на портале */
html.ar-settings .MuiPaper-root:not(.MuiAppBar-root,.MuiDrawer-paper,.MuiDialog-paper,.MuiMenu-paper,.MuiPopover-paper),
html.ar-settings .MuiCard-root{
  background:var(--card)!important;border:1px solid var(--card-border)!important;
  border-radius:22px!important;box-shadow:var(--shadow)!important;
  backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);
  animation:ar-rise .45s var(--ease) both;
}
/* Заголовки разделов — Spectral */
html.ar-settings h1,html.ar-settings h2,html.ar-settings h3,
html.ar-settings .MuiTypography-h4,html.ar-settings .MuiTypography-h5,html.ar-settings .MuiTypography-h6{
  font-family:var(--ff-disp)!important;font-weight:500!important;letter-spacing:-.01em;color:var(--ink)!important;
}
/* Строки «Имя/Почта/Пароль» в кабинете: единые строки */
html.ar-settings .MuiListItemText-primary{font-size:15px!important}
/* Правая колонка кнопок в строках */
html.ar-settings .MuiListItemSecondaryAction-root .MuiIconButton-root{border:1px solid transparent;transition:border-color .18s var(--ease),background .18s var(--ease)}
html.ar-settings .MuiListItemSecondaryAction-root .MuiIconButton-root:hover{border-color:var(--stroke-2);background:rgba(233,197,133,.06)}
/* Красный мусор/удаление → опасный оттенок палитры */
html.ar-settings .MuiIconButton-colorError,
html.ar-settings [class*="colorError"] .MuiSvgIcon-root{color:var(--danger)!important}

/* Скроллбар — тонкая нить */
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(214,166,110,.22);border-radius:99px;border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(214,166,110,.4);border:2px solid transparent;background-clip:padding-box}

/* Фокус с клавиатуры — заметное золото везде */
:focus-visible{outline-color:var(--gold)!important}
.MuiButton-root:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ── Reduced motion ── */
@media(prefers-reduced-motion:reduce){
  .ar-grain,.ar-silk path{animation:none}
  .ar-silk path{stroke-dasharray:none;opacity:.18}
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
  #root .MuiContainer-root,#root > .MuiBox-root{animation:none!important}
}
@media(prefers-reduced-motion:reduce) and (min-width:1px){
  .MuiContainer-root,.MuiBox-root,.MuiFormControl-root,.MuiButton-root,.ar-title,.ar-dek,.ar-mark,.ar-bar{animation:none!important;opacity:1!important}
}

/* OTP-панель внутри карточки: MuiBox со стоковой серой рамкой → палитра */
/* Лоадер в любом виде — золото */
#root [role="progressbar"],#root svg[class*="CircularProgress"],#root .MuiCircularProgress-svg{color:var(--gold)!important}

/* Кабинет: элементы-устройства во всю ширину секции */
html.ar-settings .MuiListItem-root > .MuiPaper-root,
html.ar-settings .MuiListItem-root > .MuiCard-root,
html.ar-settings li .MuiPaper-root:not(.MuiAppBar-root,.MuiDrawer-paper,.MuiDialog-paper,.MuiMenu-paper,.MuiPopover-paper){
  flex:1 1 auto;min-width:0;
}
/* Read-only строки профиля (Имя/Почта/Пароль) — тёмная нить вместо белой рамки */
html.ar-settings .MuiInputBase-root.Mui-disabled,
html.ar-settings .MuiOutlinedInput-root.Mui-disabled{
  background:rgba(14,9,8,.35)!important;color:var(--ink-2)!important;
}
html.ar-settings .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline{
  border-color:var(--stroke)!important;
}
html.ar-settings .MuiInputBase-input.Mui-disabled{color:var(--ink-2)!important;-webkit-text-fill-color:var(--ink-2)!important}

/* FontAwesome success/info иконки → палитра */
.success-icon,.fa-circle-check{color:var(--gold)!important}
.error-icon,.fa-circle-xmark,.fa-circle-exclamation{color:var(--danger)!important}
.info-icon,.fa-circle-info{color:var(--gold-live)!important}

/* Любые стоковые серые рамки MuiBox → нить палитры (не задевает элементы без рамки) */
html:not(.ar-settings) #root .MuiBox-root{border-color:var(--card-border)!important}
html.ar-settings #root .MuiBox-root{border-color:var(--stroke-2)!important}