.page-p2p,
.page-p2p .phone-shell,
.page-p2p .phone-shell-p2p {
  width: 100%;
  min-height: 100vh;
  background:
    radial-gradient(circle at top center, rgba(88, 129, 189, 0.16), transparent 26%),
    linear-gradient(180deg, #1b2430 0%, #171f2a 100%);
}

.screen.p2p-screen {
  --p2p-bg: transparent;
  --p2p-surface: rgba(255, 255, 255, 0.05);
  --p2p-surface-2: rgba(255, 255, 255, 0.06);
  --p2p-surface-3: rgba(255, 255, 255, 0.09);
  --p2p-line: rgba(255, 255, 255, 0.07);
  --p2p-text: #f4f4f4;
  --p2p-muted: #a0a9b8;
  --p2p-muted-2: #7f8a9a;
  --p2p-purple: #8d42ff;
  --p2p-purple-2: #b34bff;
  --p2p-green: #52d653;
  --p2p-red: #ef4343;
  --p2p-control-h: 56px;
  --p2p-control-h-sm: 44px;
  --p2p-control-h-lg: 56px;
  --p2p-radius-sm: 11px;
  --p2p-radius-md: 13px;
  --p2p-radius-lg: 15px;
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 10px 16px 24px;
  background: var(--p2p-bg);
  color: var(--p2p-text);
}

@media (min-width: 520px) {
  .screen.p2p-screen {
    max-width: 420px;
    margin: 0 auto;
  }
}

.p2p-screen *,
.p2p-screen *::before,
.p2p-screen *::after {
  box-sizing: border-box;
}

.p2p-topbar,
.chat-topbar {
  min-height: 28px;
}

.p2p-screen .topbar-title,
.order-create-screen .topbar-title {
  margin-left: 0;
  font-size: 16px;
  font-weight: 600;
}

.p2p-screen .topbar-actions {
  gap: 10px;
}

.p2p-screen .icon-btn-dark {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.05);
  font-size: 18px;
}

.p2p-screen .icon-btn-plain {
  width: 22px;
  height: 22px;
  font-size: 18px;
}

.topbar-spacer {
  width: 22px;
  height: 22px;
}

.trade-tabs,
.create-tabs {
  margin-top: 16px;
  display: grid;
  border-bottom: 1px solid var(--p2p-line);
}

.trade-tabs {
  grid-template-columns: repeat(var(--trade-tabs-columns, 2), minmax(0, 1fr));
}

.trade-tabs-three {
  --trade-tabs-columns: 3;
}

.create-trade-tabs {
  --trade-tabs-columns: 2;
}

.create-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.trade-tab,
.create-tab {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--p2p-muted);
  font-size: 15px;
  font-weight: 500;
  border-bottom: 2px solid transparent;
}

.trade-tab.active,
.create-tab.active,
.trade-tab-button.active {
  color: var(--p2p-text);
}

.trade-tab.active,
.trade-tab-button.active {
  border-bottom-color: var(--p2p-purple);
}

.create-trade-tabs .trade-tab.active[data-segment-trigger="sell"] {
  border-bottom-color: #ff4c4c;
}

.create-trade-tabs .trade-tab.active[data-segment-trigger="buy"] {
  border-bottom-color: #64d95d;
}

.create-tab-sell.active {
  border-bottom-color: #ff4c4c;
}

.create-tab-buy.active {
  border-bottom-color: #64d95d;
}

.trade-tab-button {
  background: none;
  border-radius: 0;
}

.trade-tab-count {
  color: var(--p2p-muted-2);
  font-weight: 500;
}

.trade-segment {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 4px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}

.trade-segment-btn {
  min-height: var(--p2p-control-h-sm);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: var(--p2p-muted);
  font-size: 15px;
  font-weight: 500;
}

.trade-segment-btn.active {
  background: rgba(255, 255, 255, 0.08);
  color: var(--p2p-text);
}

.trade-segment-count {
  color: inherit;
  opacity: 0.72;
  font-size: 14px;
  font-weight: 600;
}

.market-side-hint {
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--p2p-muted);
  font-size: 14px;
  line-height: 1.45;
}

.filter-ribbon {
  margin-top: 12px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 0 14px 2px 0;
  scroll-padding-inline: 0 14px;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.filter-ribbon::-webkit-scrollbar {
  display: none;
}

.filter-pill {
  min-width: 92px;
  height: var(--p2p-control-h-sm);
  padding: 0 12px;
  border-radius: var(--p2p-radius-sm);
  background: var(--p2p-surface-2);
  color: #d5d5d5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  white-space: nowrap;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04);
  flex: 0 0 auto;
  scroll-snap-align: start;
}

.filter-pill > span:not(.filter-pill-leading):not(.filter-pill-arrow) {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filter-pill-wide {
  min-width: 112px;
  justify-content: space-between;
}

.filter-pill-leading {
  width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 18px;
}

.filter-pill-leading .p2p-picker-option-leading-img {
  width: 18px;
  height: 18px;
}

.filter-pill-arrow,
.field-select-arrow,
.field-chevron {
  color: #8d8d8d;
  font-size: 11px;
  line-height: 1;
}

.offer-list,
.ads-list,
.stack-list,
.detail-section,
.review-section,
.faq-section,
.create-block,
.create-footer {
  margin-top: 16px;
}

.offer-card {
  padding: 16px 0 20px;
  border-bottom: 1px solid var(--p2p-line);
}

.offer-head,
.ad-card-top,
.ad-card-bottom,
.history-top,
.history-bottom,
.deal-row,
.stack-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.offer-top {
  color: #a2a2a2;
  font-size: 14px;
  line-height: 1.35;
}

.offer-top span {
  color: #9a9a9a;
}

.offer-price {
  margin-top: 12px;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -0.04em;
}

.offer-grid {
  margin-top: 12px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 116px;
  gap: 16px;
}

.offer-main,
.offer-side,
.ad-method-list,
.detail-list,
.faq-list {
  display: grid;
  gap: 8px;
}

.offer-note,
.offer-method,
.ad-meta,
.ad-note,
.orders-empty-text,
.faq-answer,
.create-meta,
.field-label,
.field-note,
.create-terms {
  color: var(--p2p-muted);
}

.offer-note,
.offer-method,
.ad-meta,
.ad-note {
  font-size: 13px;
  line-height: 1.4;
}

.offer-action,
.orders-create-btn,
.orders-empty-btn,
.publish-btn,
.save-btn {
  min-height: var(--p2p-control-h-lg);
  padding: 0 16px;
  border-radius: var(--p2p-radius-lg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.offer-action {
  min-width: 116px;
}

.offer-action-buy {
  background: linear-gradient(180deg, #62df5d 0%, #49c64b 100%);
}

.offer-action-sell {
  background: linear-gradient(180deg, #ff5757 0%, #ea3f3f 100%);
}

.orders-create-btn,
.orders-empty-btn,
.publish-btn {
  background: linear-gradient(90deg, var(--p2p-purple) 0%, var(--p2p-purple-2) 100%);
}

.orders-create-btn {
  width: 100%;
}

.orders-empty {
  min-height: 48vh;
  display: grid;
  align-content: center;
  justify-items: center;
  text-align: center;
  gap: 10px;
  padding: 28px 12px 20px;
}

.orders-empty-title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.orders-empty-text {
  font-size: 15px;
  line-height: 1.45;
}

.trade-tabs-compact {
  margin-top: 16px;
}

.ads-list {
  display: grid;
  gap: 14px;
}

.ad-card {
  padding: 14px;
  border-radius: 16px;
  background: var(--p2p-surface);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.ad-card-top {
  align-items: flex-start;
}

.ad-card-meta-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.ad-card-badges {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.ad-side-badge,
.ad-status {
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
}

.ad-side-badge-sell {
  background: rgba(255, 91, 91, 0.14);
  color: #ff6a6a;
}

.ad-side-badge-buy {
  background: rgba(88, 214, 90, 0.14);
  color: #66db67;
}

.ad-status-success {
  background: rgba(88, 214, 90, 0.14);
  color: #66db67;
}

.ad-status-warning {
  background: rgba(255, 190, 70, 0.16);
  color: #ffc14c;
}

.ad-status-muted {
  background: rgba(255, 255, 255, 0.08);
  color: #b8b8b8;
}

.ad-pair {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
}

.ad-price {
  margin-top: 6px;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.ad-card-bottom {
  margin-top: 14px;
  align-items: flex-end;
}

.ad-method-list {
  margin-top: 10px;
}

.ad-menu-btn {
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.065);
  color: #e2d2ff;
  box-shadow: inset 0 0 0 1px rgba(141, 66, 255, 0.22);
  font-size: 18px;
  line-height: 1;
}

.ad-menu-btn:active {
  transform: translateY(1px);
}

.ad-card-actions {
  margin-top: 14px;
  display: flex;
  justify-content: flex-end;
}

.ad-edit-link {
  min-height: 36px;
  padding: 0 14px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #1b1b1b;
  color: #d9c4ff;
  box-shadow: inset 0 0 0 1px rgba(141, 66, 255, 0.16);
  font-size: 14px;
  font-weight: 600;
}

.stack-list {
  display: grid;
  gap: 14px;
}

.stack-card {
  padding: 14px;
  border-radius: 16px;
  background: var(--p2p-surface);
}

.stack-card-deal {
  padding: 16px 14px;
  border-bottom: 1px solid var(--p2p-line);
  border-radius: 0;
  background: transparent;
}

.stack-title {
  font-size: 16px;
  font-weight: 700;
}

.stack-title-link {
  display: block;
  max-width: 100%;
  color: var(--p2p-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stack-meta {
  margin-top: 6px;
  color: var(--p2p-muted);
  font-size: 14px;
}

.stack-price {
  margin-top: 10px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.stack-card-deal .stack-price {
  font-size: 17px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

.stack-limit {
  margin-top: 6px;
  color: var(--p2p-muted);
  font-size: 14px;
}

.stack-action {
  min-width: 88px;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(132, 201, 255, 0.24);
  background: rgba(74, 174, 255, 0.08);
  color: #dff1ff;
  font-size: 14px;
  font-weight: 600;
}

.stack-status {
  flex: 0 0 auto;
  max-width: 124px;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--p2p-muted);
  background: rgba(255, 255, 255, 0.07);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}

.stack-card-deal .stack-top {
  align-items: flex-start;
}

.stack-card-deal .stack-top > div {
  min-width: 0;
}

.stack-status-success {
  color: #9aef95;
  background: rgba(82, 214, 83, 0.13);
}

.stack-status-warning {
  color: #ffc95e;
  background: rgba(255, 190, 70, 0.14);
}

.stack-status-info {
  color: #d9c4ff;
  background: rgba(141, 66, 255, 0.14);
}

.stack-status-muted {
  color: #b8b8b8;
  background: rgba(255, 255, 255, 0.07);
}

.stack-deal-meta {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--p2p-line);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px 16px;
  color: var(--p2p-muted);
  font-size: 13px;
}

.stack-deal-meta div {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.stack-deal-meta strong {
  min-width: 0;
  color: var(--p2p-text);
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.stack-actions {
  margin-top: 14px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(112px, 0.44fr);
  gap: 10px;
}

.stack-action-open {
  background: rgba(255, 255, 255, 0.07);
  border-color: rgba(255, 255, 255, 0.08);
  color: #f3f3f3;
}

.stack-action-chat {
  background: rgba(141, 66, 255, 0.16);
  border-color: rgba(141, 66, 255, 0.28);
  color: #e7d6ff;
}

.deal-detail-screen {
  padding-bottom: 72px;
}

.deal-hero-card {
  margin-top: 18px;
  padding: 24px 16px 20px;
  border-radius: 20px;
  background: var(--p2p-surface);
  text-align: center;
  position: relative;
}

.deal-step-badge {
  width: 50px;
  height: 50px;
  margin: 0 auto 16px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(180deg, #67d95c 0%, #49bd4d 100%);
}

.deal-hero-warning .deal-step-badge,
.deal-hero-info .deal-step-badge {
  background: linear-gradient(180deg, var(--p2p-purple) 0%, #7c2aff 100%);
}

.deal-hero-warning .deal-step-badge {
  background: linear-gradient(180deg, #ffbd2f 0%, #f29b14 100%);
}

.deal-hero-muted .deal-step-badge {
  background: #3a3a3a;
}

.deal-countdown {
  margin-top: 12px;
  color: #a35cff;
  font-size: clamp(30px, 9vw, 38px);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.035em;
  text-shadow: 0 0 22px rgba(141, 66, 255, 0.26);
}

.deal-countdown-expired {
  color: #ff7b7b;
  text-shadow: 0 0 18px rgba(239, 67, 67, 0.24);
}

.deal-hero-title {
  margin: 0;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.25;
}

.deal-hero-note {
  margin: 12px 0 0;
  color: #a5a5a5;
  font-size: 15px;
  line-height: 1.45;
}

.deal-actions {
  margin-top: 18px;
  display: grid;
  gap: 12px;
}

.deal-chat-strip {
  width: 100%;
  min-height: 64px;
  margin-top: 14px;
  border-radius: var(--p2p-radius-lg);
  background: var(--p2p-surface-2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.045);
  color: var(--p2p-text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 17px;
  font-weight: 700;
}

.deal-chat-strip-icon {
  width: 26px;
  height: 26px;
  display: inline-grid;
  place-items: center;
  font-size: 19px;
  line-height: 1;
}

.deal-chat-strip.is-disabled {
  opacity: 0.58;
  pointer-events: none;
}

.deal-action-btn {
  min-height: var(--p2p-control-h-lg);
  padding: 0 18px;
  border-radius: var(--p2p-radius-lg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.deal-action-btn-primary {
  background: linear-gradient(90deg, var(--p2p-purple) 0%, var(--p2p-purple-2) 100%);
}

.deal-action-btn-secondary {
  background: rgba(141, 66, 255, 0.12);
  box-shadow: inset 0 0 0 1px rgba(141, 66, 255, 0.22);
  color: #f5f5f5;
}

.deal-action-btn.is-disabled {
  opacity: 0.58;
  pointer-events: none;
}

.deal-prompt-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(6, 7, 10, 0.58);
  z-index: 24;
}

.deal-prompt-sheet {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: calc(12px + env(safe-area-inset-bottom));
  padding: 12px 12px 14px;
  border-radius: 22px;
  background: #171a20;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 20px 44px rgba(0, 0, 0, 0.36);
  z-index: 25;
}

.deal-prompt-handle {
  width: 44px;
  height: 4px;
  margin: 0 auto 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.18);
}

.deal-prompt-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.deal-prompt-title {
  margin: 0;
  font-size: 17px;
  font-weight: 800;
}

.deal-prompt-close {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--p2p-surface-2);
  color: var(--p2p-text);
  font-size: 20px;
  line-height: 1;
}

.deal-prompt-hint {
  margin: 10px 0 0;
  color: var(--p2p-muted);
  font-size: 13px;
  line-height: 1.45;
}

.deal-prompt-options {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.deal-prompt-option {
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: var(--p2p-surface-2);
  color: var(--p2p-text);
  text-align: left;
  font-size: 14px;
  line-height: 1.35;
  transition: border-color 0.15s ease, background 0.15s ease;
}

.deal-prompt-option.is-active {
  border-color: rgba(154, 92, 255, 0.75);
  background: rgba(100, 48, 184, 0.22);
}

.deal-prompt-comment {
  width: 100%;
  min-height: 96px;
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  background: var(--p2p-surface-2);
  color: var(--p2p-text);
  font-size: 14px;
  line-height: 1.45;
  resize: none;
}

.deal-prompt-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.deal-prompt-btn {
  min-height: 46px;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
}

.deal-prompt-btn-primary {
  background: linear-gradient(90deg, var(--p2p-purple) 0%, var(--p2p-purple-2) 100%);
}

.deal-prompt-btn-secondary {
  background: var(--p2p-surface-2);
}

.section-title {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 800;
}

.detail-list {
  display: grid;
  gap: 18px;
}

.detail-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
}

.detail-label,
.detail-value {
  font-size: 15px;
}

.detail-label {
  color: var(--p2p-muted);
}

.detail-dots {
  border-bottom: 2px dotted rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
}

.detail-value {
  text-align: right;
  color: #f2f2f2;
  font-weight: 600;
}

.detail-copy-btn {
  color: #bf83ff;
  font: inherit;
}

.review-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.review-btn {
  min-height: 56px;
  border-radius: 16px;
  background: var(--p2p-surface-2);
  font-size: 16px;
  font-weight: 700;
}

.faq-list {
  display: grid;
  gap: 0;
}

.faq-item {
  border-bottom: 1px solid var(--p2p-line);
}

.faq-question {
  width: 100%;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  font-size: 15px;
  font-weight: 500;
}

.faq-chevron {
  color: #8a8a8a;
  transition: transform 0.18s ease;
}

.faq-question-open .faq-chevron {
  transform: rotate(180deg);
}

.faq-answer {
  padding: 0 0 16px;
  font-size: 14px;
  line-height: 1.5;
}

.chat-screen {
  position: fixed;
  top: var(--chat-viewport-offset-top, 0px);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 420px;
  height: 100vh;
  height: 100dvh;
  height: var(--chat-viewport-height, 100dvh);
  min-height: 0;
  max-height: var(--chat-viewport-height, 100dvh);
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 8px;
  padding-top: calc(12px + env(safe-area-inset-top));
  padding-bottom: calc(8px + env(safe-area-inset-bottom));
  overflow: hidden;
}

html.p2p-chat-active,
body.p2p-chat-active {
  height: 100%;
  overflow: hidden;
}

.chat-counterparty {
  display: flex;
  align-items: center;
  gap: 8px;
}

.chat-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--p2p-surface-2);
  font-size: 15px;
  font-weight: 700;
}

.chat-name {
  font-size: 15px;
  font-weight: 700;
}

.chat-role {
  margin-top: 2px;
  color: var(--p2p-muted);
  font-size: 12px;
}

.chat-thread {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 4px 0 8px;
  overflow-y: auto;
  min-height: 0;
  scroll-padding-bottom: 8px;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.chat-payment-card {
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.06);
}

.chat-payment-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.chat-payment-card-title {
  font-size: 12px;
  color: var(--p2p-muted);
}

.chat-payment-card-method {
  margin-top: 4px;
  font-size: 15px;
  font-weight: 700;
}

.chat-payment-copy-btn {
  min-width: 96px;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 12px;
  background: rgba(120, 74, 196, 0.26);
  color: #efe2ff;
  font-size: 13px;
  font-weight: 600;
}

.chat-payment-card-rows {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

.chat-payment-row {
  display: grid;
  gap: 4px;
}

.chat-payment-row-label {
  color: var(--p2p-muted);
  font-size: 12px;
}

.chat-payment-row-value {
  color: var(--p2p-text);
  font-size: 14px;
  line-height: 1.35;
  white-space: pre-wrap;
}

.chat-message {
  max-width: 88%;
}

.chat-message-system {
  max-width: 100%;
}

.chat-message-bubble {
  padding: 10px 12px;
  border-radius: 14px;
  font-size: 13px;
  line-height: 1.35;
  white-space: pre-wrap;
}

.chat-message-attachment {
  display: grid;
  gap: 8px;
}

.chat-message-attachment-img {
  display: block;
  width: min(220px, 100%);
  max-width: 100%;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.05);
}

.chat-message-attachment-caption {
  color: inherit;
  font-size: 12px;
  line-height: 1.35;
  opacity: 0.88;
}

.chat-message-system .chat-message-bubble {
  background: #952d2d;
  color: #fff3f3;
}

.chat-message-incoming .chat-message-bubble {
  background: var(--p2p-surface-2);
}

.chat-message-outgoing {
  margin-left: auto;
}

.chat-message-outgoing .chat-message-bubble {
  background: #2d1947;
  color: #f6ecff;
}

.chat-message-time {
  margin-top: 4px;
  color: #797979;
  font-size: 11px;
}

.chat-compose {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding-top: 6px;
  position: relative;
  z-index: 1;
  min-height: 42px;
  align-self: end;
}

.chat-compose-file {
  display: none;
}

.chat-compose-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--p2p-surface-2);
  font-size: 16px;
}

.chat-compose-send {
  color: #5b6777;
}

.chat-compose-input {
  width: 100%;
  min-width: 0;
  min-height: 36px;
  padding: 0 10px;
  border: 0;
  border-radius: 14px;
  background: var(--p2p-surface-2);
  color: var(--p2p-text);
  font-size: 13px;
}

.chat-compose-input[readonly] {
  opacity: 1;
}

.order-create-screen {
  padding-bottom: 24px;
}

.create-block-surface {
  border-radius: var(--p2p-radius-lg);
  background: var(--p2p-surface);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.create-flow-title {
  color: var(--p2p-text);
  font-size: 16px;
  font-weight: 700;
}

.create-flow-text {
  margin-top: 6px;
  color: var(--p2p-muted);
  font-size: 14px;
  line-height: 1.45;
}

.create-hero-note,
.create-section-label {
  color: var(--p2p-muted);
}

.create-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.field-group {
  display: grid;
  gap: 8px;
}

.field-label,
.field-note,
.create-meta,
.create-terms {
  font-size: 13px;
}

.create-title-row {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.create-block-surface {
  padding: 18px 16px;
}

.create-section-label {
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.create-title {
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 700;
}

.field-select,
.field-input,
.field-side-btn,
.price-mode-btn,
.extra-link,
.publish-btn,
.save-btn {
  min-height: var(--p2p-control-h);
  border-radius: var(--p2p-radius-lg);
  font-size: 15px;
}

.field-select,
.field-input,
.extra-link,
.save-btn {
  background: var(--p2p-surface-2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.field-select,
.extra-link {
  display: flex;
  align-items: center;
}

.field-select {
  justify-content: space-between;
  padding: 0 14px;
}

.field-input {
  width: 100%;
  padding: 0 14px;
  border: 0;
  color: var(--p2p-text);
}

.field-input::placeholder,
.extra-link-input::placeholder,
.p2p-picker-input::placeholder {
  color: #7d7d7d;
}

.field-select-token {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.field-select-token-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
}

.price-mode {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 10px;
}

.price-mode-btn {
  background: var(--p2p-surface-2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  color: #d4d4d4;
  font-weight: 600;
}

.price-mode-btn.active {
  background: rgba(141, 66, 255, 0.24);
  color: #f7f1ff;
  box-shadow: inset 0 0 0 1px rgba(179, 75, 255, 0.24);
}

.field-note {
  margin-top: 6px;
}

.create-block-note {
  margin: 0 0 12px;
  line-height: 1.45;
}

.field-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 86px;
  gap: 10px;
  margin-top: 8px;
  align-items: center;
}

.field-side-btn {
  width: 86px;
  min-width: 86px;
  padding: 0 12px;
  background: var(--p2p-surface-3);
  color: var(--p2p-text);
  font-weight: 600;
}

.field-select-wide {
  width: 100%;
}

.extra-link {
  gap: 12px;
  justify-content: flex-start;
  padding: 0 14px;
  color: #b45eff;
  text-align: left;
}

.extra-link + .extra-link {
  margin-top: 8px;
}

.create-requisite-link {
  margin-top: 12px;
  min-height: 58px;
  padding: 12px 14px;
  border-radius: var(--p2p-radius-lg);
  display: grid;
  gap: 4px;
  background: rgba(141, 66, 255, 0.16);
  box-shadow: inset 0 0 0 1px rgba(179, 75, 255, 0.22);
  color: #f2e8ff;
}

.create-requisite-link span:first-child {
  font-size: 15px;
  font-weight: 700;
}

.create-requisite-link span:last-child {
  color: var(--p2p-muted);
  font-size: 13px;
  line-height: 1.35;
}

.create-requisite-footer {
  width: 100%;
}

.extra-link-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  box-shadow: inset 0 0 0 1px rgba(180, 94, 255, 0.6);
  color: #b45eff;
  font-size: 12px;
  font-weight: 700;
  flex: 0 0 auto;
}

.extra-link-content {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  gap: 4px;
}

.extra-link-title {
  color: #b45eff;
  font-size: 15px;
  font-weight: 500;
}

.extra-link-value {
  color: #8d8d8d;
  font-size: 12px;
  line-height: 1.35;
  overflow: hidden;
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.create-fee-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #a0a0a0;
  font-size: 14px;
}

.create-fee-row strong {
  color: #f2f2f2;
  font-weight: 700;
}

.create-actions {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

.create-form-error {
  margin-top: 12px;
  border: 1px solid rgba(255, 109, 125, 0.28);
  border-radius: 16px;
  background: rgba(255, 109, 125, 0.09);
  color: #ffbdc5;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  padding: 11px 12px;
}

.publish-btn,
.save-btn {
  border: 0;
}

.save-btn {
  color: var(--p2p-text);
  font-weight: 600;
}

.create-terms {
  margin-top: 12px;
  text-align: center;
  line-height: 1.45;
}

.create-footer.create-block-surface {
  margin-top: 16px;
}

.market-filters-shell,
.create-text-shell {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: grid;
  align-items: end;
}

.market-filters-backdrop,
.create-text-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(9, 13, 18, 0.64);
}

.market-filters-sheet,
.create-text-sheet {
  position: relative;
  display: grid;
  gap: 16px;
  padding: 18px 16px 18px;
  border-radius: 24px 24px 0 0;
  background:
    radial-gradient(circle at top center, rgba(86, 128, 186, 0.14), transparent 48%),
    #223142;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 -20px 48px rgba(0, 0, 0, 0.34);
}

.market-filters-head,
.create-text-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.market-filters-title,
.create-text-title {
  font-size: 17px;
  font-weight: 700;
}

.market-filters-close,
.create-text-close {
  color: #f4f4f4;
  font-size: 28px;
  line-height: 1;
}

.market-filters-body {
  display: grid;
  gap: 18px;
  max-height: min(68vh, 560px);
  overflow-y: auto;
  padding-right: 2px;
}

.market-toggle-card,
.market-filter-block {
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.055);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.075);
}

.market-toggle-card {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.market-toggle-title {
  font-size: 15px;
  font-weight: 600;
}

.market-toggle-note,
.market-filter-label,
.create-text-note {
  color: var(--p2p-muted);
}

.market-toggle-note,
.create-text-note {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.4;
}

.market-filter-block {
  padding: 14px 16px 16px;
}

.market-filter-label {
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 500;
}

.market-filter-row,
.market-toggle-row {
  width: 100%;
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--p2p-line);
  background: transparent;
  color: var(--p2p-text);
  font-size: 15px;
  text-align: left;
}

.market-filter-row:last-child,
.market-toggle-row:last-child {
  border-bottom: 0;
}

.market-filter-check {
  color: #64d95d;
  font-size: 18px;
  font-weight: 700;
}

.market-toggle {
  width: 48px;
  height: 28px;
  padding: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  transition: background 0.18s ease;
}

.market-toggle::after {
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #1b2532;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: transform 0.18s ease;
}

.market-toggle.is-active {
  background: #4fdb58;
}

.market-toggle.is-active::after {
  transform: translateX(20px);
}

.market-amount-box {
  min-height: 56px;
  padding: 0 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.market-amount-input {
  width: 100%;
  border: 0;
  background: transparent;
  color: var(--p2p-text);
  font: inherit;
}

.market-amount-input::placeholder,
.create-text-area::placeholder {
  color: #7d7d7d;
}

.market-amount-code {
  color: #a2a2a2;
  font-size: 15px;
}

.market-quick-row,
.market-filters-actions,
.create-text-actions {
  display: grid;
  gap: 12px;
}

.market-quick-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
}

.market-quick-chip,
.market-filter-btn {
  min-height: 52px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 700;
}

.market-quick-chip {
  background: rgba(255, 255, 255, 0.07);
  color: #d0d0d0;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.market-filters-actions,
.create-text-actions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.market-filter-btn-secondary {
  background: rgba(255, 255, 255, 0.07);
  color: #f3f3f3;
}

.market-filter-btn-primary {
  background: linear-gradient(90deg, var(--p2p-purple) 0%, var(--p2p-purple-2) 100%);
  color: #fff;
}

.p2p-entry-screen {
  padding-bottom: calc(116px + var(--safe-area-bottom, 0px));
}

.p2p-entry-tabs {
  margin-bottom: 16px;
}

.p2p-entry-panel {
  display: grid;
  gap: 14px;
}

.p2p-entry-amount-card,
.p2p-entry-block,
.p2p-entry-terms,
.p2p-entry-user-card,
.p2p-entry-facts {
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.p2p-entry-amount-card {
  padding: 16px 18px 18px;
}

.p2p-entry-amount-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}

.p2p-entry-amount-row-secondary {
  margin-top: 8px;
}

.p2p-entry-amount-copy,
.p2p-entry-summary-side,
.p2p-entry-label,
.p2p-entry-selector-note,
.p2p-entry-terms-text,
.p2p-entry-user-stats,
.p2p-entry-user-badge-note {
  color: var(--p2p-muted);
}

.p2p-entry-amount-copy {
  font-size: 15px;
}

.p2p-entry-amount-spacer {
  min-width: 1px;
  min-height: 1px;
}

.p2p-entry-max {
  color: #b26eff;
  font-size: 15px;
  font-weight: 700;
}

.p2p-entry-summary-meta {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  min-width: 0;
  text-align: right;
}

.p2p-entry-amount-main {
  margin-top: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.p2p-entry-amount-input,
.p2p-entry-summary-value {
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #f5f5f5;
  font-weight: 800;
  font-size: clamp(24px, 7vw, 30px);
  line-height: 1;
  letter-spacing: -0.035em;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p2p-entry-amount-input::placeholder {
  color: rgba(255, 255, 255, 0.26);
}

.p2p-entry-summary-value {
  pointer-events: none;
  font-size: clamp(21px, 6.2vw, 27px);
  letter-spacing: -0.03em;
}

.p2p-entry-code-pill {
  min-width: 0;
  max-width: 124px;
  min-height: 48px;
  padding: 0 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.09);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  color: #f3f3f3;
  font-size: 15px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p2p-entry-code-pill img {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 18px;
}

.p2p-entry-code-pill {
  white-space: nowrap;
}

.p2p-entry-divider {
  margin: 20px 0 14px;
  position: relative;
  display: flex;
  justify-content: center;
}

.p2p-entry-divider::before,
.p2p-entry-divider::after {
  content: "";
  position: absolute;
  top: 50%;
  width: calc(50% - 26px);
  height: 1px;
  background: rgba(255, 255, 255, 0.09);
}

.p2p-entry-divider::before {
  left: 0;
}

.p2p-entry-divider::after {
  right: 0;
}

.p2p-entry-swap-mark {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(65, 162, 255, 0.32), rgba(65, 162, 255, 0.18));
  color: #a7d8ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 1px rgba(114, 191, 255, 0.14);
}

.p2p-entry-swap-icon {
  font-size: 22px;
  line-height: 1;
}

.p2p-entry-summary-side {
  font-size: 14px;
  min-width: 0;
  overflow-wrap: anywhere;
}

.p2p-entry-block,
.p2p-entry-terms,
.p2p-entry-facts {
  padding: 15px 18px;
}

.p2p-entry-label {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}

.p2p-entry-selector {
  width: 100%;
  min-height: 58px;
  padding: 0 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  color: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  text-align: left;
}

.p2p-entry-selector.is-static,
.p2p-entry-selector:disabled {
  cursor: default;
}

.p2p-entry-selector-title {
  font-size: 18px;
  font-weight: 700;
}

.p2p-entry-selector-note {
  margin-top: 4px;
  font-size: 13px;
}

.p2p-entry-selector-arrow {
  color: rgba(255, 255, 255, 0.62);
  font-size: 20px;
}

.p2p-entry-selector.is-static .p2p-entry-selector-arrow,
.p2p-entry-selector:disabled .p2p-entry-selector-arrow {
  opacity: 0.28;
}

.p2p-entry-requisite-link {
  margin-top: 10px;
  display: inline-flex;
  color: #b26eff;
  font-weight: 700;
}

.p2p-entry-rows {
  display: grid;
  gap: 10px;
}

.p2p-entry-info-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  color: var(--p2p-muted);
  font-size: 15px;
}

.p2p-entry-info-label {
  min-width: 0;
  flex: 1 1 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.p2p-entry-info-dot {
  flex: 1 1 auto;
  min-width: 16px;
  height: 1px;
  opacity: 0.38;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.35) 1px, transparent 1.4px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  background-position: center;
}

.p2p-entry-info-value {
  min-width: 0;
  color: #f5f5f5;
  font-weight: 700;
  text-align: right;
  overflow-wrap: anywhere;
}

.p2p-entry-info-row:first-child .p2p-entry-info-value::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 8px;
  border-radius: 999px;
  display: inline-block;
  vertical-align: middle;
  background: radial-gradient(circle at center, #7f27ff 0 36%, rgba(127, 39, 255, 0.18) 37% 100%);
  box-shadow: 0 0 0 2px rgba(127, 39, 255, 0.2);
}

.p2p-entry-method-chips,
.p2p-entry-user-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.p2p-entry-method-chips span,
.p2p-entry-user-badges span {
  max-width: 100%;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  display: inline-flex;
  align-items: center;
  color: #efefef;
  font-size: 14px;
  overflow-wrap: anywhere;
}

@media (max-width: 380px) {
  .p2p-entry-amount-card {
    padding-inline: 14px;
  }

  .p2p-entry-code-pill {
    max-width: 104px;
    min-height: 44px;
    padding-inline: 10px;
    font-size: 13px;
    gap: 6px;
  }

  .p2p-entry-amount-main {
    gap: 8px;
  }

  .p2p-entry-amount-input,
  .p2p-entry-summary-value {
    letter-spacing: -0.04em;
  }

  .p2p-entry-code-pill img {
    width: 16px;
    height: 16px;
    flex-basis: 16px;
  }
}

.p2p-entry-user-badges {
  grid-column: 1 / -1;
  justify-content: flex-start;
}

.p2p-entry-user-badges span {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  color: #f1f5fb;
}

.p2p-entry-terms-text {
  white-space: pre-wrap;
  line-height: 1.55;
  color: #ededed;
}

.p2p-entry-user-card {
  padding: 18px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  justify-items: stretch;
  text-align: left;
  gap: 12px 14px;
}

.p2p-entry-user-card-link {
  color: inherit;
  text-decoration: none;
}

.p2p-entry-user-card-link.is-static {
  cursor: default;
}

.p2p-entry-user-badge {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #f5f5f5;
  font-size: 24px;
  font-weight: 800;
  grid-row: 1 / span 2;
}

.p2p-entry-user-copy {
  display: grid;
  gap: 4px;
}

.p2p-entry-user-card-arrow {
  color: rgba(255, 255, 255, 0.64);
  font-size: 20px;
  line-height: 1;
  align-self: center;
}

.p2p-entry-user-name {
  font-size: 20px;
  font-weight: 800;
}

.p2p-entry-user-stats {
  font-size: 14px;
}

.p2p-entry-facts {
  display: grid;
  gap: 0;
}

.p2p-entry-facts-shell .p2p-entry-facts {
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.p2p-entry-fact-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 15px;
}

.p2p-entry-fact-row:not(:last-child) {
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.p2p-entry-fact-label {
  color: var(--p2p-muted);
  min-width: 0;
  flex: 1 1 auto;
}

.p2p-entry-fact-value {
  color: #f4f4f4;
  font-weight: 700;
  text-align: right;
}

.p2p-entry-fact-row::before {
  content: "";
  order: 2;
  flex: 1 1 auto;
  min-width: 16px;
  height: 1px;
  opacity: 0.34;
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.3) 1px, transparent 1.4px);
  background-size: 8px 1px;
  background-repeat: repeat-x;
  background-position: center;
}

.p2p-entry-fact-label {
  order: 1;
}

.p2p-entry-fact-value {
  order: 3;
}

.p2p-entry-user-actions {
  display: grid;
  gap: 12px;
}

.p2p-entry-review-cta {
  min-height: 52px;
  padding: 0 16px;
  border-radius: 14px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #111827;
  font-size: 15px;
  font-weight: 800;
}

.p2p-entry-user-link {
  min-height: 60px;
  padding: 0 18px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  color: #f4f6fb;
}

.p2p-entry-user-link-copy {
  min-width: 0;
  display: grid;
  gap: 4px;
}

.p2p-entry-user-link-title {
  font-size: 16px;
  font-weight: 700;
}

.p2p-entry-user-link-note {
  color: var(--p2p-muted);
  font-size: 13px;
  line-height: 1.35;
}

.p2p-entry-user-link-arrow {
  color: rgba(255, 255, 255, 0.64);
  font-size: 20px;
  line-height: 1;
}

.p2p-entry-user-listings-shell {
  gap: 14px;
}

.p2p-entry-user-listings {
  display: grid;
  gap: 12px;
}

.p2p-entry-user-listings .offer-card {
  background: rgba(255, 255, 255, 0.06);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.p2p-entry-user-listings-empty {
  min-height: 52px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  padding: 0 14px;
  color: var(--p2p-muted);
  font-size: 14px;
}

.p2p-entry-price-banner {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: calc(92px + var(--safe-area-bottom, 0px));
  z-index: 30;
  min-height: 74px;
  padding: 12px;
  border-radius: 20px;
  background: rgba(33, 45, 60, 0.94);
  box-shadow: 0 18px 36px rgba(8, 14, 24, 0.3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.p2p-entry-price-banner-text {
  color: #f5f5f5;
  font-size: 16px;
  font-weight: 700;
}

.p2p-entry-price-banner-btn {
  min-width: 148px;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 14px;
  background: #fff;
  color: #171717;
  font-size: 15px;
  font-weight: 700;
}

.p2p-entry-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  padding: 12px 16px calc(14px + var(--safe-area-bottom, 0px));
  background: linear-gradient(180deg, rgba(20, 25, 34, 0) 0%, rgba(20, 25, 34, 0.94) 24%, rgba(20, 25, 34, 0.98) 100%);
}

.p2p-entry-submit {
  width: 100%;
  min-height: 58px;
  border-radius: 16px;
  background: linear-gradient(90deg, #37d84f 0%, #6ee85f 100%);
  color: #fff;
  font-size: 18px;
  font-weight: 800;
}

.p2p-entry-submit:disabled {
  background: #2b2b2b;
  color: rgba(255, 255, 255, 0.42);
}

.p2p-entry-submit-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(90deg, var(--p2p-purple) 0%, var(--p2p-purple-2) 100%);
}

.p2p-profile-screen {
  padding-bottom: 32px;
}

.p2p-profile-tabs {
  margin-bottom: 16px;
}

.p2p-profile-panel {
  display: grid;
  gap: 14px;
}

.p2p-profile-section-title {
  color: var(--p2p-text);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.p2p-profile-hero,
.p2p-profile-summary,
.p2p-profile-rows,
.p2p-profile-empty {
  padding: 18px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}

.p2p-profile-hero {
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 10px;
}

.p2p-profile-actions {
  display: grid;
  gap: 12px;
}

.p2p-profile-open-reviews {
  min-height: 68px;
  padding: 0 18px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  text-align: left;
  color: #f4f6fb;
}

.p2p-profile-open-reviews-title {
  font-size: 17px;
  font-weight: 700;
}

.p2p-profile-open-reviews-note {
  color: var(--p2p-muted);
  font-size: 14px;
  line-height: 1.35;
}

.p2p-profile-badge {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  display: grid;
  place-items: center;
  color: #f4f6fb;
  font-size: 28px;
  font-weight: 800;
}

.p2p-profile-name {
  font-size: 24px;
  font-weight: 800;
}

.p2p-profile-subtitle {
  color: var(--p2p-muted);
  font-size: 15px;
}

.p2p-profile-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.p2p-profile-badges span {
  min-height: 34px;
  padding: 0 12px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  display: inline-flex;
  align-items: center;
  color: #f1f5fb;
  font-size: 14px;
}

.p2p-profile-rows {
  display: grid;
  gap: 18px;
}

.p2p-profile-summary {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
}

.p2p-profile-summary-label {
  color: var(--p2p-muted);
  font-size: 14px;
}

.p2p-profile-summary-total {
  margin-top: 8px;
  font-size: 28px;
  font-weight: 800;
  line-height: 1;
}

.p2p-profile-summary-stats {
  display: inline-flex;
  align-items: baseline;
  gap: 14px;
  font-size: 27px;
  font-weight: 800;
  line-height: 1;
}

.p2p-profile-summary-positive {
  color: #76df74;
}

.p2p-profile-summary-negative {
  color: #ff7c7c;
}

.p2p-profile-filters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.p2p-profile-filter-btn {
  min-height: 46px;
  padding: 0 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  color: #f2f5fb;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}

.p2p-profile-review-list {
  display: grid;
  gap: 14px;
}

.p2p-profile-review-card {
  padding: 16px 18px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    inset 0 0 0 1px rgba(255, 255, 255, 0.06);
  display: grid;
  gap: 12px;
}

.p2p-profile-review-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.p2p-profile-reviewer-badge {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  display: grid;
  place-items: center;
  color: #f4f6fb;
  font-size: 18px;
  font-weight: 800;
}

.p2p-profile-reviewer-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.p2p-profile-reviewer-name {
  font-size: 17px;
  font-weight: 700;
}

.p2p-profile-reviewer-stats,
.p2p-profile-review-date {
  color: var(--p2p-muted);
  font-size: 13px;
}

.p2p-profile-review-date {
  text-align: right;
}

.p2p-profile-review-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.p2p-profile-review-tag,
.p2p-profile-review-role {
  min-height: 30px;
  padding: 0 12px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  font-weight: 700;
}

.p2p-profile-review-tag-positive {
  background: rgba(88, 197, 98, 0.18);
  color: #a6ef9e;
}

.p2p-profile-review-tag-negative {
  background: rgba(210, 76, 76, 0.18);
  color: #ff9a9a;
}

.p2p-profile-review-role {
  background: rgba(255, 255, 255, 0.08);
  color: #f1f5fb;
}

.p2p-profile-review-summary {
  font-size: 15px;
  font-weight: 700;
  color: #f5f5f5;
  line-height: 1.45;
}

.p2p-profile-review-text {
  color: #f0f2f8;
  font-size: 15px;
  line-height: 1.5;
  white-space: pre-wrap;
}

.p2p-profile-empty {
  display: grid;
  gap: 8px;
  justify-items: center;
  text-align: center;
}

.p2p-profile-empty-title {
  font-size: 18px;
  font-weight: 800;
}

.p2p-profile-empty-note {
  color: var(--p2p-muted);
  font-size: 14px;
  line-height: 1.45;
}

.create-text-body {
  display: grid;
  gap: 12px;
}

.create-text-area {
  width: 100%;
  min-height: 176px;
  padding: 14px 16px;
  border: 0;
  border-radius: 16px;
  background: #171717;
  color: #f3f3f3;
  font: inherit;
  line-height: 1.45;
  resize: vertical;
}

.is-hidden {
  display: none !important;
}