/*  styles/my-listings.css — sirf /my-listings ke liye (Brokers99 patch 591 + 592).
    Har rang yard.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-lg);
  box-shadow: var(--sh-1); padding: 16px; margin: 14px 0;
}
.ml-card-h { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.ml-card h2 { font-size: 1.15rem; margin: 0 0 2px; color: var(--ink); }
.ml-badge {
  flex: none; font-size: .78rem; font-weight: 600; padding: 3px 10px; border-radius: var(--r-pill);
  border: 1px solid var(--line-strong); color: var(--ink-2);
}
.ml-paid { border-color: var(--ok); color: var(--ok); }
.ml-stats { display: grid; grid-template-columns: 1fr; gap: 8px; margin: 12px 0; }
.ml-stats > div { background: var(--surface-2); border-radius: var(--r); padding: 10px; }
.ml-stats b { display: block; font-size: 1.25rem; color: var(--ink); }
.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: 10px; margin-top: 6px; 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; }