/* DREAMCARS auth shell — login/register/user_login/admin_login (Phase 3k)
 * Extracted auth-mode rules from site-visual.css; not for feed/comments.
 */

.auth-card input::placeholder{color:#777!important;opacity:1!important;}
.auth-card .register-submit,.auth-card .login-submit{margin-top:24px!important;}

.auth-card .btn,.auth-card button,.login-submit,.register-submit{min-width:112px;min-height:42px;border-radius:16px!important;}

body.user-mode.auth-mode .wrap{display:flex!important;align-items:center!important;justify-content:center!important;padding:18px 12px!important;}
body.user-mode.auth-mode header:not(.dc-app-header){display:none!important;}
body.user-mode.auth-mode .auth-card{width:100%!important;margin:0!important;}

/* === FINAL FIX 20260509-3: экран входа/регистрации и flash сверху === */
body.user-mode.auth-mode .wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:100dvh!important;
  padding:calc(16px + env(safe-area-inset-top,0px)) 12px 18px!important;
}
body.user-mode.auth-mode .flash{
  width:100%!important;
  max-width:430px!important;
  margin:0 0 12px!important;
  align-self:center!important;
  text-align:center!important;
  order:0!important;
}
body.user-mode.auth-mode .auth-card,
body.user-mode.auth-mode .card{
  order:1!important;
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
}


/* === LOGIN CENTER + REMEMBER FIX 20260509 SAFE === */
body.user-mode.auth-mode{
  min-height:100dvh!important;
  background:#000!important;
  overflow-x:hidden!important;
}
body.user-mode.auth-mode .wrap{
  position:relative!important;
  min-height:100dvh!important;
  width:100%!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:calc(82px + env(safe-area-inset-top,0px)) 12px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
body.user-mode.auth-mode header:not(.dc-app-header){
  display:flex!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:auto!important;
  min-height:70px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:calc(16px + env(safe-area-inset-top,0px)) 12px 10px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.user-mode.auth-mode header:not(.dc-app-header) .brand{
  margin:0 auto!important;
  font-size:24px!important;
  justify-self:center!important;
}
body.user-mode.auth-mode header:not(.dc-app-header) nav,
body.user-mode.auth-mode header:not(.dc-app-header) .header-user{
  display:none!important;
}
body.user-mode.auth-mode .flash{
  position:absolute!important;
  top:calc(72px + env(safe-area-inset-top,0px))!important;
  left:12px!important;
  right:12px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  text-align:center!important;
  z-index:5!important;
}
body.user-mode.auth-mode .auth-card.user-login-card,
body.user-mode.auth-mode .auth-card{
  width:100%!important;
  max-width:390px!important;
  margin:auto!important;
}

body.user-mode.auth-mode .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

body.user-mode.auth-mode .auth-card.user-login-compact{
  padding-top:18px!important;
  padding-bottom:18px!important;
}

body.user-mode.auth-mode .auth-card.user-login-compact .auth-social-panel{
  margin-top:0!important;
}

body.user-mode.auth-mode .auth-card.user-login-compact > p:last-child{
  margin-top:14px!important;
  margin-bottom:0!important;
}
body.user-mode.auth-mode .remember-login-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin:14px 0 6px!important;
  font-size:14px!important;
  color:#f4f4f4!important;
  cursor:pointer!important;
}
body.user-mode.auth-mode .remember-login-row input{
  width:18px!important;
  height:18px!important;
  min-height:18px!important;
  margin:0!important;
  accent-color:#ff8a00!important;
}
body.user-mode.auth-mode .auth-card .login-submit{
  margin-top:14px!important;
}

body.user-mode.auth-mode .auth-card{
  overflow:hidden!important;
}

body.user-mode.auth-mode .auth-card h1{
  margin-bottom:8px!important;
}

body.user-mode.auth-mode .auth-card-subtitle{
  margin:0 0 16px!important;
  color:rgba(255,255,255,.66)!important;
  font-size:14px!important;
  line-height:1.45!important;
}

body.user-mode.auth-mode .auth-social-panel{
  margin:18px 0 16px!important;
  padding:14px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}

body.user-mode.auth-mode .auth-social-title{
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-title{
  margin:0 0 14px!important;
  font-size:21px!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
  font-weight:600!important;
  text-align:left!important;
}

body.user-mode.auth-mode .auth-social-buttons{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}

body.user-mode.auth-mode .auth-social-btn{
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:8px 9px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  color:#f7f7f7!important;
  box-shadow:none!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:900!important;
}

body.user-mode.auth-mode .auth-social-btn.is-disabled{
  cursor:not-allowed!important;
  opacity:.62!important;
  filter:grayscale(.18)!important;
}

body.user-mode.auth-mode .auth-social-icon{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  border-radius:6px!important;
  border:1px dashed rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.05)!important;
}

/* Register — pill social buttons (based on .auth-social-btn / “Быстрый вход”) */
body.user-mode.auth-mode .auth-register-card .auth-social-panel{
  margin:0 0 6px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-buttons{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-btn,
body.user-mode.auth-mode .auth-register-card a.auth-social-btn,
body.user-mode.auth-mode .auth-register-card button.auth-social-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:0 0 116px!important;
  width:116px!important;
  min-width:116px!important;
  max-width:116px!important;
  height:47px!important;
  min-height:47px!important;
  max-height:47px!important;
  margin:0!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
  color:#f3f5f8!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:default!important;
  transform:none!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .16s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-btn > span:last-child{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 23px!important;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  margin:0!important;
  padding:0!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-icon-img{
  display:block!important;
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  pointer-events:none!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-btn:focus,
body.user-mode.auth-mode .auth-register-card a.auth-social-btn:focus{
  outline:none!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-btn.is-disabled{
  cursor:not-allowed!important;
  opacity:.6!important;
  filter:grayscale(.12) brightness(.92)!important;
  pointer-events:none!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-btn.is-disabled:hover,
body.user-mode.auth-mode .auth-register-card .auth-social-btn.is-disabled:active{
  transform:none!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-btn.is-active{
  cursor:pointer!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:auto!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-btn.is-active:hover{
  border-color:rgba(42,171,238,.42)!important;
  background:linear-gradient(180deg,rgba(42,171,238,.16),rgba(42,171,238,.06))!important;
  box-shadow:0 10px 24px rgba(42,171,238,.2),0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-btn.is-active:active{
  transform:scale(.97) translateY(1px)!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-btn.is-active:focus-visible,
body.user-mode.auth-mode .auth-register-card a.auth-social-btn.is-active:focus-visible{
  outline:2px solid rgba(42,171,238,.85)!important;
  outline-offset:2px!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-btn.auth-social-vk.is-active:hover{
  border-color:rgba(0,119,255,.45)!important;
  background:linear-gradient(180deg,rgba(0,119,255,.18),rgba(0,119,255,.06))!important;
  box-shadow:0 10px 24px rgba(0,119,255,.22),0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.user-mode.auth-mode .auth-register-card a.auth-social-btn.auth-social-vk.is-active:focus-visible{
  outline:2px solid rgba(0,119,255,.85)!important;
  outline-offset:2px!important;
}

body.user-mode.auth-mode .auth-register-card .auth-social-btn.auth-social-max.is-active:hover{
  border-color:rgba(124,92,255,.45)!important;
  background:linear-gradient(180deg,rgba(124,92,255,.18),rgba(124,92,255,.06))!important;
  box-shadow:0 10px 24px rgba(124,92,255,.22),0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.user-mode.auth-mode .auth-register-card a.auth-social-btn.auth-social-max.is-active:focus-visible{
  outline:2px solid rgba(124,92,255,.85)!important;
  outline-offset:2px!important;
}

body.user-mode.auth-mode .auth-register-card .auth-divider{
  margin:16px 0 18px!important;
  color:rgba(255,255,255,.52)!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

body.user-mode.auth-mode .auth-register-card .auth-divider span{
  padding:0 12px!important;
}

/* Register form — compact fields */
body.user-mode.auth-mode .auth-register-card .auth-register-form{
  display:flex!important;
  flex-direction:column!important;
  margin:0!important;
  padding:0!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form>label{
  display:block!important;
  margin:12px 0 5px!important;
  padding:0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:700!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form>label:first-of-type{
  margin-top:0!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form>label.remember-login-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin:14px 0 6px!important;
  font-size:14px!important;
  color:#f4f4f4!important;
  cursor:pointer!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form .auth-field-required{
  color:rgba(255,180,100,.82)!important;
  font-weight:700!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form .auth-field-help{
  margin:5px 0 0!important;
  padding:0!important;
  color:rgba(255,255,255,.52)!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:500!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]){
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:0 14px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.045)!important;
  color:#f4f6f8!important;
  font-size:15px!important;
  line-height:1.2!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):focus{
  outline:none!important;
  border-color:rgba(42,171,238,.42)!important;
  background:rgba(255,255,255,.06)!important;
  box-shadow:0 0 0 3px rgba(42,171,238,.1),inset 0 1px 0 rgba(255,255,255,.05)!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):focus-visible{
  outline:none!important;
  border-color:rgba(42,171,238,.48)!important;
  box-shadow:0 0 0 3px rgba(42,171,238,.14),inset 0 1px 0 rgba(255,255,255,.05)!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill,
body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:hover,
body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:focus,
body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:active{
  -webkit-text-fill-color:#f4f6f8!important;
  caret-color:#f4f6f8!important;
  -webkit-box-shadow:0 0 0 1000px #12151c inset!important;
  box-shadow:0 0 0 1000px #12151c inset!important;
  border:1px solid rgba(255,255,255,.14)!important;
  transition:background-color 99999s ease-out 0s!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:focus,
body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]):-webkit-autofill:active{
  box-shadow:0 0 0 1000px #12151c inset,0 0 0 3px rgba(42,171,238,.1)!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form .auth-agreements{
  margin-top:14px!important;
  padding:10px 12px!important;
  gap:6px!important;
  border:1px solid rgba(255,138,0,.16)!important;
  border-radius:14px!important;
  background:rgba(255,138,0,.04)!important;
}

body.user-mode.auth-mode .auth-agreements.is-required-highlight{
  border-color:rgba(255,80,80,.55)!important;
  box-shadow:0 0 0 2px rgba(255,80,80,.12)!important;
}

body.user-mode.auth-mode .auth-social-status-error{
  color:#ffb1b1!important;
  font-size:13px!important;
  line-height:1.35!important;
}

/* Login: account_not_found — same look as register consent hint */
body.user-mode.auth-mode .auth-login-card #loginSocialMessage,
body.user-mode.auth-mode .user-login-card #loginSocialMessage{
  color:#ffb1b1!important;
  font-size:13px!important;
  line-height:1.35!important;
  text-align:center!important;
  font-weight:800!important;
  margin:10px 0 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.user-mode.auth-mode .auth-login-card #loginSocialMessage .auth-social-message-actions,
body.user-mode.auth-mode .auth-login-card #loginSocialMessage .auth-social-message-link,
body.user-mode.auth-mode .user-login-card #loginSocialMessage .auth-social-message-actions,
body.user-mode.auth-mode .user-login-card #loginSocialMessage .auth-social-message-link{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}

body.user-mode.auth-mode .auth-register-card .auth-agreements-title{
  margin:0 0 8px!important;
  padding:0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:700!important;
}

body.user-mode.auth-mode .auth-register-card .auth-agreement-row{
  align-items:center!important;
  gap:10px!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:400!important;
}

body.user-mode.auth-mode .auth-register-card .auth-agreement-row>span{
  font-weight:400!important;
  color:rgba(255,255,255,.78)!important;
}

body.user-mode.auth-mode .auth-register-card .auth-agreement-row a{
  font-weight:600!important;
  color:#ffb347!important;
  text-decoration:none!important;
}

body.user-mode.auth-mode .auth-register-card .auth-agreement-row a:hover{
  text-decoration:underline!important;
}

body.user-mode.auth-mode .auth-register-card .auth-agreement-row input{
  flex:0 0 18px!important;
  margin-top:0!important;
}

/* Register CTA — Telegram-like press/hover mechanics, DREAMCARS orange */
body.user-mode.auth-mode .auth-register-card .auth-register-form .register-submit,
body.user-mode.auth-mode .auth-register-card .auth-register-form button.register-submit{
  width:100%!important;
  min-width:0!important;
  min-height:52px!important;
  height:52px!important;
  max-height:52px!important;
  margin-top:16px!important;
  padding:0 20px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,185,96,.44)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 42%),
    linear-gradient(135deg,#ff9a2f,#ff8a00 52%,#e86f00)!important;
  color:#12151a!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
  box-shadow:
    0 12px 28px rgba(255,138,0,.26),
    0 6px 16px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.44),
    inset 0 -1px 0 rgba(0,0,0,.18)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease,background .18s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form .register-submit:focus,
body.user-mode.auth-mode .auth-register-card .auth-register-form button.register-submit:focus{
  outline:none!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form .register-submit:hover,
body.user-mode.auth-mode .auth-register-card .auth-register-form button.register-submit:hover{
  transform:translateY(-1px) scale(1.01)!important;
  filter:saturate(1.08) brightness(1.04)!important;
  border-color:rgba(255,205,120,.68)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 42%),
    linear-gradient(135deg,#ffb347,#ff9a2f 48%,#ff7a00)!important;
  box-shadow:
    0 16px 34px rgba(255,138,0,.34),
    0 8px 20px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -1px 0 rgba(0,0,0,.2)!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form .register-submit:active,
body.user-mode.auth-mode .auth-register-card .auth-register-form button.register-submit:active{
  transform:scale(.97) translateY(1px)!important;
  filter:saturate(1.02) brightness(.98)!important;
  border-color:rgba(255,170,80,.5)!important;
  box-shadow:
    0 6px 14px rgba(255,138,0,.18),
    0 3px 8px rgba(0,0,0,.4),
    inset 0 2px 6px rgba(0,0,0,.22)!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form .register-submit:focus-visible,
body.user-mode.auth-mode .auth-register-card .auth-register-form button.register-submit:focus-visible{
  outline:none!important;
  box-shadow:
    0 0 0 3px rgba(0,0,0,.82),
    0 0 0 5px rgba(255,138,0,.72),
    0 14px 30px rgba(255,138,0,.28),
    0 6px 16px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.44),
    inset 0 -1px 0 rgba(0,0,0,.18)!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-form .register-submit:disabled,
body.user-mode.auth-mode .auth-register-card .auth-register-form button.register-submit:disabled{
  cursor:not-allowed!important;
  opacity:.55!important;
  filter:grayscale(.12) brightness(.92)!important;
  transform:none!important;
  pointer-events:none!important;
}

@media (max-width:430px){
  body.user-mode.auth-mode .auth-register-card .auth-register-form>label{
    margin:10px 0 4px!important;
    font-size:12px!important;
  }

  body.user-mode.auth-mode .auth-register-card .auth-register-form input:not([type="checkbox"]):not([type="hidden"]){
    min-height:38px!important;
    height:38px!important;
    padding:0 12px!important;
    font-size:14px!important;
    border-radius:13px!important;
  }

  body.user-mode.auth-mode .auth-register-card .auth-register-form .register-submit,
  body.user-mode.auth-mode .auth-register-card .auth-register-form button.register-submit{
    min-height:48px!important;
    height:48px!important;
    max-height:48px!important;
    font-size:14px!important;
    border-radius:15px!important;
  }
}

body.user-mode.auth-mode .auth-social-note{
  margin:10px 0 0!important;
  color:rgba(255,255,255,.58)!important;
  font-size:12px!important;
  line-height:1.35!important;
}

body.user-mode.auth-mode .auth-divider{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:14px 0 16px!important;
  color:rgba(255,255,255,.58)!important;
  font-size:12px!important;
  font-weight:800!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}

body.user-mode.auth-mode .auth-divider::before,
body.user-mode.auth-mode .auth-divider::after{
  content:""!important;
  height:1px!important;
  flex:1 1 auto!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)!important;
}

body.user-mode.auth-mode .auth-divider span{
  flex:0 0 auto!important;
  padding:0 10px!important;
}

body.user-mode.auth-mode .auth-agreements{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  margin:16px 0 0!important;
  padding:12px!important;
  border:1px solid rgba(255,138,0,.18)!important;
  border-radius:16px!important;
  background:rgba(255,138,0,.045)!important;
}

body.user-mode.auth-mode .auth-agreement-row{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  margin:0!important;
  color:rgba(255,255,255,.84)!important;
  font-size:12px!important;
  line-height:1.35!important;
  cursor:pointer!important;
}

body.user-mode.auth-mode .auth-agreement-row input{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  accent-color:#ff8a00!important;
}

body.user-mode.auth-mode .auth-agreement-row a{
  color:#ffb347!important;
  font-weight:900!important;
  text-decoration:none!important;
}

body.user-mode.auth-mode .auth-agreement-row a:hover{
  text-decoration:underline!important;
}

@media (max-width:380px){
  body.user-mode.auth-mode .auth-social-buttons{
    grid-template-columns:1fr!important;
  }

  body.user-mode.auth-mode .auth-social-btn{
    justify-content:flex-start!important;
    padding-left:12px!important;
  }
}

.telegram-deeplink-card .telegram-open-btn{
  width:100%!important;
  margin:12px 0!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
}

.telegram-login-status{
  margin:14px 0!important;
  padding:12px 14px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.05)!important;
  color:rgba(255,255,255,.82)!important;
  font-weight:800!important;
  text-align:center!important;
}

.telegram-login-status.is-error{
  border-color:rgba(255,90,90,.36)!important;
  background:rgba(255,60,60,.08)!important;
  color:#ffb1b1!important;
}

body.user-mode.auth-mode .auth-link-card .auth-link-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin-top:18px!important;
}
body.user-mode.auth-mode .auth-link-card .auth-link-logout-form{
  margin:0!important;
}
body.user-mode.auth-mode .auth-link-card .auth-link-logout-form .btn,
body.user-mode.auth-mode .auth-link-card .auth-link-actions>.btn{
  width:100%!important;
  text-align:center!important;
}
body.user-mode.auth-mode .auth-link-card .auth-link-note{
  text-align:center!important;
  margin:14px 0 0!important;
  font-size:13px!important;
  line-height:1.4!important;
}
body.user-mode.auth-mode .auth-link-card .auth-social-btn.is-connected{
  opacity:.78!important;
  border-color:rgba(72,190,120,.42)!important;
  background:linear-gradient(180deg,rgba(18,38,28,.92),rgba(10,22,16,.98))!important;
  color:#b8f0c8!important;
  cursor:default!important;
}
body.user-mode.auth-mode .auth-link-card .auth-link-status,
  margin-top:10px!important;
  text-align:center!important;
  font-weight:800!important;
}
  margin:10px 0!important;
}
  margin:0 0 8px!important;
  font-size:18px!important;
}
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  margin-top:12px!important;
}
  margin:0!important;
}
  width:100%!important;
}
  margin:0 0 10px!important;
  line-height:1.45!important;
  font-weight:700!important;
}

body.user-mode.auth-mode .auth-register-card .auth-register-telegram-status,
body.user-mode.auth-mode .auth-register-card #telegramRegisterStatus,
body.user-mode.auth-mode .auth-register-card #telegramRegisterStatus[style],
body.user-mode.auth-mode .auth-register-card .auth-register-telegram-fallback,
body.user-mode.auth-mode .auth-register-card #telegramRegisterFallbackWrap,
body.user-mode.auth-mode .auth-register-card #telegramRegisterFallbackWrap[style],
body.user-mode.auth-mode .auth-register-card #telegramRegisterFallbackWrap .btn,
body.user-mode.auth-mode .auth-register-card #telegramRegisterFallbackWrap .btn.secondary{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Login quick-auth — pill parity with register (late cascade; fixes giant social imgs) */
body.user-mode.auth-mode .auth-login-card .auth-social-panel,
body.user-mode.auth-mode .user-login-card .auth-social-panel{
  margin:0 0 6px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-title,
body.user-mode.auth-mode .user-login-card .auth-social-title{
  margin:0 0 14px!important;
  font-size:21px!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
  font-weight:600!important;
  text-align:left!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-buttons,
body.user-mode.auth-mode .user-login-card .auth-social-buttons{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-btn,
body.user-mode.auth-mode .auth-login-card a.auth-social-btn,
body.user-mode.auth-mode .auth-login-card button.auth-social-btn,
body.user-mode.auth-mode .user-login-card .auth-social-btn,
body.user-mode.auth-mode .user-login-card a.auth-social-btn,
body.user-mode.auth-mode .user-login-card button.auth-social-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:0 0 116px!important;
  width:116px!important;
  min-width:116px!important;
  max-width:116px!important;
  height:47px!important;
  min-height:47px!important;
  max-height:47px!important;
  margin:0!important;
  padding:0 10px!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
  color:#f3f5f8!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:default!important;
  transform:none!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .16s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-btn > span:last-child,
body.user-mode.auth-mode .user-login-card .auth-social-btn > span:last-child{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-icon,
body.user-mode.auth-mode .user-login-card .auth-social-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 23px!important;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  max-width:23px!important;
  max-height:23px!important;
  margin:0!important;
  padding:0!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-icon-img,
body.user-mode.auth-mode .user-login-card .auth-social-icon-img,
body.user-mode.auth-mode .auth-login-card .auth-social-btn img,
body.user-mode.auth-mode .user-login-card .auth-social-btn img{
  display:block!important;
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  pointer-events:none!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-btn.is-disabled,
body.user-mode.auth-mode .user-login-card .auth-social-btn.is-disabled{
  cursor:not-allowed!important;
  opacity:.6!important;
  filter:grayscale(.12) brightness(.92)!important;
  pointer-events:none!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-btn.is-active,
body.user-mode.auth-mode .user-login-card .auth-social-btn.is-active{
  cursor:pointer!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:auto!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-btn.is-active:hover,
body.user-mode.auth-mode .user-login-card .auth-social-btn.is-active:hover{
  border-color:rgba(42,171,238,.42)!important;
  background:linear-gradient(180deg,rgba(42,171,238,.16),rgba(42,171,238,.06))!important;
  box-shadow:0 10px 24px rgba(42,171,238,.2),0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-btn.auth-social-max.is-active:hover,
body.user-mode.auth-mode .user-login-card .auth-social-btn.auth-social-max.is-active:hover{
  border-color:rgba(124,92,255,.45)!important;
  background:linear-gradient(180deg,rgba(124,92,255,.18),rgba(124,92,255,.06))!important;
  box-shadow:0 10px 24px rgba(124,92,255,.22),0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.user-mode.auth-mode .auth-login-card .auth-divider,
body.user-mode.auth-mode .user-login-card .auth-divider{
  margin:16px 0 18px!important;
  color:rgba(255,255,255,.52)!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

@media (max-width:430px){
  body.user-mode.auth-mode .auth-login-card .auth-social-buttons,
  body.user-mode.auth-mode .user-login-card .auth-social-buttons{
    gap:7px!important;
  }

  body.user-mode.auth-mode .auth-login-card .auth-social-btn,
  body.user-mode.auth-mode .auth-login-card a.auth-social-btn,
  body.user-mode.auth-mode .auth-login-card button.auth-social-btn,
  body.user-mode.auth-mode .user-login-card .auth-social-btn,
  body.user-mode.auth-mode .user-login-card a.auth-social-btn,
  body.user-mode.auth-mode .user-login-card button.auth-social-btn{
    flex:0 0 100px!important;
    width:100px!important;
    min-width:100px!important;
    max-width:100px!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    padding:0 9px!important;
    gap:7px!important;
    font-size:12px!important;
    border-radius:16px!important;
  }

  body.user-mode.auth-mode .auth-login-card .auth-social-icon,
  body.user-mode.auth-mode .user-login-card .auth-social-icon{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    border-radius:7px!important;
  }

  body.user-mode.auth-mode .auth-login-card .auth-social-icon-img,
  body.user-mode.auth-mode .user-login-card .auth-social-icon-img,
  body.user-mode.auth-mode .auth-login-card .auth-social-btn img,
  body.user-mode.auth-mode .user-login-card .auth-social-btn img{
    width:17px!important;
    height:17px!important;
    max-width:17px!important;
    max-height:17px!important;
  }
}

@media (max-width:380px){
  body.user-mode.auth-mode .auth-login-card .auth-social-buttons,
  body.user-mode.auth-mode .user-login-card .auth-social-buttons{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
  }
}

@media (max-width:430px){
  body.user-mode.auth-mode .auth-register-card .auth-social-title{
    font-size:19px!important;
    margin-bottom:12px!important;
  }

  body.user-mode.auth-mode .auth-register-card .auth-social-buttons{
    gap:7px!important;
  }

  body.user-mode.auth-mode .auth-register-card .auth-social-btn,
  body.user-mode.auth-mode .auth-register-card a.auth-social-btn,
  body.user-mode.auth-mode .auth-register-card button.auth-social-btn{
    flex:0 0 100px!important;
    width:100px!important;
    min-width:100px!important;
    max-width:100px!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    padding:0 9px!important;
    gap:7px!important;
    font-size:12px!important;
    border-radius:16px!important;
  }

  body.user-mode.auth-mode .auth-register-card .auth-social-icon{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    border-radius:7px!important;
  }

  body.user-mode.auth-mode .auth-register-card .auth-social-icon-img{
    width:17px!important;
    height:17px!important;
    max-width:17px!important;
    max-height:17px!important;
  }

  body.user-mode.auth-mode .auth-register-card .auth-divider{
    margin:14px 0 16px!important;
    font-size:12px!important;
  }
}


body.user-mode.auth-mode header:not(.dc-app-header) .brand-app-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  border-radius:12px!important;
}

body.user-mode.auth-mode header:not(.dc-app-header) .brand-wordmark{
  max-width:calc(100vw - 92px)!important;
}

body.user-mode.auth-mode .auth-card{
  margin:0 auto!important;
}

@media (max-width:760px){
  body.user-mode.auth-mode .wrap{
    padding:calc(82px + env(safe-area-inset-top,0px)) 12px 18px!important;
  }

body.user-mode.auth-mode header:not(.dc-app-header){
    min-height:68px!important;
    padding:10px 14px!important;
    border-radius:0 0 20px 20px!important;
  }

body.user-mode.auth-mode header:not(.dc-app-header) .brand{
    font-size:20px!important;
  }

body.user-mode.auth-mode header:not(.dc-app-header) .brand-app-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    border-radius:10px!important;
  }

body.user-mode.auth-mode header:not(.dc-app-header) .brand-wordmark{
    max-width:calc(100vw - 72px)!important;
  }
}


/* Login quick-auth — pill parity with register (late cascade; fixes giant social imgs) */
body.user-mode.auth-mode .auth-login-card .auth-social-panel,
body.user-mode.auth-mode .user-login-card .auth-social-panel{
  margin:0 0 6px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-title,
body.user-mode.auth-mode .user-login-card .auth-social-title{
  margin:0 0 14px!important;
  font-size:21px!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
  font-weight:600!important;
  text-align:left!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-buttons,
body.user-mode.auth-mode .user-login-card .auth-social-buttons{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  width:100%!important;
  min-width:0!important;
  margin:0 auto!important;
  padding:0!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-btn,
body.user-mode.auth-mode .auth-login-card a.auth-social-btn,
body.user-mode.auth-mode .auth-login-card button.auth-social-btn,
body.user-mode.auth-mode .user-login-card .auth-social-btn,
body.user-mode.auth-mode .user-login-card a.auth-social-btn,
body.user-mode.auth-mode .user-login-card button.auth-social-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  flex:0 0 116px!important;
  width:116px!important;
  min-width:116px!important;
  max-width:116px!important;
  height:47px!important;
  min-height:47px!important;
  max-height:47px!important;
  margin:0!important;
  padding:0 10px!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;
  box-shadow:0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
  color:#f3f5f8!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:default!important;
  transform:none!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .16s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-btn > span:last-child,
body.user-mode.auth-mode .user-login-card .auth-social-btn > span:last-child{
  flex:1 1 auto!important;
  min-width:0!important;
  text-align:left!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-icon,
body.user-mode.auth-mode .user-login-card .auth-social-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 23px!important;
  width:23px!important;
  height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  max-width:23px!important;
  max-height:23px!important;
  margin:0!important;
  padding:0!important;
  border-radius:8px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  overflow:hidden!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-icon-img,
body.user-mode.auth-mode .user-login-card .auth-social-icon-img,
body.user-mode.auth-mode .auth-login-card .auth-social-btn img,
body.user-mode.auth-mode .user-login-card .auth-social-btn img{
  display:block!important;
  width:18px!important;
  height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  object-fit:contain!important;
  pointer-events:none!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-btn.is-disabled,
body.user-mode.auth-mode .user-login-card .auth-social-btn.is-disabled{
  cursor:not-allowed!important;
  opacity:.6!important;
  filter:grayscale(.12) brightness(.92)!important;
  pointer-events:none!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-btn.is-active,
body.user-mode.auth-mode .user-login-card .auth-social-btn.is-active{
  cursor:pointer!important;
  opacity:1!important;
  filter:none!important;
  pointer-events:auto!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-btn.is-active:hover,
body.user-mode.auth-mode .user-login-card .auth-social-btn.is-active:hover{
  border-color:rgba(42,171,238,.42)!important;
  background:linear-gradient(180deg,rgba(42,171,238,.16),rgba(42,171,238,.06))!important;
  box-shadow:0 10px 24px rgba(42,171,238,.2),0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.user-mode.auth-mode .auth-login-card .auth-social-btn.auth-social-max.is-active:hover,
body.user-mode.auth-mode .user-login-card .auth-social-btn.auth-social-max.is-active:hover{
  border-color:rgba(124,92,255,.45)!important;
  background:linear-gradient(180deg,rgba(124,92,255,.18),rgba(124,92,255,.06))!important;
  box-shadow:0 10px 24px rgba(124,92,255,.22),0 8px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.user-mode.auth-mode .auth-login-card .auth-divider,
body.user-mode.auth-mode .user-login-card .auth-divider{
  margin:16px 0 18px!important;
  color:rgba(255,255,255,.52)!important;
  font-size:13px!important;
  font-weight:700!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

@media (max-width:430px){
  body.user-mode.auth-mode .auth-login-card .auth-social-buttons,
  body.user-mode.auth-mode .user-login-card .auth-social-buttons{
    gap:7px!important;
  }

  body.user-mode.auth-mode .auth-login-card .auth-social-btn,
  body.user-mode.auth-mode .auth-login-card a.auth-social-btn,
  body.user-mode.auth-mode .auth-login-card button.auth-social-btn,
  body.user-mode.auth-mode .user-login-card .auth-social-btn,
  body.user-mode.auth-mode .user-login-card a.auth-social-btn,
  body.user-mode.auth-mode .user-login-card button.auth-social-btn{
    flex:0 0 100px!important;
    width:100px!important;
    min-width:100px!important;
    max-width:100px!important;
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    padding:0 9px!important;
    gap:7px!important;
    font-size:12px!important;
    border-radius:16px!important;
  }

  body.user-mode.auth-mode .auth-login-card .auth-social-icon,
  body.user-mode.auth-mode .user-login-card .auth-social-icon{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    border-radius:7px!important;
  }

  body.user-mode.auth-mode .auth-login-card .auth-social-icon-img,
  body.user-mode.auth-mode .user-login-card .auth-social-icon-img,
  body.user-mode.auth-mode .auth-login-card .auth-social-btn img,
  body.user-mode.auth-mode .user-login-card .auth-social-btn img{
    width:17px!important;
    height:17px!important;
    max-width:17px!important;
    max-height:17px!important;
  }
}

@media (max-width:380px){
  body.user-mode.auth-mode .auth-login-card .auth-social-buttons,
  body.user-mode.auth-mode .user-login-card .auth-social-buttons{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
  }
}

/* DREAMCARS — settings: History row link button. */
.admin-settings-page .admin-settings-history-row>.btn.secondary{
  flex:0 0 auto;min-height:34px;padding:6px 14px;border-radius:12px!important;font-size:12px!important;white-space:nowrap;
}

/* === DREAMCARS v154: guest/user header — lighter install + centered subscribers (visual only) === */
body.user-mode:not(.auth-mode):not(.admin-mode) header .pwa-install-btn{
  appearance:none!important;
  border:1px solid rgba(255,138,0,.36)!important;
  border-radius:999px!important;
  background:rgba(255,138,0,.10)!important;
  color:rgba(255,214,168,.98)!important;
  font-weight:700!important;
  font-size:11px!important;
  line-height:1.1!important;
  padding:7px 10px!important;
  min-height:36px!important;
  box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  max-width:148px!important;
  flex-shrink:0!important;
}
body.user-mode:not(.auth-mode):not(.admin-mode) header .pwa-install-btn:active{
  transform:translateY(1px)!important;
  background:rgba(255,138,0,.16)!important;
}
@media (max-width:380px){
  body.user-mode:not(.auth-mode):not(.admin-mode) header .pwa-install-btn{
    font-size:10px!important;
    padding:6px 8px!important;
    min-height:34px!important;
    max-width:132px!important;
  }
}
@media (min-width:900px){
  body.user-mode:not(.auth-mode):not(.admin-mode) header .pwa-install-btn{
    min-height:40px!important;
    padding:9px 14px!important;
    font-size:12px!important;
    max-width:none!important;
  }
}
body.user-mode:not(.auth-mode):not(.admin-mode) header .header-subscribers-count{
  width:auto!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:600!important;
/* Admin login shell */
body.admin-mode.auth-page{
  min-height:100dvh!important;
  background:#000!important;
  overflow-x:hidden!important;
}
body.admin-mode.auth-page .wrap{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:100dvh!important;
  max-width:430px!important;
  margin:0 auto!important;
  padding:calc(82px + env(safe-area-inset-top,0px)) 12px 18px!important;
  box-sizing:border-box!important;
}
body.admin-mode.auth-page .auth-card{
  width:100%!important;
  max-width:390px!important;
  margin:0 auto!important;
}
.auth-card input::placeholder{color:#777!important;opacity:1!important;}
.auth-card .register-submit,.auth-card .login-submit{margin-top:24px!important;}
.auth-card .btn,.auth-card button,.login-submit,.register-submit{min-width:112px;min-height:42px;border-radius:16px!important;}
body.admin-mode.auth-page input,
body.admin-mode.auth-page textarea,
body.admin-mode.auth-page select{font-size:16px!important;border-radius:14px!important;}
body.user-mode.auth-mode input,
body.user-mode.auth-mode textarea,
body.user-mode.auth-mode select{font-size:16px!important;border-radius:14px!important;}
body.user-mode.auth-mode .btn,
body.user-mode.auth-mode button{min-height:44px!important;border-radius:14px!important;font-weight:900!important;}
body.admin-mode.auth-page .pwa-install-btn,
body.user-mode.auth-mode .pwa-install-btn{display:none!important;}
@media (max-width:760px){
  body.admin-mode.auth-page .wrap{padding-left:12px!important;padding-right:12px!important;padding-bottom:18px!important;}
  form .btn,form button,.auth-card .btn,.auth-card button{margin-top:18px!important;margin-bottom:46px!important;}
}