/*  styles/my-listings.css — sirf /my-listings ke liye (Brokers99 patch 591 + 592).
    Har rang lease.css ke token se -- badalti background par na badalne wala
    rang (login-gate ka wahi pehra) yahan nahi. */
.ml-wrap { padding: 6px 0 34px; }
.ml-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ml-card {
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-xl);
  box-shadow: var(--sh-1); padding: 22px 22px 20px; margin: 16px 0;
  transition: box-shadow .25s var(--ease);
}
.ml-card:hover { box-shadow: var(--sh-2); }
.ml-card-h { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.ml-card h2 { font-family: var(--f-serif); font-size: 1.25rem; margin: 0 0 2px; color: var(--ink); letter-spacing: -.01em; }
.ml-badge {
  flex: none; font-size: .78rem; font-weight: 700; padding: 4px 12px; border-radius: var(--r-pill);
  border: 1px solid var(--line-strong); color: var(--ink-2);
}
.ml-paid { border-color: var(--ok); color: var(--ok); background: rgba(var(--a1-rgb),.08); }
.ml-stats { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 14px 0; }
.ml-stats > div { background: var(--surface-2); border-radius: var(--r); padding: 12px 12px 10px; }
.ml-stats b { display: block; font-family: var(--f-serif); font-size: 1.45rem; color: var(--ink); font-variant-numeric: tabular-nums; }
.ml-stats span { display: block; font-size: .8rem; color: var(--ink-2); }
.ml-na { display: block; font-size: .85rem; font-weight: 600; color: var(--ink-3); }
.ml-box { border-top: 1px solid var(--line); padding-top: 14px; margin-top: 10px; color: var(--ink); }
.ml-box p { margin: 6px 0; }
.ml-visitors { list-style: none; padding: 0; margin: 8px 0; }
.ml-visitors li { padding: 8px 0; border-bottom: 1px solid var(--line); overflow-wrap: anywhere; }
.ml-see { margin-top: 10px; }
/*  mobile-first: base phone ka (ek khaana), badi screen apwaad -- CLAUDE.md
    §23. Naap wahi, sirf kram ulta. */
@media (min-width: 421px) { .ml-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.ml-wrap .l-form-note { text-align: left; }