/* tip 20260805-lkshell1 · Личный кабинет shell — light pleasant interactive UI */
html[data-vy-lkshell1="20260805-lkshell1"],
html[data-vy-lkshell1] {
  color-scheme: light;
}
html[data-vy-lkshell1] body,
html[data-vy-lkshell1] body[data-page="dashboard"],
html[data-vy-lkshell1] body[data-page="profile"],
html[data-vy-lkshell1] body.mp-body {
  background-color: #F7FAFC !important;
  background-image:
    radial-gradient(900px 480px at 88% 0%, rgba(56,189,248,.12), transparent 58%),
    radial-gradient(700px 420px at 0% 100%, rgba(29,78,216,.07), transparent 60%),
    linear-gradient(165deg, #EEF4FF 0%, #F7FAFC 52%, #F3FAF7 100%) !important;
  color: #0F172A !important;
}
html[data-vy-lkshell1] .topbar,
html[data-vy-lkshell1] .mp-top,
html[data-vy-lkshell1] header.topbar {
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,250,252,.88)) !important;
  border-bottom: 1px solid #D8E1EC !important;
  backdrop-filter: blur(8px);
}
html[data-vy-lkshell1] .brand,
html[data-vy-lkshell1] .brand span,
html[data-vy-lkshell1] .vy-product-panel__brand,
html[data-vy-lkshell1] .vy-product-panel__brand-text {
  font-family: "Unbounded","Avenir Next",sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -.03em !important;
  color: #0F172A !important;
}
html[data-vy-lkshell1] .sec-title,
html[data-vy-lkshell1] .mp-title,
html[data-vy-lkshell1] h1 {
  font-family: "Unbounded","Avenir Next",sans-serif !important;
  letter-spacing: -.03em !important;
  color: #0F172A !important;
}
html[data-vy-lkshell1] .prod,
html[data-vy-lkshell1] .vdcard,
html[data-vy-lkshell1] .st-grid > a,
html[data-vy-lkshell1] .mp-card,
html[data-vy-lkshell1] .mp-action {
  background: rgba(255,255,255,.9) !important;
  border: 1px solid #D8E1EC !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 28px rgba(15,23,42,.06) !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
html[data-vy-lkshell1] .prod:hover,
html[data-vy-lkshell1] .vdcard:hover,
html[data-vy-lkshell1] .st-grid > a:hover,
html[data-vy-lkshell1] .mp-card:hover,
html[data-vy-lkshell1] .mp-action:hover {
  transform: translateY(-2px);
  border-color: #93C5FD !important;
  box-shadow: 0 16px 36px rgba(29,78,216,.12) !important;
}
html[data-vy-lkshell1] .button.primary,
html[data-vy-lkshell1] button.primary,
html[data-vy-lkshell1] .btn.primary {
  background: linear-gradient(135deg, #1D4ED8, #2563eb) !important;
  color: #fff !important;
  border-color: #1D4ED8 !important;
  min-height: 44px;
  border-radius: 12px !important;
}
html[data-vy-lkshell1] .vy-auth-gate-card {
  background: #fff !important;
  border: 1px solid #D8E1EC !important;
  box-shadow: 0 22px 64px rgba(26,36,52,.12) !important;
}
html[data-vy-lkshell1] .vy-auth-gate p { color: #64748B !important; }
@media (prefers-reduced-motion: reduce) {
  html[data-vy-lkshell1] .prod,
  html[data-vy-lkshell1] .vdcard,
  html[data-vy-lkshell1] .st-grid > a,
  html[data-vy-lkshell1] .mp-card,
  html[data-vy-lkshell1] .mp-action { transition: none !important; }
  html[data-vy-lkshell1] .prod:hover,
  html[data-vy-lkshell1] .vdcard:hover { transform: none !important; }
}

/* §W2-LKA2HS1 · Account/LK A2HS + safe-area PWA parity · seal 20260805-lka2hs1 · tip 20260805-lkshell1 */
html[data-vy-lkshell1],
html[data-vy-lka2hs="20260805-lka2hs1"] {
  --vy-sat: env(safe-area-inset-top, 0px);
  --vy-sar: env(safe-area-inset-right, 0px);
  --vy-sab: env(safe-area-inset-bottom, 0px);
  --vy-sal: env(safe-area-inset-left, 0px);
}
html[data-vy-lkshell1] body,
html[data-vy-lka2hs="20260805-lka2hs1"] body {
  min-height: 100dvh;
  min-height: 100svh;
  padding-left: var(--vy-sal);
  padding-right: var(--vy-sar);
}
/* Standalone: pad chrome under notch / home indicator */
@media (display-mode: standalone) {
  html[data-vy-lkshell1] .topbar,
  html[data-vy-lkshell1] .topbar.shell,
  html[data-vy-lkshell1] header.topbar,
  html[data-vy-lkshell1] .mp-top,
  html[data-vy-lka2hs="20260805-lka2hs1"] .topbar,
  html[data-vy-lka2hs="20260805-lka2hs1"] .topbar.shell {
    padding-top: max(10px, var(--vy-sat)) !important;
  }
  html[data-vy-lkshell1] .auth-shell,
  html[data-vy-lka2hs="20260805-lka2hs1"] .auth-shell {
    padding-top: max(12px, calc(8px + var(--vy-sat)));
    padding-bottom: max(24px, calc(16px + var(--vy-sab)));
  }
  html[data-vy-lkshell1] .app > .main,
  html[data-vy-lkshell1] body[data-page="dashboard"] .main,
  html[data-vy-lkshell1] body.mp-body {
    padding-bottom: max(16px, var(--vy-sab));
  }
  html[data-vy-lkshell1] .vy-auth-gate {
    padding: max(20px, var(--vy-sat)) max(20px, var(--vy-sar)) max(20px, var(--vy-sab)) max(20px, var(--vy-sal)) !important;
  }
}
@supports (-webkit-touch-callout: none) {
  @media (display-mode: standalone), (display-mode: fullscreen) {
    html[data-vy-lkshell1] body {
      min-height: -webkit-fill-available;
    }
  }
}
/* Install CTA */
html[data-vy-lkshell1] #vyLkInstall,
html[data-vy-lka2hs="20260805-lka2hs1"] #vyLkInstall,
.vy-pwa-install#vyLkInstall {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  min-width: 44px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid #BFDBFE;
  background: rgba(255,255,255,.92);
  color: #1d4ed8;
  font: 700 13px/1 "Onest", system-ui, sans-serif;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 4px 14px rgba(29,78,216,.08);
}
html[data-vy-lkshell1] #vyLkInstall:hover {
  border-color: #93C5FD;
  background: #EFF6FF;
}
html[data-vy-lkshell1] #vyLkInstall[hidden] { display: none !important; }
@media (max-width: 480px) {
  html[data-vy-lkshell1] .topbar #vyLkInstall .vy-pwa-install__label,
  html[data-vy-lkshell1] .tb-right #vyLkInstall {
    /* keep full label for A2HS discoverability */
  }
}
/* Auth form touch targets */
html[data-vy-lkshell1][data-page="account"] .button.primary,
html[data-vy-lkshell1][data-page="account"] .auth-method button,
html[data-vy-lkshell1][data-page="account"] .field input {
  min-height: 44px;
}