/* ROGACHEV — кабинет: оболочка с меню (макеты Main 1440, OrdersMobile и Subs 390) и вход по коду (Login 390). */

/* ================================================================ Оболочка кабинета */
.rg-account{display:grid;grid-template-columns:260px minmax(0,1fr);gap:72px;align-items:start;padding-top:56px;padding-bottom:72px}
.rg-account__content{min-width:0;display:flex;flex-direction:column}

/* Заголовок раздела — для шаблонов разделов (h1 выводят они). */
.rg-account-title{font-family:var(--font-display);font-weight:400;font-size:44px;line-height:1.05;overflow-wrap:break-word}

/* ---------- Колонка меню (компьютер) */
.rg-account-nav{display:flex;flex-direction:column;gap:2px;min-width:0}
.rg-account-nav__who{display:flex;flex-direction:column;gap:4px;padding:0 18px 22px;min-width:0}
.rg-account-nav__name{font-family:var(--font-display);font-size:22px;line-height:1.3;overflow-wrap:anywhere}
.rg-account-nav__name--mail{font-size:18px}
.rg-account-nav__mail{font-size:13px;line-height:1.45;color:var(--text-3);overflow-wrap:anywhere}
.rg-account-nav__list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}
.rg-account-nav__item{display:flex;align-items:center;min-height:48px;padding:0 18px;font-size:15px;line-height:1.3;border-left:2px solid transparent}
.rg-account-nav__item:hover{background:var(--surface);color:var(--text)}
.rg-account-nav__item.is-on{border-left-color:var(--ink);background:var(--surface)}
.rg-account-nav__item:focus-visible,.rg-account-nav__logout:focus-visible{outline-offset:-2px}
.rg-account-nav__logout{display:flex;align-items:center;min-height:48px;padding:0 20px;font-size:15px;color:var(--text-3)}
.rg-account-nav__logout:hover{color:var(--text)}

/* ---------- Ряд меню и «Выйти» (телефон) — на компьютере скрыты */
.rg-account-row,.rg-account__logout{display:none}
.rg-account-head{display:contents}

@media (max-width:1023px){
  .rg-account{display:block;padding-top:28px;padding-bottom:40px}
  .rg-account--sub{padding-top:0}
  .rg-account-nav{display:none}
  .rg-account-title{font-size:32px;line-height:1.1}

  .rg-account-head{display:flex;flex-direction:column;gap:16px}
  .rg-account-row{display:block;margin-bottom:24px}
  .rg-account-head .rg-account-row{margin-bottom:0}
  /* ul[class] в base.css обнуляет отступы — возвращаем поля ряда до края экрана */
  .rg-account-row .rg-account-row__list{list-style:none;margin:0 calc(var(--page-x) * -1);padding:0 var(--page-x) 4px}
  .rg-account-row__list li{flex:none;display:flex}
  .rg-account-row__item{padding:0 16px;background:transparent}
  .rg-account-row__item.is-on{border-color:var(--ink);background:var(--surface)}
  .rg-account-row__item:focus-visible{outline-offset:-2px}

  .rg-account__logout{display:inline-flex;align-items:center;align-self:flex-start;min-height:var(--tap);margin-top:28px;font-size:15px;color:var(--text-3)}
  .rg-account__logout:hover{color:var(--text)}
}

/* ================================================================ Вход по коду */
.rg-login-wrap{flex:1 0 auto;display:flex;flex-direction:column}
.rg-login{width:100%;max-width:440px;margin:0 auto;padding:96px 0 120px;display:flex;flex-direction:column;gap:22px}
.rg-login__step{display:flex;flex-direction:column;gap:22px}
.rg-login__step[hidden]{display:none}
.rg-login__title{font-family:var(--font-display);font-weight:400;font-size:44px;line-height:1.1;overflow-wrap:break-word}
.rg-login__title:focus{outline:none}
.rg-login__lead{font-size:16px;line-height:1.55;color:var(--text-2)}
.rg-login__mail{white-space:nowrap}
.rg-login__note{font-size:13px;line-height:1.5;color:var(--text-3)}
.rg-login__note a{color:var(--text);border-bottom:1px solid var(--underline);display:inline-block;padding:10px 0 1px;margin:-10px 0 0}
.rg-login__note a:hover{border-color:var(--patina)}
.rg-login__submit{min-height:58px}
.rg-login__alert[hidden],.rg-login__notice[hidden]{display:none}
.rg-login__alert,.rg-login__notice{justify-content:flex-start}

/* Подсказка опечатки в почте */
.rg-login__typo{display:flex;flex-direction:column;gap:10px;margin-top:3px}
.rg-login__typo-text{font-size:14px;line-height:1.45;color:var(--brick-text)}
.rg-login__typo-text b{font-weight:500;color:var(--text);overflow-wrap:anywhere}
.rg-login__typo-actions{display:flex;flex-wrap:wrap;gap:8px}

/* Ячейки кода: шесть в ряд на всю ширину */
.rg-login__code{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.rg-login__code input{width:100%;max-width:none;height:60px}
.rg-login__code input:disabled{color:var(--text-3);background:var(--ground);border-color:var(--line)}
.rg-login__status:empty{display:none}
.rg-login__status{font-size:13px;line-height:1.45;color:var(--text-3)}

.rg-login__resend{display:flex;align-items:center;min-height:var(--tap);margin:-11px 0}
.rg-login__timer{font-size:14px;line-height:1.45;color:var(--text-3);font-variant-numeric:tabular-nums}
.rg-login__timer[hidden]{display:none}
.rg-login__textbtn{align-self:flex-start;display:inline-flex;align-items:center;min-height:var(--tap);font-size:15px;line-height:1.3;color:var(--text);position:relative}
.rg-login__textbtn::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:var(--underline)}
.rg-login__textbtn:hover{color:var(--patina)}
.rg-login__textbtn:hover::after{background:var(--patina)}
.rg-login__textbtn:disabled{color:var(--text-3)}
.rg-login__textbtn[hidden]{display:none}

.rg-login__consent{display:flex;flex-direction:column;gap:2px;margin:-11px 0 -8px}
.rg-login__consent .rg-field__error[hidden]{display:none}

@media (max-width:760px){
  .rg-login{padding:56px 0 64px}
  .rg-login__title{font-size:34px}
}