/* v98 cache/version marker */
:root {
  --bg: #141414;
  --panel: #1f1f1f;
  --panel-2: #242424;
  --text: #f3f3f3;
  --muted: #9a9a9a;
  --line: rgba(255, 215, 0, 0.18);
  --yellow: #f5dd08;
  --yellow-2: #ffd60a;
  --danger: #ff6868;
  --radius-lg: 24px;
  --radius-md: 18px;
  --radius-sm: 14px;
  --shadow: 0 12px 40px rgba(0,0,0,.36);
  --max-width: 520px;
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body {
  margin: 0;
  padding: 0;
  background: #111;
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
body {
  min-height: var(--tg-vh, 100vh);
  background: radial-gradient(circle at 50% 0%, #232323 0%, #121212 42%, #101010 100%);
}
button, input { font: inherit; }
button { border: 0; cursor: pointer; }
.hidden { display: none !important; }
.app-shell {
  width: 100%;
  max-width: var(--max-width);
  min-height: var(--tg-vh, 100vh);
  margin: 0 auto;
  padding: 16px 12px 98px;
}
.loading-screen {
  min-height: var(--tg-vh, 100vh);
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 14px;
}
.loading-screen.active { display: flex; }
.loading-title { color: #d6d6d6; font-size: 18px; }
.screen { display: flex; flex-direction: column; gap: 14px; }
.brand-header {
  display: flex;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 4px;
}
.brand-header.compact { padding-top: 6px; }
.brand-mark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  color: #111;
  font-weight: 800;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 30% 30%, #fff490 0%, var(--yellow) 48%, #d0a900 100%);
  box-shadow: 0 0 0 3px rgba(245,221,8,.18), 0 0 0 8px rgba(245,221,8,.06);
}
.brand-mark.large { width: 68px; height: 68px; font-size: 34px; }
.pin-card, .profile-card, .hero-card, .stat-card, .empty-state {
  background: linear-gradient(180deg, rgba(38,38,38,.96), rgba(28,28,28,.96));
  border: 1px solid rgba(255,255,255,.03);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow);
}
.intro-card {
  padding: 18px 18px 16px;
  text-align: center;
}
.intro-card h1 {
  margin: 0 0 10px;
  font-size: 22px;
}
.intro-card p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.45;
}
.pin-warning {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.pin-hint {
  background: rgba(245,221,8,.08);
  border: 1px solid rgba(245,221,8,.2);
  color: #ffe96a;
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.45;
}
.keypad-card {
  padding: 20px 18px 22px;
}
.pin-error {
  margin-bottom: 14px;
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.4;
  background: rgba(255,104,104,.08);
  border: 1px solid rgba(255,104,104,.18);
  color: #ffb1b1;
}
.pin-dots {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin: 20px 0 28px;
}
.dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgba(255,255,255,.2);
  transition: .2s ease;
}
.dot.filled { background: #8e8e8e; }
.dot.active { background: var(--yellow); box-shadow: 0 0 0 5px rgba(245,221,8,.08); }
.keypad-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px 18px;
  margin-top: 18px;
}
.keypad-btn {
  height: 70px;
  border-radius: 20px;
  background: rgba(255,255,255,.02);
  color: #fff;
  font-size: 34px;
  font-weight: 500;
}
.keypad-btn:active { transform: scale(.98); }
.keypad-icon { font-size: 26px; color: #d7d7d7; }
.hero-card {
  position: relative;
  height: clamp(420px, 64vh, 620px);
  overflow: hidden;
  background: #141414; /* no static fallback: profile image must be per-user */
  border-radius: 0;
  box-shadow: none;
  border: 0;
}
.hero-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.02) 58%, rgba(0,0,0,.10) 100%);
  pointer-events: none;
}
.hero-bg,
.planet-main,
.planet-glow,
.hero-book,
.hero-coin,
.hero-blade {
  display: none !important;
}
.profile-card {
  padding: 14px;
  border-color: rgba(245,221,8,.2);
}
.profile-top-row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}
.profile-name { font-size: 24px; font-weight: 800; }
.profile-handle, .profile-id, .profile-description-title, .stat-label, .empty-subtitle { color: var(--muted); }
.profile-handle, .profile-id { font-size: 14px; }
.role-badge {
  padding: 8px 14px;
  border-radius: 999px;
  background: var(--yellow);
  color: #141414;
  font-weight: 700;
  white-space: nowrap;
  font-size: 14px;
}
.divider { height: 1px; background: rgba(255,255,255,.08); margin: 12px 0; }
.profile-description-title { font-size: 14px; margin-bottom: 4px; }
.profile-description { font-size: 16px; }
.action-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.action-btn {
  min-height: 48px;
  border-radius: 14px;
  font-weight: 700;
  font-size: 16px;
}
.action-btn--yellow { background: var(--yellow); color: #111; }
.action-btn--dark { background: #343434; color: #f2f2f2; }
.stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.stat-card {
  min-height: 92px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-image: radial-gradient(circle at top right, rgba(255,255,255,.05) 0, rgba(255,255,255,0) 52%);
}
.stat-value { font-size: 32px; font-weight: 800; color: var(--yellow); }
.tabs-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.tab-btn {
  min-height: 48px;
  border-radius: 14px;
  background: #3a3a3a;
  color: #f4f4f4;
  font-weight: 700;
  font-size: 18px;
}
.tab-btn.active { background: var(--yellow); color: #111; }
.tab-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  margin-left: 6px;
  font-size: 14px;
  background: rgba(0,0,0,.22);
}
.empty-state {
  min-height: 220px;
  padding: 26px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  gap: 10px;
}
.empty-icon {
  width: 54px; height: 54px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  border: 2px dashed rgba(255,255,255,.2);
  color: rgba(255,255,255,.4);
  font-size: 26px;
}
.empty-title { font-size: 28px; font-weight: 700; }
.bottom-nav {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  max-width: var(--max-width);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  background: rgba(32,32,32,.96);
  backdrop-filter: blur(14px);
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 10px 6px 12px;
}
.nav-item {
  background: transparent;
  color: #a8a8a8;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  position: relative;
}
.nav-item.active { color: var(--yellow); }
.nav-item--notice::after {
  content: "";
  position: absolute;
  top: 0;
  right: 16px;
  width: 10px; height: 10px; border-radius: 50%;
  background: var(--yellow);
}
.nav-icon { font-size: 20px; line-height: 1; }
.nav-label { font-size: 12px; }
@media (max-width: 420px) {
  .profile-name { font-size: 22px; }
  .stat-value { font-size: 28px; }
  .empty-title { font-size: 24px; }
  .keypad-btn { height: 64px; font-size: 30px; }
}

/* v24: логотип из профиля бота и новый PIN-flow */
.brand-logo {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: radial-gradient(circle at 30% 30%, #fff490 0%, var(--yellow) 48%, #d0a900 100%);
  box-shadow: 0 0 0 3px rgba(245,221,8,.18), 0 0 0 8px rgba(245,221,8,.06);
}
.brand-logo.large { width: 68px; height: 68px; }
.brand-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.brand-logo-fallback {
  color: #111;
  font-weight: 800;
  font-size: 28px;
}
.brand-logo.large .brand-logo-fallback { font-size: 34px; }
.pin-back-step {
  background: transparent;
  color: var(--muted);
  font-size: 16px;
  margin: -2px 0 8px;
  padding: 0;
}
.pin-note {
  border: 1px solid var(--yellow);
  color: var(--yellow);
  border-radius: 18px;
  padding: 24px 16px;
  text-align: center;
  font-weight: 800;
  line-height: 1.45;
  background: rgba(245, 221, 8, .02);
}
.pin-success {
  margin: 72px 0 34px;
  text-align: center;
  color: var(--yellow);
  font-weight: 800;
  font-size: 18px;
}
.pin-success span {
  display: block;
  color: var(--muted);
  font-size: 16px;
  font-weight: 500;
  margin-top: 8px;
}
.keypad-card.success-mode .pin-dots {
  margin-bottom: 0;
}
.keypad-card.success-mode .dot {
  background: var(--yellow);
}


#profile-screen {
  gap: 0;
}
.brand-header {
  padding-top: 8px;
  padding-bottom: 10px;
}
.profile-card {
  margin-top: 0;
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border-bottom-left-radius: 22px;
  border-bottom-right-radius: 22px;
}
.stats-grid,
.tabs-row,
.empty-state {
  margin-top: 10px;
}


/* v28: главный экран APP использует реальную карточку профиля пользователя,
   которую бот генерирует с аватаркой Telegram в рамке. */
#profile-screen {
  gap: 0;
}
#profile-screen .brand-header {
  padding-top: 8px;
  padding-bottom: 10px;
}
.hero-card {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: var(--hero-aspect, 520 / 640);
  overflow: hidden;
  background-color: transparent;
  background-image: var(--profile-card-bg, none);
  background-position: top center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 0 !important;
}
.hero-card::after {
  display: none !important;
}
.profile-hero-image {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.profile-hero-image.hidden {
  display: none !important;
}
.hero-bg,
.planet-main,
.planet-glow,
.hero-book,
.hero-coin,
.hero-blade {
  display: none !important;
}
.profile-card {
  margin-top: 0;
  border-color: rgba(245,221,8,.28);
}
@media (max-width: 460px) {
  .hero-card {
    aspect-ratio: var(--hero-aspect, 520 / 640);
  }
}


/* v31 profile screen spacing tune */
#profile-screen { gap: 0; }
#profile-screen .brand-header {
  padding-top: 2px;
  padding-bottom: 6px;
}
#profile-screen .brand-logo {
  width: 36px;
  height: 36px;
}
#profile-screen .hero-card {
  margin-bottom: 0 !important;
}
#profile-screen .profile-card {
  margin-top: 0 !important;
}


/* v35 Search screen */
.search-brand { padding-top: 6px; padding-bottom: 10px; }
.search-panel,
.legend-card,
.filter-card {
  background: linear-gradient(180deg, rgba(38,38,38,.98), rgba(31,31,31,.98));
  border-radius: 22px;
  padding: 18px;
  box-shadow: var(--shadow);
}
.search-panel h1,
.legend-card h2,
.filter-header h1 { margin: 0 0 10px; font-size: 24px; }
.search-panel p,
.legend-card p { margin: 0 0 18px; color: var(--muted); line-height: 1.35; }
.search-tabs-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-bottom: 18px; }
.search-tab { height: 52px; border-radius: 11px; background: #3a3a3a; color: #fff; font-weight: 800; font-size: 17px; }
.search-tab.active { background: var(--yellow); color: #111; }
.search-input-wrap { height: 56px; border-radius: 12px; display: flex; align-items: center; gap: 12px; padding: 0 16px; background: #151515; border: 1px solid transparent; margin-bottom: 3px; color: var(--muted); }
.search-input-wrap:focus-within { border-color: var(--yellow); }
.search-input-wrap input { flex: 1; border: 0; outline: 0; background: transparent; color: #fff; font-size: 17px; min-width: 0; }
.search-submit-btn { width: 100%; height: 54px; border-radius: 11px; background: #3a3a3a; color: #fff; font-weight: 800; font-size: 17px; }
.search-filter-row { display: grid; grid-template-columns: 50px 1fr; gap: 10px; margin-top: 14px; position: relative; }
.filter-icon-btn,
.sort-select-btn { height: 50px; border-radius: 11px; background: #252525; color: #aaa; font-size: 18px; }
.sort-select-btn { display: flex; justify-content: space-between; align-items: center; padding: 0 16px; }
.sort-menu { margin-left: 60px; margin-top: -2px; background: #242424; border-radius: 0 0 14px 14px; padding: 10px 0; box-shadow: 0 18px 40px rgba(0,0,0,.4); z-index: 4; position: relative; }
.sort-menu button { width: 100%; text-align: left; padding: 12px 20px; background: transparent; color: #aaa; font-size: 16px; }
.legend-card { margin-top: 14px; position: relative; }
.legend-close { position: absolute; right: 16px; top: 14px; color: #aaa; background: transparent; font-size: 30px; line-height: 1; }
.legend-divider { height: 1px; background: rgba(255,255,255,.08); margin: 18px 0; }
.legend-labels { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; color: #999; font-size: 16px; text-align: center; margin-bottom: 8px; }
.search-results { margin-top: 12px; display: flex; flex-direction: column; gap: 8px; padding-bottom: 12px; }
.search-user-card { width: 100%; min-height: 84px; border-radius: 16px; background: #252525; color: #fff; display: grid; grid-template-columns: 54px 1fr auto; align-items: center; gap: 12px; padding: 12px 14px; text-align: left; }
.search-avatar { width: 48px; height: 48px; object-fit: cover; border-radius: 50%; background: #1b1b1b; }
.logo-mini { display: flex; justify-content: center; align-items: center; color: var(--yellow); font-weight: 900; }
.search-user-main b { font-size: 18px; }
.search-user-main small, .search-user-meta small { color: #aaa; font-size: 14px; }
.search-user-meta { text-align: right; white-space: nowrap; }
.search-user-meta b { background: #333; border-radius: 999px; padding: 4px 7px; }
.rating-badge { color: var(--yellow); }
.prefix-badge { background: var(--yellow) !important; color: #111; border-radius: 999px; padding: 4px 8px; }
.online-dot { display: inline-block; width: 9px; height: 9px; background: #31c955; border-radius: 50%; margin-left: 4px; }
.legend-yellow-btn { width: 100%; height: 52px; border-radius: 10px; background: var(--yellow); color: #111; font-weight: 800; font-size: 17px; margin-top: 12px; }
.search-empty, .search-loading { color: #aaa; text-align: center; padding: 24px; background: #252525; border-radius: 14px; }
.search-pagination { display: flex; justify-content: center; gap: 6px; margin: 16px 0 96px; }
.search-pagination button { min-width: 45px; height: 45px; border-radius: 9px; background: #252525; color: #fff; font-weight: 700; }
.search-pagination button.active { background: var(--yellow); color: #111; }
.search-pagination button:disabled { opacity: .4; }
.filter-screen { max-width: none; width: 100%; }
.filter-header { display: flex; align-items: center; gap: 10px; padding: 12px 4px; }
.filter-header button { width: 44px; height: 44px; border-radius: 50%; background: #111; color: #fff; font-size: 22px; }
.filter-card { border-radius: 10px; padding: 0; overflow: hidden; }
.filter-block { padding: 18px; border-bottom: 1px solid rgba(255,255,255,.07); }
.filter-block h3 { margin: 0 0 14px; }
.filter-block label { display: block; margin: 13px 0; color: #fff; }
.filter-block input[type="checkbox"] { width: 22px; height: 22px; vertical-align: middle; margin-right: 8px; accent-color: var(--yellow); }
.filter-input { height: 50px; border-radius: 10px; background: #151515; color: #aaa; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; }
.filter-date-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.filter-apply-btn { margin: 18px; width: calc(100% - 36px); height: 50px; border-radius: 10px; background: var(--yellow); color: #111; font-weight: 800; }
.search-bottom-nav { z-index: 10; }
@media (max-width: 420px) {
  .legend-labels { font-size: 13px; }
  .search-user-card { grid-template-columns: 46px 1fr auto; padding: 10px; }
  .search-avatar { width: 42px; height: 42px; }
  .search-user-main b { font-size: 16px; }
}


/* v37 search icon + compact legend */
.search-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.search-tab-icon {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  flex: 0 0 24px;
}
.search-tab-icon svg {
  width: 23px;
  height: 23px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.search-input-icon {
  display: inline-flex;
  width: 22px;
  height: 22px;
  align-items: center;
  justify-content: center;
  color: #8e8e8e;
}
.search-input-icon svg {
  width: 22px;
  height: 22px;
  display: block;
}
.search-input-wrap:focus-within .search-input-icon {
  color: var(--yellow);
}
.legend-card {
  position: relative;
  margin-top: 14px;
  width: 100%;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  padding: 18px 16px 16px;
  border-radius: 26px;
  overflow: hidden;
}
.legend-card h2 {
  margin: 0 36px 10px 0;
  font-size: 22px;
  line-height: 1.1;
}
.legend-card p {
  margin: 0 0 16px;
  color: var(--muted);
  line-height: 1.35;
  max-width: 320px;
  font-size: 14px;
}
.legend-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9a9a9a;
  background: transparent;
  font-size: 32px;
  line-height: 1;
}
.legend-divider {
  margin: 0 0 16px;
  background: rgba(255,255,255,.10);
}
.legend-scheme {
  position: relative;
}
.legend-labels {
  display: grid;
  grid-template-columns: 1.1fr 1.15fr .9fr .85fr;
  gap: 4px;
  padding: 0 8px;
  margin-bottom: 4px;
  color: #a5a5a5;
  font-size: 15px;
  line-height: 1.2;
}
.legend-label {
  position: relative;
  text-align: center;
  padding-bottom: 22px;
}
.legend-label::before {
  display: none;
}
.legend-label::after {
  content: '';
  position: absolute;
  bottom: 8px;
  left: 50%;
  height: 1px;
  background: rgba(255,255,255,.22);
  transform-origin: left center;
}
.legend-label--prefix::after {
  width: 34px;
  transform: translateX(-4px) rotate(42deg);
}
.legend-label--status::after {
  width: 38px;
  transform: translateX(-2px) rotate(42deg);
}
.legend-label--deposit::after {
  width: 34px;
  transform: translateX(-2px) rotate(38deg);
}
.legend-label--rating::after {
  width: 34px;
  transform: translateX(-1px) rotate(67deg);
}
.legend-user-card.sample {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 82px;
  margin-bottom: 12px;
  border-radius: 18px;
  background: #1b1b1d;
  padding: 12px 12px 12px 14px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}
.legend-user-card.sample-secondary {
  margin-bottom: 0;
}
.legend-user-card.sample .search-avatar {
  width: 40px;
  height: 40px;
  align-self: start;
  margin-top: 2px;
  border-radius: 50%;
  overflow: hidden;
  background: #111;
  border: 0;
}
.legend-user-card.sample .search-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.legend-user-card.sample .search-avatar span { display: none; }
.legend-user-card.sample .search-avatar.fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--yellow);
  font-size: 21px;
  font-weight: 900;
}
.legend-user-card.sample .search-avatar.fallback span { display: block; }
.legend-user-card.sample .search-user-main {
  min-width: 0;
  align-self: start;
}
.legend-line-main {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  margin-top: 1px;
}
.legend-user-card.sample .search-user-main b {
  font-size: 16px;
  line-height: 1.1;
}
.legend-user-card.sample .search-user-main small {
  display: block;
  margin-top: 6px;
  color: #a7a7a7;
  font-size: 13px;
  line-height: 1;
}
.legend-user-card.sample .search-user-meta {
  align-self: center;
  min-width: 92px;
  text-align: right;
}
.legend-user-card.sample .search-user-meta > div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.legend-user-card.sample .search-user-meta b {
  font-size: 15px;
  font-weight: 800;
}
.legend-user-card.sample .search-user-meta small {
  display: block;
  margin-top: 8px;
  color: #d0d0d0;
  font-size: 13px;
}
.legend-yellow-btn {
  margin-top: 14px;
  border-radius: 14px;
}
@media (max-width: 420px) {
  .legend-card {
    padding: 14px 12px 12px;
    border-radius: 22px;
  }
  .legend-card h2 {
    font-size: 18px;
    margin-right: 28px;
    margin-bottom: 8px;
  }
  .legend-card p {
    font-size: 11px;
    max-width: 220px;
    margin-bottom: 12px;
  }
  .legend-close {
    top: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
    font-size: 22px;
  }
  .legend-divider {
    margin-bottom: 10px;
  }
  .legend-labels {
    grid-template-columns: 1.05fr 1.15fr .88fr .72fr;
    gap: 0;
    padding: 0 2px;
    margin-bottom: 2px;
    font-size: 9px;
  }
  .legend-label {
    padding-bottom: 12px;
  }
  .legend-label::before {
    display: none;
  }
  .legend-label::after {
    bottom: 2px;
  }
  .legend-label--prefix::after {
    width: 18px;
    transform: translateX(-1px) rotate(42deg);
  }
  .legend-label--status::after {
    width: 20px;
    transform: translateX(-1px) rotate(42deg);
  }
  .legend-label--deposit::after {
    width: 18px;
    transform: translateX(-1px) rotate(38deg);
  }
  .legend-label--rating::after {
    width: 18px;
    transform: translateX(0) rotate(67deg);
  }
  .legend-user-card.sample {
    grid-template-columns: 34px minmax(0, 1fr) auto;
    gap: 8px;
    min-height: 62px;
    border-radius: 14px;
    padding: 8px 10px;
    margin-bottom: 8px;
  }
  .legend-user-card.sample .search-avatar {
    width: 28px;
    height: 28px;
    margin-top: 4px;
  }
  .legend-user-card.sample .search-avatar.fallback {
    font-size: 15px;
  }
  .legend-line-main {
    gap: 4px;
    margin-top: 0;
  }
  .legend-user-card.sample .search-user-main b {
    font-size: 11px;
  }
  .legend-user-card.sample .search-user-main small {
    margin-top: 3px;
    font-size: 8px;
  }
  .legend-user-card.sample .search-user-meta {
    min-width: 66px;
  }
  .legend-user-card.sample .search-user-meta > div {
    gap: 4px;
  }
  .legend-user-card.sample .search-user-meta b {
    font-size: 9px;
    padding: 2px 6px;
  }
  .legend-user-card.sample .search-user-meta small {
    margin-top: 4px;
    font-size: 7px;
  }
  .legend-yellow-btn {
    margin-top: 10px;
    height: 44px;
    font-size: 13px;
    border-radius: 10px;
  }
}

/* v42 services search */
.search-tab {
  gap: 12px;
}
.search-tab-icon--services .coin-dollar-icon {
  width: 24px;
  height: 24px;
  border: 2px solid currentColor;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}
.search-tab-icon--services .coin-dollar-icon > span {
  display: block;
  transform: translateY(-0.5px);
}
.search-tab-icon--users svg {
  stroke-width: 2.15;
}
.service-selected-category {
  margin: -2px 0 12px;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 800;
  color: #fff;
}
.service-mode-note {
  margin-top: 14px;
  background: #151515;
  border-radius: 14px;
  padding: 18px;
}
.service-mode-note-title {
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  margin-bottom: 8px;
}
.service-mode-note-subtitle {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.45;
}
.service-categories {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding-bottom: 96px;
}
.service-category-card {
  position: relative;
  min-height: 144px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(38,38,38,.98), rgba(31,31,31,.98));
  color: #fff;
  text-align: left;
  padding: 14px 12px;
  overflow: hidden;
  box-shadow: var(--shadow);
}
.service-category-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  max-width: 88%;
  word-break: break-word;
}
.service-category-count {
  font-size: 13px;
  color: var(--muted);
  margin-top: 2px;
}
.service-category-icon-wrap {
  position: absolute;
  right: -6px;
  bottom: -8px;
  width: 94px;
  height: 94px;
  border-radius: 50%;
  background: rgba(18,18,18,.86);
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-category-icon {
  width: 56px;
  height: 56px;
}
.service-category-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.service-category-icon svg .s-primary {
  stroke: #fff;
}
.service-category-icon svg .s-accent {
  stroke: var(--yellow);
}
.service-empty-card {
  margin-top: 14px;
  min-height: 280px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(38,38,38,.98), rgba(31,31,31,.98));
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 26px 18px;
  box-shadow: var(--shadow);
}
.service-empty-title {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 10px;
}
.service-empty-subtitle {
  font-size: 15px;
  color: var(--muted);
  max-width: 280px;
  line-height: 1.45;
}
.search-results {
  gap: 12px;
  margin-top: 14px;
  padding-bottom: 96px;
}
.service-result-card {
  background: linear-gradient(180deg, rgba(38,38,38,.98), rgba(31,31,31,.98));
  border-radius: 20px;
  padding: 12px;
  box-shadow: var(--shadow);
}
.service-card-cover {
  height: 208px;
  border-radius: 14px;
  position: relative;
  overflow: hidden;
  margin-bottom: 12px;
}
.service-card-cover::before,
.service-card-cover::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.service-card-cover::before {
  width: 180px;
  height: 180px;
  right: -34px;
  top: -20px;
  background: radial-gradient(circle, rgba(255,255,255,.22), rgba(255,255,255,0) 65%);
}
.service-card-cover::after {
  width: 120px;
  height: 120px;
  left: -20px;
  bottom: -34px;
  background: radial-gradient(circle, rgba(0,0,0,.32), rgba(0,0,0,0) 70%);
}
.service-card-cover-glow {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.15) 100%);
}
.service-card-title {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 800;
  margin-bottom: 10px;
  color: #fff;
}
.service-card-bottom-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.service-card-author {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.service-card-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #111;
  font-weight: 800;
  font-size: 14px;
  flex: 0 0 34px;
}
.service-card-seller {
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.service-card-stats {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.service-stat-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #333;
  color: #fff;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 13px;
  font-weight: 700;
}
.service-stat-pill--rating {
  color: var(--yellow);
}
.service-stat-icon {
  font-size: 12px;
}
@media (max-width: 420px) {
  .service-selected-category {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .service-mode-note {
    padding: 16px;
    border-radius: 12px;
  }
  .service-mode-note-title {
    font-size: 18px;
  }
  .service-mode-note-subtitle {
    font-size: 14px;
  }
  .service-categories {
    gap: 6px;
  }
  .service-category-card {
    min-height: 132px;
    padding: 12px 10px;
    border-radius: 16px;
  }
  .service-category-title {
    font-size: 13px;
    max-width: 94%;
  }
  .service-category-count {
    font-size: 12px;
  }
  .service-category-icon-wrap {
    width: 82px;
    height: 82px;
    right: -6px;
    bottom: -10px;
  }
  .service-category-icon {
    width: 48px;
    height: 48px;
  }
  .service-card-cover {
    height: 180px;
  }
  .service-card-title {
    font-size: 15px;
  }
  .service-card-bottom-row {
    flex-direction: row;
    align-items: center;
  }
  .service-card-avatar {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    font-size: 12px;
  }
  .service-card-seller {
    font-size: 13px;
  }
  .service-stat-pill {
    font-size: 12px;
    padding: 4px 7px;
  }
}


/* v48: match service grid closer to the compact reference */
.service-category-card {
  min-height: 136px;
  padding: 12px 10px;
  border-radius: 16px;
}
.service-category-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.12;
  max-width: 74%;
}
.service-category-count {
  font-size: 11px;
  margin-top: 2px;
  font-weight: 400;
}
.service-category-icon-wrap {
  background: rgba(18, 18, 18, 0.92) !important;
  right: 4px;
  bottom: 4px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.service-category-icon-img {
  width: 46px;
  height: 46px;
  display: block;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}
@media (max-width: 420px) {
  .service-category-card {
    min-height: 128px;
    padding: 11px 9px;
    border-radius: 15px;
  }
  .service-category-title {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.1;
    max-width: 73%;
  }
  .service-category-count {
    font-size: 10px;
    margin-top: 2px;
    font-weight: 400;
  }
  .service-category-icon-wrap {
    right: 3px;
    bottom: 3px;
    width: 54px;
    height: 54px;
  }
  .service-category-icon-img {
    width: 42px;
    height: 42px;
  }
}


/* v54: tighten service-grid text wrapping and icon placement to match reference */
.service-category-title {
  font-size: 11px;
  font-weight: 400;
  line-height: 1.08;
  max-width: 78%;
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}
.service-category-count {
  font-size: 10px;
  margin-top: 1px;
  font-weight: 400;
}
.service-category-icon-wrap {
  right: 2px;
  bottom: 2px;
  width: 56px;
  height: 56px;
}
.service-category-icon-img {
  width: 44px;
  height: 44px;
}
@media (max-width: 420px) {
  .service-category-title {
    font-size: 10px;
    line-height: 1.06;
    max-width: 79%;
    word-break: normal;
    overflow-wrap: normal;
    hyphens: none;
  }
  .service-category-count {
    font-size: 10px;
    margin-top: 1px;
  }
  .service-category-icon-wrap {
    right: 1px;
    bottom: 1px;
    width: 54px;
    height: 54px;
  }
  .service-category-icon-img {
    width: 42px;
    height: 42px;
  }
}


/* v56: service categories — match reference text layout and icon placement */
.service-category-card {
  min-height: 178px;
  padding: 12px 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}
.service-category-title,
.service-category-count {
  position: relative;
  z-index: 2;
  text-align: left;
}
.service-category-title {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.14;
  max-width: 78%;
  word-break: normal;
  overflow-wrap: break-word;
  hyphens: none;
}
.service-category-count {
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 400;
  color: var(--muted);
}
.service-category-icon-wrap {
  right: 8px;
  bottom: 8px;
  width: 76px;
  height: 76px;
  background: rgba(18, 18, 18, 0.92) !important;
}
.service-category-icon-img {
  width: 50px;
  height: 50px;
}
@media (max-width: 420px) {
  .service-category-card {
    min-height: 158px;
    padding: 12px 10px;
    border-radius: 16px;
  }
  .service-category-title {
    font-size: 12px;
    line-height: 1.12;
    max-width: 78%;
  }
  .service-category-count {
    margin-top: 2px;
    font-size: 11px;
  }
  .service-category-icon-wrap {
    right: 7px;
    bottom: 7px;
    width: 70px;
    height: 70px;
  }
  .service-category-icon-img {
    width: 47px;
    height: 47px;
  }
}


/* v57: refine service grid typography to match reference more closely */
.service-category-title,
.service-category-count {
  font-family: Inter, "Helvetica Neue", Arial, sans-serif;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.service-category-card {
  min-height: 168px;
  padding: 12px 11px;
  border-radius: 18px;
}
.service-category-title {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.08;
  max-width: 74%;
}
.service-category-count {
  margin-top: 2px;
  font-size: 10px;
  font-weight: 400;
}
.service-category-icon-wrap {
  right: 5px;
  bottom: 5px;
  width: 66px;
  height: 66px;
}
.service-category-icon-img {
  width: 44px;
  height: 44px;
}
@media (max-width: 420px) {
  .service-category-card {
    min-height: 150px;
    padding: 11px 10px;
    border-radius: 16px;
  }
  .service-category-title {
    font-size: 11px;
    line-height: 1.08;
    max-width: 74%;
  }
  .service-category-count {
    margin-top: 2px;
    font-size: 10px;
  }
  .service-category-icon-wrap {
    right: 4px;
    bottom: 4px;
    width: 62px;
    height: 62px;
  }
  .service-category-icon-img {
    width: 42px;
    height: 42px;
  }
}


/* v58: tighten title weight/size and restore more native system font look */
.service-category-title,
.service-category-count {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: 0;
}
.service-category-card {
  min-height: 166px;
  padding: 13px 13px 12px;
  border-radius: 18px;
}
.service-category-title {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.09;
  max-width: 76%;
}
.service-category-count {
  margin-top: 2px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.18;
  color: #a4a4a4;
}
.service-category-icon-wrap {
  right: 6px;
  bottom: 6px;
  width: 64px;
  height: 64px;
}
.service-category-icon-img {
  width: 44px;
  height: 44px;
}
@media (max-width: 420px) {
  .service-category-card {
    min-height: 152px;
    padding: 12px 12px 10px;
    border-radius: 17px;
  }
  .service-category-title {
    font-size: 12px;
    line-height: 1.1;
    max-width: 76%;
  }
  .service-category-count {
    margin-top: 2px;
    font-size: 10px;
    line-height: 1.16;
  }
  .service-category-icon-wrap {
    right: 5px;
    bottom: 5px;
    width: 60px;
    height: 60px;
  }
  .service-category-icon-img {
    width: 42px;
    height: 42px;
  }
}


/* v59: make service title lighter and allow wider two-line titles */
.service-category-title,
.service-category-count {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}
.service-category-card {
  min-height: 166px;
  padding: 13px 12px 12px;
}
.service-category-title {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.08;
  max-width: 88%;
  letter-spacing: 0;
}
.service-category-count {
  margin-top: 2px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.15;
  color: #a4a4a4;
}
.service-category-icon-wrap {
  right: 6px;
  bottom: 6px;
  width: 64px;
  height: 64px;
}
.service-category-icon-img {
  width: 44px;
  height: 44px;
}
@media (max-width: 420px) {
  .service-category-card {
    min-height: 152px;
    padding: 12px 11px 10px;
  }
  .service-category-title {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.08;
    max-width: 88%;
  }
  .service-category-count {
    margin-top: 2px;
    font-size: 10px;
  }
  .service-category-icon-wrap {
    right: 5px;
    bottom: 5px;
    width: 60px;
    height: 60px;
  }
  .service-category-icon-img {
    width: 42px;
    height: 42px;
  }
}

/* v60: services detail + add service flow */
.service-result-card { cursor: pointer; }
.service-card-cover img,
.service-detail-cover img,
.service-card-cover video,
.service-detail-cover video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.service-detail-screen,
.add-service-screen { padding-bottom: 96px; }
.service-provider-card,
.service-detail-card,
.service-comment-card,
.add-service-card {
  background: linear-gradient(180deg, rgba(38,38,38,.98), rgba(31,31,31,.98));
  border-radius: 20px;
  box-shadow: var(--shadow);
}
.service-provider-card { padding: 14px; }
.service-provider-top { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.service-provider-top .service-card-avatar { width: 50px; height: 50px; flex-basis: 50px; color: #fff; }
.service-provider-name { font-size: 18px; font-weight: 800; line-height: 1.15; }
.service-provider-name span,
.service-comment-head b span { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #36c64a; vertical-align: middle; margin-left: 3px; }
.service-provider-handle { margin-top: 2px; color: var(--muted); font-size: 15px; }
.service-provider-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 14px; }
.service-provider-stats > div { min-height: 78px; border-radius: 14px; background: #171717; background-image: radial-gradient(circle at 100% 0, rgba(255,255,255,.08), transparent 55%); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.service-provider-stats b { color: var(--yellow); font-size: 20px; line-height: 1.1; }
.service-provider-stats span { color: var(--muted); margin-top: 4px; font-size: 14px; }
.service-open-deal,
.add-service-submit { width: 100%; height: 56px; border-radius: 10px; background: var(--yellow); color: #111; font-weight: 800; font-size: 18px; }
.service-provider-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin-top: 6px; }
.service-provider-actions button { height: 54px; border-radius: 10px; background: #343434; color: #fff; font-weight: 800; font-size: 17px; }
.service-detail-card { padding: 14px; }
.service-detail-cover { height: 210px; border-radius: 12px; overflow: hidden; margin-bottom: 14px; position: relative; }
.service-detail-card h2 { margin: 0 0 10px; font-size: 21px; line-height: 1.15; }
.service-detail-card p { margin: 0 0 18px; color: #fff; font-size: 16px; line-height: 1.45; }
.service-detail-card small { color: #aaa; font-size: 13px; }
.service-comments-block h2 { margin: 8px 0 14px; font-size: 22px; }
.service-comment-form { display: grid; grid-template-columns: 1fr 56px; gap: 8px; margin-bottom: 16px; }
.service-comment-form input { height: 50px; border-radius: 11px; border: 1px solid transparent; background: #343434; color: #fff; padding: 0 16px; outline: none; font-size: 16px; }
.service-comment-form input:focus { border-color: var(--yellow); }
.service-comment-form button { height: 50px; border-radius: 10px; background: #343434; color: #fff; font-size: 28px; line-height: 1; }
.service-comment-card { padding: 14px; margin-bottom: 10px; }
.service-comment-head { display: flex; align-items: center; gap: 12px; }
.service-comment-avatar { width: 48px; height: 48px; border-radius: 50%; background: #3a3a3a; display: flex; align-items: center; justify-content: center; color: #aaa; font-size: 30px; }
.service-comment-head b { font-size: 17px; }
.service-comment-line { height: 1px; background: rgba(255,255,255,.08); margin: 12px 0; }
.service-comment-text { font-size: 16px; line-height: 1.35; }
.service-comment-footer { display: flex; align-items: center; justify-content: space-between; color: #aaa; margin-top: 14px; }
.service-comment-footer button { background: transparent; color: #aaa; font-weight: 700; }
.add-service-title-row { display: flex; align-items: center; gap: 10px; padding: 0 2px; }
.add-service-title-row h1 { margin: 0; font-size: 26px; }
.add-service-title-row button { width: 42px; height: 42px; border-radius: 50%; background: #242424; color: #fff; font-size: 24px; }
.add-service-card { padding: 14px; display: flex; flex-direction: column; gap: 16px; }
.add-service-card label { color: #9a9a9a; font-size: 15px; display: flex; flex-direction: column; gap: 8px; }
.add-service-card input,
.add-service-card select,
.add-service-card textarea { width: 100%; border: 0; outline: none; border-radius: 11px; background: #171717; color: #fff; padding: 14px 16px; font-size: 17px; }
.add-service-card select:focus { box-shadow: 0 0 0 1px var(--yellow); }
.add-service-card textarea { min-height: 220px; resize: vertical; }
.file-upload-btn { background: #343434; border-radius: 11px; color: #fff !important; align-items: center; justify-content: center; flex-direction: row !important; height: 52px; font-weight: 800; font-size: 16px !important; }
.file-upload-btn input { display: none; }
.file-upload-btn span { font-size: 22px; transform: rotate(-35deg); }
@media (max-width: 420px) {
  .service-detail-cover { height: 180px; }
  .service-provider-card { padding: 14px; }
  .service-open-deal { height: 54px; }
  .add-service-title-row h1 { font-size: 24px; }
  .add-service-card textarea { min-height: 220px; }
}


/* v62 force add service layout */
#add-service-screen.add-service-screen{padding:14px 14px 104px!important;gap:16px!important;min-height:var(--tg-vh,100vh)!important;background:transparent!important;}
#add-service-screen .brand-header{padding-top:6px!important;padding-bottom:10px!important;justify-content:center!important;}
#add-service-screen .add-service-title-row{display:flex!important;align-items:center!important;gap:14px!important;margin:0!important;padding:0!important;}
#add-service-screen #add-service-back{width:34px!important;height:30px!important;border-radius:0!important;background:#f4f4f4!important;color:#111!important;font-size:20px!important;line-height:1!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;}
#add-service-screen .add-service-title-row h1{margin:0!important;color:#fff!important;font-size:28px!important;line-height:1.12!important;font-weight:900!important;letter-spacing:-.4px!important;}
#add-service-form.add-service-card{width:100%!important;margin:0!important;padding:14px!important;display:flex!important;flex-direction:column!important;gap:16px!important;background:#242424!important;border-radius:18px!important;border:0!important;box-shadow:none!important;}
#add-service-form.add-service-card label{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important;color:#9a9a9a!important;font-size:15px!important;line-height:1.2!important;font-weight:400!important;}
#add-service-form.add-service-card input[type="text"],
#add-service-form.add-service-card select,
#add-service-form.add-service-card textarea{display:block!important;width:100%!important;max-width:none!important;margin:0!important;border:0!important;outline:0!important;border-radius:11px!important;background:#171717!important;color:#fff!important;padding:14px 16px!important;font-size:17px!important;line-height:1.35!important;box-shadow:none!important;appearance:none!important;-webkit-appearance:none!important;}
#add-service-form.add-service-card select{height:56px!important;background-image:linear-gradient(45deg, transparent 50%, #9a9a9a 50%),linear-gradient(135deg, #9a9a9a 50%, transparent 50%)!important;background-position:calc(100% - 24px) 24px,calc(100% - 16px) 24px!important;background-size:8px 8px,8px 8px!important;background-repeat:no-repeat!important;padding-right:46px!important;}
#add-service-form.add-service-card textarea{min-height:220px!important;resize:vertical!important;}
#add-service-form.add-service-card input::placeholder,
#add-service-form.add-service-card textarea::placeholder{color:#8f8f8f!important;opacity:1!important;}
#add-service-form .file-upload-btn{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;height:52px!important;border-radius:11px!important;background:#343434!important;color:#fff!important;font-size:16px!important;font-weight:800!important;gap:8px!important;cursor:pointer!important;}
#add-service-form .file-upload-btn input{display:none!important;}
#add-service-form .file-upload-btn span{font-size:23px!important;line-height:1!important;transform:rotate(-35deg)!important;}
#add-service-form .add-service-submit{width:100%!important;height:56px!important;border-radius:10px!important;background:#ffe100!important;color:#111!important;font-size:18px!important;font-weight:900!important;border:0!important;}


/* v63 add service exact ui */
#add-service-screen.add-service-screen{align-items:stretch;}
#add-service-screen .brand-header{margin-bottom:0;}
#add-service-screen .brand-logo{width:46px;height:46px;}
#add-service-screen .add-service-title-row{margin-top:2px;}
#add-service-screen .add-service-card{position:relative;}
#add-service-screen .bottom-nav{margin-top:auto;}
#add-service-screen .file-upload-btn:active{transform:translateY(1px);}
#add-service-screen .custom-select-menu::-webkit-scrollbar{width:4px;}
#add-service-screen .custom-select-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.26);border-radius:99px;}
#add-service-screen .custom-select-menu::-webkit-scrollbar-track{background:transparent;}
@media (max-width: 480px){
  #add-service-screen.add-service-screen{padding:10px 12px 104px!important;}
  #add-service-screen .add-service-title-row h1{font-size:21px!important;}
}


/* v64 add service small fixes */
#add-service-screen .file-upload-btn .file-upload-text{display:block!important;transform:none!important;font-size:15px!important;line-height:1.2!important;font-weight:600!important;color:#fff!important;white-space:normal!important;text-align:center!important;}
#add-service-screen .add-service-field:focus-within .add-service-input,
#add-service-screen .add-service-field:focus-within .add-service-textarea{border-color:var(--yellow)!important;box-shadow:0 0 0 1px rgba(245,221,8,.12)!important;}
#add-service-screen .add-service-input:focus,
#add-service-screen .add-service-textarea:focus{border-color:var(--yellow)!important;box-shadow:0 0 0 1px rgba(245,221,8,.12)!important;caret-color:var(--yellow)!important;}

/* v65 add service focus/upload tune */
#add-service-screen .add-service-field:focus-within .add-service-input,
#add-service-screen .add-service-field:focus-within .add-service-textarea,
#add-service-screen .add-service-input:focus,
#add-service-screen .add-service-textarea:focus,
#add-service-screen .custom-select.open .custom-select-toggle{
  border-color:#ffe100!important;
  box-shadow:0 0 0 2px rgba(255,225,0,.42),0 0 14px rgba(255,225,0,.18)!important;
  caret-color:#ffe100!important;
}
#add-service-screen .file-upload-btn{
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  white-space:nowrap!important;
  padding:0 12px!important;
}
#add-service-screen .file-upload-btn svg{
  flex:0 0 auto!important;
}
#add-service-screen .file-upload-btn .file-upload-text{
  display:inline-block!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  transform:none!important;
}
@media (max-width: 390px){
  #add-service-screen .file-upload-btn .file-upload-text{font-size:14px!important;}
  #add-service-screen .file-upload-btn{gap:6px!important;padding:0 10px!important;}
}

/* v66 upload inline fix */
#add-service-screen .file-upload-btn{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
#add-service-screen .file-upload-btn .file-upload-inline{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
}
#add-service-screen .file-upload-btn .file-upload-inline svg{
  width:19px!important;
  height:19px!important;
  flex:0 0 auto!important;
}
#add-service-screen .file-upload-btn .file-upload-text{
  display:inline-block!important;
  white-space:nowrap!important;
  transform:none!important;
}


/* v67 upload button final inline fix */
#add-service-screen .file-upload-btn{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:0!important;white-space:nowrap!important;overflow:hidden!important;}
#add-service-screen .file-upload-btn .file-upload-inline{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:nowrap!important;white-space:nowrap!important;transform:none!important;}
#add-service-screen .file-upload-btn .file-upload-label{display:inline-block!important;font-size:15px!important;font-weight:600!important;line-height:1.2!important;color:#fff!important;white-space:nowrap!important;transform:none!important;}
#add-service-screen .file-upload-btn span{transform:none!important;}
#add-service-screen .file-upload-btn svg{transform:none!important;flex:0 0 auto!important;}


/* v68 attached file preview + profile service cards */
.attached-file-preview{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:-4px;
}
.attached-file-preview.hidden{display:none!important;}
.attached-file-title{
  font-size:15px;
  line-height:1.2;
  font-weight:700;
  color:#fff;
}
.attached-file-card{
  height:64px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.24);
  background:#171717;
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 12px;
}
.attached-file-thumb{
  width:42px;
  height:42px;
  border-radius:3px;
  object-fit:cover;
  background:#2b2b2b;
  flex:0 0 auto;
}
.attached-file-icon{
  width:42px;
  height:42px;
  border-radius:3px;
  background:#2b2b2b;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  flex:0 0 auto;
}
.attached-file-info{
  min-width:0;
  flex:1;
}
.attached-file-name{
  font-size:14px;
  font-weight:800;
  color:#fff;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.attached-file-size{
  margin-top:2px;
  font-size:12px;
  color:#9a9a9a;
}
.attached-file-remove{
  width:34px;
  height:34px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.28);
  background:#202020;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:17px;
  flex:0 0 auto;
}

.profile-services-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.profile-service-card{
  position:relative;
  overflow:hidden;
  min-height:210px;
  border-radius:18px;
  background:#242424;
  padding:14px;
  box-shadow:var(--shadow);
}
.profile-service-title{
  position:relative;
  z-index:2;
  font-size:16px;
  line-height:1.15;
  font-weight:800;
  color:#fff;
  margin-bottom:12px;
}
.profile-service-media{
  position:absolute;
  left:14px;
  right:14px;
  top:48px;
  bottom:42px;
  border-radius:7px;
  overflow:hidden;
  background:#1a1a1a;
}
.profile-service-media img,
.profile-service-media video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.profile-service-media-fallback{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#141414,#383838);
  color:#777;
  font-size:13px;
}
.profile-service-footer{
  position:absolute;
  left:14px;
  bottom:14px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-width:34px;
  height:22px;
  padding:0 8px;
  border-radius:10px;
  background:#383838;
  color:#fff;
  font-size:13px;
  font-weight:700;
}
.profile-reviews-empty{
  background:linear-gradient(180deg, rgba(38,38,38,.96), rgba(28,28,28,.96));
  border-radius:18px;
  min-height:150px;
  padding:24px 16px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:#9a9a9a;
}


/* v69 attached file trash + category submit fix visual */
.attached-file-remove svg{
  width:18px!important;
  height:18px!important;
  stroke:#fff!important;
  stroke-width:1.9!important;
  fill:none!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  display:block!important;
}
.attached-file-remove{
  font-size:0!important;
}

/* v70 upload size backend fix marker */

/* v71 image auto-compress + service category counts */


/* v72 PIN screen layout tune */
#pin-screen{
  max-width:520px;
  margin:0 auto;
  gap:6px!important;
  padding-bottom:20px;
}
#pin-screen .brand-header.compact{
  padding-top:8px!important;
  padding-bottom:4px!important;
}
#pin-screen .brand-logo{
  width:46px!important;
  height:46px!important;
}
#pin-screen .intro-card{
  background:#242424!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
  padding:18px 20px 16px!important;
  min-height:92px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
#pin-screen .intro-card h1{
  margin:0 0 8px!important;
  font-size:21px!important;
  line-height:1.15!important;
  font-weight:800!important;
  color:#fff!important;
}
#pin-screen .intro-card p{
  max-width:310px!important;
  margin:0 auto!important;
  font-size:14px!important;
  line-height:1.18!important;
  color:#9a9a9a!important;
}
#pin-screen .pin-warning{
  max-width:270px!important;
  margin:8px auto 0!important;
  font-size:12px!important;
  line-height:1.18!important;
  font-weight:700!important;
  color:#fff!important;
}
#pin-screen .keypad-card{
  margin-top:0!important;
  background:#242424!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:none!important;
  min-height:640px!important;
  padding:120px 70px 54px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
#pin-screen .pin-dots{
  gap:34px!important;
  margin:0 0 130px!important;
}
#pin-screen .dot{
  width:13px!important;
  height:13px!important;
  background:#666!important;
}
#pin-screen .dot.active,
#pin-screen .dot.filled{
  background:#8f8f8f!important;
  box-shadow:none!important;
}
#pin-screen .keypad-grid{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:46px 72px!important;
  margin-top:0!important;
}
#pin-screen .keypad-btn{
  height:42px!important;
  min-width:42px!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#fff!important;
  font-size:26px!important;
  line-height:1!important;
  font-weight:800!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
#pin-screen .keypad-icon{
  font-size:0!important;
  color:#fff!important;
}
#pin-screen .keypad-icon::before{
  content:"⌫";
  font-size:26px!important;
  line-height:1!important;
  font-weight:800!important;
}
@media (max-width:560px){
  #pin-screen .keypad-card{min-height:590px!important;padding:110px 46px 44px!important;}
  #pin-screen .keypad-grid{gap:42px 54px!important;}
  #pin-screen .pin-dots{margin-bottom:120px!important;}
}


/* v73 profile sync + pin checking/backspace */
.pin-checking{display:none;align-items:center;justify-content:center;margin:10px 0 0;color:#9b9b9b;font-size:18px;line-height:1.2;font-weight:500;min-height:32px;}
#pin-screen .keypad-card.checking-mode .pin-checking{display:flex;}
#pin-screen .keypad-card.checking-mode .keypad-grid{opacity:.2;pointer-events:none;}
#pin-screen .keypad-card.checking-mode .keypad-btn{opacity:1;}
#pin-screen .keypad-card.checking-mode .pin-error,
#pin-screen .keypad-card.checking-mode .pin-success{display:none!important;}
#pin-screen .dot.filled.checking,
#pin-screen .keypad-card.checking-mode .dot,
#pin-screen .keypad-card.checking-mode .dot.filled,
#pin-screen .keypad-card.checking-mode .dot.active{background:#efefef!important;box-shadow:none!important;}
#pin-screen .keypad-card.checking-mode .dot{opacity:1!important;}
#pin-screen .keypad-card.checking-mode .keypad-icon{opacity:.65;}
#pin-screen .keypad-icon{position:relative;font-size:0!important;line-height:0!important;}
#pin-screen .keypad-icon::before{content:""!important;display:block;width:30px;height:22px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='24' viewBox='0 0 32 24' fill='none'%3E%3Cpath d='M11.2 4H27a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H11.2a4 4 0 0 1-2.828-1.172L3.545 14A2.828 2.828 0 0 1 3.545 10l4.827-4.828A4 4 0 0 1 11.2 4Z' stroke='%23F1F1F1' stroke-width='2'/%3E%3Cpath d='m14 9 8 8M22 9l-8 8' stroke='%23F1F1F1' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");}
#pin-screen .keypad-card.success-mode .pin-checking{display:none!important;}
@media (max-width:560px){
  .pin-checking{font-size:17px;}
}


/* v74 pin checking safeguard */
#pin-screen .pin-checking.hidden{display:none!important;}
#pin-screen .keypad-card.checking-mode .pin-checking{display:flex!important;}
#pin-screen .keypad-card.checking-mode .keypad-grid{opacity:.22!important;pointer-events:none!important;}
#pin-screen .keypad-card.checking-mode .dot,
#pin-screen .keypad-card.checking-mode .dot.filled,
#pin-screen .keypad-card.checking-mode .dot.active{
  background:#efefef!important;
  box-shadow:none!important;
}


/* v75 reviews counter sync + pin checking typography */
#pin-screen .pin-checking{
  margin: 26px 0 0 !important;
  min-height: 24px !important;
  color: #8b8b8b !important;
  font-size: 15px !important;
  line-height: 18px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
}
#pin-screen .keypad-card.checking-mode .pin-checking{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
@media (max-width:560px){
  #pin-screen .pin-checking{
    margin-top: 24px !important;
    font-size: 14px !important;
    line-height: 17px !important;
  }
}


/* v76 pin checking spacing tune */
#pin-screen .keypad-card.checking-mode .pin-dots{
  margin-bottom: 72px !important;
}
#pin-screen .keypad-card.checking-mode .pin-checking{
  margin: 0 0 8px !important;
  min-height: 20px !important;
  font-size: 14px !important;
  line-height: 17px !important;
  font-weight: 400 !important;
  color: #8f8f8f !important;
}
#pin-screen .keypad-card.checking-mode .keypad-grid{
  margin-top: 0 !important;
}
@media (max-width:560px){
  #pin-screen .keypad-card.checking-mode .pin-dots{margin-bottom: 68px !important;}
  #pin-screen .keypad-card.checking-mode .pin-checking{
    margin: 0 0 6px !important;
    font-size: 14px !important;
    line-height: 17px !important;
  }
}


/* v77 pin checking move upward */
#pin-screen .keypad-card.checking-mode .pin-dots{
  margin-bottom: 32px !important;
}
#pin-screen .keypad-card.checking-mode .pin-checking{
  margin: 0 0 30px !important;
  min-height: 20px !important;
}
@media (max-width:560px){
  #pin-screen .keypad-card.checking-mode .pin-dots{
    margin-bottom: 30px !important;
  }
  #pin-screen .keypad-card.checking-mode .pin-checking{
    margin: 0 0 28px !important;
  }
}


/* v78 other profile mode */
.action-grid.other-profile-actions{
  grid-template-columns:1fr 1fr!important;
}
.action-grid.other-profile-actions .action-btn--wide{
  grid-column:1 / -1!important;
}

/* v79 other profile services/nav fix */


/* v80 help screen support contacts */
.help-wrap{
  width:min(100%, 540px);
  margin:0 auto;
  padding:0 16px 110px;
}
.help-wrap h1{
  margin:4px 0 14px;
  font-size:24px;
  line-height:1.15;
  font-weight:800;
  color:#fff;
}
.help-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  margin-bottom:14px;
}
.help-tab{
  height:44px;
  border:0;
  border-radius:8px;
  background:#3a3a3a;
  color:#fff;
  font-size:16px;
  font-weight:700;
}
.help-tab.active{
  background:var(--yellow);
  color:#111;
}
.help-list{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.help-contact-card{
  width:100%;
  height:70px;
  border:0;
  border-radius:15px;
  background:#252525;
  display:flex;
  align-items:center;
  gap:13px;
  padding:11px 16px;
  text-align:left;
  color:#fff;
}
.help-contact-avatar{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#333;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:800;
  flex:0 0 auto;
  overflow:hidden;
}
.help-contact-info{
  min-width:0;
  flex:1;
}
.help-contact-name{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:16px;
  line-height:1.15;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.help-role-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:17px;
  padding:0 5px;
  border-radius:6px;
  background:var(--yellow);
  color:#111;
  font-size:11px;
  font-weight:900;
  flex:0 0 auto;
}
.help-contact-handle{
  margin-top:4px;
  font-size:13px;
  color:#8f8f8f;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.help-empty{
  min-height:70px;
  border-radius:15px;
  background:#252525;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#9a9a9a;
  font-size:15px;
}

/* v81 force help nav marker */


/* v82 alerts screens */
.alerts-wrap{
  width:min(100%,540px);
  margin:0 auto;
  padding:0 16px 110px;
}
.alerts-wrap h1{
  margin:4px 0 14px;
  font-size:24px;
  line-height:1.15;
  font-weight:800;
  color:#fff;
}
.alerts-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:14px;
}
.alerts-tab{
  height:40px;
  border:0;
  border-radius:10px;
  background:#3a3a3a;
  color:#fff;
  font-size:15px;
  font-weight:700;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.alerts-tab.active{background:var(--yellow);color:#111;}
.alerts-tab-count{
  min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#1f1f1f;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;
}
.alerts-tab.active .alerts-tab-count{background:#111;color:var(--yellow);}
.alerts-list{display:flex;flex-direction:column;gap:8px;}
.alert-item{
  width:100%;border:0;border-radius:14px;background:#252525;color:#fff;text-align:left;padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;
}
.alert-item-title{font-size:16px;line-height:1.2;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.alert-item-time{font-size:14px;line-height:1.2;color:#9d9d9d;align-self:start;}
.alert-item-message{grid-column:1 / 2;font-size:14px;line-height:1.35;color:#a7a7a7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.alert-item-status{grid-column:1 / 2;font-size:13px;line-height:1.25;color:#f5dd08;font-weight:700;}
.alert-item-dot{grid-column:2 / 3;justify-self:end;align-self:end;width:8px;height:8px;border-radius:50%;background:#ff5a5a;}
.alert-item.is-read .alert-item-dot{opacity:0;background:#5a5a5a;}
.alert-item.is-read .alert-item-title{color:#e5e5e5;}
.alert-item.is-read .alert-item-message{color:#8d8d8d;}
.alerts-empty-card{min-height:320px;border-radius:18px;background:#252525;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px 18px;}
.alerts-empty-title{font-size:20px;line-height:1.2;font-weight:800;color:#fff;margin-bottom:10px;}
.alerts-empty-subtitle{font-size:16px;line-height:1.4;color:#8d8d8d;}
.alert-detail-screen{padding:0 0 104px;}
.alert-detail-wrap{width:min(100%,540px);margin:0 auto;padding:0 16px 0;}
.alert-detail-card,.alert-detail-party,.alert-detail-conditions{background:#252525;border-radius:16px;padding:14px 16px;color:#fff;}
.alert-detail-card{margin-bottom:12px;}
.alert-detail-kicker{font-size:14px;color:#9a9a9a;margin-bottom:6px;}
.alert-detail-main-title{font-size:28px;line-height:1.1;font-weight:800;margin-bottom:4px;color:#fff;word-break:break-word;}
.alert-detail-date{font-size:14px;color:#8f8f8f;margin-bottom:14px;}
.alert-detail-sum-box{background:#161616;border-radius:14px;padding:18px 16px;text-align:center;}
.alert-detail-sum-label{font-size:15px;color:#9d9d9d;margin-bottom:8px;}
.alert-detail-sum-value{font-size:23px;line-height:1.1;font-weight:900;color:var(--yellow);margin-bottom:3px;}
.alert-detail-sum-sub{font-size:15px;line-height:1.2;color:#b9b9b9;margin-bottom:10px;}
.alert-detail-status{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 14px;border-radius:999px;background:rgba(245,221,8,.16);color:#f5dd08;font-size:14px;font-weight:800;}
.alert-detail-parties{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;}
.alert-detail-party-title{font-size:16px;line-height:1.2;font-weight:700;color:#fff;margin-bottom:10px;}
.alert-detail-party-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.alert-detail-party-avatar{width:48px;height:48px;border-radius:12px;background:#181818;object-fit:cover;flex:0 0 auto;}
.alert-detail-party-name{font-size:18px;line-height:1.1;font-weight:800;color:#fff;}
.alert-detail-party-handle{font-size:14px;color:#8f8f8f;margin-top:4px;}
.alert-detail-party-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.alert-detail-party-stat{background:#1b1b1b;border-radius:12px;padding:11px 12px;text-align:center;}
.alert-detail-party-stat-value{font-size:18px;line-height:1.1;font-weight:900;color:var(--yellow);}
.alert-detail-party-stat-label{font-size:14px;line-height:1.2;color:#8e8e8e;margin-top:6px;}
.alert-detail-conditions-title{font-size:18px;line-height:1.2;font-weight:800;color:#fff;margin-bottom:10px;}
.alert-detail-conditions-text{font-size:15px;line-height:1.45;color:#d1d1d1;white-space:pre-wrap;word-break:break-word;}


/* v83 reupload alerts ui tune */
.alerts-wrap h1{
  font-size:23px!important;
  font-weight:700!important;
}
.alerts-tabs{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin-bottom:16px!important;
}
.alerts-tab{
  width:100%!important;
  min-width:0!important;
  justify-content:center!important;
  padding:0 8px!important;
  font-size:13px!important;
  font-weight:600!important;
  white-space:nowrap!important;
}
.alert-item-title{
  font-size:15px!important;
  font-weight:700!important;
}
.alert-item-message{
  font-weight:400!important;
}
.alerts-empty-title{
  font-weight:700!important;
}
.bottom-nav{
  padding:8px 8px 12px!important;
}
.nav-item{
  min-height:56px!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:12px!important;
}
.nav-item.active{
  color:var(--yellow)!important;
}
.nav-item.active .nav-label{
  font-weight:600!important;
}
.nav-item--notice::after{
  display:none!important;
}
.nav-item--notice.has-notice::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:3px!important;
  right:16px!important;
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  background:var(--yellow)!important;
  box-shadow:0 0 0 2px rgba(32,32,32,.96)!important;
}
.nav-icon{
  width:22px!important;
  height:22px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:21px!important;
  line-height:1!important;
}
.nav-label{
  font-size:12px!important;
  font-weight:500!important;
}
.nav-item[data-nav="search"] .nav-icon{font-size:0!important;}
.nav-item[data-nav="search"] .nav-icon::before{content:"⌕";font-size:24px;line-height:1;}
.nav-item[data-nav="deals"] .nav-icon{font-size:0!important;}
.nav-item[data-nav="deals"] .nav-icon::before{content:"▣";font-size:22px;line-height:1;}
.nav-item[data-nav="help"] .nav-icon{font-size:0!important;}
.nav-item[data-nav="help"] .nav-icon::before{content:"◔";font-size:24px;line-height:1;}
.nav-item[data-nav="alerts"] .nav-icon{font-size:0!important;}
.nav-item[data-nav="alerts"] .nav-icon::before{content:"♢";font-size:24px;line-height:1;}
.nav-item[data-nav="alerts"].has-notice .nav-icon::before,
.nav-item.active[data-nav="alerts"] .nav-icon::before{content:"♢";}
.nav-item[data-nav="profile"] .nav-icon{font-size:0!important;}
.nav-item[data-nav="profile"] .nav-icon::before{content:"◎";font-size:24px;line-height:1;}
@media (max-width:430px){
  .alerts-tab{font-size:12px!important;padding:0 5px!important;}
  .nav-label{font-size:11px!important;}
  .nav-item--notice.has-notice::after{right:12px!important;}
}


/* v84 bottom nav icons final */
.bottom-nav{
  padding:8px 10px 12px !important;
}
.nav-item{
  min-height:56px !important;
  gap:5px !important;
  color:#9e9e9e !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.nav-item.active{
  color:var(--yellow) !important;
}
.nav-label{
  font-size:12px !important;
  font-weight:500 !important;
  line-height:1.1 !important;
}
.nav-item.active .nav-label{
  font-weight:600 !important;
}
.nav-icon{
  width:22px !important;
  height:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:0 !important;
  line-height:0 !important;
  position:relative !important;
}
.nav-icon::before{
  content:'' !important;
  width:22px !important;
  height:22px !important;
  display:block !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:contain !important;
}
.nav-item--notice::after{display:none !important;}
.nav-item--notice.has-notice::after{
  content:'' !important;
  display:block !important;
  position:absolute !important;
  top:3px !important;
  right:16px !important;
  width:9px !important;
  height:9px !important;
  border-radius:50% !important;
  background:var(--yellow) !important;
  box-shadow:0 0 0 2px rgba(33,33,33,.95) !important;
}
.nav-item[data-nav="search"] .nav-icon::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239e9e9e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4.2-4.2'/%3E%3C/svg%3E") !important;
}
.nav-item.active[data-nav="search"] .nav-icon::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f5dd08' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4.2-4.2'/%3E%3C/svg%3E") !important;
}
.nav-item[data-nav="deals"] .nav-icon::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239e9e9e' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h16v10.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 18V7.5z'/%3E%3Cpath d='M8 7.5V6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1.5'/%3E%3Cpath d='M9.5 12h5'/%3E%3Cpath d='M12 9.5v5'/%3E%3C/svg%3E") !important;
}
.nav-item.active[data-nav="deals"] .nav-icon::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f5dd08' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7.5h16v10.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 18V7.5z'/%3E%3Cpath d='M8 7.5V6a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v1.5'/%3E%3Cpath d='M9.5 12h5'/%3E%3Cpath d='M12 9.5v5'/%3E%3C/svg%3E") !important;
}
.nav-item[data-nav="help"] .nav-icon::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239e9e9e' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12V11a7.5 7.5 0 0 1 15 0v1'/%3E%3Crect x='4' y='11' width='3.5' height='6' rx='1.5'/%3E%3Crect x='16.5' y='11' width='3.5' height='6' rx='1.5'/%3E%3Cpath d='M7.5 17.2A4.8 4.8 0 0 0 12 20h1.2'/%3E%3C/svg%3E") !important;
}
.nav-item.active[data-nav="help"] .nav-icon::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f5dd08' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12V11a7.5 7.5 0 0 1 15 0v1'/%3E%3Crect x='4' y='11' width='3.5' height='6' rx='1.5'/%3E%3Crect x='16.5' y='11' width='3.5' height='6' rx='1.5'/%3E%3Cpath d='M7.5 17.2A4.8 4.8 0 0 0 12 20h1.2'/%3E%3C/svg%3E") !important;
}
.nav-item[data-nav="alerts"] .nav-icon::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239e9e9e' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4a4 4 0 0 0-4 4v1.7c0 1.2-.4 2.4-1.1 3.4l-1 1.3a.9.9 0 0 0 .72 1.46h10.76a.9.9 0 0 0 .72-1.46l-1-1.3A5.6 5.6 0 0 1 16 9.7V8a4 4 0 0 0-4-4Z'/%3E%3Cpath d='M10 18a2 2 0 0 0 4 0'/%3E%3C/svg%3E") !important;
}
.nav-item.active[data-nav="alerts"] .nav-icon::before,
.nav-item[data-nav="alerts"].has-notice .nav-icon::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f5dd08' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4a4 4 0 0 0-4 4v1.7c0 1.2-.4 2.4-1.1 3.4l-1 1.3a.9.9 0 0 0 .72 1.46h10.76a.9.9 0 0 0 .72-1.46l-1-1.3A5.6 5.6 0 0 1 16 9.7V8a4 4 0 0 0-4-4Z'/%3E%3Cpath d='M10 18a2 2 0 0 0 4 0'/%3E%3C/svg%3E") !important;
}
.nav-item[data-nav="profile"] .nav-icon::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%239e9e9e' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5.5 19a6.5 6.5 0 0 1 13 0'/%3E%3C/svg%3E") !important;
}
.nav-item.active[data-nav="profile"] .nav-icon::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f5dd08' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5.5 19a6.5 6.5 0 0 1 13 0'/%3E%3C/svg%3E") !important;
}
@media (max-width:430px){
  .nav-label{font-size:11px !important;}
  .nav-item--notice.has-notice::after{right:12px !important;}
}

/* v85 deals flow */
.deal-screen-wrap,.deals-wrap,.deal-detail-content{display:flex;flex-direction:column;gap:14px;width:100%;max-width:520px;margin:0 auto;}
.deal-create-party-card,.deal-form-card,.deal-success-card,.deal-detail-summary-card,.deal-party-card,.deal-conditions-card,.deals-filter-toggle,.deal-list-card{
  background:linear-gradient(180deg,rgba(38,38,38,.96),rgba(28,28,28,.96));
  border:1px solid rgba(255,255,255,.03);
  border-radius:24px;
  box-shadow:var(--shadow);
}
.deal-create-party-card{padding:22px 16px 16px;text-align:center;align-items:center;display:flex;flex-direction:column;gap:14px;}
.deal-create-avatars{display:flex;justify-content:center;align-items:center;gap:0;}
.deal-create-avatar{width:74px;height:74px;border-radius:50%;object-fit:cover;border:4px solid #0c0c0c;background:#222;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
.deal-create-avatar + .deal-create-avatar{margin-left:-10px;}
.deal-create-title{font-size:22px;font-weight:800;line-height:1.15;color:#fff;max-width:280px;}
.deal-create-title span{display:block;color:var(--yellow);}
.deal-form-card{padding:16px 0 0;overflow:hidden;}
.deal-field-block{padding:0 16px 16px;border-bottom:1px solid rgba(255,255,255,.08);}
.deal-field-block:last-of-type{border-bottom:none;}
.deal-field-label{display:block;font-size:16px;font-weight:800;margin:0 0 12px;color:#fff;}
.deal-input,.deal-select,.deal-textarea{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.05);background:#171717;color:#fff;padding:14px 16px;font-size:16px;outline:none;box-shadow:none;}
.select,select{appearance:none;-webkit-appearance:none;}
.deal-select-wrap{position:relative;}
.deal-select-wrap::after{content:'⌄';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;color:#9b9b9b;pointer-events:none;}
.deal-input:focus,.deal-select:focus,.deal-textarea:focus{border-color:var(--yellow);}
.deal-input.is-error,.deal-select.is-error,.deal-textarea.is-error{border-color:#ff4d4d !important;color:#fff;}
.deal-amount-row{position:relative;margin-top:12px;}
.deal-input--amount{padding-right:120px;}
.deal-amount-suffix{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:16px;color:#8f9bb2;pointer-events:none;}
.deal-textarea{min-height:140px;resize:vertical;}
.deal-field-counter{margin-top:8px;color:#a0a0a0;font-size:14px;}
.deal-field-error{margin-top:6px;color:#ff4040;font-size:14px;}
.deal-form-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px;}
.deal-success-card{padding:22px 16px;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;}
.deal-success-title{font-size:20px;font-weight:800;}
.deal-success-subtitle{font-size:16px;color:#b9b9b9;}
.deal-success-btn{width:100%;}
.deals-heading{margin:0;font-size:22px;font-weight:800;}
.deals-top-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;}
.deals-top-tab{height:54px;border-radius:14px;background:#3b3b3b;color:#fff;font-size:16px;font-weight:700;}
.deals-top-tab.active{background:var(--yellow);color:#111;}
.deals-filter-wrap{position:relative;}
.deals-filter-toggle{width:100%;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(180deg,rgba(38,38,38,.96),rgba(28,28,28,.96));color:#fff;font-size:16px;}
.deals-filter-icons{display:flex;gap:12px;color:#a9a9a9;align-items:center;}
.deals-status-menu{position:absolute;left:0;right:0;top:58px;background:linear-gradient(180deg,rgba(38,38,38,.98),rgba(28,28,28,.98));border:1px solid rgba(255,255,255,.05);border-radius:20px;box-shadow:var(--shadow);padding:10px 0;z-index:20;}
.deals-status-option{display:block;width:100%;text-align:left;background:transparent;color:#bdbdbd;padding:12px 18px;font-size:16px;}
.deals-status-option.active,.deals-status-option:hover{color:var(--yellow);}
.deals-list{display:flex;flex-direction:column;gap:12px;}
.deal-list-card{width:100%;text-align:left;padding:14px 14px 16px;background:linear-gradient(180deg,rgba(38,38,38,.96),rgba(28,28,28,.96));color:#fff;}
.deal-list-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px;}
.deal-list-status{display:inline-flex;padding:4px 10px;border-radius:999px;background:#4a4a4a;color:#bdbdbd;font-size:13px;}
.deal-list-date{font-size:14px;color:#9d9d9d;}
.deal-list-title{font-size:20px;font-weight:800;line-height:1.15;margin-bottom:12px;word-break:break-word;}
.deal-list-main{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;}
.deal-list-user{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;}
.deal-list-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;background:#222;}
.deal-online-dot{width:8px;height:8px;border-radius:50%;background:#46d058;display:inline-block;}
.deal-list-amount{font-size:16px;font-weight:800;color:#fff;white-space:nowrap;}
.deals-empty{padding:28px 14px;border-radius:20px;background:rgba(255,255,255,.03);text-align:center;color:#9d9d9d;}
.deal-detail-summary-card{padding:14px 14px 16px;display:flex;flex-direction:column;gap:8px;}
.deal-detail-number,.deal-detail-date{font-size:14px;color:#9d9d9d;}
.deal-detail-title{font-size:20px;font-weight:800;line-height:1.18;}
.deal-detail-amount-card{margin-top:8px;background:#171717;border-radius:16px;padding:18px 16px;text-align:center;}
.deal-detail-amount-label{color:#8f8f8f;font-size:14px;}
.deal-detail-amount-main{font-size:22px;font-weight:800;color:var(--yellow);margin-top:8px;}
.deal-detail-amount-sub{font-size:16px;color:#ddd;margin-top:4px;}
.deal-detail-status-card{background:#171717;border-radius:16px;padding:12px 14px;display:flex;align-items:center;gap:10px;}
.deal-detail-status-icon{font-size:20px;color:#8f8f8f;}
.deal-detail-status-label{font-size:14px;color:#8f8f8f;}
.deal-detail-status-value{font-size:16px;color:#fff;}
.deal-party-card{padding:14px;display:flex;flex-direction:column;gap:14px;}
.deal-party-head{display:flex;gap:12px;align-items:flex-start;}
.deal-party-head-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#222;}
.deal-party-head-title{font-size:16px;font-weight:800;color:#fff;}
.deal-party-head-name{font-size:16px;font-weight:700;color:#fff;margin-top:2px;}
.deal-party-head-handle{font-size:14px;color:#9d9d9d;margin-top:2px;}
.deal-party-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.deal-party-stat-box{background:radial-gradient(circle at 100% 0%,rgba(245,221,8,.05),transparent 42%),#171717;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:14px 12px;text-align:center;color:#fff;}
.deal-party-stat-btn{cursor:pointer;}
.deal-party-stat-value{font-size:16px;font-weight:800;color:var(--yellow);}
.deal-party-stat-label{font-size:14px;color:#bdbdbd;margin-top:4px;}
.deal-conditions-card{padding:16px;}
.deal-conditions-title{font-size:18px;font-weight:800;margin-bottom:10px;}
.deal-conditions-text{font-size:16px;line-height:1.45;color:#cfcfcf;white-space:pre-wrap;word-break:break-word;}
.deposit-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;}
.deposit-modal.hidden{display:none !important;}
.deposit-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.72);}
.deposit-modal-sheet{position:relative;z-index:1;width:100%;background:linear-gradient(180deg,rgba(45,45,45,.98),rgba(31,31,31,.98));border-top-left-radius:18px;border-top-right-radius:18px;padding:14px 14px 16px;min-height:260px;max-height:76vh;overflow:auto;}
.deposit-modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;}
.deposit-modal-title{font-size:18px;font-weight:800;color:#fff;}
.deposit-modal-close{background:transparent;color:#9a9a9a;font-size:34px;line-height:1;padding:0 6px;}
.deposit-modal-body{display:flex;flex-direction:column;gap:10px;}
.deposit-empty-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:180px;color:#c7c7c7;gap:8px;}
.deposit-empty-icon{width:44px;height:44px;border-radius:50%;border:1px dashed rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#8d8d8d;}
.deposit-empty-title{font-size:18px;font-weight:800;color:#fff;}
.deposit-empty-subtitle{font-size:14px;color:#8f8f8f;}
.deposit-asset-row{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#171717;border-radius:16px;padding:12px 14px;}
.deposit-asset-left{display:flex;align-items:center;gap:12px;min-width:0;}
.deposit-asset-icon{width:40px;height:40px;border-radius:50%;background:#0e9f79;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;flex:0 0 auto;}
.deposit-asset-title{font-size:16px;font-weight:800;color:#fff;}
.deposit-asset-sub{font-size:14px;color:#a2a2a2;}
.deposit-asset-right{text-align:right;}
.deposit-asset-amount{font-size:16px;font-weight:800;color:#fff;}
.deposit-asset-usd{font-size:14px;color:#8f8f8f;}
.deposit-modal-footer-btn{width:100%;margin-top:14px;height:42px;border-radius:12px;background:#343434;color:#fff;font-weight:700;}
.deposit-loading{padding:28px;text-align:center;color:#cfcfcf;}
@media (max-width:560px){
  .deal-screen-wrap,.deals-wrap,.deal-detail-content{max-width:none;}
}

.deal-input--amount{appearance:textfield;-moz-appearance:textfield;}
.deal-input--amount::-webkit-outer-spin-button,.deal-input--amount::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.deal-select option:checked,.deal-select option:hover{background:#f5dd08;color:#111;}
.deal-select option[disabled]{color:#777;}

/* v95 deal custom select perfection tune */
.deal-native-select-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  left:-9999px!important;
  display:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.deal-custom-select{
  position:relative!important;
  z-index:12!important;
}
.deal-field-block:has(.deal-custom-select.open){
  overflow:visible!important;
  position:relative!important;
  z-index:30!important;
}
.deal-form-card:has(.deal-custom-select.open){
  overflow:visible!important;
}
.deal-custom-select::after,
.deal-select-wrap.deal-custom-select::after{
  display:none!important;
  content:none!important;
}
.deal-custom-select-toggle{
  width:100%!important;
  min-height:52px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  background:#141414!important;
  color:#fff!important;
  padding:0 16px 0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1!important;
  box-shadow:none!important;
  outline:none!important;
  -webkit-tap-highlight-color:transparent!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  transition:border-color .16s ease,color .16s ease!important;
}
.deal-custom-select-toggle:focus,
.deal-custom-select-toggle:focus-visible,
.deal-custom-select.open .deal-custom-select-toggle{
  border-color:var(--yellow)!important;
  box-shadow:none!important;
  outline:none!important;
}
.deal-custom-select-value{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:left!important;
  display:block!important;
  color:#fff!important;
}
.deal-custom-select.is-placeholder .deal-custom-select-value{
  color:#808080!important;
}
.deal-custom-select-arrow{
  width:18px!important;
  height:18px!important;
  flex:0 0 auto!important;
  display:block!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:14px 14px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 8.5L7 4.5L11 8.5' stroke='%23a8a8a8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  transform:none!important;
  transition:transform .16s ease!important;
}
.deal-custom-select.open .deal-custom-select-arrow{
  transform:rotate(180deg)!important;
}
.deal-custom-select-menu{
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:calc(100% + 10px)!important;
  z-index:80!important;
  max-height:320px!important;
  overflow:auto!important;
  padding:12px 0!important;
  border:1px solid rgba(255,255,255,.04)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(44,44,44,.98),rgba(31,31,31,.98))!important;
  box-shadow:0 20px 40px rgba(0,0,0,.38)!important;
  outline:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.deal-custom-select-menu.hidden{display:none!important;}
.deal-custom-select-option{
  width:100%!important;
  min-height:46px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8f8f8f!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:left!important;
  padding:0 20px!important;
  font-size:15px!important;
  font-weight:500!important;
  line-height:1.1!important;
  box-shadow:none!important;
  outline:none!important;
  cursor:pointer!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.deal-custom-select-option:hover,
.deal-custom-select-option:focus{
  background:transparent!important;
  color:var(--yellow)!important;
  box-shadow:none!important;
  outline:none!important;
}
.deal-custom-select-menu::-webkit-scrollbar{width:4px!important;}
.deal-custom-select-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.20)!important;border-radius:99px!important;}
.deal-custom-select-menu::-webkit-scrollbar-track{background:transparent!important;}
.deal-custom-select--role .deal-custom-select-menu{
  max-height:132px!important;
  top:auto!important;
  bottom:calc(100% + 10px)!important;
}
.deal-custom-select--role{
  z-index:10!important;
}
.deal-form-card{overflow:visible!important;}
.deal-select option{
  background:#252525!important;
  color:#9b9b9b!important;
}
.deal-select option:checked,
.deal-select option:hover{
  background:#252525!important;
  color:var(--yellow)!important;
}


/* v94 settings profile / pin change / account transfer */
.settings-screen,
.account-transfer-screen{
  padding:18px 14px 118px!important;
  min-height:var(--tg-vh,100vh)!important;
}
.settings-brand,
.account-transfer-screen .settings-brand{
  padding-top:0!important;
  padding-bottom:8px!important;
  justify-content:center!important;
}
.settings-brand .brand-logo,
.account-transfer-screen .brand-logo{
  width:44px!important;
  height:44px!important;
}
.settings-wrap,
.account-transfer-wrap{
  width:100%;
  max-width:520px;
  margin:0 auto;
}
.settings-title,
.account-transfer-title{
  margin:0 0 14px!important;
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:800!important;
  color:#fff!important;
}
.settings-card,
.account-card{
  background:#252525!important;
  border:1px solid rgba(255,255,255,.03)!important;
  border-radius:14px!important;
  padding:14px!important;
  margin:0 0 14px!important;
  box-shadow:none!important;
}
.settings-card--toggle{padding:12px 14px 14px!important;}
.settings-card-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
.settings-card-title,
.account-card-title{
  font-size:18px!important;
  font-weight:800!important;
  color:#fff!important;
  line-height:1.2!important;
}
.settings-card-sub,
.account-card-sub{
  margin:0 0 12px!important;
  font-size:14px!important;
  line-height:1.25!important;
  color:#8d8d8d!important;
}
.settings-card-sub b,
.account-card-sub b{color:#a6a6a6!important;}
.switch-toggle{
  width:44px!important;
  height:26px!important;
  border-radius:999px!important;
  background:#3d3d3d!important;
  border:0!important;
  padding:3px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  transition:background .18s ease!important;
  flex:0 0 auto!important;
}
.switch-toggle span{
  width:20px!important;
  height:20px!important;
  border-radius:50%!important;
  background:#9a9a9a!important;
  display:block!important;
  transition:transform .18s ease, background .18s ease!important;
}
.switch-toggle.active{
  background:var(--yellow)!important;
}
.switch-toggle.active span{
  background:#fff!important;
  transform:translateX(18px)!important;
}
.settings-wide-btn{
  width:100%!important;
  height:44px!important;
  border:0!important;
  border-radius:8px!important;
  background:#3b3b3b!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:800!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin-top:14px!important;
}
.settings-wide-btn:disabled{
  color:#747474!important;
  background:#3b3b3b!important;
  opacity:1!important;
}
.account-transfer-intro{
  margin:0 0 12px!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.35!important;
}
.private-key-box,
.transfer-key-input{
  width:100%!important;
  min-height:50px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:#141414!important;
  color:#fff!important;
  padding:0 18px!important;
  font-size:16px!important;
  font-weight:700!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.transfer-key-input{
  display:block!important;
  outline:none!important;
  font-weight:500!important;
}
.transfer-key-input:focus{
  border-color:var(--yellow)!important;
}
.transfer-key-input::placeholder{color:#8f8f8f!important;}
.account-transfer-btn:not(:disabled){
  background:var(--yellow)!important;
  color:#111!important;
}
.transfer-key-error{
  margin:6px 0 0!important;
  color:#ff4242!important;
  font-size:12px!important;
  line-height:1.2!important;
}
.copy-icon{
  color:#9b9b9b!important;
  font-size:18px!important;
  transform:translateY(-1px);
}
#pin-screen .intro-card,
#pin-screen .keypad-card{
  max-width:520px!important;
}
#pin-screen .pin-note{
  max-width:520px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media (max-width:560px){
  .settings-wrap,.account-transfer-wrap{max-width:none!important;}
  .settings-title,.account-transfer-title{font-size:23px!important;}
}


/* v99 account transfer visual tune */
.account-transfer-screen{
  padding:18px 14px 118px!important;
}
.account-transfer-wrap{
  max-width:512px!important;
}
.account-transfer-title{
  margin:0 0 12px!important;
  font-size:24px!important;
  line-height:1.14!important;
  font-weight:800!important;
  letter-spacing:-0.01em!important;
}
.account-transfer-intro{
  margin:0 0 16px!important;
  color:#ffffff!important;
  font-size:14px!important;
  line-height:1.42!important;
  letter-spacing:0!important;
}
.account-card{
  background:#252525!important;
  border:1px solid rgba(255,255,255,.03)!important;
  border-radius:16px!important;
  padding:14px!important;
  margin:0 0 10px!important;
}
.account-card-title{
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.18!important;
  margin:0 0 10px!important;
  letter-spacing:-0.01em!important;
}
.account-card-sub{
  margin:0 0 14px!important;
  font-size:14px!important;
  line-height:1.34!important;
  color:#8f8f8f!important;
}
.private-key-box,
.transfer-key-input{
  min-height:48px!important;
  border-radius:10px!important;
  padding:0 18px!important;
  font-size:15px!important;
  line-height:1!important;
}
.private-key-box{
  font-weight:500!important;
}
.transfer-key-input{
  font-weight:500!important;
}
.settings-wide-btn.account-copy-btn,
.settings-wide-btn.account-transfer-btn{
  height:42px!important;
  margin-top:8px!important;
  border-radius:8px!important;
  font-size:16px!important;
  font-weight:700!important;
}
.account-copy-btn .copy-icon{
  color:#8c8c8c!important;
  font-size:17px!important;
  transform:translateY(-1px)!important;
}
.transfer-key-error{
  margin:6px 0 0!important;
  font-size:12px!important;
  line-height:1.2!important;
}
@media (max-width:560px){
  .account-transfer-title{font-size:23px!important;}
  .account-transfer-intro{font-size:14px!important;}
}
/* v97 settings hard fix marker */


/* v100 account transfer font alignment tune */
.account-transfer-wrap{
  max-width:512px!important;
}
.account-transfer-title{
  margin:0 0 10px!important;
  font-size:23px!important;
  line-height:1.16!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
.account-transfer-intro{
  margin:0 0 14px!important;
  font-size:14px!important;
  line-height:1.42!important;
  font-weight:400!important;
  letter-spacing:0!important;
  color:#ffffff!important;
}
.account-card{
  border-radius:15px!important;
  padding:14px!important;
  margin:0 0 8px!important;
}
.account-card-title{
  margin:0 0 9px!important;
  font-size:17px!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
.account-card-sub{
  margin:0 0 12px!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:400!important;
  color:#8b8b8b!important;
}
.account-card-sub b{
  font-weight:700!important;
  color:#9e9e9e!important;
}
.private-key-box,
.transfer-key-input{
  min-height:48px!important;
  border-radius:10px!important;
  padding:0 18px!important;
  font-size:14px!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.private-key-box{
  font-weight:400!important;
}
.transfer-key-input{
  font-weight:400!important;
}
.transfer-key-input::placeholder{
  font-weight:400!important;
  color:#8f8f8f!important;
}
.settings-wide-btn.account-copy-btn,
.settings-wide-btn.account-transfer-btn{
  height:42px!important;
  margin-top:8px!important;
  border-radius:8px!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
.copy-icon{
  font-size:15px!important;
  color:#909090!important;
  transform:translateY(-1px)!important;
}
#copy-private-key .copy-icon{
  margin-right:2px!important;
}
.transfer-key-error{
  margin:5px 0 0!important;
  font-size:12px!important;
  line-height:1.2!important;
}
@media (max-width:560px){
  .account-transfer-title{font-size:22px!important;}
}


/* v101 account transfer text wrap tune */
.account-transfer-wrap{
  max-width:532px!important;
}
.account-transfer-title{
  margin:0 0 8px!important;
  font-size:21px!important;
  line-height:1.14!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
.account-transfer-intro{
  margin:0 0 12px!important;
  font-size:13px!important;
  line-height:1.36!important;
  font-weight:400!important;
  color:#ffffff!important;
  max-width:none!important;
}
.account-card{
  padding:14px 14px 12px!important;
  margin:0 0 8px!important;
}
.account-card-title{
  margin:0 0 8px!important;
  font-size:16px!important;
  line-height:1.16!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
.account-card-sub{
  margin:0 0 10px!important;
  font-size:13px!important;
  line-height:1.34!important;
  font-weight:400!important;
  color:#8e8e8e!important;
  max-width:none!important;
}
.account-card-sub b{
  font-weight:700!important;
  color:#9c9c9c!important;
}
@media (max-width:560px){
  .account-transfer-wrap{max-width:calc(100vw - 28px)!important;}
  .account-transfer-title{font-size:20px!important;}
  .account-transfer-intro{font-size:13px!important;}
  .account-card-title{font-size:16px!important;}
  .account-card-sub{font-size:13px!important;}
}


/* v102 copy icon match tune */
.copy-icon{
  display:inline-block!important;
  position:relative!important;
  width:14px!important;
  height:14px!important;
  margin-right:6px!important;
  font-size:0!important;
  color:transparent!important;
  transform:translateY(1px)!important;
  flex:0 0 14px!important;
}
.copy-icon::before,
.copy-icon::after{
  content:"";
  position:absolute;
  box-sizing:border-box;
  width:9px;
  height:11px;
  border:1.6px solid #9a9a9a;
  border-radius:1.5px;
  background:transparent;
}
.copy-icon::before{
  left:1px;
  top:2px;
  opacity:.92;
}
.copy-icon::after{
  left:4px;
  top:0;
  background:transparent;
}
#copy-private-key .copy-icon{
  margin-right:8px!important;
}
.account-copy-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}


/* v103 account transfer line/icon final tune */
.account-transfer-wrap{
  max-width:532px!important;
}
.account-transfer-title{
  margin:0 0 9px!important;
  font-size:21px!important;
  line-height:1.14!important;
  font-weight:700!important;
}
.account-transfer-intro{
  margin:0 0 13px!important;
  font-size:13px!important;
  line-height:1.38!important;
  font-weight:400!important;
}
.account-card-title{
  margin:0 0 9px!important;
  font-size:16px!important;
  line-height:1.16!important;
  font-weight:700!important;
}
.account-card-sub{
  margin:0 0 11px!important;
  font-size:13px!important;
  line-height:1.34!important;
  font-weight:400!important;
  color:#8F8F8F!important;
}
.account-copy-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.copy-icon{
  display:inline-block!important;
  width:16px!important;
  height:16px!important;
  margin-right:0!important;
  flex:0 0 16px!important;
  font-size:0!important;
  color:transparent!important;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%3E%3Crect%20x%3D%275.1%27%20y%3D%272.1%27%20width%3D%276.8%27%20height%3D%278.8%27%20rx%3D%271.2%27%20stroke%3D%27%25239A9A9A%27%20stroke-width%3D%271.4%27/%3E%3Crect%20x%3D%272.1%27%20y%3D%275.1%27%20width%3D%276.8%27%20height%3D%278.8%27%20rx%3D%271.2%27%20stroke%3D%27%25239A9A9A%27%20stroke-width%3D%271.4%27/%3E%3C/svg%3E") center/16px 16px no-repeat!important;
  transform:translateY(1px)!important;
}
.copy-icon::before,.copy-icon::after{display:none!important;content:none!important;}
#copy-private-key .copy-icon{margin-right:0!important;}

/* v104 deposit screens */
.deposit-screen{
  min-height:var(--tg-vh,100vh);
  padding:12px 14px 106px;
  background:transparent;
}
.deposit-home-wrap,
.deposit-work-wrap{
  width:100%;
  max-width:560px;
  margin:0 auto;
}
.deposit-home-wrap{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-top:22px;
}
.deposit-menu-card{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px 16px 16px 18px;
  border:0;
  border-radius:18px;
  background:#262626;
  color:#fff;
  text-align:left;
  box-shadow:none;
}
.deposit-menu-title{
  display:block;
  font-size:16px;
  line-height:1.2;
  font-weight:700;
}
.deposit-menu-sub{
  display:block;
  margin-top:4px;
  color:#9b9b9b;
  font-size:14px;
  line-height:1.3;
  font-weight:400;
}
.deposit-menu-arrow{
  width:11px;
  height:11px;
  border-top:2px solid #8d8d8d;
  border-right:2px solid #8d8d8d;
  transform:rotate(45deg);
  flex:0 0 auto;
  margin-right:6px;
}
.deposit-work-wrap{padding-top:6px;}
.deposit-work-title{
  margin:12px 0 18px;
  color:#fff;
  font-size:22px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.02em;
}
.deposit-panel{
  width:100%;
  background:#262626;
  border-radius:18px;
  padding:16px;
  box-shadow:none;
}
.deposit-network-panel{padding:14px 16px 16px;}
.deposit-panel-label{
  display:block;
  margin-bottom:10px;
  color:#919191;
  font-size:15px;
  line-height:1.2;
  font-weight:400;
}
.deposit-asset-select{position:relative;}
.deposit-asset-toggle{
  width:100%;
  min-height:52px;
  border:1px solid transparent;
  border-radius:14px;
  background:#171717;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#fff;
}
.deposit-asset-select.open .deposit-asset-toggle,
.deposit-asset-toggle:focus{
  border-color:#f0d400;
  outline:none;
  box-shadow:none;
}
.deposit-asset-value{
  font-size:15px;
  line-height:1.2;
  font-weight:500;
  color:#fff;
  text-align:left;
}
.deposit-asset-select.is-placeholder .deposit-asset-value{color:#808080;}
.deposit-asset-arrow{
  width:16px;
  height:16px;
  flex:0 0 auto;
  background-repeat:no-repeat;
  background-position:center;
  background-size:14px 14px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 5.5L7 9.5L11 5.5' stroke='%23a8a8a8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transition:transform .16s ease;
}
.deposit-asset-select.open .deposit-asset-arrow{transform:rotate(180deg);}
.deposit-asset-menu{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 8px);
  z-index:40;
  background:#2a2a2a;
  border-radius:16px;
  padding:10px 0;
  box-shadow:0 18px 36px rgba(0,0,0,.34);
  max-height:320px;
  overflow:auto;
}
.deposit-asset-menu.hidden{display:none;}
.deposit-asset-option{
  width:100%;
  border:0;
  background:transparent;
  color:#a5a5a5;
  text-align:left;
  padding:10px 18px;
  font-size:15px;
  line-height:1.35;
}
.deposit-asset-option:hover,
.deposit-asset-option.selected{color:#f0d400;}
.deposit-details-card,
.deposit-empty-state,
.deposit-withdraw-empty{margin-top:10px;}
.deposit-qr-wrap{
  width:100%;
  display:flex;
  justify-content:center;
  margin-bottom:16px;
}
.deposit-qr-image{
  width:236px;
  height:236px;
  object-fit:contain;
  border-radius:14px;
  background:#fff;
  padding:8px;
}
.deposit-notice-text{
  color:#f1db00;
  text-align:center;
  font-size:15px;
  line-height:1.45;
  font-weight:500;
  margin-bottom:16px;
}
.deposit-address-label{
  color:#8c8c8c;
  font-size:15px;
  line-height:1.2;
  margin-bottom:8px;
}
.deposit-address-box{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border-radius:14px;
  background:#171717;
  padding:0 12px 0 16px;
}
.deposit-address-text{
  min-width:0;
  color:#fff;
  font-size:15px;
  line-height:1.2;
  font-weight:500;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.deposit-address-copy{
  width:36px;
  height:36px;
  border:0;
  border-radius:10px;
  background:transparent;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.deposit-autocheck-box{
  margin-top:14px;
  min-height:70px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  border-radius:14px;
  background:#3a3a3a;
  padding:14px 16px;
}
.deposit-autocheck-icon{
  width:22px;
  height:22px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.24);
  color:#9f9f9f;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  line-height:1;
  flex:0 0 auto;
  font-weight:700;
}
.deposit-autocheck-text{
  color:#fff;
  font-size:15px;
  line-height:1.35;
  font-weight:500;
}
.deposit-empty-state,
.deposit-withdraw-empty{
  min-height:212px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.deposit-empty-title{
  color:#fff;
  font-size:16px;
  line-height:1.3;
  font-weight:700;
}
.deposit-empty-subtitle{
  margin-top:8px;
  color:#979797;
  font-size:15px;
  line-height:1.35;
}
.deposit-withdraw-head{
  text-align:center;
  padding:18px 16px;
}
.deposit-withdraw-title{
  margin:0;
  color:#fff;
  font-size:18px;
  line-height:1.25;
  font-weight:700;
}
.deposit-withdraw-subtitle{
  margin-top:10px;
  color:#9b9b9b;
  font-size:15px;
  line-height:1.35;
}
.withdraw-assets-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:10px;
}
.withdraw-asset-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.withdraw-asset-title{color:#fff;font-size:16px;font-weight:700;line-height:1.2;}
.withdraw-asset-sub{margin-top:5px;color:#959595;font-size:14px;line-height:1.2;}
.withdraw-asset-right{text-align:right;}
.withdraw-asset-amount{color:#fff;font-size:18px;font-weight:700;line-height:1.2;}
.withdraw-asset-usd{margin-top:5px;color:#9d9d9d;font-size:14px;line-height:1.2;}
@media (max-width:640px){
  .deposit-screen{padding-left:12px;padding-right:12px;}
  .deposit-qr-image{width:208px;height:208px;}
}


/* v106 deposit menu size + back click stability */
.deposit-home-wrap{
  max-width:620px!important;
  gap:14px!important;
  padding-top:26px!important;
}
.deposit-menu-card{
  min-height:88px!important;
  padding:20px 22px 20px 22px!important;
  border-radius:18px!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
.deposit-menu-title{
  font-size:17px!important;
  line-height:1.18!important;
  font-weight:700!important;
}
.deposit-menu-sub{
  margin-top:6px!important;
  font-size:15px!important;
  line-height:1.32!important;
}
.deposit-menu-arrow{
  width:12px!important;
  height:12px!important;
  margin-right:4px!important;
}
.deposit-screen .bottom-nav,
.deposit-screen .nav-item{
  pointer-events:auto!important;
}
@media (max-width:640px){
  .deposit-home-wrap{max-width:calc(100vw - 28px)!important;}
  .deposit-menu-card{min-height:84px!important;}
}

/* v107 deposit back stable marker */

/* v109 deposit QR data-uri fix */
.deposit-qr-image.is-empty{
  opacity:.25!important;
}


.deal-action-btn{width:100%;margin-top:12px}
.deal-payment-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.deal-payment-qr{width:240px;max-width:100%;background:#fff;border-radius:14px;padding:10px}
.deal-payment-note{font-size:14px;line-height:1.4;color:#ffe400}
.deal-payment-address-wrap{width:100%;text-align:left;background:#1c1c1c;border-radius:12px;padding:12px}
.deal-payment-address-label{font-size:13px;color:#9c9c9c;margin-bottom:6px}
.deal-payment-address{font-size:16px;word-break:break-all}
.alert-detail-open-btn{width:100%;margin-top:16px}
.deal-party-stat-btn{border:none;background:#171717;cursor:pointer}
.deal-payment-empty{padding:24px 16px;border-radius:12px;background:#1c1c1c;color:#9c9c9c;width:100%}

.deal-action-btn.action-btn{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:14px;font-size:17px;font-weight:700;padding:0 16px}
.deal-payment-screen-title{width:100%;max-width:520px;margin:0 auto -2px;font-size:24px;font-weight:800;line-height:1.2;color:#fff}
.deal-payment-inline-amount{font-size:16px;font-weight:700;color:#fff;margin-top:2px}
.deal-payment-address-box{margin-top:4px}
.deal-payment-address-box .deposit-address-copy{color:#a8a8a8}
.deal-payment-autocheck-box{width:100%;margin-top:2px}
.deal-payment-autocheck-box .deposit-autocheck-text{font-size:14px;line-height:1.45}


/* v114 arbitration bottom sheet */
body.arbitration-sheet-open{overflow:hidden;}
.arbitration-sheet{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;}
.arbitration-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);opacity:0;transition:opacity .18s ease;pointer-events:auto;}
.arbitration-sheet.open .arbitration-sheet-backdrop{opacity:1;}
.arbitration-sheet-panel{position:relative;width:100%;max-width:none;background:#292929;color:#fff;border-radius:0;padding:18px 12px 14px;box-shadow:0 -18px 55px rgba(0,0,0,.45);transform:translateY(100%);transition:transform .22s ease;pointer-events:auto;}
.arbitration-sheet.open .arbitration-sheet-panel{transform:translateY(0);}
.arbitration-sheet-title{font-size:22px;font-weight:800;line-height:1.15;margin:0 0 14px;color:#fff;}
.arbitration-sheet-text{font-size:13px;line-height:1.35;color:#e6e6e6;margin:0 0 22px;max-width:720px;}
.arbitration-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;}
.arbitration-sheet-actions .action-btn{height:44px;min-height:44px;border-radius:8px;font-size:15px;font-weight:700;margin:0;}
.arbitration-confirm-btn:disabled{opacity:.75;cursor:wait;}
@media (max-width:640px){
  .arbitration-sheet-panel{padding:16px 10px 12px;}
  .arbitration-sheet-title{font-size:20px;}
  .arbitration-sheet-actions{gap:6px;}
}


/* v115 arbitration hard sheet + PIN dots tune */
#pin-screen .dot{background:#666!important;opacity:1!important;}
#pin-screen .dot.active{background:#8d8d8d!important;opacity:1!important;}
#pin-screen .dot.filled{background:#d2d2d2!important;opacity:1!important;}
#pin-screen .dot.filled.checking{background:#efefef!important;}
body.arbitration-sheet-open{overflow:hidden!important;}
.arbitration-sheet{position:fixed!important;inset:0!important;z-index:2147483647!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;pointer-events:none!important;}
.arbitration-sheet-backdrop{position:absolute!important;inset:0!important;background:rgba(0,0,0,.64)!important;opacity:0!important;transition:opacity .18s ease!important;pointer-events:auto!important;}
.arbitration-sheet.open .arbitration-sheet-backdrop{opacity:1!important;}
.arbitration-sheet-panel{position:relative!important;width:100%!important;max-width:none!important;background:#292929!important;color:#fff!important;border-radius:0!important;padding:18px 12px 14px!important;box-shadow:0 -18px 55px rgba(0,0,0,.5)!important;transform:translateY(100%)!important;transition:transform .22s ease!important;pointer-events:auto!important;}
.arbitration-sheet.open .arbitration-sheet-panel{transform:translateY(0)!important;}
.arbitration-sheet-title{font-size:22px!important;font-weight:800!important;line-height:1.15!important;margin:0 0 14px!important;color:#fff!important;}
.arbitration-sheet-text{font-size:13px!important;line-height:1.35!important;color:#e6e6e6!important;margin:0 0 22px!important;max-width:720px!important;}
.arbitration-sheet-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;}
.arbitration-sheet-actions .action-btn,.arbitration-sheet-actions button{height:44px!important;min-height:44px!important;border-radius:8px!important;font-size:15px!important;font-weight:700!important;margin:0!important;border:0!important;}
.arbitration-confirm-btn{background:#ffe100!important;color:#000!important;}
.arbitration-cancel-btn{background:#3a3a3a!important;color:#fff!important;}


/* v116: PIN dots clearer state */
#pin-screen .dot{
  background:#6b6b6b!important;
  opacity:1!important;
}
#pin-screen .dot.filled{
  background:#d6d6d6!important;
  box-shadow:0 0 0 5px rgba(255,255,255,.045)!important;
  transform:scale(1.05)!important;
}
#pin-screen .dot.active:not(.filled){
  background:#9b9b9b!important;
  box-shadow:none!important;
}


/* v117: PIN dots exact state - no next dot highlight */
#pin-screen .dot{
  background:#6f6f6f!important;
  opacity:1!important;
  box-shadow:none!important;
  transform:none!important;
}
#pin-screen .dot.filled{
  background:#ffffff!important;
  opacity:1!important;
  box-shadow:0 0 0 7px rgba(255,255,255,.07)!important;
  transform:scale(1.05)!important;
}
#pin-screen .dot.active:not(.filled){
  background:#6f6f6f!important;
  box-shadow:none!important;
  transform:none!important;
}


/* v126 admin editable profile reviews */
.profile-reviews-wrap{display:flex;flex-direction:column;gap:14px;}
.profile-reviews-box{background:linear-gradient(180deg,rgba(38,38,38,.96),rgba(30,30,30,.96));border-radius:18px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:13px;}
.profile-rating-row{display:grid;grid-template-columns:52px 1fr 34px;align-items:center;gap:12px;color:#fff;font-size:18px;font-weight:700;}
.profile-rating-star{white-space:nowrap;color:#fff;}
.profile-rating-track{height:8px;background:#141414;border-radius:999px;overflow:hidden;}
.profile-rating-fill{height:100%;background:#ffe500;border-radius:999px;min-width:0;}
.profile-rating-count{color:#9c9c9c;text-align:right;font-weight:700;}
.profile-reviews-list{display:flex;flex-direction:column;gap:10px;}
.profile-review-card{background:linear-gradient(180deg,rgba(38,38,38,.96),rgba(31,31,31,.96));border-radius:18px;padding:16px;border:1px solid rgba(255,255,255,.035);}
.profile-review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;}
.profile-review-user{display:flex;align-items:center;gap:12px;min-width:0;}
.profile-review-avatar{width:52px;height:52px;border-radius:50%;background:#3a3a3a;display:flex;align-items:center;justify-content:center;color:#aaa;flex:0 0 auto;}
.profile-review-avatar svg{width:28px;height:28px;stroke:#aaa;}
.profile-review-name{font-size:18px;font-weight:800;color:#fff;}
.profile-review-date{font-size:14px;color:#9a9a9a;margin-top:4px;}
.profile-review-rate{min-width:58px;height:38px;border-radius:10px;background:#3a3a3a;color:#ffe500;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;}
.profile-review-text{font-size:16px;line-height:1.42;color:#fff;white-space:pre-wrap;border-top:1px solid rgba(255,255,255,.08);padding-top:12px;}

/* v132 withdraw request statuses */
.withdraw-asset-card{
  width:100%;
  border:0;
  text-align:left;
  cursor:pointer;
}
.withdraw-asset-card:hover .withdraw-asset-title,
.withdraw-asset-card:hover .withdraw-asset-amount{color:#ffe600;}
.withdraw-history-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:14px;
}
.withdraw-history-title{
  color:#fff;
  font-size:17px;
  font-weight:800;
  margin:4px 2px 0;
}
.withdraw-history-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px!important;
}
.withdraw-history-main{color:#fff;font-size:15px;font-weight:800;line-height:1.25;}
.withdraw-history-sub{margin-top:5px;color:#9b9b9b;font-size:13px;line-height:1.25;}
.withdraw-history-right{color:#ffe600;font-size:15px;font-weight:800;white-space:nowrap;}
.withdraw-status-cancelled .withdraw-history-right{color:#9b9b9b;}
.withdraw-status-success .withdraw-history-main{color:#ffe600;}


/* v133 withdrawal amount form */
.withdraw-asset-card.selected{
  border:1px solid rgba(255,230,0,.9)!important;
  box-shadow:0 0 0 1px rgba(255,230,0,.08) inset!important;
}
.withdraw-asset-card.selected .withdraw-asset-title,
.withdraw-asset-card.selected .withdraw-asset-amount{color:#ffe600!important;}
.withdraw-form-card{
  margin-top:12px;
  padding:16px!important;
}
.withdraw-form-title{
  color:#fff;
  font-size:18px;
  font-weight:800;
  line-height:1.25;
}
.withdraw-form-max{
  color:#9b9b9b;
  font-size:14px;
  line-height:1.35;
  margin-top:6px;
}
.withdraw-input-label{
  display:block;
  color:#9b9b9b;
  font-size:14px;
  margin-top:14px;
  margin-bottom:7px;
}
.withdraw-amount-input,
.withdraw-wallet-input{
  width:100%;
  min-height:54px;
  border:0;
  outline:none;
  border-radius:14px;
  background:#151515;
  color:#fff;
  font-size:18px;
  font-weight:400;
  padding:0 16px;
  box-sizing:border-box;
}
.withdraw-amount-input::-webkit-outer-spin-button,
.withdraw-amount-input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.withdraw-amount-input{
  -moz-appearance:textfield;
}
.withdraw-amount-input:focus,
.withdraw-wallet-input:focus{
  box-shadow:0 0 0 1px #ffe600 inset;
}
.withdraw-form-error{
  color:#ff5f5f;
  font-size:13px;
  line-height:1.35;
  margin-top:8px;
}
.withdraw-form-error:not(.hidden){display:block!important;}
.withdraw-form-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.withdraw-submit-btn,
.withdraw-cancel-btn{
  border:0;
  min-height:52px;
  border-radius:14px;
  font-size:16px;
  font-weight:800;
  cursor:pointer;
}
.withdraw-submit-btn{background:#ffe600;color:#111;}
.withdraw-submit-btn:disabled{opacity:.55;cursor:default;}
.withdraw-cancel-btn{background:#3a3a3a;color:#fff;}
@media (max-width:640px){
  .withdraw-form-actions{grid-template-columns:1fr;}
}

.settings-language-card .settings-card-sub {
  margin-top: 8px;
}

.language-switch {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 16px;
}

.language-switch button {
  min-height: 46px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 12px;
  background: #252525;
  color: #f5f5f5;
  font: inherit;
  font-weight: 700;
}

.language-switch button.active {
  border-color: #f2d525;
  background: #f2d525;
  color: #111;
  box-shadow: 0 5px 18px rgba(242, 213, 37, 0.22);
}

.global-language-switch {
  position: fixed;
  top: calc(10px + env(safe-area-inset-top));
  left: max(10px, env(safe-area-inset-left));
  right: auto;
  z-index: 10050;
  display: flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 12px;
  background: rgba(20, 20, 20, 0.88);
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
}

.global-language-switch button {
  min-width: 38px;
  min-height: 32px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.global-language-switch button.active {
  background: #f2d525;
  color: #111;
}