:root {
  --bg: #0f172a;
  --panel: #111827;
  --card: #ffffff;
  --muted: #64748b;
  --text: #0f172a;
  --line: #e2e8f0;
  --brand: #2563eb;
  --brand2: #14b8a6;
  --danger: #dc2626;
  --warn: #d97706;
  --ok: #059669;
  --soft: #f8fafc;
  --shadow: 0 10px 24px rgba(15,23,42,.05);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--soft); color: var(--text); }
.hidden { display: none !important; }
.login-wrap { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: radial-gradient(circle at top left, rgba(20,184,166,.35), transparent 34%), linear-gradient(135deg, #0f172a, #1e3a8a); }
.login-card { width: min(470px, 100%); background: white; border-radius: 26px; padding: 32px; box-shadow: 0 25px 80px rgba(0,0,0,.3); }
.login-card h1 { margin: 0 0 8px; font-size: clamp(26px, 7vw, 34px); letter-spacing: -.03em; }
.login-card p { margin: 0 0 24px; color: var(--muted); line-height: 1.55; }
label { display:block; margin: 12px 0 6px; font-weight: 800; font-size: 13px; color: #334155; }
label.check { display:flex; align-items:center; gap:10px; font-weight:700; }
label.check input { width:auto; }
input, select, textarea { width: 100%; padding: 11px 12px; border: 1px solid var(--line); border-radius: 12px; font: inherit; background: white; color: var(--text); }
input:focus, select:focus, textarea:focus { outline: 3px solid rgba(37,99,235,.14); border-color: var(--brand); }
textarea { min-height: 86px; resize: vertical; }
button { cursor: pointer; border: 0; border-radius: 12px; padding: 10px 14px; background: var(--brand); color: white; font-weight: 850; transition: transform .12s ease, filter .12s ease; }
button:hover { filter: brightness(.96); transform: translateY(-1px); }
button.secondary { background: #475569; }
button.success { background: var(--ok); }
button.danger { background: var(--danger); }
button.warn { background: var(--warn); }
button.ghost { background: #e2e8f0; color: #0f172a; }
button.full { width: 100%; }
button.icon { padding: 6px 10px; border-radius: 10px; }
button:disabled { opacity: .45; cursor: not-allowed; transform:none; }
a { color: #1d4ed8; font-weight: 800; }
.error { color: var(--danger); margin-top: 12px; font-weight: 800; }
.app { min-height: 100vh; display: grid; grid-template-columns: 280px 1fr; }
.sidebar { background: var(--bg); color: white; padding: 18px; display: flex; flex-direction: column; gap: 16px; position: sticky; top: 0; height: 100vh; }
.brand { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.logo { width: 48px; height: 48px; border-radius: 15px; background: linear-gradient(135deg, var(--brand), var(--brand2)); display: grid; place-items: center; font-weight: 950; box-shadow: 0 10px 30px rgba(20,184,166,.25); }
.brand h2 { margin: 0; font-size: 20px; letter-spacing: -.02em; }
.brand span { color: #cbd5e1; font-size: 12px; }
nav { display: flex; flex-direction: column; gap: 8px; flex: 1; overflow-y: auto; padding-right: 4px; }
nav button { text-align: left; background: transparent; color: #cbd5e1; padding: 12px; border-radius: 12px; }
nav button.active, nav button:hover { background: rgba(255,255,255,.11); color: white; transform: none; }
.main { min-width: 0; }
.topbar { background: rgba(255,255,255,.92); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); padding: 20px 28px; display: flex; align-items: center; justify-content: space-between; position: sticky; top: 0; z-index: 10; gap: 16px; }
.topbar h1 { margin: 0; font-size: clamp(22px, 4vw, 28px); letter-spacing: -.03em; }
.topbar p { margin: 4px 0 0; color: var(--muted); }
.status-pill { white-space: nowrap; padding: 8px 12px; border-radius: 999px; background: #dcfce7; color: #166534; font-weight: 850; font-size: 13px; }
#content { padding: 28px; }
.grid { display: grid; gap: 16px; }
.grid.cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.full-span { grid-column: 1 / -1; }
.card { background: white; border: 1px solid var(--line); border-radius: 18px; padding: 18px; box-shadow: var(--shadow); min-width: 0; }
.card h3 { margin: 0 0 14px; letter-spacing: -.02em; }
.metric { font-size: clamp(22px, 4vw, 30px); font-weight: 950; letter-spacing: -.04em; }
.sub { color: var(--muted); font-size: 13px; }
.mt { margin-top: 16px; }
.mt-sm { margin-top: 12px; }
.toolbar { display: flex; gap: 10px; align-items: center; justify-content: space-between; margin-bottom: 16px; flex-wrap: wrap; }
.toolbar.compact { margin: 0 0 8px; }
.actions { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.table-wrap { width:100%; overflow:auto; border-radius: 12px; }
table { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 760px; }
th, td { padding: 11px 10px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
th { font-size: 12px; text-transform: uppercase; color: var(--muted); background: #f8fafc; position: sticky; top: 0; z-index: 1; }
tr:hover td { background: #f8fafc; }
.badge { display: inline-block; padding: 4px 8px; border-radius: 999px; font-size: 12px; font-weight: 850; background: #e2e8f0; color: #334155; }
.badge.ok { background: #dcfce7; color: #166534; }
.badge.warn { background: #fef3c7; color: #92400e; }
.badge.danger { background: #fee2e2; color: #991b1b; }
.badge.blue { background: #dbeafe; color: #1d4ed8; }
.detail-layout { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr); gap: 16px; }
.kv { display: grid; grid-template-columns: 160px 1fr; gap: 8px; font-size: 14px; }
.kv b { color: #475569; }
.split-row { border: 1px solid var(--line); border-radius: 14px; padding: 12px; margin-bottom: 10px; background: #fff; }
.progress { height: 9px; background: #e2e8f0; border-radius: 999px; overflow: hidden; margin-top: 8px; }
.progress span { display:block; height:100%; background: linear-gradient(90deg, var(--brand), var(--brand2)); width: 0; }
.chat { max-height: 460px; min-height: 360px; overflow-y: auto; display: flex; flex-direction: column; gap: 10px; padding: 12px; background: linear-gradient(180deg,#f8fafc,#eef2ff); border: 1px solid var(--border); border-radius: 18px; scroll-behavior: smooth; }
.chat-row { display:flex; width:100%; }
.chat-row.me { justify-content:flex-end; }
.chat-row.them { justify-content:flex-start; }
.chat-bubble { max-width: 78%; padding: 9px 12px 7px; border-radius: 16px; background:#fff; box-shadow: 0 6px 18px rgba(15,23,42,.06); border:1px solid rgba(148,163,184,.22); }
.chat-row.me .chat-bubble { background:#dbeafe; border-color:#bfdbfe; border-bottom-right-radius:5px; }
.chat-row.them .chat-bubble { background:#ffffff; border-bottom-left-radius:5px; }
.chat-row.system{justify-content:center;padding:4px 0}
.chat-system-message{display:flex;flex-direction:column;align-items:center;gap:3px;width:min(92%,520px);padding:8px 14px;border:1px solid #dbe4ef;border-radius:14px;background:rgba(248,250,252,.94);color:#475569;text-align:center;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.chat-system-label{font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:#64748b}
.chat-system-message strong{font-size:12px;line-height:1.3;color:#0f172a}
.chat-system-text{font-size:11px;line-height:1.4;color:#475569;overflow-wrap:anywhere}
.chat-system-message time{font-size:9px;color:#94a3b8}
.chat-meta { display:flex; align-items:center; gap:8px; font-size:11px; color:#64748b; margin-bottom:4px; font-weight:800; }
.chat-body { white-space:pre-wrap; overflow-wrap:anywhere; word-break:break-word; color:#0f172a; line-height:1.45; }
.chat-time { color:#64748b; font-size:10px; text-align:right; margin-top:5px; }
.sync-status { display:inline-flex; align-items:center; gap:6px; padding:5px 9px; border-radius:999px; background:#eff6ff; color:#1d4ed8; font-size:12px; font-weight:800; }
.sync-status.busy { background:#fff7ed; color:#c2410c; }
.sync-status.ok { background:#dcfce7; color:#166534; }
.sync-status.warn { background:#fef3c7; color:#92400e; }
.quiet-sync-status { display:inline-block; margin-left:8px; color:#64748b; font-size:12px; }
.pill-link { display:inline-block; margin-top:6px; padding: 4px 8px; border-radius: 999px; background:#ecfeff; color:#155e75; text-decoration:none; font-size:12px; }
.modal-backdrop { position: fixed; inset: 0; background: rgba(15,23,42,.62); display: grid; place-items: center; z-index: 100; padding: 24px; }
.modal { width: min(760px, 100%); max-height: 90vh; overflow: hidden; display: flex; flex-direction: column; background: white; border-radius: 20px; box-shadow: 0 30px 80px rgba(0,0,0,.35); }
.modal-head { display: flex; align-items: center; justify-content: space-between; padding: 16px 18px; border-bottom: 1px solid var(--line); }
.modal-head h3 { margin: 0; }
.modal-body { padding: 18px; overflow-y: auto; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.form-grid .full-row { grid-column: 1 / -1; }
.notice { background: #fff7ed; border: 1px solid #fed7aa; color: #9a3412; padding: 12px; border-radius: 12px; margin: 12px 0; }
.okbox { background: #f0fdf4; border: 1px solid #bbf7d0; color: #166534; padding: 12px; border-radius: 12px; margin: 12px 0; }
pre { white-space: pre-wrap; word-break: break-word; background: #0f172a; color: #e2e8f0; padding: 14px; border-radius: 14px; max-height: 240px; overflow:auto; }
.skeleton { min-height: 90px; color: var(--muted); }
@media (max-width: 1180px) {
  .grid.cards, .grid.three { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .detail-layout { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .app { grid-template-columns: 1fr; }
  .sidebar { position: static; height: auto; border-radius: 0 0 24px 24px; }
  nav { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); max-height: none; }
  .grid.cards, .grid.two, .grid.three, .form-grid { grid-template-columns: 1fr; }
  .topbar { position: static; align-items:flex-start; flex-direction: column; padding: 18px; }
  #content { padding: 18px; }
  .kv { grid-template-columns: 1fr; }
  table { min-width: 700px; }
  .modal-backdrop { padding: 12px; }
}
@media (max-width: 480px) {
  .login-card { padding: 24px; border-radius: 20px; }
  nav { grid-template-columns: 1fr; }
  button { width: auto; }
  .actions button { flex: 1 1 auto; }
  .brand { align-items:flex-start; }
}
.perm-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: #f8fafc; }
.perm-grid label { margin: 0; }
@media (max-width: 820px) { .perm-grid { grid-template-columns: 1fr; } }

.info-card p { margin: 0; color: #475569; line-height: 1.6; }
.route-flow { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.route-flow span { background:#f1f5f9; border:1px solid var(--line); border-radius:999px; padding:8px 12px; font-weight:800; color:#334155; }
.report-section { background:white; border:1px solid var(--line); border-radius:18px; padding:18px; box-shadow:var(--shadow); }
.report-section h3 { margin:0 0 14px; }
.report-cards { display:grid; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr)); gap:12px; }
.report-cards.wide { grid-template-columns:repeat(auto-fit, minmax(280px, 1fr)); }
.report-card { border:1px solid var(--line); border-radius:16px; padding:14px; background:#fff; }
.report-card-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px; }
.report-line { display:flex; justify-content:space-between; gap:12px; padding:7px 0; border-top:1px dashed #e2e8f0; }
.report-line span { color:var(--muted); font-size:13px; }
.report-line b { text-align:right; }
@media (max-width: 820px) {
  .table-wrap { overflow: visible; }
  table { min-width: 0; display:block; }
  table thead { display:none; }
  table tbody, table tr, table td { display:block; width:100%; }
  table tr { border:1px solid var(--line); border-radius:14px; margin-bottom:12px; padding:10px; background:white; box-shadow:var(--shadow); }
  table td { border-bottom:1px dashed #e2e8f0; padding:9px 4px; }
  table td:last-child { border-bottom:0; }
  table td::before { content: attr(data-label); display:block; font-size:11px; text-transform:uppercase; color:var(--muted); font-weight:900; margin-bottom:4px; }
  tr:hover td { background: transparent; }
  .route-flow { flex-direction:column; align-items:stretch; }
  .route-flow b { text-align:center; }
}
@media print {
  .sidebar, .topbar .status-pill, .toolbar, button { display:none !important; }
  .app { display:block; }
  #content { padding:0; }
  .card, .report-section, .report-card { box-shadow:none; break-inside:avoid; }
}

/* v5 smoother app UX + cleaner dashboard */
#content { transition: opacity .18s ease, transform .18s ease; }
#content.soft-updating { opacity: .86; transform: translateY(2px); }
.compact-stat { background:#eef2ff; color:#3730a3; border:1px solid #c7d2fe; padding:8px 12px; border-radius:999px; font-size:13px; font-weight:900; }
.dash-hero { overflow:hidden; position:relative; display:flex; justify-content:space-between; align-items:flex-end; gap:18px; padding:24px; border-radius:24px; color:white; background: radial-gradient(circle at 15% 20%, rgba(20,184,166,.55), transparent 30%), linear-gradient(135deg, #0f172a, #1d4ed8 58%, #14b8a6); box-shadow: 0 22px 60px rgba(15,23,42,.18); }
.dash-hero::after { content:""; position:absolute; right:-80px; top:-80px; width:240px; height:240px; border-radius:999px; background:rgba(255,255,255,.13); }
.dash-hero h2 { position:relative; margin:6px 0; font-size:clamp(28px, 5vw, 44px); letter-spacing:-.05em; }
.dash-hero p { position:relative; margin:0; color:#dbeafe; max-width:560px; }
.dash-eyebrow { position:relative; display:inline-flex; padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.16); color:#ecfeff; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; }
.dash-hero-amount { position:relative; text-align:right; min-width:220px; }
.dash-hero-amount span { display:block; color:#bfdbfe; font-size:13px; font-weight:850; }
.dash-hero-amount b { display:block; font-size:clamp(24px, 4vw, 36px); letter-spacing:-.04em; }
.metric-card { position:relative; overflow:hidden; min-height:132px; display:flex; flex-direction:column; justify-content:flex-end; gap:7px; border:0; background:linear-gradient(180deg, #ffffff, #f8fafc); }
.metric-card::before { content:""; position:absolute; inset:0 0 auto 0; height:5px; background:linear-gradient(90deg, var(--brand), var(--brand2)); }
.metric-card span { color:var(--muted); font-size:13px; font-weight:850; }
.metric-card b { font-size:clamp(22px, 4vw, 31px); letter-spacing:-.04em; }
.metric-icon { position:absolute; right:14px; top:14px; width:38px; height:38px; display:grid; place-items:center; border-radius:14px; background:#eff6ff; color:#1d4ed8; font-weight:950; }
.dash-main { display:grid; grid-template-columns:minmax(0, 1.55fr) minmax(290px, .45fr); gap:16px; }
.dash-card { border:0; box-shadow:0 14px 38px rgba(15,23,42,.07); }
.section-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
.section-head h3 { margin:0; }
.section-head span { color:var(--muted); font-size:12px; font-weight:900; }
.method-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:12px; }
.method-card { border:1px solid var(--line); border-radius:18px; padding:14px; background:#fbfdff; }
.method-card > div:first-child { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; }
.method-card > div:first-child b { font-size:17px; }
.method-card > div:first-child span { color:var(--muted); font-size:12px; font-weight:850; }
.method-money { font-size:24px; font-weight:950; letter-spacing:-.04em; margin:10px 0; }
.mini-row, .today-stack > div, .report-line { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.mini-row span, .today-stack span { color:var(--muted); font-size:13px; font-weight:850; }
.today-stack { display:grid; gap:10px; }
.today-stack > div { background:#f8fafc; border:1px solid var(--line); padding:13px; border-radius:16px; }
.today-stack b { font-size:18px; }
.agent-list, .alert-list { display:grid; gap:10px; }
.agent-row { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:16px; background:#fff; }
.agent-row span { display:block; color:var(--muted); font-size:12px; margin-top:3px; }
.agent-row > div:last-child { text-align:right; }
.alert-item { padding:12px; border-radius:16px; border:1px solid #fed7aa; background:#fff7ed; display:grid; gap:4px; }
.alert-item span { color:#7c2d12; font-size:13px; }
.alert-item small { color:#9a3412; }
.empty-state { padding:18px; text-align:center; color:var(--muted); background:#f8fafc; border-radius:16px; border:1px dashed var(--line); }
@media (max-width: 1000px) { .dash-main { grid-template-columns:1fr; } }
@media (max-width: 720px) { .dash-hero { align-items:flex-start; flex-direction:column; } .dash-hero-amount { text-align:left; min-width:0; } .agent-row { align-items:flex-start; flex-direction:column; } .agent-row > div:last-child { text-align:left; } }

/* v6 partial agent completion + live remaining preview */
.live-remaining { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 14px; border:1px solid #bae6fd; background:#f0f9ff; color:#075985; border-radius:14px; margin:12px 0; font-weight:900; }
.live-remaining span { color:#0369a1; font-size:12px; font-weight:800; }
@media (max-width: 620px) { .live-remaining { align-items:flex-start; flex-direction:column; } }

/* v7: global action feedback */
#toastWrap { position: fixed; right: 18px; top: 18px; z-index: 9999; display: grid; gap: 10px; width: min(390px, calc(100vw - 36px)); }
.toast { border-radius: 16px; padding: 12px 14px; box-shadow: 0 18px 44px rgba(15,23,42,.22); display: grid; gap: 4px; animation: toastIn .18s ease-out; border: 1px solid rgba(255,255,255,.45); }
.toast b { font-size: 13px; }
.toast span { font-size: 13px; line-height: 1.45; }
.toast.danger { background: #fef2f2; color: #991b1b; border-color: #fecaca; }
.toast.warn { background: #fff7ed; color: #9a3412; border-color: #fed7aa; }
.toast.ok { background: #f0fdf4; color: #166534; border-color: #bbf7d0; }
.form-message { margin-top: 10px; padding: 10px 12px; border-radius: 12px; font-size: 13px; font-weight: 800; line-height: 1.45; }
.form-message:empty { display: none; }
.form-message.danger { background:#fef2f2; color:#991b1b; border:1px solid #fecaca; }
.form-message.warn { background:#fff7ed; color:#9a3412; border:1px solid #fed7aa; }
.form-message.ok { background:#f0fdf4; color:#166534; border:1px solid #bbf7d0; }
.live-remaining span { display:inline-block; margin-left:8px; color: var(--muted); font-weight: 700; }
@keyframes toastIn { from { opacity:0; transform: translateY(-10px) scale(.98); } to { opacity:1; transform:none; } }
.order-row-new { animation: rowReveal .52s ease-out; }
.order-row-updated { animation: rowPulse .75s ease-out; }
@keyframes rowReveal { from { opacity:0; transform: translateY(-8px); background:#eff6ff; } to { opacity:1; transform:none; background:transparent; } }
@keyframes rowPulse { 0% { background:#fef9c3; } 100% { background:transparent; } }

/* v8: customizable reports, user admin polish, login OTP */
.otp-panel { margin: 12px 0; padding: 12px; border: 1px solid var(--line); border-radius: 16px; background: #f8fafc; }
.notice.small { font-size: 13px; margin: 0 0 10px; }
.admin-hero { position: relative; overflow: hidden; display:flex; justify-content:space-between; align-items:stretch; gap:18px; border-radius:24px; padding:24px; color:white; background: radial-gradient(circle at 20% 10%, rgba(20,184,166,.55), transparent 28%), linear-gradient(135deg, #111827, #1e40af 58%, #0891b2); box-shadow: 0 22px 58px rgba(15,23,42,.16); }
.admin-hero h2 { margin: 8px 0; font-size: clamp(26px, 4vw, 38px); letter-spacing: -.05em; }
.admin-hero p { margin:0; color:#dbeafe; max-width:640px; line-height:1.55; }
.admin-quick-stats { display:grid; grid-template-columns: repeat(3, minmax(105px, 1fr)); gap:10px; min-width:min(420px, 100%); }
.admin-quick-stats > div { background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); border-radius:18px; padding:14px; backdrop-filter: blur(8px); }
.admin-quick-stats span { display:block; color:#bfdbfe; font-size:12px; font-weight:900; }
.admin-quick-stats b { display:block; margin-top:6px; font-size:clamp(20px, 3vw, 28px); letter-spacing:-.04em; }
.user-card { display:grid; gap:14px; border:1px solid var(--line); border-radius:18px; padding:16px; background:linear-gradient(180deg, #fff, #f8fafc); box-shadow:var(--shadow); }
.user-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.user-card-head b { font-size:18px; }
.user-card-head span { display:block; color:var(--muted); font-size:12px; margin-top:4px; }
.user-stats { display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:10px; }
.user-stats > div { border:1px solid var(--line); border-radius:14px; padding:10px; background:white; }
.user-stats span { display:block; color:var(--muted); font-size:12px; font-weight:850; }
.user-stats b { display:block; margin-top:4px; font-size:16px; }
.report-filter { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.report-filter h3 { margin:0 0 4px; }
.report-filter p { margin:0; color:var(--muted); }
.report-filter-form { display:flex; gap:8px; flex-wrap:wrap; align-items:center; justify-content:flex-end; }
.report-filter-form select, .report-filter-form input { width:auto; min-width:145px; }
.admin-card { border:0; box-shadow: 0 14px 38px rgba(15,23,42,.07); }
@media (max-width: 980px) {
  .admin-hero, .report-filter { flex-direction:column; align-items:stretch; }
  .admin-quick-stats { grid-template-columns:1fr; min-width:0; }
  .report-filter-form { justify-content:stretch; }
  .report-filter-form select, .report-filter-form input, .report-filter-form button { width:100%; }
}

/* v9: P2P order detail, role builder, statement wording */
.order-info-grid { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:16px; }
.order-mini { border:0; box-shadow:0 14px 38px rgba(15,23,42,.07); }
.big-flow { margin:10px 0 14px; padding:14px; border-radius:16px; background:linear-gradient(135deg,#eff6ff,#f0fdfa); border:1px solid #bfdbfe; color:#0f172a; font-weight:950; font-size:18px; letter-spacing:-.02em; }
.history-grid { display:grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:10px; }
.history-grid > div { padding:10px; border:1px solid var(--line); border-radius:14px; background:#f8fafc; }
.history-grid span { display:block; color:var(--muted); font-size:11px; font-weight:900; text-transform:uppercase; }
.history-grid b { display:block; margin-top:4px; font-size:18px; letter-spacing:-.03em; }
.perm-preview { display:flex; gap:6px; flex-wrap:wrap; }
.perm-preview span { padding:6px 8px; border-radius:999px; background:#eef2ff; color:#3730a3; font-size:11px; font-weight:850; }
.role-card .actions { margin-top:auto; }
@media (max-width: 1100px) { .order-info-grid { grid-template-columns:1fr; } }
@media (max-width: 620px) { .history-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } }

/* v10: cleaner order detail design + visible P2P feedback comments */
.order-page { display:grid; gap:16px; }
.order-hero-panel { position:relative; overflow:hidden; display:flex; justify-content:space-between; gap:20px; align-items:stretch; padding:24px; border-radius:28px; color:white; background: radial-gradient(circle at 14% 18%, rgba(20,184,166,.50), transparent 28%), linear-gradient(135deg, #0f172a, #1d4ed8 58%, #0891b2); box-shadow:0 24px 70px rgba(15,23,42,.20); }
.order-hero-panel::after { content:""; position:absolute; right:-70px; top:-90px; width:260px; height:260px; border-radius:999px; background:rgba(255,255,255,.12); }
.order-hero-main, .order-hero-amount-card { position:relative; z-index:1; }
.order-eyebrow { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.order-hero-main h2 { margin:12px 0 8px; font-size:clamp(28px, 4.6vw, 46px); letter-spacing:-.055em; }
.order-hero-main p { margin:0; color:#dbeafe; font-weight:800; font-size:16px; }
.order-hero-pills { display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; }
.order-hero-pills span { display:inline-flex; gap:6px; align-items:center; padding:8px 12px; border-radius:999px; background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.18); color:#dbeafe; font-size:13px; font-weight:850; }
.order-hero-pills b { color:white; }
.order-hero-amount-card { min-width:min(360px, 100%); align-self:stretch; display:grid; align-content:center; justify-items:end; gap:6px; padding:20px; border-radius:24px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.20); backdrop-filter: blur(8px); }
.order-hero-amount-card span, .order-hero-amount-card small { color:#bfdbfe; font-weight:900; }
.order-hero-amount-card b { font-size:clamp(28px, 4vw, 42px); letter-spacing:-.055em; }
.order-actions-card { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; padding:12px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.78); box-shadow:0 12px 34px rgba(15,23,42,.06); }
.order-action-status { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.order-top-grid { display:grid; grid-template-columns: minmax(230px,.8fr) minmax(280px,1fr) minmax(420px,1.45fr); gap:16px; }
.order-workspace { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr); gap:16px; align-items:start; }
.order-main-stack, .order-side-stack { display:grid; gap:16px; }
.order-card { border:0; box-shadow:0 16px 44px rgba(15,23,42,.075); }
.summary-card { background:linear-gradient(180deg, #fff, #f8fbff); }
.order-summary-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; }
.summary-tile { padding:16px; border:1px solid var(--line); border-radius:18px; background:white; }
.summary-tile span { display:block; color:var(--muted); font-size:12px; font-weight:900; }
.summary-tile b { display:block; margin:5px 0; font-size:clamp(22px, 4vw, 31px); letter-spacing:-.045em; }
.summary-tile small { color:var(--muted); font-weight:750; }
.final-check-strip { margin-top:14px; padding:12px 14px; border-radius:16px; color:#075985; background:#f0f9ff; border:1px solid #bae6fd; font-weight:850; }
.split-list { display:grid; gap:10px; }
.split-row { margin-bottom:0; border-radius:18px; background:linear-gradient(180deg,#fff,#f8fafc); }
.statement-feed { display:grid; gap:10px; }
.statement-item { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:12px; border-radius:16px; border:1px solid var(--line); background:#fff; }
.statement-item > div:last-child { text-align:right; }
.statement-item span { display:block; margin-top:3px; color:var(--muted); font-size:12px; font-weight:800; }
.statement-item.ok { border-color:#bbf7d0; background:#f0fdf4; }
.statement-item.danger { border-color:#fecaca; background:#fef2f2; }
.statement-item.warn { border-color:#fed7aa; background:#fff7ed; }
.empty-state.small { padding:14px; }
.counterparty-card { grid-row: span 2; }
.counterparty-score-row { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px; }
.score-card { padding:12px; border-radius:16px; border:1px solid var(--line); background:#f8fafc; }
.score-card span { display:block; color:var(--muted); text-transform:uppercase; font-size:11px; font-weight:950; }
.score-card b { display:block; margin-top:5px; font-size:22px; letter-spacing:-.04em; }
.score-card.positive { border-color:#bbf7d0; background:#f0fdf4; color:#166534; }
.score-card.negative { border-color:#fecaca; background:#fef2f2; color:#991b1b; }
.counterparty-mini-grid { display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px; margin-top:12px; }
.counterparty-mini-grid > div { border:1px dashed var(--line); border-radius:14px; padding:10px; background:#fff; }
.counterparty-mini-grid span { display:block; color:var(--muted); font-size:11px; font-weight:950; text-transform:uppercase; }
.counterparty-mini-grid b { display:block; margin-top:4px; }
.feedback-wrap { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px; }
.feedback-panel { border-radius:18px; padding:12px; border:1px solid var(--line); background:#fff; }
.feedback-panel.positive { border-color:#bbf7d0; background:#f8fffb; }
.feedback-panel.negative { border-color:#fecaca; background:#fffafa; }
.feedback-panel h4 { margin:0 0 10px; font-size:13px; letter-spacing:-.01em; }
.feedback-comment { padding:10px; border-radius:14px; background:rgba(255,255,255,.82); border:1px solid rgba(148,163,184,.22); margin-bottom:8px; }
.feedback-comment:last-child { margin-bottom:0; }
.feedback-comment b { display:block; font-size:13px; }
.feedback-comment p { margin:4px 0; color:#334155; line-height:1.45; font-size:13px; }
.feedback-comment small { color:var(--muted); }
.order-mini .kv { grid-template-columns: 130px 1fr; }
.order-mini .section-head { margin-bottom:12px; }
@media (max-width: 1280px) {
  .order-top-grid { grid-template-columns:1fr; }
  .counterparty-card { grid-row:auto; }
}
@media (max-width: 1050px) { .order-workspace { grid-template-columns:1fr; } }
@media (max-width: 820px) {
  .order-hero-panel { flex-direction:column; padding:20px; }
  .order-hero-amount-card { justify-items:start; }
  .order-summary-grid, .counterparty-score-row, .counterparty-mini-grid, .feedback-wrap { grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px) {
  .order-actions-card .actions button { width:100%; }
  .order-summary-grid, .counterparty-score-row, .counterparty-mini-grid, .feedback-wrap { grid-template-columns:1fr; }
  .statement-item { align-items:flex-start; flex-direction:column; }
  .statement-item > div:last-child { text-align:left; }
}

/* v12: cleaner order page - hero owns order/rate/amount info, P2P Info opens from chat header */
.order-hero-panel { align-items: center; }
.order-hero-main { flex: 1 1 auto; }
.order-hero-pills { max-width: 980px; }
.order-hero-mini-ledger { width: 100%; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.order-hero-mini-ledger > div { text-align: right; padding: 10px 12px; border-radius: 16px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); }
.order-hero-mini-ledger span { display: block; color: #bfdbfe; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; }
.order-hero-mini-ledger b { display: block; margin-top: 3px; font-size: 17px; letter-spacing: -.03em; }
.order-workspace.mt { margin-top: 0; }
.chat-head { align-items: center; }
.mini-action { padding: 8px 12px; border-radius: 12px; font-size: 12px; white-space: nowrap; }
.p2p-info-modal .counterparty-card { box-shadow: none; border: 0; padding: 0; }
.p2p-info-modal .counterparty-card .section-head { display: none; }
.p2p-info-modal .feedback-wrap { grid-template-columns: 1fr 1fr; }
.order-page .counterparty-card { min-height: 0; }
@media (max-width: 820px) {
  .order-hero-mini-ledger > div { text-align: left; }
  .chat-head { align-items: flex-start; }
}
@media (max-width: 560px) {
  .order-hero-mini-ledger, .p2p-info-modal .feedback-wrap { grid-template-columns: 1fr; }
  .chat-head { flex-direction: column; }
  .chat-head .mini-action { width: 100%; }
}

.top-actions { display:flex; align-items:center; gap:10px; }
.sound-settings-card { border:1px solid rgba(37,99,235,.16); border-radius:18px; padding:16px; background:linear-gradient(135deg, rgba(239,246,255,.96), rgba(255,255,255,.98)); box-shadow:0 14px 34px rgba(15,23,42,.06); }
.settings-section-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:14px; }
.settings-section-head b { display:block; color:#0f172a; font-size:16px; }
.settings-section-head span { display:block; color:#64748b; font-size:12px; margin-top:4px; }
.compact-grid { margin-top:0; }
.mini-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.sound-settings-note { margin-top:12px; }
.lang-toggle { border:1px solid rgba(37,99,235,.22); background:#fff; color:#1d4ed8; font-weight:800; border-radius:999px; padding:9px 14px; box-shadow:0 8px 20px rgba(15,23,42,.08); cursor:pointer; }
.lang-toggle:hover { transform:translateY(-1px); box-shadow:0 12px 24px rgba(15,23,42,.12); }
.login-lang { position:absolute; top:18px; right:18px; }
.login-card { position:relative; }
.lang-bn { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Noto Sans Bengali", "Segoe UI", sans-serif; }
@media (max-width: 720px) { .top-actions { width:100%; justify-content:flex-start; flex-wrap:wrap; } .login-lang { position:static; float:right; margin-bottom:10px; } }

.approval-list { display: grid; gap: 10px; }
.approval-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid var(--border); border-radius: 14px; background: var(--soft); }
.approval-row .actions, .approval-row div:last-child { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 720px) { .approval-row { display: grid; } .approval-row div:last-child { justify-content: flex-start; } }

/* v1.0.24 health check */
.mini-pre { max-width: 520px; max-height: 170px; overflow:auto; white-space: pre-wrap; word-break: break-word; margin:0; padding:10px; border-radius:12px; background:#0f172a; color:#e2e8f0; font-size:11px; line-height:1.45; }

.chat-image{max-width:260px;max-height:220px;border-radius:12px;margin-top:8px;border:1px solid var(--border);display:block}.chat-image-link{display:inline-block;font-size:12px;font-weight:800;margin-bottom:4px}.chat-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.inline-check{display:flex;gap:8px;align-items:center;margin:8px 0;color:var(--muted);font-size:13px}
.inline-check input{width:auto}

/* v1.0.30 UI polish */
.sidebar { background: radial-gradient(circle at 20% 0%, rgba(20,184,166,.22), transparent 28%), linear-gradient(180deg, #0b1224 0%, #111827 58%, #0f172a 100%); border-right: 1px solid rgba(255,255,255,.08); }
.brand { padding: 8px; border-radius: 18px; background: rgba(255,255,255,.04); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
.logo { border-radius: 18px; }
nav { gap: 6px; }
nav button { display: flex; align-items: center; gap: 10px; font-size: 14px; font-weight: 850; letter-spacing: -.01em; border: 1px solid transparent; }
nav button:before { content: ''; width: 8px; height: 8px; border-radius: 999px; background: rgba(203,213,225,.45); box-shadow: 0 0 0 4px rgba(255,255,255,.03); }
nav button.active { background: linear-gradient(135deg, rgba(37,99,235,.28), rgba(20,184,166,.18)); border-color: rgba(147,197,253,.28); box-shadow: 0 10px 28px rgba(0,0,0,.16); }
nav button.active:before { background: #22c55e; box-shadow: 0 0 0 4px rgba(34,197,94,.14); }
.metric-card.clickable, .method-card.clickable, .agent-row.clickable, .alert-item.clickable { cursor: pointer; }
.metric-card.clickable:hover, .method-card.clickable:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(15,23,42,.10); border-color: #bfdbfe; }
.order-section-note { color: var(--muted); font-size: 13px; margin-top: 8px; }

/* v1.0.32 smooth live chat */
.sync-status.live { background:#dcfce7; color:#166534; }
.sync-status.live::before { content:''; width:7px; height:7px; border-radius:999px; background:#22c55e; display:inline-block; box-shadow:0 0 0 4px rgba(34,197,94,.12); }
.chat-compose { display:flex; flex-direction:column; gap:8px; }
.chat-compose textarea { min-height:72px; resize:vertical; }
.chat-compose-actions { display:flex; align-items:center; gap:8px; justify-content:flex-end; flex-wrap:wrap; }
.upload-pill { display:inline-flex; align-items:center; gap:6px; padding:9px 12px; border:1px solid var(--border); border-radius:999px; background:#f8fafc; cursor:pointer; font-weight:800; color:#334155; }
.upload-pill:hover { background:#eef2ff; border-color:#c7d2fe; }
.chat-bubble { font-size:14px; }
.chat-row.me .chat-meta { color:#1d4ed8; }
.chat-image { max-width:min(280px, 72vw); max-height:240px; object-fit:contain; background:#fff; }

/* v1.0.33 Binance-style order tabs */
.order-tabs { display:flex; flex-wrap:wrap; gap:8px; margin: 10px 0 14px; }
.order-tab { border:1px solid var(--line); background:#f8fafc; color:#334155; border-radius:999px; padding:8px 12px; font-weight:900; cursor:pointer; }
.order-tab b { margin-left:4px; color:#0f172a; }
.order-tab.active { background:#0f172a; color:white; border-color:#0f172a; }
.order-tab.active b { color:white; }
.order-tab-panel { display:none; }
.order-tab-panel.active { display:block; }

.order-group-switch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px}
.order-group-btn{border:1px solid var(--border);background:#f8fafc;color:#0f172a;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer}
.order-group-btn.active{background:#0f172a;color:#fff;box-shadow:0 8px 18px rgba(15,23,42,.16)}
.order-group-btn b{margin-left:6px;opacity:.9}
.soft-card{background:linear-gradient(180deg,#fff,#f8fbff)}

.order-desktop-view{display:block}.order-mobile-view{display:none}.order-toolbar{margin-bottom:14px}.order-section{overflow:hidden}.order-mobile-list{display:grid;gap:12px}.order-mobile-card{position:relative;cursor:pointer;border:1px solid var(--line);border-radius:22px;padding:16px;background:linear-gradient(180deg,#ffffff,#fbfdff);box-shadow:0 12px 30px rgba(15,23,42,.06)}.order-mobile-card:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(15,23,42,.09)}.order-mobile-card:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px}.order-mobile-card.order-row-new{border-color:#86efac;box-shadow:0 0 0 1px rgba(34,197,94,.14),0 12px 30px rgba(15,23,42,.06)}.order-mobile-card.order-row-updated{border-color:#93c5fd;box-shadow:0 0 0 1px rgba(37,99,235,.16),0 12px 30px rgba(15,23,42,.06)}.order-mobile-card::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:999px;background:#e2e8f0}.order-mobile-card.buy::before{background:#10b981}.order-mobile-card.sell::before{background:#f43f5e}.order-mobile-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-mobile-title{display:flex;align-items:center;gap:8px;min-width:0}.order-mobile-title b{font-size:17px;letter-spacing:-.02em;color:#0f172a}.order-mobile-type{font-size:15px;font-weight:900}.order-mobile-type.buy{color:#10b981}.order-mobile-type.sell{color:#f43f5e}.order-mobile-status .badge{font-size:12px;padding:7px 11px}.order-mobile-pill-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 10px;padding-bottom:8px;border-bottom:1px solid #eef2f7}.order-mobile-method{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-size:12px;font-weight:850}.order-mobile-mini-sub{color:#64748b;font-size:12px;font-weight:800}.order-mobile-mini-sub b{color:#0f172a}.order-mobile-grid{display:grid;gap:2px}.order-mobile-row{display:grid;grid-template-columns:minmax(112px,1fr) minmax(130px,auto);align-items:start;gap:12px;padding:8px 0}.order-mobile-row span{color:#6b7280;font-size:14px;font-weight:760}.order-mobile-row b{display:block;text-align:right;color:#0f172a;font-size:15px;font-weight:900;line-height:1.28}.order-mobile-row b small{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:800}.order-mobile-order-no{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}.order-mobile-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #eef2f7}.order-mobile-user-pill{display:flex;flex-direction:column;gap:4px;min-width:0;padding:10px 12px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb;flex:1 1 auto}.order-mobile-user-pill span{font-weight:900;color:#111827;overflow-wrap:anywhere}.order-mobile-user-pill small{color:#6b7280;font-size:12px;font-weight:760;line-height:1.35}.order-mobile-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.order-mini-btn{padding:10px 12px;border-radius:12px;font-size:13px;font-weight:850;min-height:40px}.order-mini-btn.ghost, .order-mobile-actions .ghost{background:#eef2f7;color:#0f172a}.order-mobile-actions .ghost:hover{background:#e2e8f0}.order-list-chat-btn{position:relative;display:inline-grid;place-items:center;width:46px;height:46px;min-width:46px;padding:0;border-radius:15px;background:#facc15;color:#111827;border:1px solid #eab308;box-shadow:0 8px 18px rgba(234,179,8,.22)}.order-list-chat-btn:hover{background:#fde047;transform:translateY(-1px)}.order-list-chat-btn svg{width:23px;height:23px}.order-list-unread{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;border:2px solid #fff;font-size:11px;font-weight:900;line-height:1;box-shadow:0 4px 10px rgba(239,68,68,.35)}tr[data-open-order-card]{cursor:pointer}tr[data-open-order-card]:hover td{background:#f8fafc}tr[data-open-order-card]:focus-visible{outline:3px solid rgba(37,99,235,.18);outline-offset:-3px}.

/* v1.0.40 order status/payment highlights */
.payment-method-highlight, .method-badge {
  display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border-radius:999px;
  background:#ecfeff; color:#0e7490; border:1px solid #a5f3fc; font-weight:900; box-shadow:0 4px 12px rgba(8,145,178,.10);
}
.order-hero-mini-ledger.single { grid-template-columns:1fr; }
.order-hero-mini-ledger.single > div { text-align:right; }
@keyframes pulseDanger { 0%,100%{box-shadow:none} 50%{box-shadow:0 0 0 4px rgba(239,68,68,.18)} }

/* v1.0.41 BUY customer payment details */
.customer-pay-card { border:1px solid #bfdbfe; background:linear-gradient(180deg,#ffffff,#f8fbff); }
.customer-pay-card.muted-card { border-color:var(--line); background:#f8fafc; }
.customer-pay-note { margin:-2px 0 12px; color:#475569; font-weight:800; line-height:1.45; }
.customer-pay-grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
.customer-pay-grid > div { padding:12px; border:1px solid var(--line); border-radius:16px; background:white; }
.customer-pay-grid span { display:block; color:var(--muted); font-size:11px; font-weight:950; text-transform:uppercase; letter-spacing:.04em; }
.customer-pay-grid b { display:block; margin-top:5px; font-size:15px; word-break:break-word; }
.pay-qr { margin-top:12px; padding:12px; border-radius:16px; border:1px dashed #93c5fd; background:#eff6ff; }
.pay-qr a { display:inline-flex; align-items:center; gap:12px; color:#1d4ed8; font-weight:950; text-decoration:none; }
.pay-qr img { width:92px; height:92px; object-fit:contain; border-radius:12px; background:white; border:1px solid #bfdbfe; }
@media (max-width: 560px) { .customer-pay-grid { grid-template-columns:1fr; } }


/* ===== MOBILE & RESPONSIVE IMPROVEMENTS ===== */
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }

  .login-card {
    padding: 18px;
    border-radius: 16px;
  }

  .dashboard-grid {
    grid-template-columns: 1fr !important;
  }

  .order-card {
    flex-direction: column !important;
    gap: 8px;
  }

  .payment-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #2563eb;
    font-weight: 600;
  }

  .amount-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

.payment-badge {
  background: rgba(37,99,235,0.1);
  padding: 4px 8px;
  border-radius: 10px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
}


/* ================= ENTERPRISE UI ================= */
.crm-toast {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 10px 14px;
  border-radius: 10px;
  color: white;
  background: #111827;
  opacity: 0;
  transform: translateY(-10px);
  transition: all .3s ease;
  z-index: 99999;
  font-size: 13px;
}
.crm-toast.show {
  opacity: 1;
  transform: translateY(0);
}
.crm-toast.ok { background: #059669; }
.crm-toast.warn { background: #d97706; }
.crm-toast.info { background: #2563eb; }

@media (max-width: 768px) {
  .order-card {
    padding: 10px;
    border-radius: 12px;
  }

  .dashboard-grid {
    display: flex;
    flex-direction: column;
  }
}

/* Payment flicker protection */
.payment-badge {
  transition: all .2s ease;
}


/* v1.0.45 */
.order-card{transition:.2s;}


/* v1.0.46 */
.risk-badge{
  font-size:12px;
  padding:4px 8px;
  border-radius:8px;
  background:#111827;
  color:#fff;
}


/* ================= GOD MODE UI ================= */
.god-panel{
  padding:6px 10px;
  background:#0f172a;
  color:white;
  border-radius:10px;
  font-size:12px;
  display:flex;
  gap:10px;
}



/* ================= FINAL BOSS UI v1.0.48 SAFE PATCH ================= */
.order-card.final{
  padding:14px;
  border-radius:16px;
  background:#0f172a;
  color:white;
  margin-bottom:10px;
}
.order-card.final .row{
  display:flex;
  justify-content:space-between;
  margin:4px 0;
  gap:10px;
}
.order-card.final .pay{
  color:#38bdf8;
}
.order-card.final .risk{
  font-weight:bold;
}


/* v1.0.50: hide legacy floating panels if an old cached index leaves them in DOM */
#enterpriseDashboard, #paymentMethodFloatingBadge { display: none !important; }

/* 1.0.52 BUY payment detail refresh controls */
.section-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; flex-wrap:wrap; }
.payment-detail-head .section-actions span { color:var(--muted); font-size:12px; font-weight:900; }
@media (max-width: 560px) { .section-actions { justify-content:flex-start; width:100%; } }

/* v1.0.53 counterparty feedback sync visibility */
.score-card b small{display:block;margin-top:2px;font-size:11px;letter-spacing:0;color:inherit;opacity:.78}.counterparty-sync-line{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:10px;font-size:12px;color:var(--muted);line-height:1.35}.danger-text{color:#b91c1c;font-weight:900;word-break:break-word;text-align:right}

/* v1.0.54 counterparty feedback fallback UI */
.source-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #eef2ff;
  color: #1e3a8a;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .02em;
}
button.mini {
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1;
}
.warn-text {
  color: #b45309;
  font-weight: 800;
}
.counterparty-sync-line {
  flex-wrap: wrap;
}
@media (max-width: 760px) {
  .counterparty-card .section-actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}

/* v1.0.55 Binance-like P2P profile feedback layout */
.counterparty-profile-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin: 4px 0 12px;
  color: var(--muted);
  font-size: 13px;
}
.counterparty-profile-line b {
  color: var(--text);
  font-size: 16px;
  letter-spacing: -0.02em;
}
.feedback-summary-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 8px 0 14px;
  padding: 14px 18px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #fff;
  color: var(--text);
  font-size: 20px;
  font-weight: 950;
}
.feedback-summary-pill span { font-size: 22px; }
.feedback-summary-pill em { color: var(--muted); font-style: normal; font-weight: 700; }
.counterparty-mini-grid b small {
  display: block;
  margin-top: 2px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}
.risk-note {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #f8fafc;
  color: var(--muted);
  text-align: center;
  font-size: 13px;
  line-height: 1.45;
}
.p2p-info-modal .feedback-summary-pill { margin-top: 0; }
@media (max-width: 760px) {
  .feedback-summary-pill { font-size: 16px; flex-wrap: wrap; }
}

/* 1.0.57 P2P profile deep sync diagnostics */
.p2p-debug{margin:12px 0;padding:10px 12px;border:1px dashed #f59e0b;border-radius:14px;background:#fff7ed;color:#92400e;font-weight:700}
.p2p-debug summary{cursor:pointer;list-style:none}
.p2p-debug summary::-webkit-details-marker{display:none}
.p2p-debug div{margin-top:8px;font-size:12px;line-height:1.45}
.p2p-debug small{display:block;margin-top:6px;color:#475569;font-weight:700}

/* 1.0.61 P2P API diagnostics collector */
.diagnostic-panel{
  margin: 0 0 14px;
  border: 1px solid #dbeafe;
  background: #eff6ff;
}
.diagnostic-panel textarea{
  width: 100%;
  min-height: 320px;
  margin-top: 10px;
  padding: 12px;
  border: 1px solid #bfdbfe;
  border-radius: 12px;
  background: #fff;
  color: #0f172a;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  line-height: 1.45;
  resize: vertical;
}


.diagnostic-quick-actions{margin:12px 0 10px;padding:12px;border:1px dashed #2563eb;border-radius:14px;background:#eff6ff;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.diagnostic-quick-actions b{color:#1e3a8a}
.diagnostic-quick-actions span{color:#475569;font-size:12px}
.diag-main-btn{font-weight:800}

/* 1.0.65 documented C2C/SAPI fields only */
.api-note{margin:12px 0;padding:12px;border:1px dashed #94a3b8;border-radius:14px;background:#f8fafc;color:#475569;font-size:13px;font-weight:800;line-height:1.45}
.manual-feedback-block{margin-top:12px}
.manual-feedback-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:#334155;font-size:13px;font-weight:850}
.manual-feedback-summary b{color:#0f172a;margin-right:4px}
.manual-feedback-summary span{padding:6px 8px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0}
.documented-score-row .score-card.positive,.documented-score-row .score-card.negative{border-color:var(--line);background:#f8fafc;color:var(--text)}

/* v1.0.71 mobile-reference P2P info modal */
.p2p-info-modal .counterparty-card.p2p-mobile-card{background:#fff;border:0;box-shadow:none;padding:0;color:#111827}
.p2p-mobile-top-actions{display:flex;justify-content:flex-end;margin-bottom:8px}.p2p-mobile-top-actions .mini{font-size:11px;padding:7px 9px;border-radius:999px}
.p2p-mobile-head{padding:6px 6px 16px}.p2p-mobile-head h2{margin:0 0 10px;font-size:24px;line-height:1.1;letter-spacing:-.045em;color:#0f172a}.p2p-mobile-subline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#64748b;font-size:13px;font-weight:760}.p2p-mobile-subline em{width:1px;height:16px;background:#e2e8f0}.p2p-mobile-tabs{display:flex;gap:30px;align-items:flex-end;margin:8px 0 18px;padding:0 6px;border-bottom:1px solid #f1f5f9;color:#7a7f8c;font-size:18px;font-weight:760}.p2p-mobile-tabs b{color:#0f172a;position:relative;padding:14px 0 11px}.p2p-mobile-tabs b:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:4px;border-radius:10px;background:#f0c400}.p2p-mobile-tabs span{padding:14px 0 11px;white-space:nowrap}.p2p-mobile-info{display:grid;gap:0;border-bottom:1px solid #f1f5f9;padding:10px 6px 14px}.p2p-mobile-info-secondary{padding-top:18px}.p2p-mobile-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(120px,auto);gap:16px;align-items:start;padding:7px 0;font-size:15px}.p2p-mobile-row span{color:#7a7f8c;font-weight:720}.p2p-mobile-row b{text-align:right;color:#0f172a;font-size:16px;font-weight:870;line-height:1.25}.p2p-mobile-row b small{display:block;margin-top:4px;color:#0f172a;font-size:13px;font-weight:780}.p2p-waiting{color:#b45309;font-weight:850}.p2p-missing{color:#94a3b8;font-weight:780}.p2p-collecting-note{margin:0 0 12px;padding:11px 13px;border-radius:14px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;font-size:13px;font-weight:850}.p2p-clean-sync{border-top:0;margin-top:8px;padding:0 6px;color:#94a3b8}.p2p-risk-note{margin:18px 6px 8px;padding:22px 16px;text-align:center;color:#8b93a3}.p2p-risk-note b{display:block;margin-bottom:12px;font-size:16px;font-weight:760;color:#8b93a3}.p2p-risk-note span{display:block;max-width:480px;margin:0 auto;line-height:1.55}.p2p-mobile-feedback{margin-top:14px}.p2p-feedback-summary{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0;padding:12px;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.p2p-feedback-summary b{margin-right:6px;color:#0f172a}.p2p-feedback-summary span{padding:6px 10px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#475569;font-size:13px}.p2p-feedback-summary strong{color:#0f172a}.p2p-info-modal .manual-feedback-summary{display:none}
@media(max-width:760px){.p2p-mobile-tabs{gap:24px;font-size:16px}.p2p-mobile-row{grid-template-columns:minmax(130px,1fr) minmax(110px,auto);font-size:14px}.p2p-mobile-row b{font-size:15px}.p2p-mobile-head h2{font-size:22px}}
@media(max-width:460px){.p2p-mobile-tabs{gap:16px;font-size:15px}.p2p-mobile-subline{gap:8px}.p2p-mobile-row{grid-template-columns:1fr auto;gap:12px}.p2p-mobile-row b{max-width:190px;word-break:break-word}}
/* v1.0.72 P2P Info tab + extension admin cleanup */
.p2p-mobile-tabs{align-items:stretch}
.p2p-tab-btn{appearance:none;border:0;background:transparent;color:#7a7f8c;font:inherit;font-weight:760;padding:14px 0 11px;position:relative;cursor:pointer;white-space:nowrap}
.p2p-tab-btn.active{color:#0f172a}
.p2p-tab-btn.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:4px;border-radius:10px;background:#f0c400}
.p2p-mobile-tabs b:after{display:none}.p2p-mobile-tabs b{padding:0}.p2p-mobile-tabs span{padding:0}
.p2p-mobile-feedback-only{padding:6px 6px 14px;border-bottom:1px solid #f1f5f9}.p2p-feedback-type-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 12px}.p2p-feedback-type{border:1px solid #e2e8f0;background:#f8fafc;color:#475569;border-radius:999px;padding:8px 12px;font-weight:850;cursor:pointer}.p2p-feedback-type.negative.active{border-color:#fecaca;background:#fff1f2;color:#991b1b}.p2p-feedback-type.positive.active{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.mono-token{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}.small-token{font-size:12px;max-width:240px}.metric-grid.compact{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.table-wrap .empty-state.small{padding:18px;text-align:center;color:#64748b}

/* v1.0.78 dynamic presence and user activity */
.dynamic-presence-box{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.dynamic-presence-box span:last-child{color:var(--muted);font-size:12px;font-weight:750}.activity-device{display:block;max-width:280px;white-space:normal;overflow-wrap:anywhere}.activity-small-value{font-size:12px!important;line-height:1.3;overflow-wrap:anywhere}.activity-privacy{margin-top:0;line-height:1.5}.activity-metrics .card{min-height:112px}.user-admin-hero small{font-size:12px;color:#dbeafe}.user-stats .activity-small-value{font-weight:800}


/* v1.0.83 - full device responsive shell and Binance-style mobile order list */
.topbar-main { display:flex; align-items:center; gap:12px; min-width:0; }
.topbar-copy { min-width:0; }
.brand-copy { min-width:0; }
.mobile-menu-btn,
.mobile-menu-close,
.sidebar-backdrop { display:none; }
#content:focus { outline:none; }

@media (max-width: 900px) {
  body.nav-open { overflow:hidden; }
  .app { display:block; min-height:100vh; }
  .main { min-height:100vh; width:100%; }

  .sidebar {
    display:flex;
    position:fixed;
    inset:0 auto 0 0;
    width:min(86vw, 320px);
    max-width:320px;
    height:100dvh;
    min-height:100vh;
    z-index:1001;
    padding:16px;
    border-radius:0 22px 22px 0;
    overflow:hidden;
    transform:translateX(-105%);
    transition:transform .22s ease;
    box-shadow:0 24px 80px rgba(2,6,23,.38);
    will-change:transform;
  }
  .sidebar.is-open { transform:translateX(0); }
  .sidebar .brand { flex:0 0 auto; margin:0; padding:8px; align-items:center; }
  .sidebar nav {
    display:flex;
    grid-template-columns:none;
    flex:1 1 auto;
    flex-direction:column;
    gap:6px;
    min-height:0;
    max-height:none;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:2px 4px 12px 0;
  }
  .sidebar nav button { width:100%; min-height:44px; flex:0 0 auto; }
  .sidebar #logoutBtn { flex:0 0 auto; min-height:44px; }

  .sidebar-backdrop {
    display:block;
    position:fixed;
    inset:0;
    z-index:1000;
    background:rgba(15,23,42,.58);
    backdrop-filter:blur(2px);
    opacity:0;
    pointer-events:none;
    transition:opacity .2s ease;
  }
  body.nav-open .sidebar-backdrop { opacity:1; pointer-events:auto; }

  .mobile-menu-btn {
    display:grid;
    place-items:center;
    flex:0 0 44px;
    width:44px;
    height:44px;
    padding:0;
    border-radius:13px;
    background:#0f172a;
    box-shadow:0 8px 18px rgba(15,23,42,.18);
  }
  .hamburger-bars,
  .hamburger-bars::before,
  .hamburger-bars::after {
    display:block;
    width:20px;
    height:2px;
    border-radius:999px;
    background:#fff;
    content:"";
  }
  .hamburger-bars { position:relative; }
  .hamburger-bars::before { position:absolute; left:0; top:-6px; }
  .hamburger-bars::after { position:absolute; left:0; top:6px; }

  .mobile-menu-close {
    display:grid;
    place-items:center;
    flex:0 0 40px;
    width:40px;
    height:40px;
    margin-left:auto;
    padding:0;
    border-radius:12px;
    background:rgba(255,255,255,.10);
    color:#fff;
    font-size:26px;
    line-height:1;
  }

  .topbar {
    position:sticky;
    top:0;
    z-index:80;
    min-height:68px;
    padding:11px 14px;
    flex-direction:row;
    align-items:center;
    gap:10px;
    box-shadow:0 8px 22px rgba(15,23,42,.06);
  }
  .topbar-main { flex:1 1 auto; min-width:0; gap:10px; }
  .topbar-copy h1 {
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:20px;
  }
  .topbar-copy p {
    max-width:min(56vw, 520px);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
  }
  .top-actions {
    width:auto;
    flex:0 0 auto;
    justify-content:flex-end;
    flex-wrap:nowrap;
    gap:6px;
  }
  .top-actions .lang-toggle { padding:8px 10px; font-size:12px; box-shadow:none; }
  .status-pill { padding:7px 9px; font-size:11px; }

  #content {
    width:100%;
    min-width:0;
    padding:14px;
    overflow-x:clip;
    scroll-margin-top:76px;
  }
  .card { padding:15px; border-radius:16px; }
  .grid.cards { grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
  .grid.two,
  .grid.three,
  .form-grid,
  .detail-layout { grid-template-columns:1fr !important; }
  .metric-card { min-height:108px; }
  .report-filter,
  .settings-section-head,
  .section-head,
  .report-filter-form { width:100%; justify-content:stretch; }
  .report-filter-form > * { flex:1 1 170px; }
  .toolbar { align-items:stretch; }
  .toolbar > .actions { width:100%; }
  .toolbar > .actions button { flex:1 1 140px; }
  .kv { grid-template-columns:1fr; }

  .modal-backdrop { padding:0; place-items:end center; }
  .modal {
    width:100%;
    max-height:94dvh;
    border-radius:22px 22px 0 0;
  }
  .modal-head { position:sticky; top:0; z-index:2; background:#fff; }
  .modal-body { padding:14px; }
}

@media (max-width: 560px) {
  .topbar { padding:9px 10px; min-height:62px; }
  .mobile-menu-btn { flex-basis:42px; width:42px; height:42px; }
  .topbar-copy h1 { font-size:18px; }
  .topbar-copy p { display:none; }
  .top-actions .lang-toggle { padding:7px 9px; }
  #content { padding:10px; scroll-margin-top:68px; }
  .card { padding:12px; border-radius:14px; }
  .actions { width:100%; }
  .actions button { min-height:42px; }
  .chat-bubble { max-width:90%; }
  .login-wrap { padding:12px; }
  .login-card { padding:20px 16px; }
}

@media (max-width: 420px) {
  .status-pill { display:none; }
  .topbar-copy h1 { max-width:calc(100vw - 160px); }
  .sidebar { width:min(90vw, 310px); }
}

@media (max-width: 340px) {
  .grid.cards { grid-template-columns:1fr !important; }
}

@media (max-width: 820px) {
  .order-desktop-view{display:none}
  .order-mobile-view{display:block}
  .order-group-switch{align-items:flex-end;gap:14px;padding:14px 14px 12px}
  .order-group-btn{padding:6px 2px 10px;border:0;border-radius:0;background:transparent;color:#6b7280;box-shadow:none}
  .order-group-btn b{color:inherit}
  .order-group-btn.active{background:transparent;color:#0f172a;box-shadow:none;position:relative}
  .order-group-btn.active::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:4px;border-radius:999px;background:#f0c400}
  .order-group-switch .sub{width:100%;font-size:12px;margin-top:-2px}
  .order-section{padding:14px}
  .order-section .section-head{margin-bottom:10px}
  .order-section .section-head h3{font-size:18px}
  .order-tabs{gap:10px;flex-wrap:nowrap;overflow:auto;padding-bottom:2px;margin-top:4px}
  .order-tab{flex:0 0 auto;padding:10px 14px;border-color:transparent;background:#f3f4f6;color:#4b5563}
  .order-tab.active{background:#111827;color:#fff;border-color:#111827}
}

@media (max-width: 560px) {
  .order-mobile-card{padding:14px 14px 15px;border-radius:18px}
  .order-mobile-header{align-items:flex-start}
  .order-mobile-title b{font-size:16px}
  .order-mobile-row{grid-template-columns:minmax(102px,1fr) minmax(112px,auto);gap:10px;padding:7px 0}
  .order-mobile-row span{font-size:13px}
  .order-mobile-row b{font-size:14px}
  .order-mobile-footer{align-items:center;flex-direction:row}
  .order-mobile-user-pill{width:auto;min-width:0}
  .order-list-chat-btn{width:46px;height:46px;min-width:46px}
}

@media (max-width: 380px) {
  .order-mobile-pill-row{gap:6px}
  .order-mobile-method{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .order-mobile-row{grid-template-columns:1fr auto}
  .order-mobile-row b{max-width:180px}
}

@media (prefers-reduced-motion: reduce) {
  .sidebar,
  .sidebar-backdrop { transition:none; }
}

/* v1.0.85 - payment detail correction, full-screen chat, compact mobile order heading */
.order-mobile-detail-head,
.order-mobile-counterparty,
.order-chat-sheet-head,
.order-chat-backdrop { display:none; }
.order-chat-panel,
.order-chat-panel-content { display:grid; gap:16px; min-width:0; }
.order-primary-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.order-primary-actions:empty { display:none; }
.order-primary-actions button { min-height:42px; }
.order-hero-mobile-name { display:none; }
.payment-flow-card { border-color:#dbe4ee; background:#fff; }
.payment-flow-head { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:12px; align-items:start; }
.payment-flow-head h3 { margin:1px 0 4px; font-size:19px; }
.payment-flow-head p { margin:0; color:#64748b; font-size:13px; font-weight:760; line-height:1.45; }
.payment-step-number { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; background:#111827; color:#fff; font-size:14px; font-weight:950; }
.payment-method-strip { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:15px 0 4px; padding:12px 14px; border:1px solid #e2e8f0; border-radius:15px; background:#f8fafc; }
.payment-method-strip > span { color:#0f172a; font-weight:900; }
.payment-detail-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; margin-top:8px; }
.payment-detail-row { display:grid; grid-template-columns:minmax(130px,.8fr) minmax(150px,1.2fr); gap:12px; align-items:start; min-height:58px; padding:13px 0; border-bottom:1px solid #edf1f5; }
.payment-detail-row.wide { grid-column:1 / -1; }
.payment-detail-row > span { color:#6b7280; font-size:13px; font-weight:760; }
.payment-detail-row > div { display:flex; justify-content:flex-end; align-items:flex-start; gap:9px; min-width:0; }
.payment-detail-row b { color:#111827; text-align:right; overflow-wrap:anywhere; font-size:14px; line-height:1.4; }
.payment-copy-btn { flex:0 0 34px; width:34px; height:34px; padding:0; display:grid; place-items:center; border-radius:10px; background:#eef2f7; color:#111827; font-size:18px; line-height:1; }
.payment-copy-btn:hover { transform:none; background:#e2e8f0; }
.payment-detail-qr { margin-top:14px; }

@media (min-width:1200px) {
  .order-workspace { grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr); }
  .order-side-stack { position:sticky; top:92px; align-self:start; }
}

@media (min-width:901px) and (max-width:1199px) {
  .order-workspace { grid-template-columns:1fr; }
  .order-chat-panel-content { grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr); align-items:start; }
  .order-chat-panel-content > .chat-card:only-child { grid-column:1 / -1; }
}

@media (max-width:900px) {
  body.order-chat-open { overflow:hidden; }
  body.order-detail-active .topbar { min-height:52px; padding:6px 10px; gap:8px; }
  body.order-detail-active .topbar-main { gap:8px; }
  body.order-detail-active .mobile-menu-btn { width:40px; height:40px; flex-basis:40px; border-radius:12px; }
  body.order-detail-active .topbar-copy h1 { max-width:56vw; font-size:15px; line-height:1.15; }
  body.order-detail-active .topbar-copy p { display:block; max-width:56vw; margin-top:2px; font-size:10px; }
  body.order-detail-active .top-actions { display:none; }
  .order-page { gap:12px; padding-bottom:88px; }
  .order-mobile-detail-head {
    display:grid;
    grid-template-columns:44px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-height:64px;
    padding:8px 2px 4px;
  }
  .order-mobile-back {
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    padding:0;
    border-radius:13px;
    background:#f1f5f9;
    color:#0f172a;
    font-size:25px;
    line-height:1;
  }
  .order-mobile-heading-copy { min-width:0; }
  .order-mobile-heading-copy h2 {
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#0f172a;
    font-size:20px;
    line-height:1.15;
    letter-spacing:-.035em;
  }
  .order-mobile-heading-copy p { margin:5px 0 0; color:#64748b; font-size:12px; font-weight:760; }
  .order-mobile-heading-copy p b { color:#0f172a; font-size:13px; }
  .order-mobile-chat-btn {
    position:relative;
    display:flex;
    align-items:center;
    gap:7px;
    min-height:42px;
    padding:9px 13px;
    border-radius:13px;
    background:#facc15;
    color:#111827;
    box-shadow:0 8px 20px rgba(250,204,21,.25);
  }
  .order-mobile-chat-btn:hover { filter:none; }
  .order-mobile-chat-icon { font-size:17px; line-height:1; }
  .order-mobile-chat-btn b { font-size:13px; }
  .order-mobile-chat-btn em {
    position:absolute;
    right:-5px;
    top:-6px;
    display:grid;
    place-items:center;
    min-width:20px;
    height:20px;
    padding:0 5px;
    border-radius:999px;
    background:#ef4444;
    color:white;
    font-size:10px;
    font-style:normal;
    font-weight:900;
  }
  .order-mobile-counterparty {
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:11px;
    padding:13px;
    border:1px solid #e5e7eb;
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
  }
  .order-mobile-avatar {
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    font-size:17px;
    font-weight:950;
  }
  .order-mobile-counterparty > div:nth-child(2) { min-width:0; }
  .order-mobile-counterparty b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#111827; }
  .order-mobile-counterparty span { display:block; margin-top:3px; color:#64748b; font-size:12px; font-weight:760; }
  .order-mobile-p2p-btn { min-height:38px; padding:8px 10px; font-size:12px; }

  .order-hero-panel {
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    padding:16px;
    border:1px solid #e5e7eb;
    border-radius:20px;
    background:#fff;
    color:#0f172a;
    box-shadow:0 10px 28px rgba(15,23,42,.055);
  }
  .order-hero-panel::after { display:none; }
  .order-hero-desktop-number { display:none; }
  .order-hero-mobile-name { display:block; }
  .order-hero-main h2 { margin:12px 0 6px; color:#0f172a; font-size:17px; overflow-wrap:anywhere; }
  .order-hero-main p { color:#475569; font-size:14px; line-height:1.45; }
  .order-eyebrow { gap:6px; }
  .order-eyebrow .badge,
  .order-eyebrow .method-badge { padding:6px 9px; font-size:11px; }
  .order-hero-pills {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 16px;
    margin-top:13px;
    border-top:1px solid #eef2f7;
  }
  .order-hero-pills span {
    display:flex;
    justify-content:space-between;
    gap:10px;
    min-width:0;
    padding:10px 0;
    border:0;
    border-bottom:1px solid #eef2f7;
    border-radius:0;
    background:transparent;
    color:#6b7280;
    font-size:12px;
  }
  .order-hero-pills b { color:#111827; text-align:right; overflow-wrap:anywhere; }
  .order-hero-amount-card {
    min-width:0;
    width:100%;
    justify-items:start;
    padding:14px;
    border:1px solid #e2e8f0;
    border-radius:17px;
    background:#f8fafc;
    color:#0f172a;
    backdrop-filter:none;
  }
  .order-hero-amount-card span,
  .order-hero-amount-card small { color:#64748b; }
  .order-hero-amount-card > b { color:#0f172a; font-size:28px; }
  .order-hero-mini-ledger.single > div {
    width:100%;
    text-align:left;
    border-color:#e2e8f0;
    background:#fff;
  }
  .order-hero-mini-ledger span { color:#64748b; }
  .order-hero-mini-ledger b { color:#0f172a; }

  .payment-flow-card { padding:15px; border-radius:20px; }
  .payment-flow-head { grid-template-columns:34px minmax(0,1fr); gap:10px; }
  .payment-flow-head .section-actions { grid-column:1 / -1; justify-content:flex-start; margin-top:2px; }
  .payment-flow-head h3 { font-size:17px; }
  .payment-flow-head p { font-size:12px; }
  .payment-step-number { width:32px; height:32px; border-radius:10px; }
  .payment-method-strip { margin-top:13px; padding:11px 12px; }
  .payment-detail-list { grid-template-columns:1fr; margin-top:4px; }
  .payment-detail-row,
  .payment-detail-row.wide { grid-column:auto; grid-template-columns:minmax(112px,.8fr) minmax(130px,1.2fr); min-height:54px; padding:12px 0; }
  .payment-detail-row > div { justify-content:flex-end; }
  .payment-detail-row b { font-size:14px; }
  .payment-copy-btn { flex-basis:32px; width:32px; height:32px; }

  .order-actions-card { display:grid; grid-template-columns:1fr; gap:10px; padding:12px; }
  .order-secondary-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
  .order-secondary-actions button { width:100%; min-width:0; }
  .order-action-status { order:-1; padding-bottom:2px; }
  .order-primary-actions {
    position:fixed;
    left:12px;
    right:12px;
    bottom:10px;
    z-index:90;
    display:flex;
    padding:8px;
    border:1px solid rgba(226,232,240,.96);
    border-radius:18px;
    background:rgba(255,255,255,.96);
    box-shadow:0 18px 48px rgba(15,23,42,.20);
    backdrop-filter:blur(12px);
  }
  .order-primary-actions:empty { display:none; }
  .order-primary-actions button { flex:1 1 0; min-height:52px; border-radius:13px; font-size:15px; }
  .order-primary-actions .success { background:#facc15; color:#111827; }
  body.order-chat-open .order-primary-actions { display:none; }

  .order-workspace,
  .order-main-stack,
  .order-side-stack { grid-template-columns:1fr; min-width:0; }
  .order-side-stack { display:grid; }

  .order-chat-panel {
    position:fixed;
    inset:0;
    z-index:1202;
    display:flex;
    flex-direction:column;
    gap:0;
    width:100%;
    height:100dvh;
    max-height:none;
    border-radius:0;
    background:#f8fafc;
    box-shadow:none;
    transform:translateX(102%);
    opacity:1;
    visibility:hidden;
    pointer-events:none;
    transition:transform .24s ease, visibility .24s;
  }
  body.order-chat-open .order-chat-panel {
    transform:translateX(0);
    visibility:visible;
    pointer-events:auto;
  }
  .order-chat-sheet-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex:0 0 auto;
    padding:max(14px, env(safe-area-inset-top)) 16px 14px;
    border-bottom:1px solid #e2e8f0;
    background:#fff;
    border-radius:0;
  }
  .order-chat-sheet-head b { display:block; color:#0f172a; font-size:17px; }
  .order-chat-sheet-head span { display:block; margin-top:3px; color:#64748b; font-size:11px; }
  .order-chat-sheet-head button { width:40px; height:40px; padding:0; border-radius:12px; font-size:25px; }
  .order-chat-panel-content {
    display:grid;
    grid-template-columns:1fr;
    flex:1 1 auto;
    gap:12px;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:12px 12px max(16px, env(safe-area-inset-bottom));
  }
  .order-chat-panel .chat-card { margin:0; padding:13px; box-shadow:none; border:1px solid #e2e8f0; }
  .order-chat-panel .chat { min-height:52dvh; max-height:none; }
  .order-chat-panel .chat-head { flex-direction:row; align-items:center; }
  .order-chat-panel .chat-head-actions { justify-content:flex-end; }
  .order-chat-panel .chat-head .mini-action { width:auto; }
  .order-chat-backdrop { display:none; }
  .statement-feed-card { order:2; }
}

@media (max-width:560px) {
  .order-mobile-detail-head { grid-template-columns:42px minmax(0,1fr) auto; gap:8px; }
  .order-mobile-heading-copy h2 { font-size:18px; }
  .order-mobile-chat-btn { padding:9px 11px; }
  .order-mobile-counterparty { grid-template-columns:38px minmax(0,1fr) auto; padding:11px; }
  .order-mobile-avatar { width:38px; height:38px; }
  .order-hero-panel { padding:14px; border-radius:18px; }
  .order-hero-pills { grid-template-columns:1fr; }
  .order-secondary-actions { grid-template-columns:1fr 1fr; gap:8px; }
  .customer-pay-grid { grid-template-columns:1fr; }
  .order-chat-panel { height:100dvh; max-height:none; }
  .order-chat-panel .chat { min-height:52dvh; max-height:none; }
}

@media (max-width:380px) {
  .payment-detail-row,
  .payment-detail-row.wide { grid-template-columns:minmax(96px,.7fr) minmax(118px,1.3fr); gap:8px; }
  .payment-detail-row b { font-size:13px; }
  .order-mobile-chat-btn b { display:none; }
  .order-mobile-chat-btn { width:42px; padding:0; justify-content:center; }
  .order-mobile-p2p-btn { padding:7px 8px; }
  .order-secondary-actions { grid-template-columns:1fr; }
  .order-primary-actions { left:8px; right:8px; bottom:8px; }
}

/* v1.0.86 - fixed professional chat shell, split history and full-screen image viewer */
.chat-image-link{display:none!important}
.chat-image-button{display:block;max-width:100%;padding:0;border:0;border-radius:13px;background:transparent;color:inherit;overflow:hidden;box-shadow:none;line-height:0}
.chat-image-button:hover{transform:none;filter:none}
.chat-image-button .chat-image{display:block;width:auto;max-width:min(320px,72vw);height:auto;max-height:280px;margin:0;border:0;border-radius:13px;object-fit:contain;background:#fff}
html.chat-image-viewer-open,body.chat-image-viewer-open{overflow:hidden!important}
dialog.chat-image-viewer{position:fixed;inset:0;width:100dvw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:#fff}
dialog.chat-image-viewer::backdrop{background:rgba(0,0,0,.96)}
dialog.chat-image-viewer.is-fallback{z-index:2147483647;display:block;background:rgba(0,0,0,.96)}
.chat-image-viewer-stage{position:absolute;inset:0;display:grid;place-items:center;padding:max(62px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:rgba(0,0,0,.96);cursor:zoom-out;overflow:hidden}
.chat-image-viewer img{display:block;width:auto;height:auto;max-width:calc(100dvw - 32px);max-height:calc(100dvh - 88px);object-fit:contain;border-radius:8px;box-shadow:0 22px 70px rgba(0,0,0,.45);cursor:default}
.chat-image-viewer-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(15,23,42,.7);color:#fff;font-size:29px;line-height:1;backdrop-filter:blur(12px);box-shadow:0 10px 28px rgba(0,0,0,.3)}
.chat-image-viewer-close:hover{transform:none;filter:none;background:rgba(30,41,59,.88)}

.order-chat-panel{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.order-chat-panel-content{position:relative;display:flex;flex:1 1 auto;min-height:0;padding:0}
.order-live-chat-card{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;margin:0;border:0!important;border-radius:0!important;box-shadow:none!important}
.order-live-chat-card .chat{flex:1 1 auto;min-height:430px;max-height:620px}
.order-chat-fixed-footer{display:grid;gap:8px;flex:0 0 auto;padding:10px;border-top:1px solid #e2e8f0;background:#fff}
.chat-compose-pro{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:end;gap:8px;margin:0}
.chat-compose-pro textarea{min-height:46px;max-height:82px;padding:11px 13px;overflow-y:auto;resize:none;border-radius:18px;background:#f8fafc;line-height:1.4}
.chat-compose-plus,.chat-send-icon{display:grid;place-items:center;width:42px;height:42px;min-height:42px;padding:0;border-radius:999px;font-size:24px;line-height:1}
.chat-compose-plus{border:1px solid #dbe2ea;background:#f1f5f9;color:#111827;cursor:pointer;font-weight:500}
.chat-compose-plus.disabled{opacity:.35;cursor:default}
.chat-send-icon{background:#facc15;color:#111827;font-size:18px;box-shadow:0 6px 16px rgba(250,204,21,.24)}
.chat-send-icon:hover,.chat-compose-plus:hover{transform:none;filter:none}
.chat-selected-file{min-height:0;padding:0 50px;color:#64748b;font-size:11px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-selected-file:empty{display:none}
.order-chat-action-row{display:flex;align-items:stretch;gap:8px;padding-top:7px;border-top:1px solid #edf1f5}
.order-chat-split-action{flex:0 1 42%;min-height:44px;border-radius:13px}
.order-chat-final-actions{display:flex;flex:1 1 auto;gap:8px}
.order-chat-final-actions:empty{display:none}
.order-chat-final-actions button{flex:1 1 0;min-height:44px;border-radius:13px}
.order-chat-final-actions .success{background:#facc15;color:#111827}
.order-chat-rail-btn{display:none}
.order-internal-note-panel{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;min-height:0;background:#fff;transform:translateX(102%);visibility:hidden;transition:transform .22s ease,visibility .22s}
.order-internal-note-panel.is-open{transform:translateX(0);visibility:visible}
.order-internal-note-panel>header{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;flex:0 0 auto;padding:12px;border-bottom:1px solid #e2e8f0;background:#fff}
.order-internal-note-panel>header b{display:block;color:#0f172a;font-size:16px}
.order-internal-note-panel>header span{display:block;margin-top:2px;color:#64748b;font-size:11px}
.order-internal-note-scroll{flex:1 1 auto;min-height:0;overflow:hidden}
.order-internal-note-scroll .chat{height:100%;min-height:0;max-height:none;border:0;border-radius:0}
.order-internal-note-panel>.chat-compose-pro{flex:0 0 auto;padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid #e2e8f0;background:#fff}
.order-chat-header-icon{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:13px;background:#f1f5f9;color:#0f172a;font-size:22px;line-height:1}
.order-chat-header-identity{display:flex;align-items:center;gap:10px;min-width:0}
.order-chat-header-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:999px;background:#111827;color:#fff;font-size:15px;font-weight:950}
.order-chat-header-identity>div{min-width:0}
.order-chat-header-identity b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:16px}
.order-chat-header-identity .sync-status{display:inline-flex;margin-top:3px;padding:3px 7px;font-size:10px}
.order-chat-header-spacer{width:42px;height:42px}
.split-modal-history{margin-top:18px;padding-top:18px;border-top:1px solid #e2e8f0}
.split-modal-history .section-head{margin-bottom:10px}
.split-modal-history .split-list{display:grid;gap:10px;max-height:330px;overflow-y:auto;padding-right:3px}
.split-modal-history .split-row{margin:0;background:#f8fafc;box-shadow:none}
body.order-chat-open .modal-backdrop{z-index:1450}

@media (min-width:901px){
  .order-chat-panel{max-height:calc(100vh - 112px)}
  .order-chat-panel-content{overflow:hidden}
  .order-live-chat-card .chat{min-height:380px;max-height:none}
  .order-chat-fixed-footer{position:sticky;bottom:0;z-index:2}
  .order-internal-note-panel{border-radius:20px}
}

@media (max-width:900px){
  .order-chat-panel{position:fixed;inset:0;z-index:1202;width:100%;height:100dvh;max-height:none;border:0;border-radius:0;background:#fff;box-shadow:none;transform:translateX(102%);visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility .22s}
  body.order-chat-open .order-chat-panel{transform:translateX(0);visibility:visible;pointer-events:auto}
  .order-chat-sheet-head{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;flex:0 0 auto;min-height:66px;padding:max(10px,env(safe-area-inset-top)) 10px 9px;border-bottom:1px solid #e2e8f0;background:#fff}
  .order-chat-sheet-head>div:first-of-type{min-width:0}
  .order-chat-panel-content{flex:1 1 auto;min-height:0;overflow:hidden;padding:0;background:#f8fafc}
  .order-live-chat-card{height:100%;padding:0!important;background:transparent}
  .order-live-chat-card .chat-desktop-head{display:none!important}
  .order-live-chat-card .chat{height:100%;min-height:0!important;max-height:none!important;padding:10px 8px 12px;border:0;border-radius:0;background:linear-gradient(180deg,#f8fafc,#eef2f7);overscroll-behavior:contain}
  .order-live-chat-card .chat-row{padding:0 2px}
  .order-live-chat-card .chat-bubble{max-width:88%;padding:8px 10px 6px;border-radius:15px}
  .order-live-chat-card .chat-meta{gap:8px;font-size:10px}
  .order-live-chat-card .chat-body{font-size:14px}
  .order-chat-fixed-footer{position:relative;z-index:6;flex:0 0 auto;gap:6px;padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -8px 24px rgba(15,23,42,.08)}
  .chat-compose-pro{grid-template-columns:40px minmax(0,1fr) 40px;gap:7px}
  .chat-compose-plus,.chat-send-icon{width:40px;height:40px;min-height:40px}
  .chat-compose-pro textarea{min-height:44px;max-height:78px;padding:10px 12px;font-size:14px}
  .chat-selected-file{padding:0 48px;font-size:10px}
  .order-chat-action-row{gap:7px;padding-top:6px}
  .order-chat-split-action,.order-chat-final-actions button{min-height:46px;padding:9px 10px;font-size:13px}
  .order-chat-rail-btn{position:absolute;top:50%;z-index:7;display:grid;place-items:center;width:34px;height:48px;padding:0;border:1px solid #dbe2ea;background:rgba(255,255,255,.94);color:#111827;font-size:22px;box-shadow:0 7px 20px rgba(15,23,42,.16);backdrop-filter:blur(8px);transform:translateY(-50%)}
  .order-chat-rail-btn.left{left:0;border-left:0;border-radius:0 14px 14px 0}
  .order-chat-rail-btn.right{right:0;border-right:0;border-radius:14px 0 0 14px}
  .order-internal-note-panel{position:absolute;inset:0;z-index:12}
  .order-internal-note-panel>header{padding:max(10px,env(safe-area-inset-top)) 10px 9px}
  .order-internal-note-panel>.chat-compose-pro{padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -8px 24px rgba(15,23,42,.08)}
  .chat-image-button .chat-image{max-width:min(300px,78vw);max-height:300px}
}

@media (max-width:420px){
  .order-chat-sheet-head{grid-template-columns:40px minmax(0,1fr) 40px;padding-left:7px;padding-right:7px}
  .order-chat-header-icon{width:40px;height:40px}
  .order-chat-header-avatar{flex-basis:34px;width:34px;height:34px}
  .order-chat-header-identity b{font-size:15px}
  .order-chat-split-action{flex-basis:38%;font-size:12px}
  .order-chat-final-actions button{font-size:12px}
}

@media (min-width:901px){
  .order-chat-rail-btn{position:absolute;top:50%;z-index:7;display:grid;place-items:center;width:32px;height:46px;padding:0;border:1px solid #dbe2ea;background:rgba(255,255,255,.96);color:#111827;font-size:20px;box-shadow:0 7px 18px rgba(15,23,42,.14);transform:translateY(-50%)}
  .order-chat-rail-btn.left{left:0;border-left:0;border-radius:0 13px 13px 0}
  .order-chat-rail-btn.right{right:0;border-right:0;border-radius:13px 0 0 13px}
}

/* v1.0.88 - unified mobile order header, top final actions and album media tray */
.order-mobile-unified-head{display:none}
.chat-video{display:block;width:min(360px,72vw);max-width:100%;max-height:320px;border-radius:13px;background:#000}
.chat-attachment-tray{display:none;padding:10px 0 2px}
.chat-attachment-tray.is-open{display:block}
.chat-album-picker{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:1px solid #dbe2ea;border-radius:16px;background:#f8fafc;color:#111827;text-align:left;box-shadow:none}
.chat-album-picker:hover{transform:none;background:#f1f5f9}
.chat-album-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#e0e7ff;color:#3730a3}
.chat-album-icon svg{width:23px;height:23px}
.chat-album-picker b{display:block;font-size:14px}
.chat-album-picker small{display:block;margin-top:3px;color:#64748b;font-size:11px;font-weight:750}
.chat-media-preview{display:none;gap:7px;max-height:156px;overflow-y:auto;padding:0 0 3px}
.chat-media-preview.has-media{display:grid}
.chat-media-chip{display:grid;grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:9px;padding:7px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc}
.chat-media-thumb{position:relative;width:48px;height:48px;overflow:hidden;border-radius:10px;background:#0f172a}
.chat-media-thumb img,.chat-media-thumb video{display:block;width:100%;height:100%;object-fit:cover}
.chat-media-kind{position:absolute;left:3px;bottom:3px;padding:2px 4px;border-radius:5px;background:rgba(15,23,42,.78);color:#fff;font-size:7px;font-weight:950;letter-spacing:.05em}
.chat-media-chip>div:nth-child(2){min-width:0}
.chat-media-chip b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.chat-media-chip small{display:block;margin-top:2px;color:#64748b;font-size:10px}
.chat-media-chip>button{display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:999px;background:#e2e8f0;color:#0f172a;font-size:18px}
.chat-send-icon svg{width:20px;height:20px}

@media (max-width:900px){
  body.order-detail-active .topbar{display:none!important}
  body.order-detail-active #content{padding-top:0}
  body.order-detail-active .order-page{gap:12px;padding-bottom:18px}
  .order-mobile-detail-head,.order-mobile-counterparty{display:none!important}
  .order-mobile-unified-head{
    position:sticky;top:0;z-index:88;display:grid;gap:9px;margin:0 -14px 0;padding:max(10px,env(safe-area-inset-top)) 12px 10px;border-bottom:1px solid #dfe7f0;background:rgba(246,248,251,.97);box-shadow:0 10px 28px rgba(15,23,42,.07);backdrop-filter:blur(14px)
  }
  .order-mobile-unified-main{display:grid;grid-template-columns:40px 40px 38px minmax(0,1fr) 40px 40px;align-items:center;gap:7px;min-width:0}
  .order-main-menu-btn,.order-mobile-back,.order-mobile-chat-btn,.order-mobile-p2p-btn{display:grid;place-items:center;width:40px;height:40px;min-height:40px;padding:0;border-radius:12px;box-shadow:none}
  .order-main-menu-btn{background:#0f172a;color:#fff}
  .order-mobile-back{background:#f1f5f9;color:#0f172a;font-size:24px}
  .order-mobile-avatar{width:38px;height:38px;font-size:15px}
  .order-mobile-unified-identity{min-width:0}
  .order-mobile-unified-identity b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:14px;line-height:1.2}
  .order-mobile-unified-identity span{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.035em}
  .order-mobile-unified-identity strong{color:#0f172a}
  .order-mobile-chat-btn{background:#facc15;color:#111827}
  .order-mobile-p2p-btn{background:#eef2f7;color:#0f172a}
  .order-mobile-chat-btn svg,.order-mobile-p2p-btn svg{width:21px;height:21px}
  .order-mobile-amount-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .order-mobile-amount-strip>div{min-width:0;padding:9px 11px;border:1px solid #e5e7eb;border-radius:13px;background:#f8fafc}
  .order-mobile-amount-strip span{display:block;color:#64748b;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
  .order-mobile-amount-strip b{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:17px;letter-spacing:-.025em}
  .order-mobile-top-actions{display:flex;gap:8px;align-items:stretch}
  .order-mobile-top-actions:empty{display:none}
  .order-mobile-top-actions button{flex:1 1 0;min-height:43px;padding:8px 10px;border-radius:12px;font-size:12px}
  .order-mobile-top-actions .success{background:#facc15;color:#111827}
  .order-mobile-top-actions .danger{background:#fee2e2;color:#991b1b}
  .order-primary-actions{display:none!important}
  .order-actions-card{margin-top:0}
  .order-hero-panel{margin-top:0}
  body.order-chat-open .order-mobile-unified-head{display:none}
  .order-chat-fixed-footer{gap:7px}
  .chat-attachment-tray{padding:0}
  .chat-media-preview{max-height:132px}
  .chat-video{width:min(320px,80vw);max-height:300px}
}

@media (max-width:560px){
  .order-mobile-unified-head{margin-left:-10px;margin-right:-10px;padding-left:8px;padding-right:8px}
  .order-mobile-unified-main{grid-template-columns:38px 38px 34px minmax(0,1fr) 38px 38px;gap:5px}
  .order-main-menu-btn,.order-mobile-back,.order-mobile-chat-btn,.order-mobile-p2p-btn{width:38px;height:38px;min-height:38px;border-radius:11px}
  .order-mobile-avatar{width:34px;height:34px;font-size:13px}
  .order-mobile-unified-identity b{font-size:13px}
  .order-mobile-unified-identity span{font-size:9px}
  .order-mobile-amount-strip>div{padding:8px 9px}
  .order-mobile-amount-strip b{font-size:15px}
  .order-mobile-top-actions button{min-height:41px;font-size:11px}
}

@media (max-width:390px){
  .order-mobile-unified-main{grid-template-columns:36px 36px 32px minmax(0,1fr) 36px 36px;gap:4px}
  .order-main-menu-btn,.order-mobile-back,.order-mobile-chat-btn,.order-mobile-p2p-btn{width:36px;height:36px;min-height:36px}
  .order-mobile-avatar{width:32px;height:32px}
  .order-mobile-unified-identity span{max-width:115px}
}

/* v1.0.88 - consolidated payment summary, immediate payment details and selected-method cleanup */
.order-payment-immediate{min-width:0}
.order-payment-immediate .customer-pay-card{margin:0}
.order-hero-summary-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.order-hero-summary-grid>div{min-width:0;padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.12);text-align:right}
.order-hero-summary-grid span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.order-hero-summary-grid b{display:block;margin-top:3px;font-size:17px;letter-spacing:-.03em}
.order-mobile-amount-strip small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:10px;font-weight:800}

@media(max-width:900px){
  .order-hero-amount-card{display:none!important}
  .order-payment-immediate .customer-pay-card{border-radius:20px}
}

/* v1.0.90 - floating order actions and simplified chat labels */
.order-desktop-meta{display:none}

@media (min-width:901px){
  body.order-detail-active .topbar{display:none!important}
  body.order-detail-active #content{padding:16px 18px 24px}
  body.order-detail-active .order-page{gap:12px}

  body.order-detail-active .order-mobile-unified-head{
    position:relative;
    z-index:20;
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(250px,.72fr) minmax(150px,auto);
    grid-template-areas:
      "identity amounts actions"
      "meta meta meta";
    align-items:center;
    gap:10px 14px;
    padding:12px;
    border:1px solid #dfe7f0;
    border-radius:16px;
    background:#f6f8fb;
    box-shadow:none;
  }
  body.order-detail-active .order-mobile-unified-main{
    grid-area:identity;
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
  }
  body.order-detail-active .order-main-menu-btn{display:none!important}
  body.order-detail-active .order-mobile-back,
  body.order-detail-active .order-mobile-chat-btn,
  body.order-detail-active .order-mobile-p2p-btn{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    min-height:38px;
    padding:0;
    border-radius:11px;
    box-shadow:none;
  }
  body.order-detail-active .order-mobile-back{background:#f1f5f9;color:#0f172a;font-size:22px}
  body.order-detail-active .order-mobile-chat-btn{background:#facc15;color:#111827}
  body.order-detail-active .order-mobile-p2p-btn{background:#eef2f7;color:#0f172a}
  body.order-detail-active .order-mobile-chat-btn svg,
  body.order-detail-active .order-mobile-p2p-btn svg{width:20px;height:20px}
  body.order-detail-active .order-mobile-avatar{
    display:grid;
    place-items:center;
    flex:0 0 38px;
    width:38px;
    height:38px;
    border-radius:999px;
    background:#111827;
    color:#fff;
    font-size:14px;
    font-weight:950;
  }
  body.order-detail-active .order-mobile-unified-identity{min-width:0;flex:1 1 auto}
  body.order-detail-active .order-mobile-unified-identity b{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#0f172a;
    font-size:15px;
    line-height:1.2;
  }
  body.order-detail-active .order-mobile-unified-identity span{
    display:block;
    margin-top:3px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#64748b;
    font-size:10px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.04em;
  }
  body.order-detail-active .order-mobile-unified-identity strong{color:#0f172a}

  body.order-detail-active .order-mobile-amount-strip{
    grid-area:amounts;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    min-width:0;
  }
  body.order-detail-active .order-mobile-amount-strip>div{
    min-width:0;
    padding:9px 10px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#f8fafc;
  }
  body.order-detail-active .order-mobile-amount-strip span{
    display:block;
    color:#64748b;
    font-size:9px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.045em;
  }
  body.order-detail-active .order-mobile-amount-strip b{
    display:block;
    margin-top:3px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#0f172a;
    font-size:15px;
    letter-spacing:-.025em;
  }
  body.order-detail-active .order-mobile-amount-strip small{font-size:9px}
  body.order-detail-active .order-mobile-top-actions{
    grid-area:actions;
    display:flex;
    justify-content:flex-end;
    gap:7px;
    align-items:stretch;
  }
  body.order-detail-active .order-mobile-top-actions:empty{display:none}
  body.order-detail-active .order-mobile-top-actions button{
    min-height:38px;
    padding:8px 11px;
    border-radius:11px;
    font-size:11px;
    white-space:nowrap;
  }
  body.order-detail-active .order-mobile-top-actions .success{background:#facc15;color:#111827}
  body.order-detail-active .order-mobile-top-actions .danger{background:#fee2e2;color:#991b1b}

  body.order-detail-active .order-desktop-meta{
    grid-area:meta;
    display:flex;
    align-items:stretch;
    gap:7px;
    min-width:0;
    overflow-x:auto;
    padding-top:9px;
    border-top:1px solid #edf1f5;
    scrollbar-width:thin;
  }
  body.order-detail-active .order-desktop-meta>span{
    display:block;
    flex:1 1 140px;
    min-width:125px;
    padding:7px 9px;
    border-radius:10px;
    background:#f8fafc;
  }
  body.order-detail-active .order-desktop-meta small{
    display:block;
    color:#64748b;
    font-size:9px;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.045em;
  }
  body.order-detail-active .order-desktop-meta b{
    display:block;
    margin-top:3px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#0f172a;
    font-size:11px;
  }

  body.order-detail-active .order-hero-panel{display:none!important}
  body.order-detail-active .order-desktop-body{
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);
    gap:12px;
    align-items:start;
    margin-top:0;
  }
  body.order-detail-active .order-detail-stack,
  body.order-detail-active .order-side-stack{gap:12px}
  body.order-detail-active .order-card{
    border:1px solid #e2e8f0;
    border-radius:16px;
    box-shadow:none;
  }
  body.order-detail-active .payment-flow-card{padding:15px}
  body.order-detail-active .order-actions-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "secondary primary"
      "status status";
    gap:9px 12px;
    padding:10px;
    border:1px solid #e2e8f0;
    border-radius:14px;
    background:#fff;
    box-shadow:none;
  }
  body.order-detail-active .order-secondary-actions{grid-area:secondary;gap:7px}
  body.order-detail-active .order-secondary-actions button{min-height:36px;padding:7px 10px;font-size:11px}
  body.order-detail-active .order-primary-actions{grid-area:primary;justify-content:flex-end;gap:7px}
  body.order-detail-active .order-primary-actions button{min-height:36px;padding:7px 10px;font-size:11px}
  body.order-detail-active .order-action-status{grid-area:status;padding-top:8px;border-top:1px solid #edf1f5}

  body.order-detail-active .order-side-stack{position:relative;top:auto;align-self:start}
  body.order-detail-active .order-chat-panel{
    position:sticky;
    top:16px;
    display:flex;
    flex-direction:column;
    gap:0;
    height:min(760px,calc(100vh - 32px));
    min-height:560px;
    max-height:760px;
    border:1px solid #e2e8f0;
    border-radius:16px;
    background:#fff;
    box-shadow:none;
    overflow:hidden;
  }
  body.order-detail-active .order-chat-sheet-head{
    display:grid;
    grid-template-columns:minmax(0,1fr) 38px;
    align-items:center;
    gap:10px;
    flex:0 0 auto;
    min-height:58px;
    padding:9px 10px;
    border-bottom:1px solid #e2e8f0;
    background:#fff;
  }
  body.order-detail-active .order-chat-sheet-head>button:first-child{display:none!important}
  body.order-detail-active .order-chat-header-icon{width:38px;height:38px;border-radius:11px}
  body.order-detail-active .order-chat-header-avatar{flex-basis:34px;width:34px;height:34px;font-size:13px}
  body.order-detail-active .order-chat-header-identity b{font-size:14px}
  body.order-detail-active .order-chat-panel-content{display:flex;flex:1 1 auto;min-height:0;gap:0;overflow:hidden}
  body.order-detail-active .order-live-chat-card{height:100%;padding:0!important;background:transparent}
  body.order-detail-active .order-live-chat-card .chat-desktop-head{display:none!important}
  body.order-detail-active .order-live-chat-card .chat{
    flex:1 1 auto;
    height:100%;
    min-height:0;
    max-height:none;
    border:0;
    border-radius:0;
    background:linear-gradient(180deg,#f8fafc,#eef2f7);
  }
  body.order-detail-active .order-chat-fixed-footer{padding:9px;border-top:1px solid #e2e8f0}
  body.order-detail-active .statement-feed-card{box-shadow:none}
}

@media (min-width:901px) and (max-width:1199px){
  body.order-detail-active .order-mobile-unified-head{
    grid-template-columns:minmax(0,1fr) minmax(250px,1fr);
    grid-template-areas:
      "identity identity"
      "amounts actions"
      "meta meta";
  }
  body.order-detail-active .order-desktop-body{grid-template-columns:minmax(0,1fr) minmax(350px,.92fr)}
  body.order-detail-active .payment-detail-list{grid-template-columns:1fr}
  body.order-detail-active .payment-detail-row,
  body.order-detail-active .payment-detail-row.wide{grid-column:auto}
  body.order-detail-active .order-actions-card{
    grid-template-columns:1fr;
    grid-template-areas:"secondary" "primary" "status";
  }
  body.order-detail-active .order-primary-actions{justify-content:flex-start}
}


/* v1.0.90: compact floating order menu and clean sender-only chat metadata */
.order-floating-actions{
  position:fixed;
  left:max(8px,env(safe-area-inset-left));
  top:50%;
  z-index:88;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
}
.order-floating-trigger{
  display:grid;
  place-items:center;
  width:44px;
  height:52px;
  min-height:52px;
  padding:0;
  border:1px solid #dbe3ec;
  border-radius:0 15px 15px 0;
  background:#111827;
  color:#fff;
  box-shadow:0 14px 34px rgba(15,23,42,.20);
}
.order-floating-trigger svg{width:21px;height:21px;transition:transform .18s ease}
.order-floating-actions.is-open .order-floating-trigger svg{transform:rotate(45deg)}
.order-floating-menu{
  position:absolute;
  left:54px;
  top:50%;
  width:min(230px,calc(100vw - 82px));
  display:grid;
  gap:7px;
  padding:9px;
  border:1px solid #e2e8f0;
  border-radius:16px;
  background:rgba(255,255,255,.98);
  box-shadow:0 22px 58px rgba(15,23,42,.20);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-8px,-50%) scale(.97);
  transform-origin:left center;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.order-floating-actions.is-open .order-floating-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(0,-50%) scale(1);
}
.order-floating-menu button{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  padding:9px 11px;
  border-radius:11px;
  text-align:left;
  box-shadow:none;
}
.order-floating-menu button span{width:18px;text-align:center;font-size:17px;line-height:1}
.chat-meta>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (min-width:901px){
  body.order-detail-active .order-floating-actions{left:280px}
}

@media (max-width:900px){
  #floatingBackOrders{display:none}
  .order-floating-actions{
    left:max(8px,env(safe-area-inset-left));
    top:auto;
    bottom:calc(82px + env(safe-area-inset-bottom));
    transform:none;
  }
  .order-floating-trigger{
    width:42px;
    height:46px;
    min-height:46px;
    border-radius:0 14px 14px 0;
  }
  .order-floating-menu{
    left:52px;
    top:auto;
    bottom:0;
    transform:translate(-8px,8px) scale(.97);
    transform-origin:left bottom;
  }
  .order-floating-actions.is-open .order-floating-menu{transform:translate(0,0) scale(1)}
}


/* v1.0.91 - duplicate status/action blocks removed; unified order header uses a soft light background. */


/* v1.0.95 - Binance-style gross, fee and net asset quantity breakdown */
.order-asset-breakdown{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:0 14px;
  margin-top:14px;
  padding:12px 13px;
  border:1px solid #e5e7eb;
  border-radius:16px;
  background:#f8fafc;
  color:#0f172a;
}
.order-asset-primary{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid #e2e8f0;
}
.order-asset-primary span,.order-asset-branch span{color:#64748b;font-size:12px;font-weight:780}
.order-asset-primary b{font-size:16px;letter-spacing:-.025em}
.order-asset-branch{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  padding:10px 0 0 16px;
}
.order-asset-branch::before{
  content:"";
  position:absolute;
  left:3px;
  top:0;
  bottom:0;
  width:8px;
  border-left:1px solid #94a3b8;
  border-bottom:1px solid #94a3b8;
  border-radius:0 0 0 2px;
}
.order-asset-branch b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.order-asset-branch.fee b{color:#b45309}
@media (max-width:560px){
  .order-asset-breakdown{grid-template-columns:1fr;gap:0;padding:11px 12px}
  .order-asset-branch{padding-top:9px}
  .order-asset-branch+.order-asset-branch{margin-top:1px}
}


/* v1.0.102 - compact notification panel with prominent chat username and small message label */
.language-switch{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:11px;font-weight:900;line-height:1}
.lang-toggle{position:relative;width:38px;height:22px;min-height:22px;padding:0;border:1px solid #cbd5e1;border-radius:999px;background:#e2e8f0;box-shadow:none;transform:none}
.lang-toggle:hover{transform:none;box-shadow:none;filter:none}
.lang-toggle-thumb{position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(15,23,42,.25);transition:transform .18s ease}
.lang-toggle.is-bn .lang-toggle-thumb{transform:translateX(16px)}
.lang-toggle.is-bn{background:#2563eb;border-color:#2563eb}
.login-lang{position:absolute;top:18px;right:18px;float:none;margin:0}
.status-pill.offline{display:inline-flex;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:7px 10px}
.notification-center{position:relative;display:flex;align-items:center}
.notification-btn{position:relative;display:grid;place-items:center;width:38px;height:38px;min-height:38px;padding:0;border:1px solid #e2e8f0;border-radius:12px;background:#fff;color:#0f172a;box-shadow:none}
.notification-btn:hover{transform:none;filter:none;background:#f8fafc}
.notification-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-badge{position:absolute;top:-5px;right:-5px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid #fff;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:950;line-height:1}
.notification-panel{position:absolute;top:calc(100% + 10px);right:0;bottom:auto;width:min(370px,calc(100vw - 20px));height:auto;min-height:0;max-height:min(520px,75vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.22);z-index:120}
.notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid #eef2f7}
.notification-panel-head b{font-size:14px}.notification-panel-head-actions{display:flex;align-items:center;gap:8px}.notification-panel-head span{color:#64748b;font-size:11px;font-weight:850}.notification-mark-all{min-height:0;padding:5px 7px;border:0;border-radius:8px;background:#eff6ff;color:#1d4ed8;box-shadow:none;font-size:10px;font-weight:900}.notification-mark-all:hover{transform:none;filter:none;background:#dbeafe}.notification-mark-all:disabled{opacity:.55;cursor:wait}
.notification-panel-list{flex:0 1 auto;height:auto;min-height:0;max-height:min(390px,calc(75vh - 96px));overflow-y:auto;overflow-x:hidden}
.notification-item{width:100%;height:auto;min-height:0;max-height:none;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start;align-self:start;overflow:visible;padding:11px 13px;border:0;border-bottom:1px solid #f1f5f9;border-radius:0;background:#fff;color:#0f172a;text-align:left;box-shadow:none}
.notification-item:hover{transform:none;filter:none;background:#f8fafc}
.notification-item-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eff6ff;font-size:15px}
.notification-item.is-chat .notification-item-icon{background:#fef9c3}
.notification-item-copy{min-width:0}.notification-item-copy>b,.notification-item-copy>span,.notification-item-copy>small{display:block}
.notification-item-copy>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.notification-item-copy>.notification-chat-user{font-size:14px;font-weight:950;line-height:1.2;color:#0f172a}
.notification-item-copy>.notification-chat-label{margin-top:2px;color:#64748b;font-size:10px;font-weight:850;line-height:1.2}
.notification-item-copy>.notification-message-preview{margin-top:4px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;font-size:12px;line-height:1.35}
.notification-item-copy>.notification-item-meta{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;font-size:10px;font-weight:800}
.notification-empty{padding:28px 16px;text-align:center;color:#64748b;font-size:12px;font-weight:800}
.notification-view-all{flex:0 0 auto;width:100%;padding:11px;border-radius:0;background:#f8fafc;color:#1d4ed8;box-shadow:none;font-size:12px}
.notification-view-all:hover{transform:none;filter:none;background:#eff6ff}
.order-toolbar{margin-bottom:8px}
.order-group-switch{margin:0 0 8px;padding:0 2px;border:0;background:transparent;box-shadow:none;gap:18px}
.order-group-btn{padding:7px 2px 9px;border:0;border-radius:0;background:transparent;color:#64748b;box-shadow:none}
.order-group-btn:hover{transform:none;filter:none}
.order-group-btn.active{position:relative;background:transparent;color:#0f172a;box-shadow:none}
.order-group-btn.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:999px;background:#f0c400}
.order-section{padding-top:10px}
.order-section .order-tabs{margin:0 0 10px}
@media(max-width:900px){
  .top-actions{gap:7px}
  .notification-btn{width:36px;height:36px;min-height:36px;border-radius:11px}
  .language-switch{gap:4px;font-size:10px}
  .lang-toggle{width:34px;height:20px;min-height:20px}
  .lang-toggle-thumb{width:12px;height:12px}
  .lang-toggle.is-bn .lang-toggle-thumb{transform:translateX(14px)}
  .status-pill.offline{padding:6px 8px;font-size:10px}
  .notification-panel{position:fixed;top:62px;right:8px;bottom:auto;left:8px;width:auto;height:auto;min-height:0;max-height:calc(100dvh - 74px)}
  .notification-panel-list{max-height:calc(100dvh - 170px)}
  .order-group-switch{align-items:center;gap:18px;padding:0 4px;margin:0 0 7px}
  .order-section{padding:10px 12px 12px}
  .order-section .section-head{display:none}
  .order-tabs{margin:0 0 9px}
}
@media(max-width:560px){
  .topbar{min-height:58px;padding:8px 9px}
  .mobile-menu-btn{width:40px;height:40px;flex-basis:40px}
  .topbar-copy h1{font-size:17px}
  .notification-panel{top:58px}
  .order-toolbar{margin-bottom:7px}
  .order-group-switch{margin-bottom:6px}
}
@media(max-width:720px){.login-lang{position:static;float:none;display:flex;justify-content:flex-end;margin-bottom:10px}}


/* v1.0.109 - Binance Additional Verification real-time gate */
.additional-kyc-card{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;margin:0;border-width:1px}
.additional-kyc-card .additional-kyc-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;font-size:20px;font-weight:950}
.additional-kyc-card h3{margin:0;color:#0f172a;font-size:16px}
.additional-kyc-card p{margin:5px 0 0;color:#475569;line-height:1.5}
.additional-kyc-card small{display:block;margin-top:7px;color:#64748b;line-height:1.45}
.additional-kyc-card.pending{border-color:#fde68a;background:#fffbeb}
.additional-kyc-card.pending .additional-kyc-icon{background:#facc15;color:#111827}
.additional-kyc-card.verified{border-color:#bbf7d0;background:#f0fdf4}
.additional-kyc-card.verified .additional-kyc-icon{background:#22c55e;color:#fff}
.additional-kyc-verify-btn{background:#facc15!important;color:#111827!important;font-weight:900}
@media(max-width:900px){.additional-kyc-card{grid-template-columns:38px minmax(0,1fr);gap:10px}.additional-kyc-card .additional-kyc-icon{width:38px;height:38px;border-radius:12px}.additional-kyc-card h3{font-size:14px}.additional-kyc-card p,.additional-kyc-card small{font-size:11px}}

/* v1.0.110 - chat action bar, quick messages/payment numbers, sticky statement */
.order-chat-primary-actionbar{
  display:flex;
  align-items:stretch;
  gap:8px;
  flex:0 0 auto;
  padding:8px 10px;
  border-bottom:1px solid #e2e8f0;
  background:#fff;
}
.order-chat-primary-actionbar:empty{display:none}
.order-chat-primary-actionbar button{
  flex:1 1 0;
  min-height:42px;
  padding:8px 12px;
  border-radius:12px;
  font-size:13px;
  font-weight:900;
}
.order-chat-primary-actionbar .success{background:#facc15;color:#111827}
.order-chat-primary-actionbar .danger{background:#fee2e2;color:#991b1b}
.order-chat-primary-actionbar button:disabled{background:#e5e7eb;color:#6b7280}

.selected-payment-account-card{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:12px 14px!important;
  border-color:#bbf7d0!important;
  background:#f0fdf4!important;
}
.selected-payment-account-icon{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:11px;
  background:#16a34a;
  color:#fff;
  font-weight:950;
}
.selected-payment-account-copy{min-width:0}
.selected-payment-account-copy span,.selected-payment-account-copy small{display:block;color:#64748b;font-size:11px;font-weight:800}
.selected-payment-account-copy b{display:block;margin:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:14px}

.order-chat-fixed-footer{position:relative}
.chat-compose-action{overflow:hidden}
.chat-compose-action span{display:grid;place-items:center;width:22px;height:22px}
.chat-compose-action svg{width:22px;height:22px}
.chat-action-send-icon{display:none!important}
.chat-compose-action.is-send-mode .chat-action-quick-icon{display:none!important}
.chat-compose-action.is-send-mode .chat-action-send-icon{display:grid!important}

.chat-quick-panel{
  position:absolute;
  left:8px;
  right:8px;
  bottom:calc(100% + 8px);
  z-index:25;
  display:flex;
  flex-direction:column;
  max-height:min(58vh,440px);
  overflow:hidden;
  border:1px solid #dbe2ea;
  border-radius:18px;
  background:#fff;
  box-shadow:0 22px 60px rgba(15,23,42,.25);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px) scale(.985);
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility .16s;
}
.chat-quick-panel.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
.chat-quick-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 13px;
  border-bottom:1px solid #edf1f5;
  background:#fff;
}
.chat-quick-panel-head b{display:block;color:#0f172a;font-size:15px}
.chat-quick-panel-head span{display:block;margin-top:2px;color:#64748b;font-size:10px;font-weight:700}
.chat-quick-panel-head button{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:10px;background:#f1f5f9;color:#0f172a;font-size:20px}
.chat-quick-panel-body{min-height:0;overflow-y:auto;padding:10px;background:#f8fafc}
.quick-payment-entry{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  width:100%;
  padding:11px;
  border:1px solid #fde68a;
  border-radius:14px;
  background:#fffbeb;
  color:#111827;
  text-align:left;
}
.quick-payment-entry:hover,.quick-number-row:hover,.quick-saved-message-list button:hover{transform:none;filter:none}
.quick-payment-entry-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#facc15;color:#111827;font-size:18px;font-weight:950}
.quick-payment-entry b,.quick-payment-entry small{display:block}
.quick-payment-entry small{margin-top:2px;color:#6b7280;font-size:10px;line-height:1.35}
.quick-message-section-title{margin:12px 2px 7px;color:#64748b;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.07em}
.quick-saved-message-list{display:grid;gap:7px}
.quick-saved-message-list button{
  display:grid;
  gap:3px;
  width:100%;
  padding:10px 11px;
  border:1px solid #e2e8f0;
  border-radius:13px;
  background:#fff;
  color:#0f172a;
  text-align:left;
}
.quick-saved-message-list button span{font-size:12px;font-weight:800;line-height:1.4}
.quick-saved-message-list button small{color:#94a3b8;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.quick-number-tools{display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;position:sticky;top:-10px;z-index:2;padding:0 0 8px;background:#f8fafc}
.quick-number-back{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:11px;background:#e2e8f0;color:#111827;font-size:18px}
.quick-number-tools input{height:38px;min-height:38px;border-radius:11px;background:#fff}
.quick-number-hint{margin:0 1px 8px;color:#64748b;font-size:10px;font-weight:750;line-height:1.4}
.quick-number-list{display:grid;gap:7px}
.quick-number-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  width:100%;
  padding:10px 11px;
  border:1px solid #e2e8f0;
  border-radius:14px;
  background:#fff;
  color:#0f172a;
  text-align:left;
}
.quick-number-row.is-selected{border-color:#86efac;background:#f0fdf4}
.quick-number-main{min-width:0}
.quick-number-main b,.quick-number-main strong,.quick-number-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.quick-number-main b{color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.quick-number-main strong{margin-top:2px;color:#0f172a;font-size:14px}
.quick-number-main small{margin-top:2px;color:#64748b;font-size:10px}
.quick-number-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.quick-number-meta em,.quick-number-meta i{display:inline-flex;padding:3px 6px;border-radius:999px;font-size:8px;font-style:normal;font-weight:950;white-space:nowrap}
.quick-number-meta em{background:#f1f5f9;color:#475569}
.quick-number-meta i{background:#fef3c7;color:#92400e}
.quick-panel-loading{padding:24px 10px;text-align:center;color:#64748b;font-size:12px;font-weight:800}

@media (max-width:900px){
  .order-chat-primary-actionbar{position:relative;z-index:8;padding:7px 9px;background:#fff}
  .order-chat-primary-actionbar button{min-height:40px;font-size:12px}
  .chat-quick-panel{left:6px;right:6px;bottom:calc(100% + 6px);max-height:min(62vh,470px);border-radius:17px}
  .selected-payment-account-card{grid-template-columns:34px minmax(0,1fr) auto;padding:10px 12px!important}
  .selected-payment-account-icon{width:32px;height:32px}
}

@media (min-width:901px){
  body.order-detail-active .order-side-stack{
    position:sticky!important;
    top:16px!important;
    display:flex!important;
    flex-direction:column;
    gap:10px!important;
    height:calc(100vh - 32px);
    min-height:560px;
    overflow:hidden;
  }
  body.order-detail-active .order-chat-panel{
    position:relative!important;
    top:auto!important;
    flex:1 1 auto;
    width:100%;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
  body.order-detail-active .statement-feed-card{
    display:flex;
    flex:0 0 auto;
    flex-direction:column;
    max-height:190px;
    min-height:118px;
    overflow:hidden;
    padding:12px!important;
  }
  body.order-detail-active .statement-feed-card .section-head{flex:0 0 auto;margin-bottom:8px}
  body.order-detail-active .statement-feed-card .statement-feed{min-height:0;max-height:128px;overflow-y:auto;padding-right:3px}
  body.order-detail-active .statement-feed-card .empty-state{min-height:58px}
}

/* v1.0.112 Binance-style advertisement management */
.ads-page{max-width:1280px;margin:0 auto}.ads-access-banner{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid;border-radius:16px;margin-bottom:16px;background:#fff}.ads-access-banner b{display:block;margin-bottom:4px}.ads-access-banner p{margin:0;color:#475569;line-height:1.5;font-size:13px}.ads-access-banner.blocked{border-color:#fed7aa;background:#fff7ed}.ads-access-banner.available{border-color:#bbf7d0;background:#f0fdf4}.ads-access-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#fff;border:1px solid rgba(148,163,184,.28);flex:0 0 auto}.ads-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}.ads-kpis{display:flex;gap:8px;flex-wrap:wrap}.ads-kpis span{padding:8px 11px;border:1px solid var(--line);background:#fff;border-radius:999px;color:#64748b;font-size:12px}.ads-kpis b{color:#0f172a}.ads-filter-bar{display:grid;grid-template-columns:repeat(4,minmax(130px,.7fr)) minmax(220px,1.4fr);gap:10px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);margin-bottom:16px}.ads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.crm-ad-card{background:#fff;border:1px solid #dfe3e8;border-radius:20px;padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.045);min-width:0}.crm-ad-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.crm-ad-title{font-size:18px;font-weight:900}.crm-ad-title .buy{color:#10b981}.crm-ad-title .sell{color:#f43f5e}.crm-ad-title small{font-size:15px;color:#64748b;font-weight:500}.crm-ad-card-actions{display:flex;align-items:center;gap:8px}.ad-more-btn{background:transparent;color:#0f172a;font-size:24px;padding:2px 7px;border-radius:8px}.ad-toggle{margin:0;display:inline-flex;position:relative}.ad-toggle input{position:absolute;opacity:0;pointer-events:none}.ad-toggle span{width:50px;height:28px;border-radius:999px;background:#cbd5e1;display:block;position:relative;transition:.2s}.ad-toggle span:after{content:"";width:22px;height:22px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px rgba(15,23,42,.24);transition:.2s}.ad-toggle input:checked+span{background:#f0b90b}.ad-toggle input:checked+span:after{transform:translateX(22px)}.ad-toggle input:disabled+span{opacity:.45;cursor:not-allowed}.crm-ad-price{display:flex;align-items:baseline;gap:8px;margin:24px 0 18px}.crm-ad-price span{font-size:18px}.crm-ad-price b{font-size:36px;letter-spacing:-.04em}.crm-ad-summary{display:grid;gap:10px}.crm-ad-summary>div{display:flex;justify-content:space-between;gap:16px;font-size:16px}.crm-ad-summary span{color:#94a3b8}.crm-ad-summary b{text-align:right}.crm-ad-methods{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #f1f5f9}.crm-ad-methods span{display:inline-flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.crm-ad-methods i,.ads-payment-method-option i{width:4px;height:13px;border-radius:4px;background:#f59e0b;display:inline-block}.crm-ad-footer{display:flex;justify-content:space-between;gap:12px;color:#94a3b8;font-size:11px;margin-top:12px}.ads-empty{grid-column:1/-1;text-align:center;padding:42px}.ads-empty p{color:#64748b}.ads-footnote{text-align:center;color:#94a3b8;font-size:12px;padding:22px 0}.ads-editor-modal{width:min(920px,100%);border-radius:22px}.ads-editor-modal .modal-body{padding:0;background:#f8fafc}.ads-editor-form{padding:0}.ads-editor-section{padding:18px 22px;background:#fff;border-bottom:1px solid #eef2f7}.ads-editor-section.compact-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.ads-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ads-editor-grid .full-row{grid-column:1/-1}.ads-editor-trade-tabs{display:flex;gap:8px}.ads-editor-trade-tabs label{margin:0}.ads-editor-trade-tabs input{position:absolute;opacity:0}.ads-editor-trade-tabs span{display:inline-flex;padding:9px 18px;border:1px solid var(--line);border-radius:12px;color:#64748b}.ads-editor-trade-tabs input:checked+span{border-color:#f0b90b;background:#fffbeb;color:#0f172a;box-shadow:inset 0 0 0 1px #f0b90b}.ads-editor-trade-tabs span.buy{color:#059669}.ads-editor-trade-tabs span.sell{color:#e11d48}.ads-input-unit{display:flex;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:12px;overflow:hidden}.ads-input-unit input{border:0;background:transparent;border-radius:0}.ads-input-unit span{padding:0 12px;font-weight:850;color:#334155;white-space:nowrap}.ads-section-label{display:flex;align-items:center;justify-content:space-between}.ads-section-label label{margin-top:0}.ads-section-label small{color:#94a3b8}.ads-payment-method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.ads-payment-method-option{margin:0;display:block}.ads-payment-method-option input{position:absolute;opacity:0}.ads-payment-method-option>span{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#fff}.ads-payment-method-option input:checked+span{border-color:#f0b90b;background:#fffbeb;box-shadow:inset 0 0 0 1px #f0b90b}.ads-payment-method-option small{margin-left:auto;color:#94a3b8;overflow:hidden;text-overflow:ellipsis}.ads-condition-list{display:grid;gap:10px;margin-top:10px}.ads-condition-list>label{display:grid;grid-template-columns:auto minmax(160px,1fr) minmax(90px,160px) auto;align-items:center;gap:8px;margin:0;font-weight:600}.ads-condition-list input[type=checkbox]{width:auto}.ads-condition-list input[type=number]{padding:8px 10px}.ads-condition-list>label:nth-child(n+3){grid-template-columns:auto 1fr}.ads-status-options{display:flex;gap:18px;flex-wrap:wrap}.ads-status-options label{display:flex;align-items:center;gap:8px;margin:0}.ads-status-options input{width:auto}.ads-editor-sticky{position:sticky;bottom:0;z-index:3;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 22px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -10px 28px rgba(15,23,42,.08)}.ads-editor-sticky span{display:block;color:#64748b;font-size:11px}.ads-editor-sticky button{background:#f0b90b;color:#0f172a;min-width:190px}.ads-editor-sticky .form-message{margin:0}
@media(max-width:900px){.ads-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.ads-filter-bar input{grid-column:1/-1}.ads-grid{grid-template-columns:1fr}.crm-ad-card{padding:16px}.crm-ad-price b{font-size:30px}.ads-editor-modal{width:100%;height:100%;max-height:100vh;border-radius:0}.ads-editor-modal .modal-body{padding-bottom:0}.ads-editor-grid,.ads-payment-method-grid{grid-template-columns:1fr}.ads-editor-grid .full-row{grid-column:auto}.ads-editor-sticky{grid-template-columns:1fr}.ads-editor-sticky button{width:100%}.ads-condition-list>label{grid-template-columns:auto 1fr minmax(72px,110px) auto}.crm-ad-footer{flex-direction:column}}@media(max-width:520px){.ads-filter-bar{grid-template-columns:1fr}.ads-filter-bar input{grid-column:auto}.crm-ad-card-head{align-items:flex-start}.crm-ad-title{font-size:16px}.crm-ad-card-actions{gap:5px}.crm-ad-summary>div{font-size:14px}.ads-editor-section{padding:16px}.ads-editor-section.compact-head{align-items:flex-start}.ads-editor-trade-tabs span{padding:8px 13px}.ads-condition-list>label{grid-template-columns:auto 1fr}.ads-condition-list>label input[type=number],.ads-condition-list>label small{grid-column:2}.ads-status-options{display:grid;gap:10px}}

/* v1.0.113 realtime advertisement dashboard + screenshot-aligned editor */
.ads-page.screenshot-layout{max-width:920px;margin:0 auto;padding:4px 0 72px}.ads-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:2px 0 18px}.ads-page-head h2{margin:0;font-size:25px;line-height:1.2}.ads-sync-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:7px}.ads-sync-line small{color:var(--muted)}.ads-live-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:700}.ads-live-chip i{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.13);animation:adsPulse 1.7s infinite}.ads-live-chip.off{background:#f3f4f6;color:#6b7280}.ads-live-chip.off i{background:#9ca3af;box-shadow:none;animation:none}.ads-live-chip.error{background:#fff7ed;color:#c2410c}.ads-live-chip.error i{background:#f97316;box-shadow:none;animation:none}.ads-merchant-online-chip{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:750;cursor:pointer}.ads-merchant-online-chip i{width:7px;height:7px;border-radius:50%;background:currentColor}.ads-merchant-online-chip.online{background:#ecfdf5;color:#047857}.ads-merchant-online-chip.offline{background:#fff1f2;color:#be123c}.ads-merchant-online-chip.unknown{background:#fffbeb;color:#a16207}.ads-merchant-online-chip:disabled{opacity:.55;cursor:not-allowed}@keyframes adsPulse{50%{box-shadow:0 0 0 7px rgba(16,185,129,0)}}.ads-create-icon{width:42px;height:42px;border:0;background:transparent;color:#111827;font-size:36px;line-height:38px;padding:0}.ads-create-icon:disabled{opacity:.35}.screenshot-filters{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;margin-bottom:12px}.screenshot-filters select{border:0!important;background:transparent!important;padding:10px 3px!important;font-size:15px;font-weight:600;min-width:0}.ads-search-line{width:100%;height:39px;border:0!important;border-radius:18px!important;background:#f7f7f8!important;margin:0 0 16px;padding:0 15px!important}.screenshot-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.crm-ad-card{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:20px 20px 14px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.crm-ad-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.crm-ad-title{font-size:18px;font-weight:700;color:#111827}.crm-ad-title small{font-size:15px;font-weight:500;color:#6b7280}.crm-ad-title .buy{color:#20b486}.crm-ad-title .sell{color:#f05a76}.crm-ad-card-actions{display:flex;align-items:center;gap:7px}.crm-ad-card-actions .badge{font-size:11px}.ad-toggle{position:relative;width:42px;height:24px;display:inline-block}.ad-toggle input{position:absolute;opacity:0}.ad-toggle span{position:absolute;inset:0;border-radius:14px;background:#cfd3d8;transition:.2s}.ad-toggle span:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;left:3px;top:3px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}.ad-toggle input:checked+span{background:#f3ba2f}.ad-toggle input:checked+span:before{transform:translateX(18px)}.ad-toggle input:disabled+span{opacity:.55}.ad-more-btn{border:0;background:transparent;padding:5px 0 5px 6px;font-size:23px;color:#111827}.crm-ad-price{margin:24px 0 25px;display:flex;align-items:baseline;gap:7px}.crm-ad-price span{font-size:17px}.crm-ad-price b{font-size:29px;letter-spacing:-.5px}.crm-ad-summary{display:grid;gap:9px}.crm-ad-summary>div{display:flex;justify-content:space-between;gap:12px}.crm-ad-summary span{color:#73777e;font-size:16px}.crm-ad-summary b{font-size:16px;font-weight:500;text-align:right}.crm-ad-methods{border-top:1px solid #f0f1f2;margin-top:16px;padding-top:13px;display:flex;gap:8px;flex-wrap:wrap}.crm-ad-methods span{font-size:13px;color:#6b7280}.crm-ad-methods i,.ads-selected-method i{display:inline-block;width:3px;height:13px;background:#f59e0b;border-radius:3px;margin-right:6px;vertical-align:-2px}.crm-ad-footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:#9ca3af;font-size:11px}.ads-no-more{text-align:center;color:#c3c5c9;padding:28px 10px;font-size:15px}.ads-access-banner{margin-bottom:14px}

.ads-editor-modal.screenshot-modal{width:min(100%,720px);max-width:720px;max-height:94vh;border-radius:16px;overflow:hidden}.ads-editor-modal.screenshot-modal>.modal-head{padding:13px 17px;border-bottom:1px solid #f1f2f4}.ads-editor-modal.screenshot-modal>.modal-head h3{font-size:17px;text-align:center;flex:1}.ads-editor-modal.screenshot-modal>.modal-body{padding:0;overflow:auto;background:#fff}.screenshot-editor{padding:0 16px 104px;color:#15171a}.ads-edit-identity{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 0 15px;border-bottom:1px solid #f2f3f5}.ads-fixed-side{font-size:15px;font-weight:500;margin-bottom:17px}.ads-fixed-side b{font-weight:600}.ads-fixed-side.buy b{color:#21b487}.ads-fixed-side.sell b{color:#ee5570}.ads-edit-identity small{display:block;color:#93969c;font-size:11px;margin:2px 0 4px}.ads-ad-number{font-size:13px}.ads-create-side-tabs{display:flex;gap:8px;margin-bottom:12px}.ads-create-side-tabs input{position:absolute;opacity:0}.ads-create-side-tabs span{display:inline-block;padding:8px 23px;border:1px solid #e5e7eb;border-radius:20px;font-weight:700}.ads-create-side-tabs input:checked+span.buy{background:#ecfdf5;border-color:#34d399;color:#059669}.ads-create-side-tabs input:checked+span.sell{background:#fff1f2;border-color:#fb7185;color:#e11d48}.ads-field-section{padding:16px 0;border-bottom:1px solid #f2f3f5}.ads-label,.ads-field-section>label>span{display:block;color:#7b7f86;font-size:12px;margin-bottom:8px}.ads-pair-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.ads-pair-row label{min-width:0}.ads-pair-row select,.ads-full-selector{width:100%;height:45px;border:0!important;border-radius:8px!important;background:#f6f6f7!important;padding:0 12px!important;font-size:14px;color:#202226}.ads-price-box{height:48px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;border-radius:9px;background:#f6f6f7}.ads-price-box button{border:0;background:transparent;color:#a1a3a8;font-size:20px}.ads-price-box input{border:0!important;background:transparent!important;text-align:center;font-weight:700;padding:0!important}.ads-reference-lines{margin-top:9px;color:#777c83;font-size:12px}.ads-unit-input{height:48px;display:flex;align-items:center;background:#f6f6f7;border-radius:8px;overflow:hidden}.ads-unit-input input{height:100%;flex:1;min-width:0;border:0!important;background:transparent!important;padding:0 12px!important}.ads-unit-input span{padding:0 12px 0 5px;font-size:13px;font-weight:600;white-space:nowrap}.ads-order-limit-row{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:7px;align-items:center}.ads-order-limit-row em{text-align:center;color:#9ca3af;font-style:normal}.info-dot{display:inline-flex;align-items:center;justify-content:center;border:1px solid #9ca3af;width:13px;height:13px;border-radius:50%;font-size:9px;color:#8b8e94}.ads-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ads-section-heading small,.ads-field-section>small{display:block;color:#a0a3a9;font-size:10px}.ads-add-button{height:34px;border:0;border-radius:7px;background:#f1f2f4;color:#1f2937;font-weight:600;padding:0 13px}.ads-selected-methods{display:grid;gap:8px;margin-top:12px}.ads-selected-method{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid #e8e9eb;border-radius:8px;padding:12px;background:#fff}.ads-selected-method>div{min-width:0}.ads-selected-method b{font-size:13px}.ads-selected-method small{display:block;color:#8d9197;font-size:11px;margin-top:5px}.ads-selected-method button{border:0;background:transparent;font-size:22px;color:#111827}.ads-empty-selection{border:1px dashed #d8dade;border-radius:8px;padding:14px;text-align:center;color:#9ca3af;font-size:12px}.button-selector{border:0;text-align:left;display:flex;align-items:center;justify-content:space-between}.ads-tag-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ads-tag-preview span{padding:5px 8px;border-radius:999px;background:#fff8e6;color:#8a5a00;font-size:11px}.screenshot-editor textarea{width:100%;border:0!important;border-radius:8px!important;background:#f6f6f7!important;resize:vertical;padding:13px!important;line-height:1.55}.ads-char-count{float:right;margin-top:5px}.screenshot-conditions{display:grid;gap:12px;margin-top:14px}.screenshot-conditions label{display:flex;align-items:center;gap:7px;font-size:12px}.screenshot-conditions input[type=number]{width:68px;height:31px;border:0!important;border-radius:6px!important;background:#f4f4f5!important;padding:0 8px!important}.screenshot-conditions input[type=checkbox]{accent-color:#2f3136}.ads-status-options.vertical{display:grid;gap:11px}.ads-status-options.vertical label{display:flex;align-items:center;gap:8px;font-size:13px}.ads-status-options.vertical input{accent-color:#24262a}.screenshot-sticky{position:sticky;bottom:0;z-index:5;background:#fff;padding:11px 0 14px;border-top:1px solid #eceef0;margin-top:4px}.ads-fee-trigger{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;border:0;background:transparent;padding:0 0 10px;text-align:left;font-size:11px;color:#777c82}.ads-fee-trigger b{color:#1f2937}.ads-fee-trigger small{color:#a16207}.ads-save-button{width:100%;height:44px;border:0;border-radius:6px;background:#f8d33a;color:#191a1c;font-weight:700}.ads-save-button:disabled{opacity:.55}

.ads-sheet-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.28);z-index:1200;display:flex;align-items:flex-end;justify-content:center}.ads-bottom-sheet{width:min(100%,720px);max-height:82vh;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 35px rgba(15,23,42,.17);display:flex;flex-direction:column;animation:adsSheetUp .2s ease-out}.ads-sheet-handle{width:44px;height:4px;border-radius:999px;background:#d8dade;margin:8px auto 3px}.ads-bottom-sheet header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #eceef0}.ads-bottom-sheet header h3{margin:0;font-size:17px}.ads-bottom-sheet header button{border:0;background:transparent;font-size:25px}.ads-sheet-body{overflow:auto;padding:13px 16px 18px}.ads-sheet-note{font-size:11px;color:#7a7f86;margin:0 0 12px;line-height:1.45}.ads-sheet-list{display:grid;gap:7px;max-height:52vh;overflow:auto}.ads-sheet-option{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #ebedef;border-radius:9px}.ads-sheet-option input{width:17px;height:17px;accent-color:#f3ba2f}.ads-sheet-option span{min-width:0}.ads-sheet-option b{display:block;font-size:13px}.ads-sheet-option small{display:block;color:#90949a;font-size:10px;margin-top:4px}.ads-sheet-apply{position:sticky;bottom:0;width:100%;height:44px;border:0;border-radius:7px;background:#f8d33a;margin-top:13px;font-weight:700}.ads-sheet-search{width:100%;height:42px;border:0!important;border-radius:9px!important;background:#f5f6f7!important;margin-bottom:10px;padding:0 12px!important}.ads-fee-summary{padding:14px;border-radius:10px;background:#fff9dc;margin-bottom:12px}.ads-fee-summary span,.ads-fee-summary small{display:block;color:#7c6c2d;font-size:11px}.ads-fee-summary b{display:block;font-size:24px;margin:4px 0}.ads-fee-table{border:1px solid #eceef0;border-radius:9px;overflow:hidden}.ads-fee-table>div{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:6px;padding:9px 10px;border-bottom:1px solid #eceef0;font-size:11px}.ads-fee-table>div:last-child{border-bottom:0}.ads-fee-table .head{background:#f6f7f8;font-weight:700}@keyframes adsSheetUp{from{transform:translateY(22px);opacity:.5}to{transform:none;opacity:1}}

@media(max-width:760px){.ads-page.screenshot-layout{padding-left:4px;padding-right:4px}.screenshot-cards{grid-template-columns:1fr}.crm-ad-card{padding:16px 14px 13px}.crm-ad-title{font-size:16px}.crm-ad-price{margin:20px 0}.crm-ad-price b{font-size:27px}.crm-ad-summary span,.crm-ad-summary b{font-size:14px}.screenshot-filters{gap:2px}.screenshot-filters select{font-size:13px!important}.ads-editor-modal.screenshot-modal{width:100%;height:100vh;max-height:100vh;border-radius:0}.ads-editor-modal.screenshot-modal>.modal-head{position:sticky;top:0;z-index:7;background:#fff}.ads-pair-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ads-order-limit-row{grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr)}.screenshot-editor{padding-left:10px;padding-right:10px}.ads-bottom-sheet{width:100%}.crm-ad-footer{display:none}}


/* v1.0.114 - persistent Binance-style bottom navigation on every mobile CRM page */
:root{--mobile-bottom-nav-height:76px}
#mobileBottomNav.mobile-bottom-nav{display:none}
@media(max-width:900px){
  #mobileBottomNav.mobile-bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:1300;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    flex:none;
    gap:0;
    width:100%;
    height:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom));
    min-height:var(--mobile-bottom-nav-height);
    padding:5px max(5px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(5px,env(safe-area-inset-left));
    overflow:visible;
    border:0;
    border-top:1px solid #e6e7e9;
    border-radius:12px 12px 0 0;
    background:rgba(255,255,255,.98);
    box-shadow:0 -8px 28px rgba(15,23,42,.12);
    backdrop-filter:blur(16px);
  }
  #mobileBottomNav.mobile-bottom-nav button{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    min-width:0;
    min-height:64px;
    margin:0;
    padding:2px 3px 3px;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#73777c;
    box-shadow:none;
    font-weight:500;
    transform:none;
    filter:none;
    text-align:center;
    -webkit-tap-highlight-color:transparent;
  }
  #mobileBottomNav.mobile-bottom-nav button:hover,
  #mobileBottomNav.mobile-bottom-nav button:focus-visible{
    background:#f7f7f8;
    color:#222428;
    transform:none;
    filter:none;
  }
  #mobileBottomNav.mobile-bottom-nav button.active{color:#050505;background:transparent}
  .mobile-bottom-nav-icon{position:relative;display:grid;place-items:center;width:34px;height:34px;line-height:1}
  .mobile-bottom-nav-icon svg{display:block;width:31px;height:31px;overflow:visible}
  .mobile-bottom-nav-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.15;letter-spacing:-.01em}
  .mobile-bottom-nav-badge{
    position:absolute;
    top:-4px;
    right:-7px;
    display:grid;
    place-items:center;
    min-width:21px;
    height:21px;
    padding:0 5px;
    border-radius:999px;
    background:#f7c928;
    color:#171717;
    border:1.5px solid #fff;
    box-shadow:0 2px 6px rgba(0,0,0,.12);
    font-size:10px;
    font-weight:800;
    line-height:1;
  }
  #content{padding-bottom:calc(28px + var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom))}
  body.order-chat-open .order-chat-panel{padding-bottom:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom))}
  body.order-chat-open .order-internal-note-panel{bottom:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom))}
  body.modal-open #mobileBottomNav.mobile-bottom-nav{display:none}
  body.modal-open #content{padding-bottom:28px}
}
@media(max-width:380px){
  #mobileBottomNav.mobile-bottom-nav{padding-left:2px;padding-right:2px}
  #mobileBottomNav.mobile-bottom-nav button{padding-left:1px;padding-right:1px}
  .mobile-bottom-nav-label{font-size:10.5px}
  .mobile-bottom-nav-icon svg{width:28px;height:28px}
}
@media print{#mobileBottomNav.mobile-bottom-nav{display:none!important}}

/* v1.0.115 - compact Orders actions menu and Binance-style P2P message inbox */
.compact-menu-toolbar{position:relative;display:flex;justify-content:flex-end;align-items:center;min-height:44px;margin-bottom:8px;overflow:visible}
.order-toolbar-spacer{flex:1 1 auto}
.order-page-menu{position:relative;z-index:35;margin-left:auto}
.order-page-menu-trigger{display:grid;place-items:center;width:42px;height:42px;min-width:42px;padding:0;border:1px solid #e5e7eb;border-radius:12px;background:#fff;color:#111827;font-size:27px;line-height:1;box-shadow:0 7px 18px rgba(15,23,42,.08)}
.order-page-menu-trigger:hover,.order-page-menu-trigger.active{background:#f7f7f8;color:#050505;transform:none}
.order-page-menu-panel{position:absolute;top:calc(100% + 7px);right:0;width:min(286px,calc(100vw - 28px));padding:7px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);z-index:90}
.order-page-menu-panel[hidden]{display:none!important}
.order-page-menu-panel button{display:flex;width:100%;align-items:center;gap:11px;min-height:46px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#181a1f;text-align:left;font-size:13px;font-weight:750;box-shadow:none;transform:none}
.order-page-menu-panel button:hover,.order-page-menu-panel button:focus-visible{background:#f5f6f7;color:#050505;transform:none}
.order-page-menu-panel button>span:first-child{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f1f2f4;color:#4b5563;font-size:16px;flex:0 0 auto}

.chat-inbox-page{width:min(100%,760px);margin:0 auto;padding:3px 0 18px}
.chat-inbox-search{position:relative;display:flex;align-items:center;gap:10px;height:58px;margin:0 0 12px;padding:0 15px;border-radius:13px;background:#f4f4f5;color:#9a9da2}
.chat-inbox-search svg{width:23px;height:23px;flex:0 0 auto}
.chat-inbox-search input{width:100%;height:100%;min-width:0;padding:0;border:0!important;background:transparent!important;color:#111827;font-size:17px;box-shadow:none!important;outline:0}
.chat-inbox-search input::placeholder{color:#9a9da2}
.chat-inbox-search button{display:grid;place-items:center;width:30px;height:30px;min-width:30px;padding:0;border:0;border-radius:50%;background:#e5e7eb;color:#5f6368;font-size:20px;box-shadow:none}
.chat-inbox-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 3px 9px;color:#90949a;font-size:11px}
.chat-inbox-summary b{color:#a16207;font-weight:750}
.chat-thread-list{display:grid;background:#fff}
.chat-thread-item{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;min-height:91px;margin:0;padding:12px 3px;border:0;border-bottom:1px solid #f1f2f3;border-radius:0;background:#fff;color:#111827;text-align:left;box-shadow:none;transform:none}
.chat-thread-item:last-child{border-bottom:0}
.chat-thread-item:hover,.chat-thread-item:focus-visible{background:#fafafa;color:#111827;transform:none}
.chat-thread-avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#f0f0f1;color:#0b0b0c;font-size:26px;font-weight:650;line-height:1}
.chat-thread-copy{display:block;min-width:0}
.chat-thread-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111214;font-size:17px;font-weight:720;letter-spacing:-.01em}
.chat-thread-preview{display:-webkit-box;overflow:hidden;margin-top:5px;color:#8b8e93;font-size:14px;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.chat-thread-order{display:none;margin-top:4px;color:#b0b2b6;font-size:10px}
.chat-thread-meta{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:12px;min-width:55px;padding-top:2px}
.chat-thread-meta time{color:#8b8e93;font-size:13px;white-space:nowrap}
.chat-thread-unread{display:grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#f7cc2b;color:#171717;font-size:11px;font-weight:800;line-height:1}
.chat-thread-item.unread .chat-thread-name{font-weight:800}
.chat-inbox-empty{display:grid;place-items:center;gap:6px;padding:70px 20px;text-align:center;color:#9ca3af}
.chat-inbox-empty>div{font-size:38px}.chat-inbox-empty b{color:#4b5563}.chat-inbox-empty span{font-size:12px}

@media(max-width:900px){
  .compact-menu-toolbar{min-height:42px;margin:0 0 5px}
  .order-page-menu-trigger{width:40px;height:40px;min-width:40px;border-color:transparent;box-shadow:none;background:transparent}
  .order-page-menu-panel{position:fixed;top:72px;right:10px;width:min(286px,calc(100vw - 20px))}
  body.chat-inbox-active .topbar-copy{flex:1 1 auto;text-align:center}
  body.chat-inbox-active .topbar-copy h1{max-width:none;font-size:21px;font-weight:800}
  body.chat-inbox-active .topbar-copy p{display:none}
  .chat-inbox-page{padding-top:2px}
  .chat-inbox-summary{display:none}
  .chat-thread-item{grid-template-columns:58px minmax(0,1fr) 62px;padding-left:1px;padding-right:1px}
}
@media(max-width:420px){
  .chat-inbox-search{height:54px;margin-bottom:9px}
  .chat-thread-item{grid-template-columns:53px minmax(0,1fr) 56px;gap:10px;min-height:84px;padding:10px 0}
  .chat-thread-avatar{width:51px;height:51px;font-size:23px}
  .chat-thread-name{font-size:16px}
  .chat-thread-preview{font-size:13px}
  .chat-thread-meta time{font-size:12px}
}


/* v1.0.116 - remove the empty Orders action row and align permissions-era menu with tabs */
.order-group-switch-with-menu{display:flex;align-items:center;flex-wrap:nowrap;width:100%;min-height:42px;gap:12px}
.order-group-tabs{display:flex;align-items:center;gap:18px;min-width:0}
.order-group-switch-with-menu .order-page-menu{margin-left:auto;flex:0 0 auto}
.order-group-switch-with-menu .order-page-menu-trigger{border-color:transparent;background:transparent;box-shadow:none}
.order-group-switch-with-menu .order-page-menu-trigger:hover,.order-group-switch-with-menu .order-page-menu-trigger.active{background:#f3f4f6}
@media(max-width:900px){
  .order-group-switch-with-menu{min-height:40px;margin:0 0 6px;padding:0 4px;gap:8px}
  .order-group-tabs{gap:18px;overflow-x:auto;scrollbar-width:none}
  .order-group-tabs::-webkit-scrollbar{display:none}
  .order-group-switch-with-menu .order-page-menu-trigger{width:36px;height:36px;min-width:36px;font-size:25px}
  .order-group-switch-with-menu .order-page-menu-panel{top:62px}
}

/* v1.0.117 - terminal orders never keep a live payment countdown */
.order-countdown-stopped { font-weight: 800; white-space: nowrap; }
.order-countdown-stopped.completed { color: var(--ok, #15803d); }
.order-countdown-stopped.cancelled { color: var(--danger, #b91c1c); }


/* v1.0.118 - mobile Profile page with own Binance P2P information and feedback */
.profile-page{display:grid;gap:16px;max-width:1100px;margin:0 auto}
.profile-user-card{display:flex;align-items:center;gap:14px}
.profile-user-card h2{margin:0 0 4px;font-size:20px}.profile-user-card p{margin:0;color:#6b7280}
.profile-user-avatar,.own-p2p-avatar{display:grid;place-items:center;border-radius:50%;background:#111827;color:#fff;font-weight:800;flex:0 0 auto}
.profile-user-avatar{width:56px;height:56px;font-size:24px}.own-p2p-avatar{width:64px;height:64px;font-size:28px}
.own-p2p-card{overflow:hidden}.own-p2p-head{display:flex;align-items:center;gap:14px}.own-p2p-identity{min-width:0;flex:1}
.own-p2p-identity h3{margin:0 0 5px;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.own-p2p-identity>div{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:12px}.own-p2p-identity small{display:block;margin-top:5px;color:#9ca3af}
.own-p2p-verified{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#dcfce7;color:#15803d;font-weight:750}.own-p2p-sync{width:auto;min-width:74px}
.own-p2p-connect{margin:15px 0 0;padding:13px;border-radius:13px;background:#f8fafc}.own-p2p-connect label{display:block;margin-bottom:7px;font-size:12px;font-weight:750}.own-p2p-connect>div{display:flex;gap:8px}.own-p2p-connect input{flex:1;min-width:0}.own-p2p-connect button{width:auto;white-space:nowrap}.own-p2p-connect small{display:block;margin-top:6px;color:#7c8594}
.own-p2p-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px}.own-p2p-metric{display:flex;flex-direction:column;min-height:78px;padding:11px;border:1px solid #eceef1;border-radius:12px;background:#fafafa}.own-p2p-metric span{color:#7c828b;font-size:11px}.own-p2p-metric strong{margin-top:5px;color:#111827;font-size:17px}.own-p2p-metric small{margin-top:3px;color:#9ca3af;font-size:10px}
.own-p2p-feedback{margin-top:16px;padding:15px;border:1px solid #eceef1;border-radius:15px;background:#fff}.own-p2p-feedback-summary{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px;border-radius:12px;background:#f8fafc;font-size:16px}.own-p2p-feedback-summary em{color:#c4c7cc;font-style:normal}.own-p2p-feedback-counts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}.own-p2p-feedback-counts>div{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:11px;border-radius:12px;background:#f8fafc}.own-p2p-feedback-counts span{color:#6b7280;font-size:12px}.own-p2p-feedback-counts b{font-size:17px}.own-p2p-feedback-counts small{grid-column:1/-1;color:#9ca3af}
.own-p2p-feedback-tabs{display:flex;gap:8px;margin-top:13px;padding-bottom:9px;border-bottom:1px solid #eef0f2}.own-p2p-feedback-tabs button{width:auto;padding:8px 12px;border:0;border-radius:999px;background:#f1f3f5;color:#5d6470;box-shadow:none}.own-p2p-feedback-tabs button.active{background:#111827;color:#fff}.own-p2p-feedback-list{display:grid}.own-p2p-feedback-row{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid #f1f2f4}.own-p2p-feedback-row:last-child{border-bottom:0}.own-p2p-feedback-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f1f2f4;color:#111827;font-weight:800}.own-p2p-feedback-row b{font-size:13px}.own-p2p-feedback-row p{margin:3px 0;color:#4b5563;line-height:1.4}.own-p2p-feedback-row small{color:#9ca3af}.own-p2p-empty{padding:25px 10px;text-align:center;color:#9ca3af}
.own-p2p-foot{display:flex;justify-content:space-between;gap:12px;margin-top:13px;color:#8b9098;font-size:11px}.own-p2p-foot a{color:#8a6500;font-weight:700}.own-p2p-warnings{margin-top:10px;padding:9px 11px;border-radius:10px;background:#fffbeb;color:#92400e}.own-p2p-warnings p{margin:7px 0;font-size:11px;line-height:1.4}.profile-security-grid{align-items:start}
@media(max-width:900px){.profile-page{gap:12px}.profile-user-card{padding:13px}.profile-user-avatar{width:50px;height:50px}.own-p2p-card{padding:15px}.own-p2p-head{gap:11px}.own-p2p-avatar{width:55px;height:55px;font-size:24px}.own-p2p-identity h3{font-size:18px}.own-p2p-sync{min-width:64px;padding:9px 10px}.own-p2p-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.own-p2p-metric{min-height:70px;padding:9px}.own-p2p-metric strong{font-size:15px}.profile-security-grid{grid-template-columns:1fr}.profile-security-grid .admin-card{padding:15px}}
@media(max-width:520px){.own-p2p-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.own-p2p-connect>div{flex-direction:column}.own-p2p-connect button{width:100%}.own-p2p-foot{flex-direction:column}.own-p2p-feedback{padding:12px}.own-p2p-feedback-summary{font-size:14px}.own-p2p-head{align-items:flex-start}.own-p2p-sync{margin-left:auto}}

/* v1.0.119 - split-first final actions, co-agent Done flow, and advertisement draft controls */
.payment-split-action-summary{display:flex;flex-direction:column;gap:4px;padding:14px 16px;margin-bottom:12px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}
.payment-split-action-summary span{color:#6b7280;font-size:12px}.payment-split-action-summary b{font-size:24px;color:#111827}.payment-split-action-summary small{color:#8b929c}
.payment-split-action-buttons{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;align-items:center}
.payment-split-action-buttons button{width:100%;min-height:46px}
.co-agent-done-btn{min-width:96px}
.danger-text{display:block;margin-top:5px;color:#b91c1c}
.ads-editor-action-row{display:flex;align-items:center;gap:8px;width:100%}
.ads-editor-action-row .ads-save-button{flex:1}
.ads-editor-action-row .ads-delete-button,.ads-editor-action-row .ads-publish-button{width:auto;min-width:88px;white-space:nowrap}
.ads-draft-warning{width:100%;margin:4px 0 0;text-align:left}
@media(max-width:520px){
  .payment-split-action-buttons{grid-template-columns:1fr 1fr}
  .ads-editor-action-row{display:grid;grid-template-columns:auto 1fr}
  .ads-editor-action-row .ads-save-button{grid-column:1/-1;grid-row:2}
  .ads-editor-action-row .ads-publish-button{min-width:0}
}

/* v1.0.121: agent-scoped payment account access and bulk import */
.payment-account-agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-top:8px}
.payment-account-agent-check{display:flex!important;align-items:flex-start!important;gap:10px;padding:11px 12px;border:1px solid var(--line,#e7e9ed);border-radius:12px;background:var(--card,#fff)}
.payment-account-agent-check input{margin-top:3px;flex:0 0 auto}
.payment-account-agent-check span{display:flex;flex-direction:column;gap:2px;min-width:0}
.payment-account-agent-check small{color:var(--muted,#777);font-size:12px;overflow:hidden;text-overflow:ellipsis}
.account-agent-pill{display:inline-flex;align-items:center;padding:4px 8px;margin:2px 4px 2px 0;border-radius:999px;background:#f1f3f6;font-size:12px;white-space:nowrap}
#bulkAccountMessage{white-space:pre-line}
@media(max-width:720px){
  .payment-account-agent-grid{grid-template-columns:1fr}
  .payment-account-toolbar .actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .payment-account-toolbar .actions button:last-child:nth-child(3){grid-column:1/-1}
}

/* v1.0.123: compact box-based bulk payment-account creation */
.bulk-account-box-form .notice{line-height:1.5}
.bulk-account-number-box textarea{width:100%;min-height:190px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;line-height:1.65;resize:vertical}
.bulk-account-box-head,.bulk-account-preview-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.bulk-account-box-head label{margin:0}.bulk-account-box-head span,.bulk-account-preview-title small{color:var(--muted,#777);font-size:12px}
.bulk-account-balance-tools{display:flex;align-items:flex-end;gap:10px;padding:12px;border:1px solid var(--line,#e7e9ed);border-radius:12px;background:#fafbfc}
.bulk-account-balance-tools label{display:flex;flex:1;flex-direction:column;gap:6px;margin:0}.bulk-account-balance-tools input{width:100%}.bulk-account-balance-tools button{width:auto;white-space:nowrap}
.bulk-account-preview-title{align-items:flex-end}.bulk-account-preview-title small{text-align:right}
.bulk-account-preview-list{display:grid;gap:8px;max-height:360px;overflow:auto;padding-right:3px}
.bulk-account-preview-row{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(150px,220px);align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line,#e7e9ed);border-radius:12px;background:#fff}
.bulk-account-preview-row.has-error{border-color:#ef4444;background:#fff7f7}
.bulk-account-serial{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f1f3f5;font-weight:800;font-size:12px}
.bulk-account-number{display:flex;min-width:0;flex-direction:column;gap:2px}.bulk-account-number b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-account-number small{color:#b91c1c}
.bulk-account-preview-row label{display:flex;flex-direction:column;gap:5px;margin:0}.bulk-account-preview-row label span{color:var(--muted,#777);font-size:11px}.bulk-account-preview-row input{width:100%}
.bulk-account-empty{padding:24px 12px;border:1px dashed var(--line,#d8dbe0);border-radius:12px;text-align:center}
@media(max-width:620px){
  .bulk-account-preview-row{grid-template-columns:34px minmax(0,1fr)}
  .bulk-account-preview-row label{grid-column:2}
  .bulk-account-balance-tools{align-items:stretch;flex-direction:column}
  .bulk-account-balance-tools button{width:100%}
  .bulk-account-preview-title{align-items:flex-start;flex-direction:column}
  .bulk-account-preview-title small{text-align:left}
}

/* v1.0.125 — CRM-only P2P-rate business accounting */
.accounting-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.65fr);gap:20px;padding:26px;border-radius:24px;background:linear-gradient(135deg,#15171b 0%,#252a32 55%,#111317 100%);color:#fff;box-shadow:0 18px 45px rgba(15,18,23,.18);overflow:hidden;position:relative}.accounting-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;top:-150px;background:rgba(240,185,11,.15)}.accounting-hero-copy,.accounting-hero-profit{position:relative;z-index:1}.accounting-hero-copy h2{font-size:clamp(32px,5vw,54px);line-height:1;margin:12px 0 10px;letter-spacing:-1.8px}.accounting-hero-copy p{margin:0;color:#c9cdd4;font-size:14px}.accounting-live-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;color:#aeb4bd;font-size:12px}.accounting-live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.13)}.accounting-sync-error{max-width:540px;color:#ffb4b4}.accounting-hero-profit{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.07);backdrop-filter:blur(9px)}.accounting-hero-profit span{color:#c8ccd3;font-size:13px}.accounting-hero-profit b{font-size:32px;margin:8px 0}.accounting-hero-profit small{color:#aeb4bd}.accounting-hero-profit.positive b,.positive{color:#138a52!important}.accounting-hero-profit.negative b,.negative{color:#d73b4b!important}.neutral{color:inherit!important}.accounting-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 16px}.accounting-filter-form,.accounting-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.accounting-filter-form select,.accounting-filter-form input{min-height:40px}.accounting-actions button{white-space:nowrap}.accounting-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.accounting-kpi{min-width:0;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line,#e9eaed);box-shadow:0 6px 18px rgba(17,24,39,.04);position:relative;overflow:hidden}.accounting-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#c9ccd2}.accounting-kpi.capital:before{background:#f0b90b}.accounting-kpi.cash:before{background:#2583e9}.accounting-kpi.crypto:before{background:#7c5ce5}.accounting-kpi.expense:before,.accounting-kpi.negative:before{background:#e64c5b}.accounting-kpi.positive:before{background:#22a768}.accounting-kpi span{display:block;color:var(--muted,#707782);font-size:12px}.accounting-kpi b{display:block;margin-top:7px;font-size:21px;letter-spacing:-.3px;color:var(--text,#181a20);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accounting-kpi small{display:block;margin-top:8px;color:#9298a2;font-size:11px;line-height:1.35}.accounting-main-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.75fr);gap:14px}.accounting-panel{padding:18px;border-radius:20px}.accounting-panel .section-head{margin-bottom:16px}.accounting-panel .section-head>div span{display:block;color:var(--muted,#777e89);font-size:12px;margin-top:3px}.accounting-panel .section-head>b{font-size:20px}.accounting-method-list{display:grid;gap:12px}.accounting-method-row{display:grid;grid-template-columns:minmax(130px,.9fr) minmax(130px,1.5fr) auto;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid #eef0f3}.accounting-method-row:last-child{border-bottom:0}.accounting-method-row>div:first-child b,.accounting-method-row>div:first-child span{display:block}.accounting-method-row>div:first-child span{font-size:11px;color:#8a919c;margin-top:3px}.accounting-method-row strong{font-size:14px;text-align:right}.accounting-method-bar{height:8px;background:#f1f2f4;border-radius:999px;overflow:hidden}.accounting-method-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f0b90b,#ffd65a)}.accounting-method-row.crypto .accounting-method-bar span{background:linear-gradient(90deg,#6652d9,#9b88ff)}.accounting-result-list{display:grid;gap:1px;background:#eceef1;border:1px solid #eceef1;border-radius:15px;overflow:hidden}.accounting-result-list>div{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 14px;background:#fff}.accounting-result-list span{font-size:12px;color:#6f7782}.accounting-result-list b{font-size:14px}.accounting-result-list.compact>div{padding:14px}.accounting-reconcile{display:grid;grid-template-columns:1fr auto;gap:7px 12px;margin-top:14px;padding:13px 14px;border-radius:14px;font-size:12px}.accounting-reconcile.warn{background:#fff8e1;color:#795d00}.accounting-reconcile.ok{background:#eaf8f0;color:#146b43}.accounting-reconcile b{text-align:right}.accounting-trend-bars{height:215px;display:flex;align-items:flex-end;gap:7px;padding:22px 4px 0;border-bottom:1px solid #e6e8eb}.accounting-trend-item{flex:1;min-width:10px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.accounting-trend-value{width:100%;max-width:24px;border-radius:6px 6px 2px 2px;min-height:8px}.accounting-trend-value.profit{background:linear-gradient(180deg,#36c77b,#15985b)}.accounting-trend-value.loss{background:linear-gradient(180deg,#f06d79,#d63d4c)}.accounting-trend-item span{font-size:9px;color:#9298a2;writing-mode:vertical-rl;transform:rotate(180deg);max-height:38px}.accounting-entry-list,.accounting-close-list{display:grid;gap:8px}.accounting-entry-row,.accounting-close-row{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid #eceef1;border-radius:14px;background:#fff}.accounting-entry-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf8f0;color:#168650;font-size:20px;font-weight:700;flex:0 0 auto}.accounting-entry-icon.expense,.accounting-entry-icon.capital_out{background:#fff0f1;color:#ce3948}.accounting-entry-row>div:nth-child(2){min-width:0;flex:1}.accounting-entry-row b,.accounting-entry-row span,.accounting-close-row b,.accounting-close-row span{display:block}.accounting-entry-row span,.accounting-close-row span{font-size:11px;color:#858c97;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accounting-entry-row strong{font-size:13px;white-space:nowrap}.accounting-entry-row .icon{width:30px;height:30px;min-height:30px;padding:0}.accounting-close-row{justify-content:space-between}.accounting-close-row>div:last-child{text-align:right}.accounting-close-row strong{font-size:14px}.accounting-close-row>div:last-child span{font-weight:700}.accounting-form textarea{resize:vertical}.accounting-form .check-field{display:flex;align-items:center;padding-top:24px}.accounting-form .check-field label{display:flex;align-items:center;gap:9px}.accounting-form .check-field input{width:auto}.dark{background:#181a20!important;color:#fff!important;border-color:#181a20!important}.accounting-lower-grid,.accounting-history-grid{align-items:stretch}
@media(max-width:1250px){.accounting-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.accounting-hero{grid-template-columns:1fr;padding:20px;border-radius:20px}.accounting-hero-copy h2{font-size:39px}.accounting-hero-profit{padding:17px}.accounting-toolbar{align-items:stretch;flex-direction:column}.accounting-filter-form{display:grid;grid-template-columns:1fr 1fr}.accounting-filter-form select{grid-column:1/-1}.accounting-filter-form button{grid-column:1/-1}.accounting-actions{display:grid;grid-template-columns:1fr 1fr}.accounting-actions button{width:100%}.accounting-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-main-grid{grid-template-columns:1fr}.accounting-method-row{grid-template-columns:minmax(100px,1fr) auto}.accounting-method-bar{grid-column:1/-1;grid-row:2}.accounting-method-row strong{grid-column:2;grid-row:1}.accounting-lower-grid,.accounting-history-grid{grid-template-columns:1fr!important}.accounting-panel{padding:15px}.accounting-trend-bars{height:180px}}
@media(max-width:520px){.accounting-hero-copy h2{font-size:32px}.accounting-hero-profit b{font-size:26px}.accounting-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.accounting-kpi{padding:14px 12px;border-radius:15px}.accounting-kpi b{font-size:17px}.accounting-kpi small{font-size:10px}.accounting-actions{grid-template-columns:1fr 1fr}.accounting-filter-form{grid-template-columns:1fr}.accounting-filter-form>*{grid-column:1!important}.accounting-result-list>div{padding:11px 12px}.accounting-entry-row{padding:9px}.accounting-trend-bars{gap:4px}.accounting-trend-item span{display:none}}

/* v1.0.127 - Binance merchant Business / Online / Break toggle controls */
.ads-merchant-control-panel{margin:0 0 16px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.ads-merchant-control-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #f1f5f9}
.ads-merchant-control-head b{display:block;color:#111827;font-size:15px;font-weight:850}
.ads-merchant-control-head small{display:block;margin-top:3px;color:#94a3b8;font-size:11px;font-weight:650}
.ads-merchant-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ads-merchant-control-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:14px 16px;border-right:1px solid #f1f5f9;background:#fff}
.ads-merchant-control-row:last-child{border-right:0}
.ads-merchant-control-row>div{min-width:0}
.ads-merchant-control-row b{display:block;color:#111827;font-size:14px;font-weight:850}
.ads-merchant-control-row span:not(.ad-toggle span){display:block;margin-top:3px;color:#64748b;font-size:12px;font-weight:760}
.ads-merchant-control-row small{display:block;margin-top:3px;max-width:220px;color:#9ca3af;font-size:10px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-merchant-control-row.is-on{background:#f8fffb}
.ads-merchant-control-row.is-on span:not(.ad-toggle span){color:#047857}
.ads-merchant-control-row.is-break{background:#fff8ed}
.ads-merchant-control-row.is-break span:not(.ad-toggle span){color:#c2410c}
.ads-merchant-control-row.is-break .ad-toggle input:checked+span{background:#f97316}
.merchant-control-toggle{flex:0 0 42px;margin-left:auto}
.ads-break-note{padding:10px 16px;border-top:1px solid #fed7aa;background:#fff7ed;color:#9a3412;font-size:12px;font-weight:750;line-height:1.45}
@media(max-width:720px){
  .ads-merchant-control-grid{grid-template-columns:1fr}
  .ads-merchant-control-row{border-right:0;border-bottom:1px solid #f1f5f9;padding:13px 15px}
  .ads-merchant-control-row:last-child{border-bottom:0}
  .ads-merchant-control-row small{max-width:250px}
}

/* v1.0.128 - minimal merchant controls and lightweight Ads layout */
.compact-ads-page .ads-page-head.compact{align-items:center;margin:0 0 8px;min-height:36px}
.compact-ads-page .ads-page-head.compact h2{font-size:21px;letter-spacing:-.25px}
.compact-ads-page .ads-sync-line{gap:7px;margin-top:2px;line-height:1}
.compact-ads-page .ads-sync-line small{font-size:10px;color:#9aa1ab}
.compact-ads-page .ads-live-chip{padding:3px 7px;gap:5px;font-size:10px}
.compact-ads-page .ads-live-chip i{width:5px;height:5px;box-shadow:none;animation:none}
.compact-ads-page .ads-create-icon{width:34px;height:34px;font-size:30px;line-height:30px}
.ads-merchant-compact{margin:0 0 8px;border:1px solid #e7e9ed;border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 2px 8px rgba(15,23,42,.035)}
.ads-merchant-compact-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:31px;padding:5px 9px;border-bottom:1px solid #f0f1f3}
.ads-merchant-compact-head>div{display:flex;align-items:center;gap:8px;min-width:0}
.ads-merchant-compact-head b{font-size:12px;font-weight:850;color:#161a22}
.ads-merchant-compact-head span{display:inline-flex;align-items:center;gap:4px;min-width:0;color:#89919c;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-merchant-compact-head span i{width:5px;height:5px;border-radius:50%;background:#22c55e;flex:0 0 auto}
.ads-merchant-compact-head span.warn{color:#c27600}.ads-merchant-compact-head span.warn i{background:#f59e0b}
.merchant-break-chip{padding:2px 6px;border-radius:999px;background:#fff2df;color:#b45309;font-size:9px;font-weight:800;white-space:nowrap}
.ads-merchant-compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ads-merchant-mini{display:flex;align-items:center;justify-content:space-between;gap:7px;min-width:0;padding:7px 9px;border-right:1px solid #f0f1f3;background:#fff}
.ads-merchant-mini:last-child{border-right:0}
.ads-merchant-mini.is-on{background:#fbfefc}.ads-merchant-mini.is-break{background:#fffaf3}
.ads-merchant-mini-copy{min-width:0}
.ads-merchant-mini-copy>b{display:block;color:#222833;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-merchant-mini-copy>small{display:flex;align-items:center;gap:4px;margin-top:1px;color:#8b929c;font-size:9px;white-space:nowrap}
.ads-merchant-mini-copy>small i{width:5px;height:5px;border-radius:50%;background:#c4c9d0;flex:0 0 auto}
.ads-merchant-mini-copy>small i.verified{background:#20b26b}.ads-merchant-mini-copy>small i.accepted{background:#f0b90b}.ads-merchant-mini-copy>small i.unknown{background:#b8bec7}
.ads-merchant-mini.is-on .ads-merchant-mini-copy>small{color:#08784d}.ads-merchant-mini.is-break .ads-merchant-mini-copy>small{color:#b45309}
.ads-merchant-mini .merchant-control-toggle{flex:0 0 34px;width:34px;height:19px;margin:0}
.ads-merchant-mini .ad-toggle span{width:34px;height:19px;border-radius:12px}
.ads-merchant-mini .ad-toggle span:before{width:15px;height:15px;left:2px;top:2px}
.ads-merchant-mini .ad-toggle input:checked+span:before{transform:translateX(15px)}
.compact-ads-page .screenshot-filters{margin:0 0 5px;gap:2px}
.compact-ads-page .screenshot-filters select{padding:7px 2px!important;font-size:12px!important}
.compact-ads-page .ads-search-line{height:36px;margin-bottom:11px;border-radius:14px!important;font-size:12px}
@media(max-width:520px){
  .ads-page.screenshot-layout.compact-ads-page{padding-top:0}
  .ads-merchant-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ads-merchant-mini{padding:7px 6px;gap:4px}
  .ads-merchant-mini-copy>b{font-size:10px}
  .ads-merchant-mini-copy>small{font-size:8px}
  .ads-merchant-mini .merchant-control-toggle{flex-basis:31px;width:31px;height:18px}
  .ads-merchant-mini .ad-toggle span{width:31px;height:18px}
  .ads-merchant-mini .ad-toggle span:before{width:14px;height:14px}
  .ads-merchant-mini .ad-toggle input:checked+span:before{transform:translateX(13px)}
}

/* v1.0.128 compact pass 2 - one-line merchant controls */
.compact-ads-page .ads-page-head.compact{min-height:30px;margin-bottom:5px}
.compact-ads-page .ads-page-head.compact .ads-sync-line{min-height:24px}
.compact-ads-page .ads-create-icon{width:30px;height:30px;font-size:27px;line-height:27px}
.ads-merchant-inline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 7px;border:1px solid #e9ebef;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 1px 5px rgba(15,23,42,.025)}
.ads-merchant-inline-item{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;height:39px;padding:5px 7px;border-right:1px solid #f0f1f3;background:#fff}
.ads-merchant-inline-item:last-child{border-right:0}
.ads-merchant-inline-item.is-on{background:#fbfefc}.ads-merchant-inline-item.is-break{background:#fffaf3}
.ads-merchant-inline-label{display:flex;align-items:center;gap:4px;min-width:0;color:#343a44;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ads-merchant-inline-label i{width:5px;height:5px;border-radius:50%;background:#b7bdc6;flex:0 0 auto}
.ads-merchant-inline-label i.verified{background:#20b26b}.ads-merchant-inline-label i.accepted{background:#f0b90b}.ads-merchant-inline-label i.unknown{background:#aeb5bf}
.ads-merchant-inline-item .merchant-control-toggle{flex:0 0 30px;width:30px;height:17px;margin:0}
.ads-merchant-inline-item .ad-toggle span{width:30px;height:17px;border-radius:10px}
.ads-merchant-inline-item .ad-toggle span:before{width:13px;height:13px;left:2px;top:2px}
.ads-merchant-inline-item .ad-toggle input:checked+span:before{transform:translateX(13px)}
.ads-merchant-inline-item.is-unknown .ad-toggle span{background:#d5d9df}
.ads-merchant-inline-item.is-unknown .ad-toggle span:after{content:'?';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:8px;font-weight:900;line-height:1}
.ads-merchant-inline-item.is-unknown .ad-toggle span:before{opacity:.72}
.ads-merchant-inline.has-sync-error{border-color:#f3d69b}
/* Retire the larger v1.0.127/first-pass containers if old markup survives browser back-forward cache. */
.compact-ads-page .ads-merchant-compact{display:none!important}
@media(max-width:380px){
  .ads-merchant-inline-item{padding:5px 5px}
  .ads-merchant-inline-label{font-size:9px;gap:3px}
  .ads-merchant-inline-item .merchant-control-toggle{flex-basis:28px;width:28px}
  .ads-merchant-inline-item .ad-toggle span{width:28px}
  .ads-merchant-inline-item .ad-toggle input:checked+span:before{transform:translateX(11px)}
}


/* v1.0.129 - single-knob merchant toggles and compact confirmation sheet */
.ad-toggle span:after{content:none!important;display:none!important}
.ads-merchant-inline{border-color:#e5e7eb;box-shadow:none}
.ads-merchant-inline-item{height:34px;padding:4px 8px}
.ads-merchant-inline-label{font-size:11px}
.ads-merchant-inline-item .merchant-control-toggle{flex-basis:32px;width:32px;height:18px}
.ads-merchant-inline-item .ad-toggle span{width:32px;height:18px}
.ads-merchant-inline-item .ad-toggle span:before{width:14px;height:14px;left:2px;top:2px;opacity:1}
.ads-merchant-inline-item .ad-toggle input:checked+span:before{transform:translateX(14px)}
.ads-merchant-inline-item.is-unknown .ad-toggle span:before{opacity:1}
.ads-action-confirm p{margin:0;color:#4b5563;font-size:14px;line-height:1.55}
.ads-action-confirm-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.ads-action-confirm-buttons button{min-height:44px}
@media(max-width:380px){
  .ads-merchant-inline-item{padding:4px 6px}
  .ads-merchant-inline-label{font-size:10px}
  .ads-merchant-inline-item .merchant-control-toggle{flex-basis:30px;width:30px}
  .ads-merchant-inline-item .ad-toggle span{width:30px}
  .ads-merchant-inline-item .ad-toggle input:checked+span:before{transform:translateX(12px)}
}


/* v1.0.130 - Break mode is authoritative and pauses all advertisement mutations */
.ads-break-active-notice{margin:-4px 0 10px;padding:7px 10px;border-radius:10px;background:#fff8e1;border:1px solid #fde68a;color:#92400e;font-size:12px;font-weight:800}
.ads-merchant-inline:has(.ads-merchant-inline-item.is-break) .ads-merchant-inline-item:not(.is-break){opacity:.52}
.ads-merchant-inline input:disabled,.crm-ad-card input:disabled,.crm-ad-card button:disabled,.ads-create-icon:disabled{cursor:not-allowed}


/* v1.0.133 - compact authoritative Binance merchant mode */
.ads-merchant-mode-note{display:flex;align-items:center;gap:8px;min-height:29px;margin:-2px 0 8px;padding:5px 9px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;color:#4b5563;font-size:11px;line-height:1.25}
.ads-merchant-mode-note b{color:#111827;font-size:11px;white-space:nowrap}
.ads-merchant-mode-note span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ads-merchant-mode-note small{margin-left:auto;color:#8b93a1;font-size:9px;white-space:nowrap}
.ads-merchant-mode-note.is-closed{border-color:#fecaca;background:#fff7f7;color:#991b1b}
.ads-merchant-mode-note.is-closed b{color:#b91c1c}
.ads-merchant-mode-note.is-break{border-color:#fde68a;background:#fffaf0;color:#92400e}
.ads-merchant-mode-note.is-break b{color:#b45309}
.ads-merchant-mode-note.is-offline{background:#f8fafc;color:#475569}
.ads-merchant-mode-note.is-checking{border-style:dashed;background:#fafafa;color:#6b7280}
@media(max-width:520px){.ads-merchant-mode-note{gap:6px;padding:5px 7px}.ads-merchant-mode-note span{font-size:10px}.ads-merchant-mode-note small{display:none}}

/* v1.0.133 - correct ad amount editor and Binance sell balance/MAX */
.ads-total-amount-input{overflow:visible}
.ads-total-amount-input input{min-width:0}
.ads-max-amount-button{
  flex:0 0 auto;
  min-width:48px;
  height:30px;
  margin-right:4px;
  padding:0 9px;
  border:0;
  border-radius:7px;
  background:#fff3bf;
  color:#8a6100;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:none;
}
.ads-max-amount-button:hover,.ads-max-amount-button:focus-visible{background:#f8d33a;color:#191a1c;transform:none}
.ads-max-amount-button:disabled{opacity:.45;cursor:not-allowed}
.ads-available-balance{display:flex;align-items:center;gap:6px;min-height:20px;margin-top:7px;color:#8b8f96;font-size:11px}
.ads-available-balance[hidden]{display:none!important}
.ads-available-balance b{color:#25282d;font-weight:650}
.ads-available-balance b.is-unavailable{color:#b45309}
.ads-available-balance small{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a0a3a9}
@media(max-width:760px){
  .ads-max-amount-button{min-width:44px;padding:0 7px}
  .ads-available-balance{font-size:10.5px}
}


/* v1.0.138 - reference-aligned two-step secure login */
.login-wrap{
  position:relative;
  isolation:isolate;
  min-height:100dvh;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:40px 20px;
  background:
    radial-gradient(circle at 50% 82%,rgba(0,183,255,.38) 0,rgba(0,183,255,.12) 20%,transparent 43%),
    radial-gradient(circle at 24% 55%,rgba(34,111,255,.42) 0,transparent 35%),
    radial-gradient(circle at 78% 22%,rgba(41,97,255,.35) 0,transparent 32%),
    linear-gradient(135deg,#082675 0%,#123db8 42%,#082b8f 100%);
}
.login-wrap::before,.login-wrap::after{
  content:"";
  position:absolute;
  z-index:-2;
  width:860px;
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.09);
  border-radius:43% 57% 60% 40%/52% 40% 60% 48%;
  transform:rotate(22deg);
  pointer-events:none;
}
.login-wrap::before{left:-440px;bottom:-445px}
.login-wrap::after{right:-430px;top:-470px;transform:rotate(-18deg)}
.login-ambient{position:absolute;z-index:-1;border-radius:999px;filter:blur(4px);pointer-events:none}
.login-ambient-left{width:440px;height:440px;left:12%;bottom:-180px;background:rgba(0,181,255,.21);box-shadow:0 0 110px rgba(0,181,255,.35)}
.login-ambient-right{width:420px;height:420px;right:8%;top:-210px;background:rgba(54,111,255,.18);box-shadow:0 0 120px rgba(54,111,255,.28)}
.login-dot-field{position:absolute;z-index:-1;width:270px;height:210px;opacity:.17;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.86) 1.35px,transparent 1.55px);background-size:15px 15px;mask-image:linear-gradient(135deg,transparent 0,#000 35%,#000 70%,transparent 100%)}
.login-dot-field-left{left:5%;bottom:12%;transform:rotate(-10deg)}
.login-dot-field-right{right:3%;bottom:16%;transform:rotate(12deg)}
.login-card{
  position:relative;
  width:min(646px,100%);
  padding:38px 44px 28px;
  border:1px solid rgba(255,255,255,.9);
  border-radius:32px;
  background:linear-gradient(155deg,rgba(255,255,255,.985),rgba(248,251,255,.965));
  box-shadow:0 30px 85px rgba(2,24,89,.36),0 0 0 1px rgba(71,126,255,.08),0 0 65px rgba(39,139,255,.22);
  backdrop-filter:blur(18px);
}
.login-card-glow{position:absolute;z-index:-1;left:9%;right:9%;bottom:-22px;height:44px;border-radius:999px;background:rgba(43,139,255,.55);filter:blur(25px)}
.login-lang{position:absolute;top:22px;right:24px;z-index:2;margin:0;float:none}
.login-brand{display:flex;align-items:flex-start;gap:18px;padding-right:92px;margin-bottom:22px}
.login-brand-mark{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;margin-top:4px;border-radius:17px;color:#2764ef;background:linear-gradient(155deg,#eff6ff,#e0ebff);box-shadow:inset 0 0 0 1px #d5e4ff,0 8px 22px rgba(37,99,235,.12)}
.login-brand-mark svg{width:34px;height:34px}
.login-brand-copy{min-width:0}
.login-card .login-eyebrow{display:block;margin:0 0 6px;color:#2563eb;font-size:11px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.login-card .login-brand h1{margin:0;color:#10204b;font-size:clamp(27px,4vw,35px);line-height:1.12;letter-spacing:-.035em}
.login-card .login-brand p{max-width:485px;margin:9px 0 0;color:#63718f;font-size:15px;line-height:1.55}
.login-step-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 0 22px;padding:12px 16px;border:1px solid #e9eff9;border-radius:15px;background:rgba(248,251,255,.88)}
.login-step{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:12px}
.login-step>span{display:grid;place-items:center;width:25px;height:25px;border-radius:999px;background:#e9eef7;color:#7a879f;font-size:11px;font-weight:950}
.login-step>b{font-weight:900}
.login-step-active{color:#1d4ed8}.login-step-active>span{background:#2563eb;color:#fff;box-shadow:0 5px 13px rgba(37,99,235,.22)}
.login-step-complete{color:#047857}.login-step-complete>span{background:#10b981;color:#fff}
.login-step-connector{height:2px;border-radius:999px;background:linear-gradient(90deg,#dbe7ff,#e6ebf3)}
.login-form{display:flex;flex-direction:column;gap:15px}
.login-credential-panel{padding:0 12px}
.credential-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:6px}
.login-card .credential-heading-row h2,.login-card .verification-heading h2{margin:0;color:#172554;font-size:15px;line-height:1.35;letter-spacing:-.01em}
.login-card .credential-heading-row p,.login-card .verification-heading p{margin:4px 0 0;color:#7b879f;font-size:12px;line-height:1.45}
.login-change-btn{align-self:center;padding:7px 11px;border:1px solid #cfddf7;border-radius:10px;background:#eff6ff;color:#1d4ed8;box-shadow:none;font-size:11px}
.login-change-btn:hover{transform:none;background:#dbeafe;filter:none}
.login-card label{margin:13px 0 7px;color:#243454;font-size:12px;font-weight:900}
.login-input-shell{display:flex;align-items:center;min-height:54px;padding:0 13px;border:1px solid #ced9ea;border-radius:13px;background:#fff;box-shadow:0 3px 12px rgba(27,48,91,.025);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.login-input-shell:focus-within{border-color:#4b7cf7;box-shadow:0 0 0 4px rgba(37,99,235,.11)}
.login-input-shell.is-readonly{border-color:#dce7f5;background:#f8fbff}
.login-input-icon{display:grid;place-items:center;flex:0 0 31px;width:31px;color:#7284a6}
.login-input-icon svg{width:21px;height:21px}
.login-input-shell input{min-width:0;height:52px;padding:0 8px;border:0;border-radius:0;background:transparent;color:#132348;font-size:15px;box-shadow:none;outline:none}
.login-input-shell input:focus{border:0;box-shadow:none;outline:none}
.login-input-shell input::placeholder{color:#98a4b9}
.login-visibility-btn{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border-radius:10px;background:transparent;color:#7384a6;box-shadow:none}
.login-visibility-btn svg{width:21px;height:21px}
.login-visibility-btn:hover,.login-visibility-btn[aria-pressed="true"]{transform:none;filter:none;background:#eef4ff;color:#285edb}
.credential-verified-note{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;border:1px solid #bbf7d0;border-radius:12px;background:#f0fdf4;color:#166534}
.credential-verified-note>span{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:999px;background:#22c55e;color:#fff;font-weight:950}
.credential-verified-note b,.credential-verified-note small{display:block}.credential-verified-note b{font-size:12px}.credential-verified-note small{margin-top:2px;color:#4b7a60;font-size:10px}
.login-verification-panel{margin:2px 0 0;padding:17px 18px 18px;border:1px solid #e3eaf6;border-radius:17px;background:linear-gradient(180deg,#f7faff 0%,#f2f6fc 100%);box-shadow:inset 0 1px 0 #fff}
.login-alert{display:grid;grid-template-columns:21px minmax(0,1fr);align-items:start;gap:9px;margin:0 0 16px;padding:10px 12px;border:1px solid #bfdbfe;border-radius:11px;background:#eff6ff;color:#1e40af;font-size:12px;font-weight:750;line-height:1.4}
.login-alert svg{width:19px;height:19px;margin-top:1px}
.login-alert-warning{border-color:#fed7aa;background:#fff7ed;color:#9a3412}
.login-alert-danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.login-alert-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.verification-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.secure-chip{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#e0ebff;color:#1d4ed8;font-size:9px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}
.otp-digit-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin:11px 0 13px}
.otp-digit{width:100%;height:52px;padding:0;border:1px solid #cbd7e9;border-radius:12px;background:#fff;color:#11214a;text-align:center;font-size:20px;font-weight:850;box-shadow:0 4px 12px rgba(20,39,79,.03)}
.otp-digit:focus{border-color:#3b6ff3;outline:0;box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.login-secret-shell input{font-size:16px;letter-spacing:.08em}
.otp-resend-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;color:#74819a;font-size:11px}
.login-resend-btn{flex:0 0 auto;padding:7px 10px;border:0;border-radius:9px;background:transparent;color:#1d4ed8;box-shadow:none;font-size:11px;font-weight:900}
.login-resend-btn:hover{transform:none;filter:none;background:#e6efff}.login-resend-btn:disabled{background:transparent;color:#94a3b8}
.login-submit-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;margin:2px 12px 0;padding:12px 18px;border-radius:12px;background:linear-gradient(92deg,#1d45dc 0%,#2563eb 52%,#2f7af5 100%);color:#fff;font-size:16px;font-weight:900;letter-spacing:.01em;box-shadow:0 10px 22px rgba(37,99,235,.27)}
.login-submit-btn:hover{filter:brightness(1.02);transform:translateY(-1px)}
.login-submit-icon{display:grid;place-items:center}.login-submit-icon svg{width:22px;height:22px}
.login-button-spinner{display:none;width:19px;height:19px;border:2px solid rgba(255,255,255,.36);border-top-color:#fff;border-radius:999px;animation:login-spin .7s linear infinite}
.login-submit-btn.is-loading .login-button-spinner{display:block}.login-submit-btn.is-loading .login-submit-icon{display:none}
@keyframes login-spin{to{transform:rotate(360deg)}}
.login-error{min-height:20px;margin:11px 12px 0;color:#b91c1c;font-size:12px;font-weight:850;line-height:1.4}
.login-error:empty{margin-top:0;min-height:0}
.login-footer-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:#8190aa;font-size:11px}
.login-footer-note i{display:block;width:3px;height:3px;border-radius:999px;background:#a8b3c5}
.login-footer-shield{display:grid;place-items:center;color:#6d83ad}.login-footer-shield svg{width:17px;height:17px}
.login-card.is-verification .login-step-connector{background:linear-gradient(90deg,#22c55e,#2563eb)}
.login-card.is-verification #verificationStepIndicator{color:#1d4ed8}.login-card.is-verification #verificationStepIndicator>span{background:#2563eb;color:#fff;box-shadow:0 5px 13px rgba(37,99,235,.22)}
.login-card.is-verification #credentialStepIndicator{color:#047857}.login-card.is-verification #credentialStepIndicator>span{background:#10b981;color:#fff}.login-card.is-verification #credentialStepIndicator>span{font-size:0}.login-card.is-verification #credentialStepIndicator>span::after{content:"✓";font-size:12px}
body.lang-bn .login-card .login-brand h1{font-size:clamp(25px,4vw,33px)}
@media(max-width:720px){
  .login-wrap{padding:18px 12px;place-items:start center;overflow:auto}
  .login-card{margin:auto 0;padding:27px 18px 22px;border-radius:24px}
  .login-lang{position:static;display:flex;justify-content:flex-end;margin:0 0 8px}
  .login-brand{gap:12px;padding-right:0;margin-bottom:18px}
  .login-brand-mark{flex-basis:46px;width:46px;height:46px;border-radius:14px}.login-brand-mark svg{width:29px;height:29px}
  .login-card .login-eyebrow{font-size:9px}.login-card .login-brand h1{font-size:24px}.login-card .login-brand p{font-size:12px}
  .login-step-line{gap:8px;padding:10px 11px}.login-step{gap:6px;font-size:10px}.login-step>span{width:22px;height:22px}
  .login-credential-panel{padding:0 2px}.login-verification-panel{padding:15px 13px}.otp-digit-grid{gap:6px}.otp-digit{height:47px;border-radius:10px;font-size:18px}
  .otp-resend-row{align-items:flex-start;flex-direction:column;gap:5px}.login-resend-btn{padding-left:0}
  .login-submit-btn{margin-left:2px;margin-right:2px}
  .login-error{margin-left:2px;margin-right:2px}.login-footer-note{flex-wrap:wrap;text-align:center}
}
@media(max-width:390px){.otp-digit-grid{gap:4px}.otp-digit{height:43px;font-size:17px}.login-card{padding-left:14px;padding-right:14px}.login-step-line{grid-template-columns:auto minmax(18px,1fr) auto;gap:6px}.login-step{font-size:9px}.login-step>b{display:inline}}
@media(prefers-reduced-motion:reduce){.login-button-spinner{animation-duration:1.5s}.login-submit-btn,.login-input-shell{transition:none}}

/* ===== Binance-style P2P market browser v1.0.142 ===== */
.p2p-market-shell{max-width:1120px;margin:0 auto;background:#fff;border:1px solid #e8ebf0;border-radius:22px;overflow:hidden;box-shadow:0 14px 40px rgba(15,23,42,.06)}
.p2p-market-product-tabs{display:flex;align-items:center;gap:30px;padding:22px 28px 12px;border-bottom:0;background:#fff}
.p2p-market-product-tabs button{border:0;background:transparent;color:#858585;font-size:23px;font-weight:650;padding:7px 0;box-shadow:none;cursor:default}
.p2p-market-product-tabs button.active{color:#080808;font-weight:800}
.p2p-market-product-tabs button:disabled{opacity:1}
.p2p-market-filter{padding:14px 28px 0;background:#fff}
.p2p-market-primary-filter{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.p2p-market-side-toggle{display:inline-flex;border-radius:30px;background:#f2f3f5;padding:0;overflow:hidden}
.p2p-market-side-toggle button{min-width:92px;height:52px;border:0;border-radius:27px;background:transparent;color:#777;font-size:18px;font-weight:700;box-shadow:none}
.p2p-market-side-toggle button.active{background:#080808;color:#fff}
#p2pMarketFiat{width:auto;min-width:108px;height:50px;border:1.5px solid #191919;border-radius:12px;background:#fff;color:#111;padding:0 38px 0 16px;font-size:18px;font-weight:650}
.p2p-market-secondary-filter{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(180px,1fr) minmax(190px,1fr) 50px;align-items:center;gap:16px;padding-bottom:15px;border-bottom:1px solid #eceff3}
.p2p-market-select,.p2p-market-amount{display:flex;align-items:center;min-width:0;height:50px;border:0;background:transparent}
.p2p-market-select select,.p2p-market-amount input{width:100%;height:48px;border:0;border-bottom:1px solid transparent;background:transparent;color:#111;padding:0 32px 0 8px;font-size:18px;outline:none}
.p2p-market-select select:focus,.p2p-market-amount input:focus{border-bottom-color:#111}
.p2p-market-select.asset{gap:8px}
.p2p-market-coin{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#27b996;color:#fff;font-size:18px;font-weight:900}
.p2p-market-select.payment select{color:#b59400;font-weight:650}
.p2p-market-filter-button{position:relative;width:46px;height:46px;border:0;background:transparent;box-shadow:none}
.p2p-market-filter-button:before{content:"";position:absolute;left:8px;top:7px;width:28px;height:27px;border:3px solid #111;border-top-width:4px;clip-path:polygon(0 0,100% 0,62% 48%,62% 100%,42% 100%,42% 48%);border-radius:4px}
.p2p-market-filter-button span{position:absolute;right:5px;top:4px;width:8px;height:8px;border-radius:50%;background:#f5c400}
.p2p-market-more-filters{display:grid;grid-template-columns:1fr 140px auto;gap:14px;align-items:end;padding:16px 0;border-bottom:1px solid #eceff3}
.p2p-market-more-filters label{display:grid;gap:6px;color:#64748b;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.p2p-market-more-filters select{height:42px;border:1px solid #d9dee7;border-radius:10px;background:#fff;padding:0 12px;color:#111}
.p2p-market-more-filters button{height:42px}
.p2p-market-source{display:flex;align-items:center;gap:8px;padding:13px 28px;background:#fafbfc;border-bottom:1px solid #eceff3;color:#7b8088;font-size:12px}
.p2p-market-source b{color:#2f3742}
.p2p-market-source span:nth-of-type(2){margin-right:auto}
.p2p-market-live-dot{width:8px;height:8px;border-radius:50%;background:#20bf85;box-shadow:0 0 0 4px rgba(32,191,133,.12)}
.p2p-market-refresh{border:0;background:transparent;color:#1b66d1;padding:4px;font-size:12px;font-weight:700;box-shadow:none}
.p2p-market-list{background:#fff}
.p2p-market-ad{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:24px;padding:22px 28px;border-bottom:1px solid #eceff3;background:#fff}
.p2p-market-advertiser{display:flex;align-items:flex-start;gap:10px}
.p2p-market-avatar{position:relative;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#050505;color:#fff;font-size:17px;font-weight:700}
.p2p-market-avatar i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#26c993}
.p2p-market-avatar.large{width:50px;height:50px;flex-basis:50px;font-size:22px}
.p2p-market-advertiser-copy{min-width:0;flex:1}
.p2p-market-advertiser-copy>div{display:flex;align-items:center;gap:8px;min-width:0}
.p2p-market-advertiser-copy strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#121212;font-size:18px;font-weight:500}
.p2p-market-verified{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;background:linear-gradient(135deg,#dfe5eb,#8f9aa7);color:#fff;font-size:12px;transform:rotate(9deg)}
.p2p-market-advertiser-copy p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 0;color:#888;font-size:13px}
.p2p-market-advertiser-copy p em{width:1px;height:15px;background:#d7d9dd}
.p2p-market-like{font-size:20px;color:#858585;line-height:1;transform:rotate(-10deg)}
.p2p-market-price{display:flex;align-items:baseline;gap:5px;margin-top:20px;color:#111}
.p2p-market-price small{font-size:15px;font-weight:500}
.p2p-market-price b{font-size:33px;line-height:1;font-weight:800;letter-spacing:.01em}
.p2p-market-price span{color:#7e838b;font-size:14px}
.p2p-market-limits{display:flex;align-items:baseline;gap:7px;margin-top:12px;font-size:14px}
.p2p-market-limits span{color:#8a8e95}
.p2p-market-limits b{color:#25282d;font-weight:500}
.p2p-market-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
.p2p-market-tag{display:inline-flex;align-items:center;padding:6px 9px;border-radius:5px;background:#f5f5f5;color:#222;font-size:12px;font-weight:650}
.p2p-market-tag:before{content:"▣";margin-right:5px}
.p2p-market-ad-side{display:flex;flex-direction:column;align-items:flex-end;min-width:0}
.p2p-market-methods{display:flex;flex-direction:column;align-items:flex-end;gap:7px;min-height:86px}
.p2p-market-method{position:relative;padding-right:10px;color:#7c7c7c;font-size:15px;white-space:nowrap}
.p2p-market-method:after{content:"";position:absolute;right:0;top:3px;width:4px;height:13px;border-radius:3px;background:#888}
.p2p-market-method.bkash:after{background:#d81767}.p2p-market-method.nagad:after{background:#e98a34}.p2p-market-method.rocket:after{background:#16a06f}.p2p-market-method.upay:after{background:#f0cf00}.p2p-market-method.bank:after{background:#e6b800}
.p2p-market-time{display:flex;align-items:center;gap:4px;margin-top:8px;padding-bottom:3px;border-bottom:1px dotted #9aa0a6;color:#777;font-size:13px}
.p2p-market-action{width:160px;height:48px;margin-top:auto;border:0;border-radius:7px;color:#fff;font-size:17px;font-weight:700;box-shadow:none}
.p2p-market-action.buy{background:#2fc28d}.p2p-market-action.sell{background:#e35265}.p2p-market-action:disabled{background:#adb5bd;cursor:not-allowed}
.p2p-market-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:250px;padding:40px;text-align:center;color:#838991}
.p2p-market-empty strong{color:#20242a;font-size:18px}.p2p-market-empty.error-state span{max-width:720px;color:#b42318}.p2p-market-empty button{margin-top:10px}
.p2p-market-loading{display:grid;gap:14px;padding:24px 28px}.p2p-market-loading span{height:150px;border-radius:13px;background:linear-gradient(90deg,#f2f4f7,#fafafa,#f2f4f7);background-size:200% 100%;animation:p2pMarketShimmer 1.2s infinite}
@keyframes p2pMarketShimmer{to{background-position:-200% 0}}
.p2p-market-pagination{display:flex;align-items:center;justify-content:center;gap:18px;padding:18px 28px;background:#fafbfc}.p2p-market-pagination span{color:#6c737c;font-size:13px}.p2p-market-pagination button{min-width:100px}
.p2p-market-detail{display:grid;gap:18px}.p2p-market-detail-head{display:flex;align-items:center;gap:12px}.p2p-market-detail-head h3{margin:0 0 3px}.p2p-market-detail-head p{margin:0;color:#7b8088}

@media(max-width:720px){
  body.p2p-market-active .topbar{display:none}
  body.p2p-market-active .main{background:#fff}
  body.p2p-market-active #content{padding:0 0 calc(12px + var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom))}
  .p2p-market-shell{max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;min-height:100vh}
  .p2p-market-product-tabs{position:sticky;top:0;z-index:12;justify-content:center;gap:24px;padding:18px 18px 13px}
  .p2p-market-product-tabs:before{content:"←";position:absolute;left:18px;color:#111;font-size:27px;font-weight:400}
  .p2p-market-product-tabs button{font-size:19px}
  .p2p-market-filter{padding:10px 15px 0}
  .p2p-market-primary-filter{margin-bottom:15px}
  .p2p-market-side-toggle button{min-width:72px;height:46px;font-size:17px}
  #p2pMarketFiat{min-width:88px;height:45px;font-size:16px;padding-left:13px}
  .p2p-market-secondary-filter{grid-template-columns:minmax(95px,.8fr) minmax(80px,.8fr) minmax(92px,1fr) 42px;gap:4px;padding-bottom:9px}
  .p2p-market-select,.p2p-market-amount{height:43px}
  .p2p-market-select select,.p2p-market-amount input{height:42px;padding-left:4px;padding-right:18px;font-size:16px}
  .p2p-market-coin{width:25px;height:25px;flex-basis:25px;font-size:15px}
  .p2p-market-filter-button{width:40px;height:40px}
  .p2p-market-filter-button:before{left:7px;top:7px;width:24px;height:24px}
  .p2p-market-more-filters{grid-template-columns:1fr 90px;padding:12px 0}.p2p-market-more-filters button{grid-column:1/-1}
  .p2p-market-source{padding:9px 15px;font-size:10px}.p2p-market-source span:nth-of-type(2){display:none}
  .p2p-market-ad{grid-template-columns:minmax(0,1fr) 118px;gap:8px;padding:16px 15px}
  .p2p-market-avatar{width:31px;height:31px;flex-basis:31px;font-size:15px}
  .p2p-market-advertiser-copy strong{font-size:16px}
  .p2p-market-advertiser-copy p{gap:5px;margin-top:7px;font-size:11.5px;line-height:1.25}
  .p2p-market-like{font-size:17px}
  .p2p-market-price{margin-top:16px;gap:4px}.p2p-market-price b{font-size:31px}.p2p-market-price small{font-size:14px}.p2p-market-price span{font-size:12px}
  .p2p-market-limits{gap:5px;margin-top:9px;font-size:12px}.p2p-market-limits b{white-space:normal}
  .p2p-market-tags{margin-top:13px}.p2p-market-tag{padding:5px 7px;font-size:10px}
  .p2p-market-methods{gap:5px;min-height:80px}.p2p-market-method{padding-right:8px;font-size:12px}.p2p-market-method:after{height:11px}
  .p2p-market-time{font-size:11px;margin-top:7px}
  .p2p-market-action{width:112px;height:43px;margin-top:auto;font-size:16px}
  .p2p-market-loading{padding:16px 15px}.p2p-market-loading span{height:190px}
  .p2p-market-pagination{gap:10px;padding:14px 10px}.p2p-market-pagination button{min-width:80px;padding-left:8px;padding-right:8px}.p2p-market-pagination span{font-size:11px}
}

@media(max-width:390px){
  .p2p-market-secondary-filter{grid-template-columns:92px 76px minmax(82px,1fr) 36px}
  .p2p-market-select select,.p2p-market-amount input{font-size:14px}
  .p2p-market-ad{grid-template-columns:minmax(0,1fr) 104px;padding-left:12px;padding-right:12px}
  .p2p-market-action{width:101px}
  .p2p-market-price b{font-size:27px}
}
.p2p-market-back{display:none!important}
@media(max-width:720px){
  .p2p-market-product-tabs:before{display:none}
  .p2p-market-product-tabs .p2p-market-back{display:block!important;position:absolute;left:12px;top:14px;width:42px;height:42px;padding:0!important;color:#111!important;font-size:28px!important;line-height:1;border:0;background:transparent!important;box-shadow:none!important;cursor:pointer!important}
}

/* P2P Market UI refresh v1.0.142 */
body.p2p-market-active .topbar{display:none}
body.p2p-market-active .main{background:#fff}
body.p2p-market-active #content{padding:0 0 calc(18px + var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom))}
.p2p-market-shell{max-width:480px;margin:0 auto;min-height:100vh;background:#fff;position:relative}
.p2p-market-mobile-head{display:flex;align-items:center;gap:12px;padding:18px 16px 8px;position:sticky;top:0;z-index:10;background:rgba(255,255,255,.98);backdrop-filter:blur(10px)}
.p2p-market-mobile-head h2{margin:0;flex:1;text-align:center;color:#101010;font-size:24px;font-weight:800;letter-spacing:.01em}
.p2p-market-back{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:50%;background:transparent;box-shadow:none;color:#111;font-size:28px;line-height:1;padding:0}
.p2p-market-back.plain{width:40px;height:40px;font-size:28px}
.p2p-market-fiat-box{min-width:88px;display:flex;justify-content:flex-end}
.p2p-market-fiat-box select{height:54px;border:1.5px solid #202020;border-radius:13px;background:#fff;color:#111;padding:0 38px 0 16px;font-size:17px;font-weight:600;outline:none}
.p2p-market-api-title{padding:4px 16px 14px;color:#111;font-size:13px;font-weight:700;letter-spacing:.02em}
.p2p-market-filter-wrap{padding:0 16px 0;background:#fff}
.p2p-market-primary-filter{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.p2p-market-side-toggle{display:inline-flex;background:#f1f1f1;border-radius:20px;padding:4px;gap:4px}
.p2p-market-side-toggle button{min-width:90px;height:46px;border:0;border-radius:18px;background:transparent;color:#888;font-size:18px;font-weight:700;box-shadow:none}
.p2p-market-side-toggle button.active{background:#050505;color:#fff}
.p2p-market-secondary-filter{display:grid;grid-template-columns:minmax(88px,.75fr) minmax(92px,.85fr) minmax(112px,1fr) 46px;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #ededed}
.p2p-market-chip-select{display:flex;align-items:center;gap:8px;min-width:0;height:50px;border:0;background:transparent;box-shadow:none;color:#121212;padding:0 2px;font-size:18px;font-weight:500}
.p2p-market-chip-select select{width:100%;height:100%;border:0;background:transparent;padding:0 14px 0 0;font-size:18px;font-weight:500;color:#111;outline:none}
.p2p-market-chip-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p2p-market-chip-select i{margin-left:auto;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #111}
.p2p-market-chip-select.active{color:#b79200;font-weight:700}
.p2p-market-chip-select.active i{border-top-color:#b79200}
.p2p-market-chip-select.asset{gap:6px}
.p2p-market-coin{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#2bb685;color:#fff;font-size:16px;font-weight:900}
.p2p-market-filter-button{position:relative;display:grid;place-items:center;width:42px;height:42px;border:0;background:transparent;box-shadow:none;padding:0}
.p2p-market-filter-button svg{width:27px;height:27px;fill:none;stroke:#111;stroke-width:1.9;stroke-linejoin:round}
.p2p-market-filter-button span{position:absolute;right:3px;top:4px;width:8px;height:8px;border-radius:50%;background:#f0c400;box-shadow:0 0 0 2px #fff}
.p2p-market-source{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#fff;border-bottom:1px solid #ececec;color:#6d7380;font-size:13px}
.p2p-market-source-live{display:inline-flex;align-items:center;gap:8px;color:#111;font-weight:700}
.p2p-market-source-time{margin-left:auto;color:#8b919b;font-size:12px}
.p2p-market-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.14)}
.p2p-market-refresh{border:0;background:transparent;color:#111;padding:4px 0;font-size:14px;font-weight:700;box-shadow:none}
.p2p-market-list{background:#fff}
.p2p-market-ad{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px;padding:14px 16px;border-bottom:1px solid #efefef;background:#fff}
.p2p-market-advertiser{display:flex;align-items:flex-start;gap:10px}
.p2p-market-avatar{position:relative;display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#050505;color:#fff;font-size:16px;font-weight:700}
.p2p-market-avatar i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:#21c380}
.p2p-market-advertiser-copy{min-width:0;flex:1}
.p2p-market-advertiser-copy>div{display:flex;align-items:center;gap:7px;min-width:0}
.p2p-market-advertiser-copy strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#121212;font-size:16px;font-weight:500}
.p2p-market-merchant-badge{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;transform:rotate(9deg)}
.p2p-market-merchant-badge svg{width:15px;height:15px;fill:#fff;transform:rotate(-9deg)}
.p2p-market-merchant-badge.blue{background:linear-gradient(135deg,#5f98ff,#2d68df)}
.p2p-market-merchant-badge.gold{background:linear-gradient(135deg,#f7d65c,#c99c08)}
.p2p-market-advertiser-copy p{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0 0;color:#83878f;font-size:12px;line-height:1.3}
.p2p-market-advertiser-copy p em{width:1px;height:13px;background:#d7d9dd}
.p2p-market-like{font-size:14px;line-height:1}
.p2p-market-price{display:flex;align-items:baseline;gap:4px;margin-top:16px;color:#111}
.p2p-market-price small{font-size:15px;font-weight:500}
.p2p-market-price b{font-size:48px;line-height:.96;font-weight:800;letter-spacing:-.03em}
.p2p-market-price span{color:#7e838b;font-size:13px}
.p2p-market-limits{display:flex;align-items:baseline;gap:6px;margin-top:10px;font-size:13px;line-height:1.35}
.p2p-market-limits span{color:#8a8e95}
.p2p-market-limits b{color:#23272e;font-weight:500}
.p2p-market-mini-tag{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:14px;padding:6px 10px;border-radius:8px;background:#f5f5f5;color:#232323;font-size:12px;font-weight:650}
.p2p-market-mini-tag:before{content:"▣";font-size:11px}
.p2p-market-ad-side{display:flex;flex-direction:column;align-items:flex-end;min-width:0}
.p2p-market-methods{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-height:88px}
.p2p-market-method{position:relative;padding-right:10px;color:#75777f;font-size:13px;white-space:nowrap}
.p2p-market-method:after{content:"";position:absolute;right:0;top:2px;width:4px;height:13px;border-radius:4px;background:#888}
.p2p-market-method.bkash:after{background:#d81767}.p2p-market-method.nagad:after{background:#e98a34}.p2p-market-method.rocket:after{background:#16a06f}.p2p-market-method.upay:after{background:#f0cf00}.p2p-market-method.bank:after{background:#d0b300}
.p2p-market-time{display:flex;align-items:center;gap:4px;margin-top:6px;padding-bottom:3px;border-bottom:1px dotted #9aa0a6;color:#777;font-size:12px}
.p2p-market-action{width:100%;height:48px;margin-top:auto;border:0;border-radius:8px;color:#fff;font-size:17px;font-weight:700;box-shadow:none}
.p2p-market-action.buy{background:#34c28d}.p2p-market-action.sell{background:#eb5b6b}.p2p-market-action:disabled{background:#c6c6c6;color:#717171;cursor:not-allowed}
.p2p-market-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 12px;background:#fff;border-top:1px solid #ececec}
.p2p-market-pagination span{color:#6b7280;font-size:12px}
.p2p-market-pagination button{min-width:86px}
.p2p-market-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:240px;padding:36px 18px;text-align:center;color:#838991}
.p2p-market-empty strong{color:#1d2430;font-size:18px}.p2p-market-empty.error-state span{max-width:720px;color:#b42318}.p2p-market-empty button{margin-top:10px}
.p2p-market-loading{display:grid;gap:12px;padding:16px}.p2p-market-loading span{height:188px;border-radius:14px;background:linear-gradient(90deg,#f2f4f7,#fafafa,#f2f4f7);background-size:200% 100%;animation:p2pMarketShimmer 1.2s infinite}
.p2p-market-pull-hint{position:sticky;top:0;z-index:14;margin:0 auto -8px;width:max-content;max-width:92%;padding:6px 12px;border-radius:999px;background:#111;color:#fff;font-size:12px;font-weight:700;opacity:0;transform:translateY(-8px);transition:.2s ease}
.p2p-market-pull-hint.show{opacity:1;transform:translateY(0)}
.p2p-market-pull-hint.ready{background:#16a34a}
.p2p-market-overlay{position:fixed;inset:0;z-index:80;background:rgba(17,24,39,.4);display:flex;align-items:flex-end;justify-content:center;padding-top:48px}
.p2p-market-overlay.full{align-items:stretch;padding-top:0}
.p2p-market-sheet{width:min(100%,480px);background:#fff;box-shadow:0 -12px 40px rgba(15,23,42,.16)}
.p2p-market-sheet.bottom-sheet{border-radius:28px 28px 0 0;max-height:88vh;overflow:auto}
.p2p-market-sheet.full-sheet{height:100%;display:flex;flex-direction:column}
.p2p-market-sheet-grab{width:78px;height:6px;border-radius:999px;background:#d9dde3;margin:12px auto 4px}
.p2p-market-sheet-body{padding:8px 16px 18px}
.p2p-market-sheet-body.compact h3{margin:10px 0 18px;font-size:26px;font-weight:800;color:#111}
.p2p-market-sheet-body h3 small{font-size:18px;color:#767676}
.p2p-market-sheet-sub{margin:-8px 0 14px;color:#727985;font-size:13px}
.p2p-market-search-box{margin-bottom:14px}
.p2p-market-search-box input{width:100%;height:64px;border:0;border-radius:15px;background:#f4f4f4;padding:0 18px;font-size:18px;color:#111;outline:none}
.p2p-market-option-chip,.p2p-market-quick-chip{display:flex;align-items:center;justify-content:center;min-height:56px;border:1.5px solid #e3e3e3;border-radius:14px;background:#fff;color:#202124;font-size:16px;font-weight:500;box-shadow:none;padding:10px 12px;text-align:center}
.p2p-market-option-chip.active,.p2p-market-quick-chip.active{border-color:#111;background:#fff;color:#111;font-weight:700}
.p2p-market-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.p2p-market-chip-grid.time{grid-template-columns:repeat(4,minmax(0,1fr))}
.p2p-market-quick-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.p2p-market-amount-input-wrap{position:relative;margin-top:10px}
.p2p-market-amount-input-wrap input{width:100%;height:78px;border:0;border-radius:16px;background:#f4f4f4;padding:0 88px 0 18px;font-size:18px;color:#111;outline:none}
.p2p-market-amount-input-wrap span{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#111;font-size:18px;font-weight:700}
.p2p-market-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.p2p-market-sheet-actions.sticky{padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #ececec;background:#fff;margin-top:auto}
.p2p-market-sheet-actions .ghost,.p2p-market-sheet-actions .primary{height:56px;border:0;border-radius:10px;font-size:18px;font-weight:700;box-shadow:none}
.p2p-market-sheet-actions .ghost{background:#ededed;color:#111}
.p2p-market-sheet-actions .primary{background:#f4cf22;color:#111}
.p2p-market-filter-screen-head{display:flex;align-items:center;gap:10px;padding:14px 16px 8px;background:#fff;position:sticky;top:0;z-index:2}
.p2p-market-filter-screen-head h3{margin:0;font-size:24px;font-weight:800;color:#111}
.p2p-market-filter-scroll{flex:1;overflow:auto;padding:0 16px 18px}
.p2p-market-filter-section{padding:18px 0;border-top:1px solid #ececec}
.p2p-market-filter-section h4{margin:0 0 14px;color:#111;font-size:17px;font-weight:800}
.p2p-market-section-head-inline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.p2p-market-section-head-inline span{color:#8a8f98;font-size:14px}
.p2p-market-section-head-inline h4{margin:0}.p2p-market-section-head-inline small,.p2p-market-switch-row small{font-size:.92em;color:#909090}
.p2p-market-switch-list{display:grid;gap:14px}
.p2p-market-switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#111;font-size:16px}
.p2p-market-switch{position:relative;flex:0 0 32px;width:32px;height:20px;border:0;border-radius:999px;background:#d4d4d4;box-shadow:none;padding:0}
.p2p-market-switch i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s ease}
.p2p-market-switch.on{background:#f4cf22}.p2p-market-switch.on i{left:14px}
.p2p-market-switch.disabled{opacity:.7;cursor:not-allowed}
.p2p-market-radio-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;color:#111;font-size:16px}
.p2p-market-radio-row input{width:20px;height:20px}
@media (max-width:380px){.p2p-market-mobile-head{padding-left:12px;padding-right:12px}.p2p-market-filter-wrap,.p2p-market-source,.p2p-market-ad,.p2p-market-loading{padding-left:12px;padding-right:12px}.p2p-market-secondary-filter{grid-template-columns:86px 78px minmax(90px,1fr) 42px;gap:6px}.p2p-market-chip-select,.p2p-market-chip-select select{font-size:15px}.p2p-market-price b{font-size:39px}.p2p-market-chip-grid,.p2p-market-quick-row{gap:10px}.p2p-market-option-chip,.p2p-market-quick-chip{font-size:14px;padding:8px 10px}.p2p-market-amount-input-wrap input,.p2p-market-search-box input{font-size:16px}}

/* P2P Market UI fine-tune v1.0.142 */
.p2p-market-mobile-head{padding:16px 16px 10px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px}
.p2p-market-mobile-head h2{text-align:center;margin:0;font-size:24px;font-weight:800;color:#111}
.p2p-market-back{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;padding:0;color:#111;box-shadow:none}
.p2p-market-back svg{width:24px;height:24px;fill:none;stroke:#111;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.p2p-market-fiat-box select{height:40px;min-width:78px;padding:0 32px 0 14px;font-size:16px;border:1.5px solid #242424;border-radius:12px}
.p2p-market-api-title{display:none!important}
#p2pMarketResultsTop{background:#fff}
.p2p-market-source{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px 12px;background:#fff;border-bottom:1px solid #ececec;color:#111;font-size:14px}
.p2p-market-source-live{font-weight:700;color:#111}
.p2p-market-refresh{margin-left:auto;border:0;background:transparent;color:#111;font-size:14px;font-weight:700;padding:4px 0}
.p2p-market-source-time{display:none!important}
.p2p-market-filter-wrap{padding-top:6px}
@media (max-width:380px){.p2p-market-mobile-head{grid-template-columns:40px 1fr auto;padding:14px 12px 8px}.p2p-market-back{width:36px;height:36px}.p2p-market-fiat-box select{min-width:72px;height:38px;font-size:15px}.p2p-market-source{padding:8px 12px 10px}}

/* P2P placement and action corrections v1.0.142 */
.p2p-market-back{display:grid!important;visibility:visible!important;opacity:1!important}
#p2pMarketResultsTop{position:sticky;top:0;z-index:15;background:#fff}
.p2p-market-mobile-head{position:sticky;top:42px;z-index:14;background:rgba(255,255,255,.98)}
.p2p-market-source{min-height:42px;padding-top:8px;padding-bottom:8px}
.p2p-market-source-live{display:inline-flex;align-items:center;gap:8px}
.p2p-market-action:disabled{opacity:.72}
@media(max-width:380px){.p2p-market-mobile-head{top:40px}}

/* Global mobile pull-to-refresh v1.0.142 */
.global-pull-refresh-indicator{position:fixed;left:50%;top:calc(10px + env(safe-area-inset-top));z-index:120;transform:translate(-50%,-16px);opacity:0;pointer-events:none;padding:7px 13px;border-radius:999px;background:#111;color:#fff;font-size:12px;font-weight:700;box-shadow:0 8px 24px rgba(15,23,42,.2);transition:.18s ease}
.global-pull-refresh-indicator.show{transform:translate(-50%,0);opacity:1}
.global-pull-refresh-indicator.ready{background:#16a34a}

/* P2P saved-filter and compact toolbar corrections v1.0.145 */
.p2p-market-secondary-filter{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  width:100%;
  gap:5px!important;
  padding:0 0 11px!important;
  overflow:visible;
}
.p2p-market-chip-select{
  justify-content:flex-start;
  min-width:0!important;
  height:44px!important;
  padding:0 3px!important;
  gap:5px!important;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
}
.p2p-market-chip-select.asset{
  flex:0 0 94px;
  width:94px;
  overflow:visible;
}
.p2p-market-chip-select.asset select{
  appearance:none;
  -webkit-appearance:none;
  flex:1 1 auto;
  width:49px!important;
  min-width:0;
  height:44px!important;
  padding:0!important;
  background:transparent!important;
  color:#151515;
  font-size:16px!important;
  font-weight:500;
  line-height:44px;
}
.p2p-market-chip-select.asset .p2p-market-coin{
  flex:0 0 25px;
  width:25px;
  height:25px;
}
.p2p-market-chip-select i{
  display:block;
  flex:0 0 auto;
  width:0;
  height:0;
  margin:1px 1px 0 2px!important;
  border-left:4px solid transparent!important;
  border-right:4px solid transparent!important;
  border-top:5px solid currentColor!important;
}
#p2pMarketAmountChip{
  flex:0 1 94px;
  width:auto;
}
#p2pMarketPaymentChip{
  flex:1 1 112px;
  width:auto;
}
#p2pMarketAmountChip span,
#p2pMarketPaymentChip span{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:16px;
}
.p2p-market-filter-button{
  flex:0 0 38px!important;
  width:38px!important;
  height:44px!important;
  min-width:38px!important;
  align-self:center!important;
  margin:0!important;
  padding:0!important;
  overflow:visible;
}
.p2p-market-filter-button:before{
  content:none!important;
  display:none!important;
}
.p2p-market-filter-button svg{
  display:block;
  width:28px!important;
  height:28px!important;
  margin:0 auto;
  fill:none!important;
  stroke:#111!important;
  stroke-width:1.8!important;
  stroke-linecap:round;
  stroke-linejoin:round!important;
}
.p2p-market-filter-button span{
  right:1px!important;
  top:4px!important;
  width:7px!important;
  height:7px!important;
  box-shadow:0 0 0 2px #fff!important;
}
@media(max-width:380px){
  .p2p-market-secondary-filter{gap:3px!important}
  .p2p-market-chip-select.asset{flex-basis:86px;width:86px}
  .p2p-market-chip-select.asset select{width:43px!important;font-size:14px!important}
  #p2pMarketAmountChip{flex-basis:78px}
  #p2pMarketPaymentChip{flex-basis:88px}
  #p2pMarketAmountChip span,#p2pMarketPaymentChip span{font-size:14px}
  .p2p-market-filter-button{flex-basis:34px!important;width:34px!important;min-width:34px!important}
  .p2p-market-filter-button svg{width:26px!important;height:26px!important}
}

/* P2P compact layout, visible filter actions and infinite loading v1.0.145 */
body.p2p-market-sheet-open{overflow:hidden!important}
body.p2p-market-sheet-open #mobileBottomNav.mobile-bottom-nav{display:none!important}
.p2p-market-shell{max-width:460px}
#p2pMarketResultsTop{position:sticky;top:0;z-index:25;background:#fff}
.p2p-market-source{min-height:36px!important;padding:6px 14px!important;font-size:12px!important}
.p2p-market-source-live{gap:7px!important;font-size:12px!important}
.p2p-market-refresh{font-size:12px!important;padding:3px 0!important}
.p2p-market-live-dot{width:7px!important;height:7px!important;box-shadow:0 0 0 3px rgba(34,197,94,.13)!important}
.p2p-market-mobile-head{top:36px!important;grid-template-columns:34px 1fr auto!important;gap:8px!important;padding:10px 14px 6px!important;min-height:50px!important}
.p2p-market-mobile-head h2{font-size:20px!important;line-height:1!important}
.p2p-market-back{width:32px!important;height:32px!important}
.p2p-market-back svg{width:20px!important;height:20px!important;stroke-width:2!important}
.p2p-market-fiat-box{min-width:72px!important}
.p2p-market-fiat-box select{height:36px!important;min-width:72px!important;padding:0 28px 0 12px!important;border-radius:10px!important;font-size:14px!important}
.p2p-market-filter-wrap{padding:2px 14px 0!important}
.p2p-market-primary-filter{margin-bottom:8px!important}
.p2p-market-side-toggle{padding:3px!important;gap:3px!important;border-radius:18px!important}
.p2p-market-side-toggle button{min-width:72px!important;height:40px!important;border-radius:15px!important;font-size:15px!important}
.p2p-market-secondary-filter{gap:4px!important;padding-bottom:8px!important}
.p2p-market-chip-select{height:38px!important;gap:4px!important;padding:0 2px!important;font-size:14px!important}
.p2p-market-chip-select.asset{flex:0 0 84px!important;width:84px!important}
.p2p-market-chip-select.asset select{width:43px!important;height:38px!important;line-height:38px!important;font-size:14px!important}
.p2p-market-chip-select.asset .p2p-market-coin{flex-basis:23px!important;width:23px!important;height:23px!important;font-size:14px!important}
#p2pMarketAmountChip{flex:0 1 84px!important}
#p2pMarketPaymentChip{flex:1 1 100px!important}
#p2pMarketAmountChip span,#p2pMarketPaymentChip span{font-size:14px!important}
.p2p-market-chip-select i{margin-left:2px!important;border-left-width:4px!important;border-right-width:4px!important;border-top-width:5px!important}
.p2p-market-filter-button{flex:0 0 34px!important;width:34px!important;min-width:34px!important;height:38px!important}
.p2p-market-filter-button svg{width:24px!important;height:24px!important;stroke-width:1.75!important}
.p2p-market-filter-button span{right:0!important;top:2px!important;width:7px!important;height:7px!important}
.p2p-market-ad{grid-template-columns:minmax(0,1fr) 100px!important;gap:8px!important;padding:12px 14px!important}
.p2p-market-advertiser{gap:8px!important}
.p2p-market-avatar{width:30px!important;height:30px!important;flex-basis:30px!important;font-size:14px!important}
.p2p-market-avatar i{width:9px!important;height:9px!important}
.p2p-market-advertiser-copy strong{font-size:14px!important}
.p2p-market-merchant-badge{width:18px!important;height:18px!important;border-radius:6px!important}
.p2p-market-merchant-badge svg{width:12px!important;height:12px!important}
.p2p-market-advertiser-copy p{gap:5px!important;margin-top:4px!important;font-size:10.5px!important;line-height:1.25!important}
.p2p-market-advertiser-copy p em{height:11px!important}
.p2p-market-like{font-size:12px!important}
.p2p-market-price{gap:3px!important;margin-top:12px!important}
.p2p-market-price small{font-size:13px!important}
.p2p-market-price b{font-size:34px!important;line-height:1!important;letter-spacing:-.02em!important}
.p2p-market-price span{font-size:11px!important}
.p2p-market-limits{gap:5px!important;margin-top:7px!important;font-size:11.5px!important}
.p2p-market-mini-tag{margin-top:10px!important;padding:5px 8px!important;font-size:10px!important}
.p2p-market-methods{gap:4px!important;min-height:64px!important}
.p2p-market-method{padding-right:8px!important;font-size:11px!important}
.p2p-market-method:after{height:10px!important;top:2px!important}
.p2p-market-time{margin-top:5px!important;font-size:10.5px!important}
.p2p-market-action{height:42px!important;border-radius:7px!important;font-size:15px!important}
.p2p-market-pagination{display:none!important}
.p2p-market-infinite-sentinel{display:flex;min-height:74px;align-items:center;justify-content:center;gap:9px;padding:16px 12px calc(22px + env(safe-area-inset-bottom));color:#7b8088;font-size:12px;background:#fff}
.p2p-market-infinite-sentinel small{font-size:11px}
.p2p-market-infinite-spinner{width:18px;height:18px;border:2px solid #e0e3e7;border-top-color:#111;border-radius:50%;animation:p2pMarketInfiniteSpin .8s linear infinite}
@keyframes p2pMarketInfiniteSpin{to{transform:rotate(360deg)}}
.p2p-market-overlay{z-index:1000!important}
.p2p-market-overlay.full{height:100dvh!important;max-height:100dvh!important;padding:0!important;align-items:stretch!important}
.p2p-market-sheet.full-sheet{height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important}
.p2p-market-filter-screen-head{flex:0 0 auto;padding:10px 14px 6px!important}
.p2p-market-filter-screen-head h3{font-size:21px!important}
.p2p-market-filter-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:0 14px 16px!important;overscroll-behavior:contain}
.p2p-market-sheet-actions.sticky{position:sticky!important;left:0;right:0;bottom:0;z-index:8;flex:0 0 auto!important;margin:0!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;background:#fff!important;box-shadow:0 -8px 24px rgba(15,23,42,.08)}
.p2p-market-sheet-actions .ghost,.p2p-market-sheet-actions .primary{height:50px!important;font-size:16px!important}
.p2p-market-sheet.bottom-sheet{max-height:86dvh!important}
.p2p-market-sheet-body{padding-left:14px!important;padding-right:14px!important}
.p2p-market-sheet-body.compact h3{font-size:22px!important;margin:8px 0 14px!important}
.p2p-market-search-box input{height:54px!important;font-size:16px!important}
.p2p-market-option-chip,.p2p-market-quick-chip{min-height:48px!important;border-radius:12px!important;font-size:14px!important}
.p2p-market-amount-input-wrap input{height:66px!important;font-size:16px!important}
.p2p-market-amount-input-wrap span{font-size:16px!important}
.p2p-market-filter-section{padding:14px 0!important}
.p2p-market-filter-section h4{font-size:15px!important;margin-bottom:11px!important}
.p2p-market-switch-row{font-size:14px!important}
@media(max-width:380px){
  .p2p-market-source{padding-left:12px!important;padding-right:12px!important}
  .p2p-market-mobile-head{grid-template-columns:32px 1fr auto!important;padding:9px 12px 5px!important}
  .p2p-market-filter-wrap{padding-left:12px!important;padding-right:12px!important}
  .p2p-market-side-toggle button{min-width:66px!important;height:38px!important;font-size:14px!important}
  .p2p-market-chip-select.asset{flex-basis:78px!important;width:78px!important}
  .p2p-market-chip-select.asset select{width:39px!important;font-size:13px!important}
  #p2pMarketAmountChip{flex-basis:74px!important}
  #p2pMarketPaymentChip{flex-basis:82px!important}
  #p2pMarketAmountChip span,#p2pMarketPaymentChip span{font-size:13px!important}
  .p2p-market-filter-button{flex-basis:30px!important;width:30px!important;min-width:30px!important}
  .p2p-market-filter-button svg{width:22px!important;height:22px!important}
  .p2p-market-ad{grid-template-columns:minmax(0,1fr) 92px!important;padding-left:12px!important;padding-right:12px!important}
  .p2p-market-price b{font-size:31px!important}
  .p2p-market-action{font-size:14px!important}
}

/* ===== Binance-style mobile P2P profile v1.0.145 ===== */
.mobile-profile-page,.mobile-profile-subpage{width:min(100%,760px);margin:0 auto;background:#fff;color:#111;min-height:100vh}
.mobile-profile-hero{position:relative;height:196px;overflow:hidden;background:linear-gradient(135deg,#ffd928 0%,#f8c915 50%,#ffd72a 100%)}
.mobile-profile-hero-pattern{position:absolute;inset:0;opacity:.45;background:
  linear-gradient(135deg,transparent 0 30%,rgba(255,255,255,.28) 30% 48%,transparent 48% 100%),
  linear-gradient(45deg,transparent 0 52%,rgba(189,139,0,.20) 52% 68%,transparent 68% 100%),
  linear-gradient(135deg,rgba(255,255,255,.18),transparent 48%)}
.mobile-profile-hero-actions{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:28px 26px}
.mobile-profile-hero-actions-right{display:flex;align-items:center;gap:18px}
.mobile-profile-icon-btn{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;background:transparent;color:#111;box-shadow:none}
.mobile-profile-icon-btn svg,.mobile-profile-action-icon svg,.mobile-profile-action-chevron svg,.mobile-profile-edit-btn svg,.mobile-profile-feedback-more svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mobile-profile-content{position:relative;padding:0 28px 110px;background:#fff}
.mobile-profile-avatar{position:relative;margin-top:-46px;width:96px;height:96px;border-radius:50%;border:7px solid #fff;background:#050505;color:#fff;display:grid;place-items:center;font-size:48px;font-weight:500;z-index:2}
.mobile-profile-title-row{display:flex;align-items:center;gap:10px;margin-top:25px;min-width:0}
.mobile-profile-title-row h1{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:34px;line-height:1.1;font-weight:700;letter-spacing:-.02em}
.mobile-profile-merchant-badge{display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:7px;color:#fff;font-size:13px;transform:rotate(8deg)}
.mobile-profile-merchant-badge.bronze{background:linear-gradient(135deg,#e2bd95,#a77549)}
.mobile-profile-merchant-badge.gold{background:linear-gradient(135deg,#ffe477,#c99500)}
.mobile-profile-edit-btn{display:grid;place-items:center;width:38px;height:38px;border:0;background:transparent;color:#111;padding:0;box-shadow:none}
.mobile-profile-edit-btn svg{width:25px;height:25px}
.mobile-profile-merchant-row,.mobile-profile-social-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;font-size:17px}
.mobile-profile-merchant-row>span:first-child{display:inline-flex}.mobile-profile-merchant-row b{font-weight:500}.mobile-profile-merchant-row i,.mobile-profile-social-row i{width:1px;height:22px;background:#e0e0e0}
.mobile-profile-social-row{margin-top:14px;color:#646464}.mobile-profile-social-row b{color:#18a96f;font-weight:500}.mobile-profile-connect{margin-top:18px;width:auto;border:0;border-radius:10px;background:#f3cf1c;color:#111;padding:12px 16px;font-weight:700;box-shadow:none}
.mobile-profile-stat-card{display:grid;grid-template-columns:1fr 1fr;gap:32px 38px;margin-top:30px;padding:28px 24px 16px;border:1px solid #e4e4e4;border-radius:18px;background:#fff}
.mobile-profile-stat-card>div{display:flex;flex-direction:column;gap:8px;min-width:0}.mobile-profile-stat-card strong{font-size:34px;line-height:1;font-weight:700;letter-spacing:-.01em}.mobile-profile-stat-card span{color:#777;font-size:16px}
.mobile-profile-stat-card button{grid-column:1/-1;justify-self:center;width:auto;border:0;background:transparent;color:#111;font-size:17px;font-weight:500;padding:4px 12px 0;box-shadow:none}
.mobile-profile-tabs{display:flex;align-items:flex-end;gap:32px;margin-top:32px;padding:0 4px;border-bottom:1px solid transparent}
.mobile-profile-tabs button{position:relative;width:auto;border:0;background:transparent;color:#767676;font-size:19px;padding:8px 0 14px;box-shadow:none}.mobile-profile-tabs button.active{color:#111;font-weight:700}.mobile-profile-tabs button.active:after{content:"";position:absolute;left:50%;bottom:0;width:28px;height:4px;border-radius:999px;background:#f4c900;transform:translateX(-50%)}
.mobile-profile-action-list{display:grid;margin-top:16px}.mobile-profile-action-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto 24px;align-items:center;gap:10px;min-height:76px;border:0;background:#fff;color:#111;padding:0;box-shadow:none;text-align:left}.mobile-profile-action-icon{display:grid;place-items:center;color:#111}.mobile-profile-action-icon svg{width:25px;height:25px}.mobile-profile-action-label{font-size:18px;font-weight:500}.mobile-profile-action-value{color:#777;font-size:14px}.mobile-profile-action-chevron{display:grid;place-items:center;color:#9a9a9a}.mobile-profile-action-chevron svg{width:22px;height:22px}
.mobile-profile-sync-note{margin:20px 0 0;color:#9a9a9a;font-size:12px;text-align:center}
.mobile-profile-subpage{padding-bottom:90px}
.mobile-profile-subpage-head{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;padding:26px 26px 22px;background:#fff;position:sticky;top:0;z-index:10}.mobile-profile-subpage-head h1{margin:0;text-align:center;font-size:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-profile-subpage-head span{width:48px}
.mobile-profile-detail-list{padding:20px 30px 60px}.mobile-profile-detail-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,1.2fr);gap:20px;padding:20px 0;border-bottom:1px solid #f0f0f0;align-items:start}.mobile-profile-detail-row>span{color:#747474;font-size:18px}.mobile-profile-detail-row>div{text-align:right}.mobile-profile-detail-row strong{display:block;font-size:18px;font-weight:500;line-height:1.4}.mobile-profile-detail-row small{display:block;margin-top:4px;color:#777;font-size:16px;line-height:1.5}
.mobile-profile-feedback-summary{display:flex;align-items:center;gap:18px;padding:12px 30px 22px}.mobile-profile-feedback-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#050505;color:#fff;font-size:20px;font-weight:500;flex:0 0 auto}.mobile-profile-feedback-avatar.large{width:55px;height:55px;font-size:28px}.mobile-profile-feedback-summary b{color:#29bb82;font-size:24px}
.mobile-profile-feedback-tabs{display:flex;gap:12px;padding:8px 30px 24px;border-bottom:1px solid #e8e8e8;overflow-x:auto;scrollbar-width:none}.mobile-profile-feedback-tabs::-webkit-scrollbar{display:none}.mobile-profile-feedback-tabs button{width:auto;white-space:nowrap;border:0;border-radius:999px;background:#ededed;color:#111;padding:14px 26px;font-size:18px;font-weight:500;box-shadow:none}.mobile-profile-feedback-tabs button.active{background:#ffd52a}
.mobile-profile-feedback-list{padding:0 30px 50px}.mobile-profile-feedback-row{padding:26px 0;border-bottom:1px solid #f0f0f0}.mobile-profile-feedback-head{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;gap:12px;align-items:start}.mobile-profile-feedback-head h3{margin:0;font-size:20px;font-weight:600}.mobile-profile-feedback-head p{margin:8px 0 0;color:#858585;font-size:14px}.mobile-profile-feedback-more{color:#9c9c9c}.mobile-profile-feedback-more svg{width:25px;height:25px;fill:currentColor;stroke:none}.mobile-profile-feedback-body{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;margin-top:18px;align-items:start}.mobile-profile-feedback-vote{font-size:24px}.mobile-profile-feedback-body small{display:inline-flex;width:max-content;padding:7px 10px;border-radius:4px;background:#fff9df;color:#c3a023;font-size:14px}.mobile-profile-feedback-body p{grid-column:2;margin:4px 0 0;color:#111;font-size:18px;line-height:1.5;white-space:pre-wrap}.mobile-profile-feedback-empty{padding:60px 20px;color:#999;text-align:center}
.mobile-profile-security-modal{display:grid;gap:16px}.mobile-profile-security-summary{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;background:#f7f7f7}.mobile-profile-security-summary span{color:#707070}
@media(max-width:900px){
  body.profile-mobile-active .topbar{display:none}
  body.profile-mobile-active .main{background:#fff}
  body.profile-mobile-active #content{padding:0 0 calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom));overflow:visible}
  body.profile-mobile-active .mobile-bottom-nav{display:grid}
  .mobile-profile-page,.mobile-profile-subpage{width:100%;min-height:calc(100vh - var(--mobile-bottom-nav-height))}
}
@media(max-width:520px){
  .mobile-profile-hero{height:150px}.mobile-profile-hero-actions{padding:20px 18px}.mobile-profile-content{padding:0 22px 100px}.mobile-profile-avatar{width:84px;height:84px;margin-top:-39px;border-width:6px;font-size:42px}.mobile-profile-title-row{margin-top:20px}.mobile-profile-title-row h1{font-size:29px}.mobile-profile-merchant-row,.mobile-profile-social-row{font-size:15px;gap:8px}.mobile-profile-stat-card{gap:25px 28px;margin-top:24px;padding:24px 18px 14px}.mobile-profile-stat-card strong{font-size:29px}.mobile-profile-stat-card span{font-size:14px}.mobile-profile-action-row{min-height:68px}.mobile-profile-action-label{font-size:17px}.mobile-profile-subpage-head{padding:18px 18px 14px}.mobile-profile-subpage-head h1{font-size:22px}.mobile-profile-detail-list{padding:12px 24px 50px}.mobile-profile-detail-row{grid-template-columns:minmax(0,1fr) minmax(130px,1fr);gap:14px;padding:18px 0}.mobile-profile-detail-row>span,.mobile-profile-detail-row strong{font-size:16px}.mobile-profile-detail-row small{font-size:14px}.mobile-profile-feedback-summary{padding:8px 24px 18px}.mobile-profile-feedback-tabs{padding:6px 20px 20px}.mobile-profile-feedback-tabs button{padding:12px 20px;font-size:16px}.mobile-profile-feedback-list{padding:0 24px 40px}.mobile-profile-feedback-head h3{font-size:18px}.mobile-profile-feedback-body p{font-size:16px}
}

/* Multi-API owner profile access v1.0.149 */
.mobile-profile-api-switch-wrap{position:relative;display:inline-flex;margin-top:16px;z-index:6}
.mobile-profile-api-switch{display:inline-flex;align-items:center;gap:8px;max-width:min(100%,320px);min-height:38px;border:1px solid #dedede;border-radius:999px;background:#fff;color:#111;padding:7px 14px;font-size:13px;font-weight:700;box-shadow:0 4px 12px rgba(15,23,42,.05)}
.mobile-profile-api-switch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-profile-api-switch b{font-size:16px;line-height:1}.mobile-profile-api-switch.single{cursor:default;color:#4b5563}.mobile-profile-api-switch:disabled{opacity:1}
.mobile-profile-api-menu{position:absolute;left:0;top:46px;width:min(330px,calc(100vw - 44px));max-height:300px;overflow:auto;border:1px solid #e4e4e4;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.18);padding:7px;z-index:20}
.mobile-profile-api-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;border:0;border-radius:10px;background:#fff;color:#111;padding:11px 12px;text-align:left;box-shadow:none}.mobile-profile-api-menu button.active{background:#fff7cc}.mobile-profile-api-menu button:hover{background:#f7f7f7}.mobile-profile-api-menu span{font-size:14px;font-weight:700}.mobile-profile-api-menu small{color:#7b818b;font-size:11px}
.mobile-profile-api-empty,.mobile-profile-access-note{margin-top:15px;border-radius:12px;background:#fff8df;color:#7a5c00;padding:11px 13px;font-size:13px;line-height:1.45}
.mobile-profile-edit-btn.syncing svg{animation:profileSyncSpin .8s linear infinite}@keyframes profileSyncSpin{to{transform:rotate(360deg)}}
.p2p-profile-credential-access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:8px}
.p2p-profile-credential-access-item{display:flex!important;align-items:flex-start!important;gap:10px;border:1px solid #e3e7ee;border-radius:12px;padding:12px;background:#fff}
.p2p-profile-credential-access-item span{display:flex;flex-direction:column;gap:3px}.p2p-profile-credential-access-item b{color:#111;font-size:14px}.p2p-profile-credential-access-item small{color:#7b818b;font-size:11px}
@media(max-width:720px){.mobile-profile-api-switch-wrap{margin-top:13px}.mobile-profile-api-switch{max-width:260px}.mobile-profile-api-menu{width:min(300px,calc(100vw - 36px))}}

/* v1.0.152: real-time accounting status and carryover visibility */
.accounting-realtime-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border:1px solid #cdebdc;border-radius:999px;background:#f1fbf6;color:#087a49;font-size:12px;font-weight:700}
.accounting-realtime-badge i{width:8px;height:8px;border-radius:50%;background:#18bd70;box-shadow:0 0 0 4px rgba(24,189,112,.13);animation:accountingLivePulse 1.8s infinite}
.accounting-live-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.accounting-kpi.positive b,.accounting-result-list .positive{color:#078b55}
.accounting-kpi.negative b,.accounting-result-list .negative{color:#d9304f}
.accounting-carryover-explain .notice{line-height:1.55}
@keyframes accountingLivePulse{0%,100%{opacity:1}50%{opacity:.45}}
@media(max-width:700px){.accounting-live-row{align-items:flex-start;flex-direction:column}.accounting-realtime-badge{font-size:11px}.accounting-kpi-grid.realtime{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.0.155 accounting submenu and separated accounting workspaces */
nav .nav-group{display:grid;gap:5px;min-width:0}
nav .nav-group-toggle{width:100%;justify-content:flex-start}
nav .nav-group-toggle>span:first-of-type{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
nav .nav-group-caret{margin-left:auto;font-size:18px;line-height:1;transition:transform .16s ease;color:#94a3b8}
nav .nav-group-toggle[aria-expanded="true"] .nav-group-caret{transform:rotate(180deg);color:#fff}
nav .nav-submenu{display:none;gap:4px;padding:2px 0 4px 18px;margin-left:11px;border-left:1px solid rgba(148,163,184,.28)}
nav .nav-submenu.open{display:grid}
nav .nav-submenu-button{width:100%;min-height:38px;padding:9px 10px!important;font-size:12px!important;font-weight:750!important;border-radius:10px!important}
nav .nav-submenu-button:before{width:6px;height:6px;box-shadow:none;background:rgba(203,213,225,.35)}
nav .nav-submenu-button.active:before{background:#f0b90b;box-shadow:0 0 0 3px rgba(240,185,11,.14)}
nav .accounting-nav-group.active>.nav-group-toggle{color:#fff;border-color:rgba(147,197,253,.18)}
.accounting-filter-form-wide{flex:1;display:grid;grid-template-columns:minmax(120px,.65fr) repeat(2,minmax(135px,.7fr)) minmax(220px,1.4fr) auto}
.accounting-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.accounting-category-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;padding:14px;border:1px solid #e8ebef;border-radius:15px;background:linear-gradient(180deg,#fff,#fafbfc)}
.accounting-category-card>div{min-width:0}
.accounting-category-card b,.accounting-category-card span,.accounting-category-card small{display:block}
.accounting-category-card b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.accounting-category-card span,.accounting-category-card small{font-size:11px;color:#858c97;margin-top:4px}
.accounting-category-card strong{font-size:14px;text-align:right;white-space:nowrap}
.accounting-category-card small{grid-column:2;text-align:right;margin-top:0}
.accounting-hero-profit.capital b{color:#f0b90b}
@media(max-width:1100px){.accounting-filter-form-wide{grid-template-columns:1fr 1fr 1fr}.accounting-filter-form-wide input[type="search"]{grid-column:1/-1}.accounting-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){nav .nav-submenu{padding-left:14px;margin-left:12px}.accounting-filter-form-wide{grid-template-columns:1fr 1fr}.accounting-filter-form-wide select,.accounting-filter-form-wide input[type="search"],.accounting-filter-form-wide button{grid-column:1/-1}.accounting-category-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.accounting-category-grid{grid-template-columns:1fr}.accounting-category-card{padding:12px}.accounting-filter-form-wide{grid-template-columns:1fr}.accounting-filter-form-wide>*{grid-column:1!important}}


/* v1.0.157 - Expense category management and correct accounting setup placement */
.accounting-inline-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.accounting-inline-input select{min-width:0}
.accounting-category-manager{min-width:min(620px,88vw)}
.accounting-category-manager .section-head{gap:16px;align-items:center}
.accounting-category-manager-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
.accounting-category-manager-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #e7eaf0;border-radius:12px;padding:10px 12px;background:#fff}
.accounting-category-manager-list span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:13px}
@media(max-width:620px){.accounting-inline-input{grid-template-columns:1fr}.accounting-category-manager-list{grid-template-columns:1fr}.accounting-category-manager{min-width:0}}


.accounting-inline-category-create{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:10px;border:1px dashed #d7dce5;border-radius:12px;background:#fafbfc}
.accounting-inline-category-create.hidden{display:none!important}
.accounting-inline-category-create #accountingInlineExpenseCategoryMessage{grid-column:1/-1}
.accounting-category-manager-create{margin-bottom:10px}
#expenseCategoryManagerMessage{margin-bottom:8px}
@media(max-width:620px){.accounting-inline-category-create{grid-template-columns:1fr}.accounting-inline-category-create>*{grid-column:1!important}}

/* v1.0.159 production update control */
.nav-update-indicator{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:2px 7px;border-radius:999px;background:#f59e0b;color:#111827;font-size:9px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.update-layout{align-items:start}
.update-stats .stat small{display:block;margin-top:5px;color:var(--muted,#64748b)}
.summary-list{display:grid;gap:8px;margin-top:12px}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line,#e2e8f0)}.summary-row:last-child{border-bottom:0}
.release-notes{margin:14px 0;padding:14px;border:1px solid var(--line,#e2e8f0);border-radius:14px;background:#f8fafc}.release-notes h4{margin:0 0 8px}.release-notes pre{max-height:260px;margin:0;overflow:auto;white-space:pre-wrap;word-break:break-word;font:inherit;color:#334155}
.update-restart-state{display:grid;place-items:center;min-height:360px;text-align:center}.update-restart-state h3{margin:16px 0 6px}.update-restart-state p{max-width:520px;color:#475569}.spinner{width:42px;height:42px;border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:update-spin .8s linear infinite}@keyframes update-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.update-layout{grid-template-columns:1fr}.update-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}