/*
 * Playerok / FunPay — Liquid Glass UI.
 * Visual-only last cascade layer. Android gets an opaque fallback.
 */
html.floor-skin {
  --lg-bg: #070a12;
  --lg-bg-deep: #04060b;
  --lg-text: #f7f8ff;
  --lg-muted: rgba(225, 230, 245, .64);
  --lg-faint: rgba(225, 230, 245, .4);
  --lg-accent: #7b8cff;
  --lg-accent-2: #48c7ff;
  --lg-accent-rgb: 123, 140, 255;
  --lg-positive: #65e2ac;
  --lg-negative: #ff7b8d;
  --lg-warning: #ffc769;
  --lg-glass: rgba(22, 28, 45, .58);
  --lg-glass-strong: rgba(28, 35, 56, .8);
  --lg-edge: rgba(255, 255, 255, .16);
  --lg-inset: inset 0 1px 0 rgba(255, 255, 255, .24), inset 0 -1px 0 rgba(255, 255, 255, .035);
  --lg-shadow: 0 18px 50px rgba(0, 0, 0, .34);
  --lg-shadow-soft: 0 10px 30px rgba(0, 0, 0, .22);
  --lg-radius-xl: 28px;
  --lg-radius: 22px;
  --lg-radius-sm: 16px;
  --tg-bg: var(--lg-bg);
  --tg-bg-2: var(--lg-bg-deep);
  --tg-section: var(--lg-glass-strong);
  --tg-text: var(--lg-text);
  --tg-hint: var(--lg-muted);
  --tg-accent: var(--lg-accent);
  --tg-btn: var(--lg-accent);
  --tg-btn-text: #fff;
  --tg-header: var(--lg-bg);
  --tg-sep: rgba(255, 255, 255, .08);
  --tg-ok: var(--lg-positive);
  --tg-warn: var(--lg-warning);
  --tg-danger: var(--lg-negative);
  --blue: var(--lg-accent);
  --brand-indigo: var(--lg-accent);
  --m-accent: var(--lg-accent);
  --surface: var(--lg-glass);
  --surface-2: var(--lg-glass-strong);
  --text: var(--lg-text);
  --text2: var(--lg-muted);
  --text3: var(--lg-faint);
  background: var(--lg-bg) !important;
  color-scheme: dark;
}

html.floor-skin[data-app="funpay"] {
  --lg-bg: #100b08;
  --lg-bg-deep: #090604;
  --lg-text: #fff8f1;
  --lg-muted: rgba(255, 239, 222, .64);
  --lg-faint: rgba(255, 239, 222, .4);
  --lg-accent: #ff914d;
  --lg-accent-2: #ffd06a;
  --lg-accent-rgb: 255, 145, 77;
  --lg-glass: rgba(45, 29, 20, .58);
  --lg-glass-strong: rgba(50, 31, 21, .82);
}

html.floor-skin,
html.floor-skin body {
  min-height: 100%;
  background: var(--lg-bg) !important;
  color: var(--lg-text) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", sans-serif !important;
}

html.floor-skin body {
  position: relative;
  padding: calc(82px + var(--safe-t)) max(16px, calc(16px + var(--safe-r)))
    calc(112px + var(--safe-b)) max(16px, calc(16px + var(--safe-l))) !important;
  overflow-x: hidden;
}

html.floor-skin #floor-fx {
  display: block !important;
  position: fixed;
  z-index: -2;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background:
    radial-gradient(75% 58% at 4% -8%, rgba(var(--lg-accent-rgb), .25), transparent 62%),
    radial-gradient(68% 54% at 104% 6%, rgba(72, 199, 255, .13), transparent 64%),
    radial-gradient(54% 48% at 48% 108%, rgba(var(--lg-accent-rgb), .13), transparent 70%),
    linear-gradient(155deg, var(--lg-bg), var(--lg-bg-deep)) !important;
}
html.floor-skin[data-app="funpay"] #floor-fx {
  background:
    radial-gradient(75% 58% at 4% -8%, rgba(255, 145, 77, .26), transparent 62%),
    radial-gradient(68% 54% at 104% 6%, rgba(255, 202, 92, .12), transparent 64%),
    radial-gradient(54% 48% at 48% 108%, rgba(255, 107, 46, .12), transparent 70%),
    linear-gradient(155deg, var(--lg-bg), var(--lg-bg-deep)) !important;
}
html.floor-skin #floor-fx::before {
  content: "";
  position: absolute;
  width: min(68vw, 720px);
  aspect-ratio: 1;
  top: 18%;
  left: -28%;
  border-radius: 50%;
  background: rgba(var(--lg-accent-rgb), .07);
  filter: blur(70px);
}
html.floor-skin #floor-fx::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .16;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

html.floor-skin #main {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1060px;
  margin: 0 auto !important;
}

/* Floating iOS chrome */
html.floor-skin .top-header,
html.fp-liquid.floor-skin .top-header {
  position: fixed !important;
  z-index: 120 !important;
  top: calc(8px + var(--safe-t)) !important;
  left: 50% !important;
  right: auto !important;
  width: min(1060px, calc(100% - 24px - var(--safe-l) - var(--safe-r))) !important;
  min-height: 56px !important;
  padding: 8px 10px 8px 16px !important;
  transform: translateX(-50%) translateZ(0);
  border: 1px solid var(--lg-edge) !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .035) 46%),
    rgba(12, 17, 29, .6) !important;
  box-shadow: var(--lg-inset), 0 12px 36px rgba(0, 0, 0, .26) !important;
}
html.floor-skin[data-app="funpay"] .top-header {
  background: linear-gradient(135deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .035) 46%),
    rgba(31, 20, 14, .64) !important;
}
html.floor-skin:not(.perf-android) .top-header,
html.floor-skin:not(.perf-android) .tabbar {
  -webkit-backdrop-filter: blur(26px) saturate(165%) !important;
  backdrop-filter: blur(26px) saturate(165%) !important;
}
html.floor-skin .app-logo-link { display: flex !important; align-items: center; gap: 9px; }
html.floor-skin .app-logo-link::before,
html.fp-liquid.floor-skin .app-logo-link::before {
  content: "" !important;
  display: block !important;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: linear-gradient(145deg, #fff, var(--lg-accent) 48%, var(--lg-accent-2));
  box-shadow: 0 0 0 5px rgba(var(--lg-accent-rgb), .12), 0 0 18px rgba(var(--lg-accent-rgb), .55);
}
html.floor-skin .app-logo-word,
html.fp-liquid.floor-skin .app-logo-word {
  color: var(--lg-text) !important;
  background: none !important;
  -webkit-text-fill-color: var(--lg-text) !important;
  font-family: Inter, -apple-system, sans-serif !important;
  font-size: 18px !important;
  font-weight: 720 !important;
  letter-spacing: -.04em !important;
}
html.floor-skin .btn-notif,
html.fp-liquid.floor-skin .btn-notif {
  width: 40px !important;
  height: 40px !important;
  border: 1px solid rgba(255, 255, 255, .13) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .035)) !important;
  color: var(--lg-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}
html.floor-skin .btn-notif svg { width: 19px; height: 19px; }

html.floor-skin .tabbar,
html.fp-liquid.floor-skin .tabbar {
  position: fixed !important;
  z-index: 120 !important;
  left: 50% !important;
  right: auto !important;
  bottom: calc(10px + var(--safe-b)) !important;
  width: min(470px, calc(100% - 20px - var(--safe-l) - var(--safe-r))) !important;
  max-width: 470px !important;
  min-height: 72px;
  padding: 7px !important;
  transform: translateX(-50%) translateZ(0);
  border: 1px solid var(--lg-edge) !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .035) 44%),
    rgba(15, 20, 34, .72) !important;
  box-shadow: var(--lg-inset), 0 18px 42px rgba(0, 0, 0, .38) !important;
}
html.floor-skin[data-app="funpay"] .tabbar {
  background: linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .03) 44%),
    rgba(38, 24, 16, .74) !important;
}
html.floor-skin .tab {
  min-width: 0 !important;
  min-height: 56px !important;
  padding: 7px 4px 5px !important;
  border: 0 !important;
  border-radius: 19px !important;
  background: transparent !important;
  color: var(--lg-faint) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
html.floor-skin .tab svg { width: 22px !important; height: 22px !important; margin-bottom: 3px; stroke-width: 1.8; }
html.floor-skin .tab.on,
html.fp-liquid.floor-skin .tab.on {
  color: #fff !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .16), rgba(var(--lg-accent-rgb), .12)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 7px 18px rgba(0, 0, 0, .14) !important;
}
html.floor-skin .tab.on svg { color: var(--lg-accent-2); filter: drop-shadow(0 0 7px rgba(var(--lg-accent-rgb), .5)); }
html.floor-skin .tab-create,
html.fp-liquid.floor-skin .tab-create {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  margin: 0 3px !important;
  border: 1px solid rgba(255, 255, 255, .26) !important;
  border-radius: 19px !important;
  background: radial-gradient(circle at 35% 18%, rgba(255, 255, 255, .58), transparent 32%),
    linear-gradient(145deg, var(--lg-accent-2), var(--lg-accent) 58%) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .48), 0 10px 24px rgba(var(--lg-accent-rgb), .36) !important;
}
html.floor-skin .tab-create__plus { font-size: 28px !important; font-weight: 350; transform: translateY(-1px) !important; }

/* Shared glass surfaces */
html.floor-skin .ios-card:not(.home-dashboard),
html.floor-skin .nav-list,
html.floor-skin .home-menu__card,
html.floor-skin .home-quick__tile,
html.floor-skin .wallet-card,
html.floor-skin .wallet-method,
html.floor-skin .subcard,
html.floor-skin .review-card-item,
html.floor-skin .profile-card,
html.floor-skin .profile-hero,
html.floor-skin .profile-stats,
html.floor-skin .tx-card,
html.floor-skin .deal-cell,
html.floor-skin .pk-chat-row,
html.floor-skin .admin-stat-tile,
html.floor-skin .err-screen__card {
  border: 1px solid var(--lg-edge) !important;
  border-radius: var(--lg-radius) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .025) 46%),
    var(--lg-glass) !important;
  box-shadow: var(--lg-inset), var(--lg-shadow-soft) !important;
}
html.floor-skin:not(.perf-android) .ios-card,
html.floor-skin:not(.perf-android) .nav-list,
html.floor-skin:not(.perf-android) .home-menu__card,
html.floor-skin:not(.perf-android) .home-quick__tile,
html.floor-skin:not(.perf-android) .wallet-method,
html.floor-skin:not(.perf-android) .profile-card,
html.floor-skin:not(.perf-android) .profile-hero,
html.floor-skin:not(.perf-android) .profile-stats,
html.floor-skin:not(.perf-android) .tx-card,
html.floor-skin:not(.perf-android) .deal-cell {
  -webkit-backdrop-filter: blur(24px) saturate(145%) !important;
  backdrop-filter: blur(24px) saturate(145%) !important;
}
html.floor-skin.perf-android .ios-card,
html.floor-skin.perf-android .nav-list,
html.floor-skin.perf-android .home-menu__card,
html.floor-skin.perf-android .home-quick__tile,
html.floor-skin.perf-android .wallet-method,
html.floor-skin.perf-android .profile-card,
html.floor-skin.perf-android .deal-cell {
  background: linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .02) 46%),
    var(--lg-glass-strong) !important;
}

/* Home */
html.floor-skin .home-halloween {
  display: block !important;
  width: 100%;
  margin: 0 0 14px !important;
  overflow: hidden;
  border: 1px solid var(--lg-edge) !important;
  border-radius: 24px !important;
  background: var(--lg-glass) !important;
  box-shadow: var(--lg-inset), var(--lg-shadow-soft) !important;
}
html.floor-skin .home-halloween img,
html.floor-skin .home-promo__image,
html.floor-skin .home-promo__slide { border-radius: 23px !important; }
html.floor-skin .home-tools { margin: 0 0 18px !important; }
html.floor-skin .home-search {
  height: 50px !important;
  padding: 0 16px !important;
  border: 1px solid var(--lg-edge) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .025)),
    var(--lg-glass) !important;
  color: var(--lg-muted) !important;
  box-shadow: var(--lg-inset), 0 10px 24px rgba(0, 0, 0, .16) !important;
}
html.floor-skin:not(.perf-android) .home-search,
html.floor-skin:not(.perf-android) .home-chips button {
  -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  backdrop-filter: blur(20px) saturate(150%) !important;
}
html.floor-skin .home-search svg { color: var(--lg-accent-2) !important; }
html.floor-skin .home-chips { gap: 8px !important; margin-top: 10px !important; padding-bottom: 2px; }
html.floor-skin .home-chips button {
  min-height: 38px;
  padding: 0 15px !important;
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 999px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .02)),
    rgba(19, 24, 39, .55) !important;
  color: var(--lg-muted) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14) !important;
}
html.floor-skin .home-chips button:first-child {
  border-color: rgba(var(--lg-accent-rgb), .34) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .18), rgba(var(--lg-accent-rgb), .17)),
    rgba(var(--lg-accent-rgb), .12) !important;
  color: #fff !important;
}

html.floor-skin .home-dashboard,
html.fp-liquid.floor-skin #p-home .home-dashboard,
html.fp-liquid.floor-skin[data-theme="dark"] #p-home .home-dashboard {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 244px !important;
  padding: 20px !important;
  border: 1px solid rgba(199, 214, 255, .36) !important;
  border-radius: var(--lg-radius-xl) !important;
  background:
    radial-gradient(circle at var(--glass-x, 82%) var(--glass-y, 8%), rgba(255, 255, 255, .32), transparent 28%),
    radial-gradient(80% 85% at 0% 115%, rgba(72, 199, 255, .28), transparent 62%),
    linear-gradient(145deg, rgba(113, 137, 255, .86), rgba(54, 75, 178, .72) 46%, rgba(19, 28, 64, .82)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .48), inset 0 -1px 0 rgba(255, 255, 255, .08),
    0 22px 56px rgba(39, 62, 167, .3) !important;
  -webkit-backdrop-filter: blur(30px) saturate(155%) !important;
  backdrop-filter: blur(30px) saturate(155%) !important;
}
html.floor-skin[data-app="funpay"] #p-home .home-dashboard,
html.fp-liquid.floor-skin[data-app="funpay"] #p-home .home-dashboard {
  border-color: rgba(255, 228, 192, .4) !important;
  background:
    radial-gradient(circle at var(--glass-x, 82%) var(--glass-y, 8%), rgba(255, 255, 255, .36), transparent 28%),
    radial-gradient(86% 92% at 0% 115%, rgba(255, 211, 100, .32), transparent 62%),
    linear-gradient(145deg, rgba(255, 173, 91, .94), rgba(238, 105, 43, .8) 52%, rgba(112, 45, 22, .86)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .52), inset 0 -1px 0 rgba(255, 255, 255, .08),
    0 22px 56px rgba(206, 83, 27, .3) !important;
}
html.floor-skin .home-dashboard::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  z-index: -1;
  width: 190px;
  height: 190px;
  top: -112px;
  right: -55px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 50%;
  background: rgba(255, 255, 255, .055);
  box-shadow: 0 0 0 24px rgba(255, 255, 255, .025), 0 0 0 52px rgba(255, 255, 255, .014);
  pointer-events: none;
}
html.floor-skin .home-dashboard::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: 0 !important;
  width: auto !important;
  pointer-events: none;
  background: linear-gradient(112deg, transparent 18%, rgba(255, 255, 255, .12) 45%, transparent 65%) !important;
  transform: translateX(-68%) skewX(-12deg) !important;
  opacity: .55;
}
html.floor-skin .home-dashboard__profile,
html.floor-skin .home-dashboard__wallet { position: relative; z-index: 1; }
html.floor-skin .home-dashboard__wallet { margin-top: 18px; }
html.floor-skin .avatar {
  width: 46px !important;
  height: 46px !important;
  border: 1px solid rgba(255, 255, 255, .28) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, .09)) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35) !important;
}
html.floor-skin .hero-name {
  color: #fff !important;
  font-size: 18px !important;
  font-weight: 680 !important;
  letter-spacing: -.025em;
}
html.floor-skin .hero-un { color: rgba(255, 255, 255, .64) !important; font-size: 13px !important; }
html.floor-skin .home-dashboard__chip {
  display: inline-flex !important;
  min-height: 30px;
  margin: 14px 0 0 !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(255, 255, 255, .17) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .1) !important;
  color: rgba(255, 255, 255, .78) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}
html.floor-skin .home-dashboard__label { color: rgba(255, 255, 255, .65) !important; font-size: 13px !important; }
html.floor-skin .home-dashboard__amount,
html.fp-liquid.floor-skin #p-home .home-dashboard #bal {
  margin-top: 1px;
  color: #fff !important;
  background: none !important;
  -webkit-text-fill-color: #fff !important;
  font-size: clamp(34px, 7.8vw, 44px) !important;
  font-weight: 730 !important;
  line-height: 1.04 !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, .12);
}
html.floor-skin .home-dashboard__actions { gap: 10px !important; margin-top: 17px !important; }
html.floor-skin #p-home .home-dashboard__actions .btn-ios {
  flex: 1;
  width: auto !important;
  min-height: 46px !important;
  margin: 0 !important;
  border-radius: 15px !important;
}
html.floor-skin #p-home .home-dashboard__actions .btn-blue {
  border: 1px solid rgba(255, 255, 255, .46) !important;
  background: rgba(255, 255, 255, .88) !important;
  color: #263470 !important;
  box-shadow: inset 0 1px 0 #fff, 0 8px 24px rgba(14, 20, 49, .18) !important;
}
html.floor-skin[data-app="funpay"] #p-home .home-dashboard__actions .btn-blue { color: #81350f !important; }
html.floor-skin #p-home .home-dashboard__actions .btn-gray {
  border: 1px solid rgba(255, 255, 255, .22) !important;
  background: rgba(255, 255, 255, .1) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

html.floor-skin .p-bonus {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 14px 3px 16px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.floor-skin .p-bonus img {
  width: 36px !important;
  height: 36px !important;
  filter: drop-shadow(0 6px 12px rgba(var(--lg-accent-rgb), .28));
}
html.floor-skin .p-bonus b { color: var(--lg-text) !important; font-size: 13px; }
html.floor-skin .p-bonus p { color: var(--lg-muted) !important; font-size: 11px; line-height: 1.35; }
html.floor-skin .home-quick {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
}
html.floor-skin .home-quick__tile {
  min-height: 116px !important;
  margin: 0 !important;
  padding: 15px !important;
  align-items: flex-start !important;
  border-radius: 21px !important;
}
html.floor-skin .home-quick__ico,
html.floor-skin .nav-row__ico {
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(var(--lg-accent-rgb), .24) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(var(--lg-accent-rgb), .11)) !important;
  color: var(--lg-accent-2) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}
html.floor-skin .home-quick__t {
  margin-top: 12px;
  color: var(--lg-text) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}
html.floor-skin .home-quick__s { color: var(--lg-muted) !important; font-size: 12px !important; }
html.floor-skin .home-menu__title,
html.floor-skin .section-label {
  margin: 22px 4px 9px !important;
  color: var(--lg-muted) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Typography, lists and controls */
html.floor-skin .screen-title,
html.floor-skin .sheet-title,
html.floor-skin .pk-chats-head-title,
html.floor-skin .intro__title,
html.floor-skin .err-screen__title,
html.floor-skin .legal-title {
  color: var(--lg-text) !important;
  font-size: 27px !important;
  font-weight: 710 !important;
  letter-spacing: -.045em !important;
}
html.floor-skin .screen-head { margin-bottom: 18px !important; }
html.floor-skin .hint-text,
html.floor-skin .deal-sub,
html.floor-skin .nav-row__sub,
html.floor-skin .wallet-method__desc,
html.floor-skin .profile-stat__k,
html.floor-skin .pk-chat-preview,
html.floor-skin .empty-state__text,
html.floor-skin .intro__text { color: var(--lg-muted) !important; }
html.floor-skin .nav-list { overflow: hidden; }
html.floor-skin .nav-row {
  min-height: 62px !important;
  padding: 10px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
html.floor-skin .nav-row:last-child { border-bottom: 0 !important; }
html.floor-skin .nav-row__title,
html.floor-skin .wallet-method__title,
html.floor-skin .deal-title,
html.floor-skin .pk-chat-name,
html.floor-skin .profile-stat__v { color: var(--lg-text) !important; }
html.floor-skin .nav-row__title { font-size: 15px; font-weight: 600; }
html.floor-skin .nav-row__chev { color: var(--lg-faint) !important; }

html.floor-skin .ios-input,
html.floor-skin input,
html.floor-skin textarea,
html.floor-skin select,
html.floor-skin .profile-select,
html.floor-skin .deal-chat-ta {
  min-height: 50px;
  padding: 12px 15px !important;
  border: 1px solid rgba(255, 255, 255, .13) !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .02)),
    rgba(5, 8, 15, .4) !important;
  color: var(--lg-text) !important;
  caret-color: var(--lg-accent-2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 8px 20px rgba(0, 0, 0, .12) !important;
}
html.floor-skin[data-app="funpay"] .ios-input,
html.floor-skin[data-app="funpay"] input,
html.floor-skin[data-app="funpay"] textarea,
html.floor-skin[data-app="funpay"] select {
  background: linear-gradient(145deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .02)),
    rgba(24, 13, 8, .42) !important;
}
html.floor-skin .ios-input:focus,
html.floor-skin input:focus,
html.floor-skin textarea:focus,
html.floor-skin select:focus {
  outline: 0 !important;
  border-color: rgba(var(--lg-accent-rgb), .55) !important;
  box-shadow: 0 0 0 4px rgba(var(--lg-accent-rgb), .11), inset 0 1px 0 rgba(255, 255, 255, .1) !important;
}
html.floor-skin input::placeholder,
html.floor-skin textarea::placeholder { color: var(--lg-faint) !important; }

html.floor-skin .btn-ios,
html.floor-skin .btn-blue,
html.floor-skin .btn-green,
html.floor-skin .btn-gray,
html.floor-skin .btn-red {
  min-height: 46px;
  padding: 0 17px !important;
  border: 1px solid var(--lg-edge) !important;
  border-radius: 15px !important;
  font-weight: 650 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 9px 20px rgba(0, 0, 0, .14) !important;
}
html.floor-skin .btn-ios.btn-blue,
html.floor-skin .btn-ios.btn-green,
html.floor-skin .auth__btn,
html.floor-skin .intro__next,
html.floor-skin .empty-state__cta {
  border-color: rgba(255, 255, 255, .24) !important;
  background: radial-gradient(circle at 28% 0%, rgba(255, 255, 255, .32), transparent 38%),
    linear-gradient(145deg, var(--lg-accent-2), var(--lg-accent) 62%) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 12px 28px rgba(var(--lg-accent-rgb), .28) !important;
}
html.floor-skin[data-app="funpay"] .btn-ios.btn-blue,
html.floor-skin[data-app="funpay"] .btn-ios.btn-green,
html.floor-skin[data-app="funpay"] .auth__btn { color: #35170a !important; }
html.floor-skin .btn-ios.btn-gray {
  background: linear-gradient(145deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .025)),
    rgba(255, 255, 255, .025) !important;
  color: var(--lg-text) !important;
}
html.floor-skin .btn-ios.btn-red {
  border-color: rgba(255, 123, 141, .28) !important;
  background: linear-gradient(145deg, rgba(255, 123, 141, .18), rgba(255, 123, 141, .06)) !important;
  color: #ff9aaa !important;
}
html.floor-skin .btn-refresh-icon,
html.floor-skin .deal-back-btn,
html.floor-skin .pk-chats-back,
html.floor-skin .pk-chat-head-btn {
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0 !important;
  border: 1px solid var(--lg-edge) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .02)),
    var(--lg-glass) !important;
  color: var(--lg-text) !important;
  box-shadow: var(--lg-inset) !important;
}

html.floor-skin .segment,
html.floor-skin .deals-quick-filters,
html.floor-skin .deal-seg {
  padding: 4px !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 17px !important;
  background: rgba(5, 8, 15, .28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}
html.floor-skin .segment button,
html.floor-skin .deals-chip,
html.floor-skin .deal-seg-btn {
  min-height: 38px;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: var(--lg-muted) !important;
  box-shadow: none !important;
}
html.floor-skin .segment button.on,
html.floor-skin .deals-chip.on,
html.floor-skin .deal-seg-btn.active {
  background: linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(var(--lg-accent-rgb), .12)) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 6px 14px rgba(0, 0, 0, .12) !important;
}

/* Sheets and overlays */
html.floor-skin .sheet-overlay {
  background: rgba(2, 4, 10, .52) !important;
  -webkit-backdrop-filter: blur(12px) saturate(120%) !important;
  backdrop-filter: blur(12px) saturate(120%) !important;
}
html.floor-skin .sheet,
html.floor-skin .sheet-deal-layout {
  border: 1px solid var(--lg-edge) !important;
  border-bottom: 0 !important;
  border-radius: 30px 30px 0 0 !important;
  background: linear-gradient(155deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .025) 28%),
    rgba(13, 18, 31, .9) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .24), 0 -22px 60px rgba(0, 0, 0, .38) !important;
}
html.floor-skin[data-app="funpay"] .sheet,
html.floor-skin[data-app="funpay"] .sheet-deal-layout {
  background: linear-gradient(155deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .025) 28%),
    rgba(34, 22, 15, .92) !important;
}
html.floor-skin:not(.perf-android) .sheet {
  -webkit-backdrop-filter: blur(36px) saturate(155%) !important;
  backdrop-filter: blur(36px) saturate(155%) !important;
}
html.floor-skin .sheet .grab {
  display: block !important;
  width: 38px !important;
  height: 5px !important;
  margin: 9px auto 5px !important;
  border-radius: 99px;
  background: rgba(255, 255, 255, .24) !important;
}
html.floor-skin .pay-gate {
  background: rgba(2, 4, 10, .58) !important;
  -webkit-backdrop-filter: blur(16px) saturate(130%) !important;
  backdrop-filter: blur(16px) saturate(130%) !important;
}
html.floor-skin .pay-gate__card {
  border: 1px solid var(--lg-edge) !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .03)),
    var(--lg-glass-strong) !important;
  box-shadow: var(--lg-inset), var(--lg-shadow) !important;
}

/* Wallet, deals and profile */
html.floor-skin .wallet-methods { display: flex; flex-direction: column; gap: 11px; }
html.floor-skin .wallet-method {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 !important;
  padding: 14px !important;
  border-radius: 19px !important;
}
html.floor-skin .wallet-method.on,
html.floor-skin .wallet-method--on,
html.floor-skin .wallet-country-btn.on {
  border-color: rgba(var(--lg-accent-rgb), .52) !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(var(--lg-accent-rgb), .13)),
    var(--lg-glass) !important;
  box-shadow: 0 0 0 3px rgba(var(--lg-accent-rgb), .09), var(--lg-inset) !important;
}
html.floor-skin .wallet-country-btn,
html.floor-skin .wallet-tag,
html.floor-skin .wallet-method__icon--badge {
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, .06) !important;
  color: var(--lg-text) !important;
}
html.floor-skin .deal-cell { overflow: hidden; margin-bottom: 10px !important; }
html.floor-skin .deal-list-pill,
html.floor-skin .tx-badge {
  display: inline-flex;
  align-items: center;
  min-height: 25px;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 650;
}
html.floor-skin .deal-list-pill--wait,
html.floor-skin .tx-badge.tx-wait { color: var(--lg-warning) !important; background: rgba(255, 199, 105, .11) !important; }
html.floor-skin .deal-list-pill--paid,
html.floor-skin .tx-badge { color: var(--lg-accent-2) !important; background: rgba(var(--lg-accent-rgb), .12) !important; }
html.floor-skin .deal-list-pill--done,
html.floor-skin .tx-badge.tx-ok { color: var(--lg-positive) !important; background: rgba(101, 226, 172, .11) !important; }
html.floor-skin .deal-list-pill--dispute,
html.floor-skin .tx-badge.tx-bad { color: var(--lg-negative) !important; background: rgba(255, 123, 141, .11) !important; }
html.floor-skin .deal-cell-stripe--wait { background: var(--lg-warning) !important; }
html.floor-skin .deal-cell-stripe--paid { background: var(--lg-accent) !important; }
html.floor-skin .deal-cell-stripe--done { background: var(--lg-positive) !important; }
html.floor-skin .deal-cell-stripe--dispute { background: var(--lg-negative) !important; }
html.floor-skin .deal-paid-banner,
html.floor-skin .deal-flow,
html.floor-skin .notice,
html.floor-skin .help-callout,
html.floor-skin .help-warn {
  border: 1px solid var(--lg-edge) !important;
  border-radius: 17px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)),
    rgba(255, 255, 255, .03) !important;
  color: var(--lg-muted) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}
html.floor-skin .deal-flow-dot.active {
  border-color: var(--lg-accent) !important;
  background: var(--lg-accent) !important;
  box-shadow: 0 0 14px rgba(var(--lg-accent-rgb), .5) !important;
}
html.floor-skin .profile-hero { padding: 18px !important; }
html.floor-skin .profile-hero .hero-name { color: var(--lg-text) !important; }
html.floor-skin .profile-hero .hero-un { color: var(--lg-muted) !important; }
html.floor-skin .profile-stats__grid { gap: 8px; }
html.floor-skin .profile-stat {
  padding: 13px 8px !important;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: 16px;
  background: rgba(255, 255, 255, .035) !important;
}
html.floor-skin .profile-stat__v { font-size: 20px !important; font-weight: 700; }

/* Chats */
html.floor-skin .pk-chats,
html.floor-skin .pk-chats-shell,
html.floor-skin .pk-chats-col--list,
html.floor-skin .pk-chats-col--thread,
html.floor-skin .deal-pane--chat,
html.floor-skin .support-chat-shell {
  background: transparent !important;
}
html.floor-skin .pk-chats-head,
html.floor-skin .pk-chats-conv-head,
html.floor-skin .deal-fs-head {
  border-color: rgba(255, 255, 255, .08) !important;
  background: rgba(9, 13, 23, .74) !important;
  -webkit-backdrop-filter: blur(24px) saturate(145%) !important;
  backdrop-filter: blur(24px) saturate(145%) !important;
}
html.floor-skin[data-app="funpay"] .pk-chats-head,
html.floor-skin[data-app="funpay"] .pk-chats-conv-head,
html.floor-skin[data-app="funpay"] .deal-fs-head { background: rgba(27, 17, 12, .78) !important; }
html.floor-skin .chat-bubble,
html.floor-skin .deal-chat-msg,
html.floor-skin .msg {
  border: 1px solid rgba(255, 255, 255, .1) !important;
  border-radius: 19px 19px 19px 6px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .025)),
    var(--lg-glass) !important;
  color: var(--lg-text) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 8px 22px rgba(0, 0, 0, .15) !important;
}
html.floor-skin .chat-row-mine .chat-bubble,
html.floor-skin .msg.mine,
html.floor-skin .deal-chat-msg.mine {
  border-color: rgba(var(--lg-accent-rgb), .25) !important;
  border-radius: 19px 19px 6px 19px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .14), rgba(var(--lg-accent-rgb), .15)),
    rgba(var(--lg-accent-rgb), .1) !important;
}
html.floor-skin .deal-chat-compose {
  background: rgba(8, 12, 21, .82) !important;
  border-color: rgba(255, 255, 255, .08) !important;
  -webkit-backdrop-filter: blur(24px) saturate(145%) !important;
  backdrop-filter: blur(24px) saturate(145%) !important;
}
html.floor-skin[data-app="funpay"] .deal-chat-compose { background: rgba(27, 17, 12, .84) !important; }
html.floor-skin .deal-chat-attach {
  border: 1px solid var(--lg-edge) !important;
  background: rgba(255, 255, 255, .07) !important;
  color: var(--lg-text) !important;
}

/* Auth, empty and system states */
html.floor-skin .auth,
html.floor-skin #loading,
html.floor-skin .intro {
  background:
    radial-gradient(70% 46% at 50% 20%, rgba(var(--lg-accent-rgb), .2), transparent 68%),
    linear-gradient(155deg, var(--lg-bg), var(--lg-bg-deep)) !important;
}
html.floor-skin .auth__body {
  width: min(360px, calc(100% - 32px));
  margin: auto;
  padding: 28px 24px;
  border: 1px solid var(--lg-edge);
  border-radius: 30px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .025)),
    var(--lg-glass);
  box-shadow: var(--lg-inset), var(--lg-shadow);
  -webkit-backdrop-filter: blur(30px) saturate(155%);
  backdrop-filter: blur(30px) saturate(155%);
}
html.floor-skin .auth__title {
  color: var(--lg-text) !important;
  background: none !important;
  -webkit-text-fill-color: var(--lg-text) !important;
  font-size: 32px !important;
  font-weight: 730 !important;
  letter-spacing: -.055em !important;
}
html.floor-skin .auth__sub,
html.floor-skin .auth__status { color: var(--lg-muted) !important; }
html.floor-skin .auth__spin { border-color: rgba(255, 255, 255, .18) !important; border-top-color: var(--lg-accent-2) !important; }
html.floor-skin .empty-state__title { color: var(--lg-text) !important; }
html.floor-skin .empty-state__ico,
html.floor-skin .pk-chats-empty-ico {
  border: 1px solid var(--lg-edge);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(var(--lg-accent-rgb), .08));
  color: var(--lg-accent-2);
  box-shadow: var(--lg-inset);
}
html.floor-skin .intro__dot { background: rgba(255, 255, 255, .18) !important; }
html.floor-skin .intro__dot.on { background: var(--lg-accent-2) !important; box-shadow: 0 0 12px rgba(var(--lg-accent-rgb), .5); }
html.floor-skin .reviews-hero__score,
html.floor-skin .reviews-hero__stars { color: var(--lg-text) !important; }
html.floor-skin .reviews-bd-track { background: rgba(255, 255, 255, .07) !important; }
html.floor-skin .reviews-bd-fill { background: linear-gradient(90deg, var(--lg-accent), var(--lg-accent-2)) !important; }
html.floor-skin .review-card-item__stars { color: var(--lg-warning) !important; }
html.floor-skin .verify-chip,
html.floor-skin .verify-chip--ok,
html.floor-skin .verify-glass {
  border-color: rgba(101, 226, 172, .2) !important;
  background: rgba(101, 226, 172, .1) !important;
  color: var(--lg-positive) !important;
}
html.floor-skin .tab-badge,
html.floor-skin .seg-badge,
html.floor-skin .btn-notif-badge,
html.floor-skin .pk-chat-unread {
  border: 1px solid rgba(255, 255, 255, .22) !important;
  background: linear-gradient(145deg, var(--lg-accent-2), var(--lg-accent)) !important;
  color: #fff !important;
  box-shadow: 0 5px 13px rgba(var(--lg-accent-rgb), .32) !important;
}
html.floor-skin .t-danger,
html.floor-skin .err { color: var(--lg-negative) !important; }
html.floor-skin .t-warn { color: var(--lg-warning) !important; }

/* Short, physical motion only. */
html.floor-skin .btn-ios,
html.floor-skin .btn-notif,
html.floor-skin .tab,
html.floor-skin .tab-create,
html.floor-skin .nav-row,
html.floor-skin .wallet-method,
html.floor-skin .home-quick__tile,
html.floor-skin .home-search,
html.floor-skin .home-chips button,
html.floor-skin .deal-cell-click {
  transition:
    transform .24s cubic-bezier(.2, .8, .2, 1),
    opacity .18s ease,
    border-color .2s ease,
    background-color .2s ease !important;
}
html.floor-skin .btn-ios:active,
html.floor-skin .btn-notif:active,
html.floor-skin .tab:active,
html.floor-skin .tab-create:active,
html.floor-skin .nav-row:active,
html.floor-skin .wallet-method:active,
html.floor-skin .home-quick__tile:active,
html.floor-skin .home-search:active,
html.floor-skin .home-chips button:active,
html.floor-skin .deal-cell-click:active {
  transform: scale(.972) !important;
  opacity: .9;
}
@keyframes lg-screen-in {
  from { opacity: .55; transform: translate3d(12px, 0, 0) scale(.992); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes tabbar-rise {
  from { opacity: 0; transform: translate3d(-50%, 20px, 0); }
  to { opacity: 1; transform: translate3d(-50%, 0, 0); }
}
html.floor-skin .panel.tab-enter-right,
html.floor-skin .panel.tab-enter-left,
html.floor-skin .sheet-overlay.on .sheet {
  animation: lg-screen-in .32s cubic-bezier(.2, .8, .2, 1) both !important;
}

/* Phone-first layout */
@media (max-width: 999px) {
  html.floor-skin #main { max-width: 480px; }
  html.floor-skin .panel--split.on {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    grid-template-columns: none !important;
  }
  html.floor-skin .panel--split.on > .pane-col {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
  }
  html.floor-skin .home-menu__title { margin-top: 24px !important; }
}

@media (min-width: 1000px) {
  html.floor-skin body { padding-top: calc(88px + var(--safe-t)) !important; }
  html.floor-skin .panel--split.on {
    gap: 20px !important;
    grid-template-columns: minmax(310px, .78fr) minmax(460px, 1.22fr) !important;
  }
  html.floor-skin #p-home.panel--split.on > .home-halloween,
  html.floor-skin #p-home.panel--split.on > .home-tools {
    grid-column: 1 / -1;
  }
}

@media (max-width: 430px) {
  html.floor-skin body {
    padding-top: calc(80px + var(--safe-t)) !important;
    padding-right: max(12px, calc(12px + var(--safe-r))) !important;
    padding-left: max(12px, calc(12px + var(--safe-l))) !important;
  }
  html.floor-skin .top-header {
    width: calc(100% - 16px - var(--safe-l) - var(--safe-r)) !important;
  }
  html.floor-skin .tabbar {
    width: calc(100% - 14px - var(--safe-l) - var(--safe-r)) !important;
    bottom: calc(7px + var(--safe-b)) !important;
  }
  html.floor-skin .home-dashboard { min-height: 234px !important; padding: 18px !important; }
  html.floor-skin .home-dashboard__chip { font-size: 10px !important; }
  html.floor-skin .sheet .btn-ios:not(#deal-chat-send):not(#support-send):not(#support-adm-send) {
    min-height: 48px;
  }
}

@media (max-width: 360px) {
  html.floor-skin .tab { font-size: 9px !important; }
  html.floor-skin .tab-create { width: 52px !important; min-width: 52px !important; }
  html.floor-skin .home-dashboard__actions { gap: 7px !important; }
  html.floor-skin .home-dashboard__actions .btn-ios { padding: 0 10px !important; }
}

@media (prefers-reduced-motion: reduce) {
  html.floor-skin *,
  html.floor-skin *::before,
  html.floor-skin *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* -------------------------------------------------------------------------
   Ideal pass: information first, decoration second.
   ------------------------------------------------------------------------- */
html.floor-skin {
  --lg-glass: rgba(20, 27, 45, .52);
  --lg-glass-strong: rgba(25, 33, 54, .76);
  --lg-edge: rgba(255, 255, 255, .145);
}
html.floor-skin[data-app="funpay"] {
  --lg-glass: rgba(43, 28, 19, .52);
  --lg-glass-strong: rgba(49, 31, 21, .78);
}
html.floor-skin #floor-fx {
  background:
    radial-gradient(76% 58% at -4% -10%, rgba(103, 122, 255, .3), transparent 62%),
    radial-gradient(64% 52% at 108% 2%, rgba(64, 201, 255, .18), transparent 65%),
    radial-gradient(62% 48% at 50% 112%, rgba(120, 78, 255, .13), transparent 70%),
    linear-gradient(160deg, #0a0f1e 0%, #050812 50%, #03050a 100%) !important;
}
html.floor-skin[data-app="funpay"] #floor-fx {
  background:
    radial-gradient(76% 58% at -4% -10%, rgba(255, 132, 65, .29), transparent 62%),
    radial-gradient(64% 52% at 108% 2%, rgba(255, 201, 91, .16), transparent 65%),
    radial-gradient(62% 48% at 50% 112%, rgba(194, 62, 26, .13), transparent 70%),
    linear-gradient(160deg, #17100b 0%, #0c0806 52%, #060403 100%) !important;
}

/* The seasonal banner used to dominate the first screen and is now stale.
   Keep it in the DOM for an easy future campaign swap, but remove it visually. */
html.floor-skin #p-home .home-halloween { display: none !important; }
html.floor-skin #p-home .home-chips { display: none !important; }

html.floor-skin .top-header,
html.fp-liquid.floor-skin .top-header {
  min-height: 58px !important;
  border-color: rgba(255, 255, 255, .17) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .115), rgba(255, 255, 255, .025) 48%),
    rgba(12, 17, 29, .5) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 14px 42px rgba(0, 0, 0, .24) !important;
}
html.floor-skin[data-app="funpay"] .top-header {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .115), rgba(255, 255, 255, .025) 48%),
    rgba(34, 22, 15, .52) !important;
}
html.floor-skin:not(.perf-android) .top-header {
  -webkit-backdrop-filter: blur(36px) saturate(175%) !important;
  backdrop-filter: blur(36px) saturate(175%) !important;
}

html.floor-skin .home-dashboard,
html.fp-liquid.floor-skin #p-home .home-dashboard,
html.fp-liquid.floor-skin[data-theme="dark"] #p-home .home-dashboard {
  min-height: 226px !important;
  background:
    radial-gradient(circle at var(--glass-x, 82%) var(--glass-y, 7%), rgba(255, 255, 255, .3), transparent 27%),
    radial-gradient(90% 100% at -4% 112%, rgba(72, 199, 255, .24), transparent 62%),
    linear-gradient(145deg, rgba(105, 125, 240, .82), rgba(48, 67, 158, .69) 48%, rgba(16, 24, 57, .8)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .48),
    inset 0 -1px 0 rgba(255, 255, 255, .07),
    0 26px 70px rgba(38, 59, 159, .26) !important;
}
html.floor-skin[data-app="funpay"] #p-home .home-dashboard,
html.fp-liquid.floor-skin[data-app="funpay"] #p-home .home-dashboard {
  background:
    radial-gradient(circle at var(--glass-x, 82%) var(--glass-y, 7%), rgba(255, 255, 255, .32), transparent 27%),
    radial-gradient(92% 104% at -4% 112%, rgba(255, 211, 100, .27), transparent 62%),
    linear-gradient(145deg, rgba(247, 157, 83, .91), rgba(213, 82, 33, .78) 52%, rgba(91, 34, 17, .84)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .5),
    inset 0 -1px 0 rgba(255, 255, 255, .07),
    0 26px 70px rgba(186, 68, 22, .27) !important;
}
html.floor-skin .home-dashboard__chip {
  min-height: 27px;
  margin-top: 12px !important;
  padding: 4px 9px !important;
  font-size: 10px !important;
  background: rgba(255, 255, 255, .085) !important;
}
html.floor-skin .home-dashboard__wallet { margin-top: 14px; }
html.floor-skin .home-dashboard__amount,
html.fp-liquid.floor-skin #p-home .home-dashboard #bal {
  font-size: clamp(36px, 8.4vw, 46px) !important;
}
html.floor-skin .home-dashboard__actions { margin-top: 15px !important; }

html.floor-skin .p-bonus {
  min-height: 58px;
  margin: 12px 0 14px !important;
  padding: 9px 11px !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, .055), rgba(255, 255, 255, .015)) !important;
}
html.floor-skin .p-bonus img { width: 32px !important; height: 32px !important; }
html.floor-skin .home-quick { gap: 10px !important; margin-bottom: 4px !important; }
html.floor-skin .home-quick__tile {
  min-height: 104px !important;
  padding: 14px !important;
  border-color: rgba(255, 255, 255, .12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 12px 30px rgba(0, 0, 0, .16) !important;
}
html.floor-skin .home-quick__t { margin-top: 9px; }

html.floor-skin .home-tools { margin: 14px 0 2px !important; }
html.floor-skin .home-search {
  height: 54px !important;
  border-radius: 19px !important;
  font-size: 15px !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .018)),
    var(--lg-glass) !important;
}
html.floor-skin .home-menu__section { margin-top: 4px; }
html.floor-skin .home-menu__title { margin-top: 18px !important; }

html.floor-skin .ios-card:not(.home-dashboard),
html.floor-skin .nav-list,
html.floor-skin .home-menu__card,
html.floor-skin .home-quick__tile,
html.floor-skin .wallet-card,
html.floor-skin .wallet-method,
html.floor-skin .profile-card,
html.floor-skin .profile-hero,
html.floor-skin .profile-stats,
html.floor-skin .deal-cell,
html.floor-skin .tx-card {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .018) 46%),
    var(--lg-glass) !important;
}
html.floor-skin .nav-row { min-height: 60px !important; }
html.floor-skin .nav-row__ico { width: 34px !important; height: 34px !important; }
html.floor-skin .tabbar {
  border-color: rgba(255, 255, 255, .18) !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .025) 45%),
    rgba(15, 20, 34, .64) !important;
}
html.floor-skin[data-app="funpay"] .tabbar {
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .022) 45%),
    rgba(38, 24, 16, .66) !important;
}
html.floor-skin:not(.perf-android) .tabbar {
  -webkit-backdrop-filter: blur(36px) saturate(175%) !important;
  backdrop-filter: blur(36px) saturate(175%) !important;
}

@media (max-width: 999px) {
  html.floor-skin #p-home.panel--split.on > .pane-col--a { order: 1; }
  html.floor-skin #p-home.panel--split.on > .home-tools { order: 2; }
  html.floor-skin #p-home.panel--split.on > .pane-col--b { order: 3; }
}
@media (min-width: 1000px) {
  html.floor-skin #p-home.panel--split.on {
    grid-template-areas: "primary service" "tools service" !important;
    grid-template-columns: minmax(330px, .82fr) minmax(470px, 1.18fr) !important;
    align-items: start;
  }
  html.floor-skin #p-home.panel--split.on > .pane-col--a { grid-area: primary; }
  html.floor-skin #p-home.panel--split.on > .home-tools {
    grid-area: tools;
    grid-column: auto !important;
    margin-top: 0 !important;
  }
  html.floor-skin #p-home.panel--split.on > .pane-col--b { grid-area: service; }
}

/* -------------------------------------------------------------------------
   Final-state polish: loading, modal ownership, chat keyboard and focus.
   ------------------------------------------------------------------------- */
html.floor-skin .auth:not(.hidden) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: max(20px, var(--safe-t)) 16px max(20px, var(--safe-b)) !important;
}
html.floor-skin .auth__body {
  flex: 0 0 auto !important;
  width: min(360px, calc(100% - 8px)) !important;
  margin: 0 !important;
}
html.floor-skin .auth__foot {
  flex: 0 0 auto !important;
  width: min(360px, calc(100% - 8px)) !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 9px !important;
}
html.floor-skin .auth__btn {
  width: 100% !important;
  min-height: 48px !important;
  margin: 0 !important;
  border-radius: 16px !important;
}
html.floor-skin .auth__status {
  width: 100%;
  min-height: 40px;
  justify-content: center;
  margin: 0 !important;
  padding: 9px 13px !important;
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 15px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .015));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}

html.floor-skin body.sheet-open .tabbar {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  animation: none !important;
  transform: translate3d(-50%, 18px, 0) !important;
}
html.floor-skin body.sheet-open .sheet-overlay.on {
  z-index: 180 !important;
}
html.floor-skin body.sheet-open .pay-gate.on {
  z-index: 190 !important;
}

html.floor-skin .sheet-title {
  margin-bottom: 18px !important;
  text-align: center;
}
html.floor-skin .sheet > .segment {
  margin-bottom: 14px !important;
}
html.floor-skin .sheet .wallet-dep-note {
  margin: 9px 2px 14px !important;
  color: var(--lg-muted) !important;
  font-size: 12px;
  line-height: 1.4;
}
html.floor-skin .notif-row,
html.floor-skin .admin-wd-row,
html.floor-skin .ios-row {
  border-color: rgba(255, 255, 255, .07) !important;
}

@media (max-width: 699px) {
  html.floor-skin .pk-chats.pk-chats--open .deal-chat-compose {
    margin-bottom: 24px !important;
  }
}

html.floor-skin button:focus-visible,
html.floor-skin a:focus-visible,
html.floor-skin input:focus-visible,
html.floor-skin textarea:focus-visible,
html.floor-skin select:focus-visible,
html.floor-skin [tabindex]:focus-visible {
  outline: 2px solid rgba(var(--lg-accent-rgb), .9) !important;
  outline-offset: 3px !important;
}