/* ==========================================================================
   auth-pen.css — вход, регистрация, сброс пароля и согласие в виде кабинета.

   Владелец, 28.09.2026: страница входа была в старом дизайне (белый фон с
   фиолетовым свечением, карточка с рамкой), а кабинет с 24.09 живёт по
   макету Pen: ровный фон #DDE1E6, карточки #E8EBEE без рамки со
   скруглением 20, поля на светлой плашке #F7F8F9. Здесь те же цвета.

   Лежит в public/, а не в resources/css/app.css: сборку Vite на сервере
   пересобрать нечем (node нет). Подключается в layouts/guest.blade.php
   последним; префикс html перебивает app.css и rv-consent.css весом.
   ========================================================================== */

html{--au-bg:#DDE1E6; --au-card:#E8EBEE; --au-tile:#F7F8F9; --au-line:#D3D7DC;
  --au-ink:#0D0D0D; --au-mute:#6B7075; --au-accent:#4F5BD5}
html[data-theme="dark"],html:not([data-theme="light"]){--au-bg:#0E0F10;
  --au-card:#161718; --au-tile:#1c1d1f; --au-line:#26282B;
  --au-ink:#EDEFF1; --au-mute:#8E9398; --au-accent:#8B94E8}

html body{background:var(--au-bg)}
/* Фиолетовое свечение над карточкой — примета старого вида. */
html .auth-wrap::before{display:none}

html .auth-logo{font:600 18px/24px 'Inter',system-ui,sans-serif; letter-spacing:-.02em;
  color:var(--au-ink); margin-bottom:24px}

html .auth-card{max-width:420px; background:var(--au-card); border:0; border-radius:20px;
  padding:32px}
html .auth-card h1{font:600 24px/1.2 'Inter',system-ui,sans-serif; letter-spacing:-.4px;
  color:var(--au-ink); margin-bottom:8px}
html .auth-card .sub{font-size:14px; line-height:1.5; color:var(--au-mute); margin-bottom:24px}

/* Поля как в инструментах: подпись 12px над полем, плашка без рамки, радиус 10. */
html .auth-card .fld label{font:400 12px/1.3 'Inter',system-ui,sans-serif; color:var(--au-mute);
  margin-bottom:8px}
html .auth-card .fld input:not([type=checkbox]){background:var(--au-tile);
  border:1px solid transparent; border-radius:10px; padding:11px 12px;
  font:400 14px/1.4 'Inter',system-ui,sans-serif; color:var(--au-ink); box-shadow:none}
html[data-theme="dark"] .auth-card .fld input:not([type=checkbox]),
html:not([data-theme="light"]) .auth-card .fld input:not([type=checkbox]){border-color:var(--au-line)}
html .auth-card .fld input:not([type=checkbox]):focus{border-color:var(--au-accent);
  box-shadow:0 0 0 3px var(--indigo-tint)}

html .auth-card .chk{color:var(--au-mute)}
html .auth-card .auth-row a{color:var(--au-mute)}
html .auth-card .auth-row a:hover{color:var(--au-ink)}
html .auth-card .btn--block{min-height:48px; border-radius:12px; font-size:15px}

/* Ссылки: один акцент кабинета вместо двух оттенков под тёмную и светлую тему. */
html .auth-alt{color:var(--au-mute)}
html .auth-alt a,html .chk--consent a,html .cns-what a,html .cns-out button{color:var(--au-accent)}
html .auth-alt a:hover,html .chk--consent a:hover,html .cns-out button:hover{color:var(--au-ink)}
html .cns-what{color:var(--au-mute)}

/* Переключатель темы — плашка без рамки, как пилюли шапки. */
html .auth-thm .thm{background:var(--au-card); border-color:transparent; color:var(--au-mute)}
html .auth-thm .thm:hover{color:var(--au-ink)}

@media (max-width:480px){
  html .auth-wrap{padding:24px 16px}
  html .auth-card{padding:24px 20px}
}