/* mvr.rip skin — LAST file. One accent. Charcoal neutrals. Iris rail. */
:root {
  --ff: "Inter", ui-sans-serif, system-ui, "Segoe UI", sans-serif;
  --fm: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, "Courier New", monospace;
  --sd-ff: var(--ff);
  --sd-fm: var(--fm);
  --u-ff: var(--ff);
  --u-fm: var(--fm);
  --db-ff: var(--ff);
  --db-fm: var(--fm);
  --sip-ff: var(--ff);
  --sip-fm: var(--fm);
  --set-ff: var(--ff);
  --set-fm: var(--fm);
  --rt-ff: var(--ff);
  --rt-fm: var(--fm);
  --cdr-ff: var(--ff);
  --cdr-fm: var(--fm);
  --dep-ff: var(--ff);
  --dep-fm: var(--fm);
  --p1g-ff: var(--ff);
  --p1g-fm: var(--fm);
  --font: var(--ff);
  --mono: var(--fm);

  --bg: #0c0c10;
  --bg2: #121218;
  --bg3: #1a1a22;
  --bg4: #22222c;
  --bg5: #2c2c38;
  --surface: var(--bg2);
  --surface-2: var(--bg3);
  --surface-3: var(--bg4);
  --surface-4: var(--bg5);

  --line: rgba(255, 255, 255, 0.08);
  --line-2: rgba(167, 139, 250, 0.42);
  --border: var(--line);
  --border-h: var(--line-2);

  --ink: #ececf2;
  --ink-2: #b8b8c4;
  --ink-3: #8a8a98;
  --ink-4: #5c5c68;
  --t1: var(--ink);
  --t2: var(--ink-2);
  --t3: var(--ink-3);
  --t4: var(--ink-4);

  /* Twilight iris — cooler than Tailwind violet-500 (#8B5CF6), not neon magenta. */
  --accent: #a78bfa;
  --accent-hot: #a78bfa;
  --accent-deep: #8b5cf6;
  --accent-s: rgba(167, 139, 250, 0.14);
  --accent-m: rgba(167, 139, 250, 0.22);
  --accent-h: rgba(167, 139, 250, 0.38);
  --accent-mute: var(--accent-s);
  --accent-mute-2: var(--accent-m);
  --on-accent: #0b0912;

  --u-accent: var(--accent);
  --u-accent-2: var(--accent);
  --rt-accent: var(--accent);
  --rt-accent-2: var(--accent);
  --dep-accent: var(--accent);
  --dep-accent-2: var(--accent);
  --cdr-accent: var(--accent);
  --cdr-accent-2: var(--accent);
  --sip-accent: var(--accent);
  --sip-accent-2: var(--accent);
  --db-accent: var(--accent);
  --set-accent: var(--accent);
  --p1g-accent: var(--accent);
  --p1g-accent-2: var(--accent);
  --sd-accent: var(--accent);
  --sd-accent-grad: var(--accent);
  --u-btn: var(--accent);
  --u-btn-h: var(--accent-deep);
  --btn-primary-bg: var(--accent);
  --btn-primary-bg-hover: var(--accent-deep);

  --green: #22c55e;
  --red: #ef4444;
  --ok: var(--green);
  --warn: #c4c4d0;
  --bad: var(--red);
  --info: var(--accent);
  --ok-mute: rgba(34, 197, 94, 0.12);
  --warn-mute: rgba(167, 139, 250, 0.12);
  --bad-mute: rgba(239, 68, 68, 0.12);
  --info-mute: var(--accent-s);

  --r: 8px;
  --radius: 8px;
  --r-sm: 8px;
  --r-md: 8px;
  --r-lg: 8px;
  --r-panel: 8px;
  --r-pill: 8px;
  --radius-sm: 8px;
  --radius-lg: 8px;
  --shadow: none;

  --tap: 44px;
  --sidebar-w: 88px;
  --sidebar-c: 64px;
  --sidebar-collapsed: var(--sidebar-c);
  --header-h: 56px;
  --icon-stroke: 1.5;
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
  --paper: var(--on-accent);
  --cap-glow: var(--accent-h);
}

html.light {
  --accent: #a78bfa;
  --accent-hot: #a78bfa;
  --accent-deep: #8b5cf6;
  --on-accent: #0b0912;
  --accent-s: rgba(167, 139, 250, 0.12);
  --accent-m: rgba(167, 139, 250, 0.18);
  --accent-h: rgba(167, 139, 250, 0.32);
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--ff) !important;
}

html,
body {
  background: var(--bg);
  color: var(--ink);
  font-size: 16px;
  line-height: 1.5;
  accent-color: var(--accent);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.hdr-chip-text,
.balance,
.rt-metric .v,
.rt-meter-v,
.db-kpi .v,
.money,
.num,
td.num,
.sip-reg .v {
  font-feature-settings: "tnum" 1, "cv05" 1;
  font-variant-numeric: tabular-nums;
}

code,
kbd,
pre,
.mono,
.fm,
[class*="-fm"],
.sip-reg .v,
.rt-meter-v {
  font-family: var(--fm) !important;
}

.sd-ico,
svg.sd-ico,
.i,
svg.i {
  stroke-width: 1.75 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  color: inherit;
  fill: none !important;
  stroke: currentColor !important;
}

nav .sd-ico,
.sidebar .sd-ico,
.app-sidebar .sd-ico {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px;
}

.btn .sd-ico,
.sip-btn .sd-ico,
.sd-btn .sd-ico {
  width: 18px !important;
  height: 18px !important;
}

.page-title,
h1.page-title,
.card-head h1,
.sip-hero h1,
.sd-hero h1,
.rt-hero h1 {
  letter-spacing: -0.02em;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.25;
}

.page-desc,
.sd-sub,
.sip-hero .sub,
.dep-hero .sub,
.rt-hero .sub,
.db-hero .sub {
  max-width: 36rem;
  color: var(--ink-2);
  font-size: 1rem;
  line-height: 1.5;
}

.btn,
.sip-btn,
.sd-btn,
.rt-btn,
.dep-btn,
.set-btn {
  min-height: var(--tap);
  padding: 0 16px;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0;
  border-radius: var(--r);
  box-shadow: none;
}

.btn.primary,
.sip-btn.primary,
.dep-btn.primary,
.sd-btn.primary,
.rt-btn.primary,
.set-btn.primary,
.auth-shell .btn,
.tg-cta .btn {
  background: var(--accent) !important;
  color: var(--on-accent) !important;
  border-color: transparent !important;
  background-image: none !important;
}

.btn.primary:hover,
.sip-btn.primary:hover,
.sd-btn.primary:hover,
.dep-btn.primary:hover,
.rt-btn.primary:hover,
.auth-shell .btn:hover {
  background: var(--accent-deep) !important;
  color: var(--on-accent) !important;
}

.card,
.sip-panel,
.sd-card,
.rt-panel,
.dep-panel,
.db-kpi,
.panel,
.cdr-kpi {
  border-radius: var(--r) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
  background: var(--bg2) !important;
  padding: 18px;
}

/* —— Iris rail —— */
.app,
body.app-body,
body .app {
  grid-template-columns: var(--sidebar-w) 1fr !important;
}

.app.sidebar-collapsed,
.app:has(.sidebar.collapsed) {
  grid-template-columns: var(--sidebar-c) 1fr !important;
}

.sidebar,
.app-sidebar,
.nav,
body .sidebar {
  width: var(--sidebar-w) !important;
  background: var(--bg2) !important;
  border-right: 1px solid var(--line) !important;
  padding: 12px 12px 10px !important;
  gap: 0;
}

.sidebar.collapsed,
.app.sidebar-collapsed .sidebar {
  width: var(--sidebar-c) !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.sidebar-brand,
body .sidebar-brand {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 0 10px !important;
  border-bottom: 0 !important;
  justify-content: center !important;
}

.brand-link {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.brand-copy,
.sidebar-brand .logo,
.sidebar-brand .brand-sub,
.sidebar-section-label {
  display: none !important;
}

.brand-mark,
body .sidebar-brand .brand-mark,
body .brand-mark {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  background: #000 !important;
  border: 0 !important;
  box-shadow: 0 0 18px rgba(168, 85, 247, 0.35) !important;
  overflow: hidden;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.brand-mark img.brand-logo,
body .brand-mark img.brand-logo {
  display: block !important;
  width: 40px !important;
  height: 40px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
}

img.sd-auth-logo {
  display: block !important;
  width: 72px !important;
  height: 72px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
}

.brand-mark .sd-ico,
.brand-mark svg,
body .sidebar-brand .brand-mark svg {
  display: none !important;
}

.sidebar.collapsed .brand-mark,
.app.sidebar-collapsed .brand-mark {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
}

.sidebar.collapsed .brand-mark img.brand-logo {
  width: 36px !important;
  height: 36px !important;
}

.auth-shell .brand .logo {
  flex-direction: column;
  gap: 10px;
}

.auth-shell img.sd-auth-logo {
  width: 72px !important;
  height: 72px !important;
}

.auth-shell .brand .logo::before {
  display: none !important;
}

.auth-shell .brand .sd-brand-mark,
.auth-shell .brand .logo .sd-ico {
  display: none !important;
}

.sidebar-nav,
body .sidebar-nav {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow-x: hidden;
}

.sidebar-section {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sidebar-rule {
  width: 28px;
  height: 1px;
  background: var(--line);
  margin: 10px 0 8px;
  border: 0;
}

.sidebar-nav ul {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100%;
}

.sidebar-nav li {
  width: 100%;
  display: flex;
  justify-content: center;
}

.sidebar-nav a,
.sidebar-nav .nav-item,
.sidebar-nav a.nav-tile,
body .sidebar-nav a,
body .sidebar-nav .nav-item,
body .sidebar-nav a.nav-tile {
  position: relative;
  display: flex !important;
  width: 64px !important;
  min-width: 64px !important;
  height: 64px !important;
  min-height: 64px !important;
  padding: 8px 4px 6px !important;
  margin: 0 !important;
  border-radius: 8px !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  color: var(--ink-3) !important;
  background: transparent !important;
  border: 0 !important;
  font-weight: 500;
  overflow: visible;
}

.sidebar-nav a:hover,
.sidebar-nav .nav-item:hover,
body .sidebar-nav a:hover,
body .sidebar-nav .nav-item:hover {
  background: var(--bg3) !important;
  color: var(--ink) !important;
  border-color: transparent !important;
}

.sidebar-nav a.active,
.sidebar-nav a[aria-current="page"],
.sidebar-nav .nav-item.active,
.sidebar-nav a.nav-tile.active,
body .sidebar-nav a.active,
body .sidebar-nav a[aria-current="page"],
body .sidebar-nav .nav-item.active,
body .sidebar-nav a.nav-tile.active {
  background: var(--accent-s) !important;
  color: var(--accent) !important;
  border-color: transparent !important;
}

.sidebar-nav a.active::before,
.sidebar-nav a[aria-current="page"]::before,
.sidebar-nav .nav-item.active::before,
body .sidebar-nav a.active::before,
body .sidebar-nav a[aria-current="page"]::before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  background: none !important;
}

.sidebar-nav .icon,
.sidebar-nav .nav-icon,
body .sidebar-nav .icon,
body .sidebar-nav .nav-icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  flex: 0 0 20px !important;
  color: inherit !important;
}

.sidebar-nav .icon svg,
.sidebar-nav .nav-icon svg,
body .sidebar-nav .icon svg,
body .sidebar-nav a svg.sd-ico {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  stroke-width: 1.5 !important;
  color: inherit !important;
  transform: none !important;
}

.sidebar-nav a.active .icon,
.sidebar-nav a.active .icon svg,
.sidebar-nav a[aria-current="page"] .icon,
body .sidebar-nav a.active .icon svg,
body .sidebar-nav a:hover .icon svg {
  color: var(--accent) !important;
  transform: none !important;
}

.nav-label,
.sidebar-nav .nav-label,
body .sidebar-nav a .nav-label,
body .sidebar-nav .nav-label {
  display: block !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none;
  font-weight: 500 !important;
  color: inherit !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 64px;
  text-align: center;
  font-family: var(--ff) !important;
}

.sidebar.collapsed .nav-label,
.app.sidebar-collapsed .nav-label,
.sidebar.collapsed .sidebar-nav a > span:not(.icon),
.app.sidebar-collapsed .sidebar-nav a > span:not(.icon) {
  display: none !important;
}

.sidebar.collapsed .sidebar-nav a,
.app.sidebar-collapsed .sidebar-nav a,
.sidebar.collapsed .nav-tile {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
}

.sidebar.collapsed .brand-mark,
.app.sidebar-collapsed .brand-mark {
  width: 36px !important;
  height: 36px !important;
}

.sidebar-foot,
body .sidebar-foot {
  margin-top: auto;
  padding-top: 8px !important;
  padding: 8px 0 0 !important;
  border-top: 0 !important;
}

.sidebar-dock {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.sidebar-user,
body .sidebar-user {
  display: none !important;
}

.nav-tile.avatar-tile,
#userAvatar.nav-tile {
  width: 48px !important;
  height: 48px !important;
  border-radius: 8px !important;
  background: var(--bg3) !important;
  border: 1px solid var(--line) !important;
  color: var(--accent) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--fm);
  font-size: 12px;
  font-weight: 700;
}

.logout-btn.nav-tile,
button.logout-btn {
  width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 8px !important;
  background: transparent !important;
  border: 1px solid var(--line) !important;
  color: var(--ink-3) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
}

.logout-btn:hover,
button.logout-btn:hover {
  background: var(--bg3) !important;
  color: var(--accent) !important;
  transform: none !important;
}

.sidebar.collapsed .logout-btn,
.app.sidebar-collapsed .logout-btn {
  display: inline-flex !important;
  width: 40px !important;
  height: 40px !important;
}

.sidebar.collapsed .avatar-tile,
.app.sidebar-collapsed .avatar-tile {
  width: 40px !important;
  height: 40px !important;
}

.collapse-toggle {
  right: -11px !important;
  top: 18px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 8px !important;
  background: var(--bg3) !important;
  border: 1px solid var(--line) !important;
  color: var(--ink-3) !important;
}

.header {
  background: var(--bg) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid var(--line) !important;
  height: var(--header-h) !important;
  padding: 0 20px !important;
}

.header::after { display: none !important; }

body .hdr-chip,
body .rate-chip,
body a.rate-chip,
body .balance-wrap {
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 8px !important;
  background: var(--accent-s) !important;
  border: 1px solid var(--accent-h) !important;
  color: var(--accent) !important;
  box-shadow: none !important;
}

body .hdr-chip-ico,
body .rate-chip-ico,
body .balance-wrap > .hdr-chip-ico,
body .hdr-chip-text,
body .rate-chip-text,
body .balance-wrap .balance,
body .balance-wrap #headerBalance,
body .balance-wrap .currency {
  color: var(--accent) !important;
}

body .add-funds-btn {
  background: var(--accent) !important;
  color: var(--on-accent) !important;
  border-radius: 8px !important;
}

body .add-funds-btn svg {
  color: var(--on-accent) !important;
  stroke: var(--on-accent) !important;
}

body .add-funds-btn:hover,
body .add-funds-btn.needs-funds {
  background: var(--accent-deep) !important;
}

a:hover { color: var(--accent); }

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  box-shadow: none;
}

button:focus:not(:focus-visible),
a:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible) {
  outline: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
select,
textarea,
.field input,
.select,
.sip-input,
.sd-input {
  min-height: var(--tap);
  border-radius: var(--r);
  border-color: var(--line);
  background: var(--bg3);
  color: var(--ink);
  font-size: 1rem;
  box-shadow: none;
}

input:focus,
select:focus,
textarea:focus,
.field input:focus,
.select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-s);
}

.page-head,
.sd-hero,
.p1-hero,
.sip-hero,
.dep-hero,
.rt-hero,
.db-hero {
  margin-bottom: 20px;
}

.running-pill,
.sd-chip,
.pill,
.db-pill {
  border-radius: 8px;
  border-color: var(--line);
  background: var(--bg3);
}

.toggle[aria-checked="true"],
.toggle.active {
  background: var(--accent) !important;
  border-color: var(--accent) !important;
}

.sd-hero-bg,
.sip-hero-bg,
.rt-hero-bg,
.db-hero-bg,
.dep-hero-bg,
.sd-hero-grid,
.sip-hero-grid,
.rt-hero-grid,
.p1-hero-bg,
.sd-noise,
.hero-orb,
.glow,
.mesh,
.dep-coin-block {
  display: none !important;
}

body .page-title .sd-ico,
body h1 .sd-ico,
body .db-kpi .lab .sd-ico,
body .head-ico,
body .dep-asset .sd-ico,
body .sd-empty-ico {
  color: var(--accent) !important;
}

body .sd-empty-ico {
  background: var(--accent-s) !important;
  border-color: var(--accent-h) !important;
  border-radius: 8px !important;
}

.auth-shell .btn {
  background: var(--accent) !important;
  color: var(--on-accent) !important;
}

.auth-shell .brand .logo .sd-ico,
.auth-shell .brand .sd-brand-mark {
  color: var(--accent) !important;
}

.auth-shell .links a:hover {
  color: var(--accent) !important;
}

body .mbar a.on,
body .mbar a.active,
body .mbar a[aria-current="page"] {
  color: var(--accent) !important;
}

body .mbar a.on .mbar-ico,
body .mbar a.active .mbar-ico,
body .mbar a[aria-current="page"] .mbar-ico {
  color: var(--accent) !important;
}

.rt-row.selected,
.rt-card.selected,
.route-row.active,
.caller-row.picked,
body .rt-card.is-on,
body .rt-row.is-on {
  border-color: var(--accent) !important;
}

@media (max-width: 860px) {
  body .app,
  body .app.sidebar-collapsed,
  body .app:has(.sidebar.collapsed) {
    grid-template-columns: 1fr !important;
  }
  /* Drawer, not a crushed 88px rail — mobile.css is earlier; skin must not pin width. */
  body .app .sidebar,
  body .sidebar {
    width: min(300px, 86vw) !important;
    max-width: 300px !important;
  }
  body .sidebar.open,
  body .app.sidebar-open .sidebar {
    transform: translateX(0) !important;
  }
  body .nav-label {
    display: block !important;
  }
}

/* Finish leftovers: one radius, no glow, 8px grid. Skin is last. */
:root {
  --sd-radius-hero: 8px;
  --sd-radius-panel: 8px;
  --sd-radius-tile: 8px;
  --sd-radius-ctrl: 8px;
  --sd-hero-pad: 16px;
  --sd-gap: 8px;
  --sd-space: 8px;
  --btn-primary-shadow: none;
  --btn-primary-shadow-hover: none;
  --btn-primary-bg: var(--accent);
  --btn-primary-bg-hover: var(--accent-deep);
}

body .btn,
body .sip-btn,
body .sd-btn,
body .rt-btn,
body .dep-btn,
body .set-btn {
  border-radius: 8px !important;
  box-shadow: none !important;
  background-image: none !important;
}

body .rt-search-wrap,
body .sd-search {
  border-radius: 8px !important;
  box-shadow: none !important;
}

body .content,
body .rt-page,
body .sd-page,
body .sip-page {
  padding: 16px;
}

/* Public landing / legal / 404. chrome=landing only links type+icons+skin
   (PHP inline is earlier in specificity without !important). No API keys. */
body:has(.lp),
body:has(.err-wrap) {
  overflow-x: hidden;
  background: var(--bg, #0c0c10);
}

.lp-btn.primary,
a.lp-btn.primary,
.err-home.primary {
  background: var(--accent, #a78bfa) !important;
  border-color: var(--accent, #a78bfa) !important;
  color: #fff !important;
}

.lp-chip {
  color: var(--ink, #ececf2);
}

.lp-btn,
a.lp-btn,
.err-home {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

@media (max-width: 860px) {
  .lp {
    padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
    max-width: 100% !important;
  }

  .lp-nav {
    flex-wrap: wrap !important;
    gap: 10px !important;
    row-gap: 10px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .lp-nav .acts {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100%;
  }

  .lp-btn,
  a.lp-btn,
  .err-home {
    min-height: 44px !important;
    padding: 10px 14px !important;
    font-size: 15px !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box;
  }

  .lp-nav .acts .lp-btn {
    flex: 1 1 auto;
    padding: 10px 14px !important;
    font-size: 15px !important;
  }

  .lp-hero {
    padding-top: 36px !important;
    padding-bottom: 24px !important;
  }

  .lp-toc a,
  .toc a {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 8px 12px !important;
  }

  .lp-faq summary {
    min-height: 44px;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  .lp-foot {
    padding-bottom: max(40px, calc(24px + env(safe-area-inset-bottom, 0px))) !important;
  }

  .lp-foot .row {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .legal,
  .lp-legal,
  .lp-sec {
    font-size: 16px !important;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  .lp-sec table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .err-acts {
    width: 100%;
  }

  .err-home {
    flex: 1 1 140px;
  }

  body .auth-shell .wrap input,
  body .auth-shell input[type="text"],
  body .auth-shell input[type="password"],
  body .auth-shell input[type="email"] {
    font-size: 16px !important;
    min-height: 44px !important;
  }
}