/* ============================================================
   Agentlo — My Listings (/listings/)
   Lifted from html-demos/agentlo-my-listings.html, light-mode only.
   Detail modal reuses rp-modal tokens from resell-product-page.php
   (scoped locally so we don't depend on that stylesheet).
   ============================================================ */

/* ── Tokens — light mode only (forced even if body.dark is applied) ── */
:root, body, body.dark, html.dark, html.dark body {
  --bg:#F6F5F3; --bg2:#EDECE9; --card:#fff;
  --t1:#1A1A1A; --t2:#6B7280; --t3:#9CA3AF;
  --bdr:#E5E4E2;
  --acc:#8B5CF6; --accbg:rgba(139,92,246,.09); --acchov:#7C4FE0;
  --grn:#10B981; --gnbg:rgba(16,185,129,.09); --gntx:#059669; --gnbd:rgba(16,185,129,.28);
  --ylw:#F59E0B; --ylbg:rgba(245,158,11,.09); --yltx:#B45309; --ylbd:rgba(245,158,11,.28);
  --red:#EF4444; --rdbg:rgba(239,68,68,.08); --rdtx:#DC2626; --rdbd:rgba(239,68,68,.24);
  --ov:rgba(0,0,0,.36);
}

body.agentlo-my-listings-body {
  margin:0; padding:0;
  background:var(--bg);
  color:var(--t1);
  font-family:'DM Sans',-apple-system,sans-serif;
  min-height:100vh;
  -webkit-text-size-adjust:100%;
}
body.agentlo-my-listings-body *{box-sizing:border-box}
body.agentlo-my-listings-body button{font-family:inherit;cursor:pointer}
body.agentlo-my-listings-body svg{flex-shrink:0}

/* ── Gate (logged-out) ── */
.ml-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg)}
.ml-gate-card{background:var(--card);border:1px solid var(--bdr);border-radius:18px;padding:32px 26px;max-width:360px;width:100%;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.ml-gate-icon{width:56px;height:56px;border-radius:50%;background:var(--accbg);color:var(--acc);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.ml-gate-card h2{font-size:18px;font-weight:700;color:var(--t1);margin:0 0 8px}
.ml-gate-card p{font-size:14px;color:var(--t2);margin:0 0 22px;line-height:1.5}
.ml-gate-btn{display:inline-block;background:var(--acc);color:#fff;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;text-decoration:none}
.ml-gate-btn:hover{background:var(--acchov)}

/* ── Header ── */
.ml-hdr{position:sticky;top:0;z-index:60;background:var(--card);border-bottom:1px solid var(--bdr);height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.ml-hdr-l{display:flex;align-items:center;gap:12px}
.ml-icon-btn{width:36px;height:36px;background:none;border:none;color:var(--t1);display:flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none}
.ml-hdr-title{font-size:18px;font-weight:700;letter-spacing:-.2px;color:var(--t1)}
.ml-new-btn{height:36px;padding:0 14px;background:var(--acc);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:5px;text-decoration:none}
.ml-new-btn:hover{background:var(--acchov)}

/* ── Tabs ── */
.ml-tabs{position:sticky;top:60px;z-index:50;display:flex;background:var(--card);border-bottom:1px solid var(--bdr);overflow-x:auto;scrollbar-width:none}
.ml-tabs::-webkit-scrollbar{display:none}
.ml-tab{flex-shrink:0;padding:12px 15px;font-size:13px;font-weight:600;color:var(--t3);background:none;border:none;border-bottom:2.5px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:5px}
.ml-tab.on{color:var(--acc);border-bottom-color:var(--acc)}
.ml-tc{font-size:11px;font-weight:700;padding:2px 6px;border-radius:5px;background:var(--bg2);color:var(--t2)}
.ml-tab.on .ml-tc{background:var(--accbg);color:var(--acc)}

/* ── Search ── */
.ml-search-wrap{padding:10px 14px 4px;max-width:480px;margin:0 auto}
.ml-search-inner{display:flex;align-items:center;gap:8px;background:var(--card);border:1.5px solid var(--bdr);border-radius:12px;padding:0 12px;height:40px}
.ml-search-inner svg{color:var(--t3)}
.ml-search-inp{flex:1;border:none;outline:none;background:transparent!important;color:var(--t1);font-size:16px!important;font-family:inherit}
.ml-search-inp::placeholder{color:var(--t3)}
.ml-search-clear{border:none;background:none;color:var(--t3);padding:4px;display:none;align-items:center;justify-content:center}
.ml-search-clear.on{display:flex}

/* ── Main grid ── */
.ml-main{max-width:480px;margin:0 auto;padding:10px 12px 100px}
.ml-loading{text-align:center;padding:60px 24px;color:var(--t3);font-size:14px}

.ml-card{background:var(--card);border:1.5px solid var(--bdr);border-radius:16px;margin-bottom:10px;overflow:hidden;cursor:pointer;transition:transform .12s}
.ml-card:active{transform:scale(.99)}
.ml-ctop{display:flex}
.ml-cimg{width:100px;min-width:100px;height:100px;background:var(--bg2);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.ml-cimg img{width:100%;height:100%;object-fit:cover}
.ml-cph{color:var(--t3)}
.ml-boost{position:absolute;top:6px;left:6px;background:linear-gradient(135deg,#10B981,#34D399);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:5px;display:flex;align-items:center;gap:3px}
.ml-cbody{flex:1;padding:11px 12px;min-width:0}
.ml-cr1{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}
.ml-ctitle{font-size:14px;font-weight:700;line-height:1.3;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--t1)}
.ml-cprice{font-size:15px;font-weight:700;color:var(--acc);white-space:nowrap;flex-shrink:0}
.ml-cr2{display:flex;align-items:center;gap:6px;margin-top:5px;flex-wrap:wrap}
.ml-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}
.ml-pill::before{content:'';width:5px;height:5px;border-radius:50%;display:inline-block;flex-shrink:0}
.ml-pill.active{background:var(--gnbg);color:var(--gntx);border:1px solid var(--gnbd)}
.ml-pill.active::before{background:var(--grn)}
.ml-pill.shipping{background:var(--gnbg);color:var(--gntx);border:1px solid var(--gnbd)}
.ml-pill.shipping::before{background:var(--grn)}
.ml-pill.pending{background:var(--ylbg);color:var(--yltx);border:1px solid var(--ylbd)}
.ml-pill.pending::before{background:var(--ylw)}
.ml-pill.paused{background:var(--bg2);color:var(--t2);border:1px solid var(--bdr)}
.ml-pill.paused::before{background:var(--t3)}
.ml-pill.sold,.ml-pill.completed,.ml-pill.draft{background:var(--bg2);color:var(--t3);border:1px solid var(--bdr)}
.ml-pill.sold::before,.ml-pill.completed::before,.ml-pill.draft::before{background:var(--t3)}
.ml-cond{font-size:11px;color:var(--t3)}
.ml-cr3{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding-top:7px;border-top:1px solid var(--bdr);flex-wrap:wrap;gap:4px}
.ml-cstats{display:flex;gap:10px}
.ml-cs{display:flex;align-items:center;gap:3px;font-size:12px;color:var(--t3)}
.ml-ofrtag{font-size:12px;font-weight:700;color:var(--gntx);background:var(--gnbg);padding:2px 8px;border-radius:6px;border:1px solid var(--gnbd)}
.ml-ofrtag.pending{color:#B45309;background:#FEF3C7;border-color:#FCD34D}
.ml-cflag{font-size:14px!important;line-height:1}

/* Sold card enhancements */
.ml-card.is-sold{border-color:#34D399}
.ml-card.is-sold .ml-pill.sold{background:#D1FAE5;color:#065F46;border-color:#34D399}
.ml-card.is-sold .ml-pill.sold::before{background:#10B981}
.ml-sold-footer{padding:10px 12px;background:#ECFDF5;border-top:1px solid #A7F3D0}
.ml-sold-row{display:flex;justify-content:space-between;font-size:12px;padding:2px 0}
.ml-sold-lbl{color:#047857;font-weight:500}
.ml-sold-val{color:#065F46;font-weight:700}
.ml-sold-notice{display:flex;align-items:flex-start;gap:6px;margin-top:8px;padding:8px 10px;background:rgba(255,255,255,.7);border:1px solid #A7F3D0;border-radius:8px;font-size:11px;font-weight:600;color:#047857;line-height:1.4}
.ml-sold-notice svg{flex-shrink:0;margin-top:1px;stroke:#10B981}

/* Stats bar */
.ml-stats{display:flex;background:var(--card);border-bottom:1px solid var(--bdr)}
.ml-stat{flex:1;padding:13px 0;display:flex;flex-direction:column;align-items:center;gap:3px;border-right:1px solid var(--bdr)}
.ml-stat:last-child{border-right:none}
.ml-sv{font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--t1)}
.ml-sv-acc{color:var(--acc,#0EA5E9)}
.ml-sv-grn{color:var(--gntx)}
.ml-sl{font-size:10px;color:var(--t3);font-weight:600;text-transform:uppercase;letter-spacing:.4px}

/* Notification bars */
.ml-notifs{display:flex;flex-direction:column}
.ml-notif{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid rgba(0,0,0,.07);overflow:hidden;max-height:80px;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}
.ml-notif.g{background:#10B981}
.ml-notif.collapsing{max-height:0;opacity:0;padding-top:0;padding-bottom:0}
.ml-notif-ic{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
.ml-notif-body{flex:1;min-width:0}
.ml-notif-t{font-size:13px;font-weight:700;color:#fff}
.ml-notif-s{font-size:12px;color:rgba(255,255,255,.82);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ml-notif-act{padding:7px 12px;background:rgba(255,255,255,.22);color:#fff;border:1.5px solid rgba(255,255,255,.36);border-radius:9px;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;font-family:inherit}
.ml-notif-x{width:28px;height:28px;background:rgba(255,255,255,.15);border:none;border-radius:6px;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}

/* Colored tab badges */
.ml-tc-g{background:var(--gnbg)!important;color:var(--gntx)!important}
.ml-tc-r{background:var(--rdbg)!important;color:var(--rdtx)!important}

/* Glow animations for shipping + disputed cards */
@keyframes ml-bpulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.9)}70%{box-shadow:0 0 0 8px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}
@keyframes ml-rpulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.8)}70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
.ml-card.glow{border-color:var(--gnbd);animation:ml-bpulse 2s ease-in-out infinite}
.ml-card.rglow{border-color:var(--rdbd);animation:ml-rpulse 2s ease-in-out infinite}

/* Pill dot animation for shipping + disputed */
.ml-pill.shipping::before{animation:ml-dp 1.4s ease-in-out infinite}
.ml-pill.disputed::before{animation:ml-dp 1s ease-in-out infinite}
@keyframes ml-dp{0%,100%{opacity:1}50%{opacity:.2}}

/* Buyer avatar stack */
.ml-bavs{display:flex;align-items:center}
.ml-bav{width:20px;height:20px;border-radius:50%;border:2px solid var(--card);margin-left:-4px;font-size:9px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ml-bav:first-child{margin-left:0}
.ml-blbl{font-size:12px;font-weight:600;color:var(--acc,#0EA5E9);margin-left:6px}
.ml-blbl.none{color:var(--t3);font-weight:400}

/* Shipping strip + countdown bar */
.ml-strip{display:flex;align-items:center;gap:7px;padding:7px 12px;background:var(--gnbg);border-top:1px solid var(--gnbd);font-size:12px;font-weight:600;color:var(--gntx)}
.ml-ccd{display:flex;align-items:center;gap:8px;padding:7px 12px;border-top:1px solid var(--bdr);background:var(--bg2)}
.ml-cd-lbl{font-size:11px;color:var(--t3);flex-shrink:0}
.ml-cd-bar{flex:1;height:4px;background:var(--bdr);border-radius:99px;overflow:hidden}
.ml-cd-fill{height:100%;border-radius:99px}
.ml-cd-fill.ok{background:var(--grn)}.ml-cd-fill.warn{background:var(--ylw,#F59E0B)}.ml-cd-fill.urg{background:var(--red,#EF4444)}
.ml-cd-time{font-size:12px;font-weight:700;flex-shrink:0}
.ml-cd-time.ok{color:var(--gntx)}.ml-cd-time.warn{color:var(--yltx,#B45309)}.ml-cd-time.urg{color:var(--rdtx,#DC2626)}

/* Card action buttons */
.ml-cacts{display:flex;border-top:1px solid var(--bdr)}
.ml-ca{flex:1;padding:10px 0;font-size:13px;font-weight:600;color:var(--t2);background:none;border:none;border-right:1px solid var(--bdr);display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;font-family:inherit}
.ml-ca:last-child{border-right:none}
.ml-ca:active{background:var(--bg2)}
.ml-ca.g{color:var(--gntx)}.ml-ca.b{color:var(--bltx,#1D4ED8)}.ml-ca.r{color:var(--rdtx,#DC2626)}

/* Floating messages badge — top-right of the card */
.ml-msg-badge{position:absolute;top:8px;right:8px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;background:#8B5CF6;color:#fff;z-index:2;pointer-events:none}
.ml-msg-badge.muted{background:var(--bg3);color:var(--t3)}
.ml-card{position:relative}

/* Top offers section inside active cards */
.ml-offers-section{padding:8px 12px 10px;border-top:1px solid var(--bdr);background:var(--bg2)}
.ml-offers-hdr{font-size:10px;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}
.ml-offers-row{display:flex;justify-content:space-between;font-size:12px;padding:3px 0}
.ml-offers-name{color:var(--t2);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}
.ml-offers-amt{color:var(--acc);font-weight:700}

/* ── Empty ── */
.ml-empty{text-align:center;padding:60px 24px;color:var(--t3)}
.ml-empty svg{opacity:.3}
.ml-empty h3{font-size:17px;font-weight:700;color:var(--t1);margin:12px 0 6px}
.ml-empty p{font-size:13px;color:var(--t2);margin:0}

/* ============================================================
   Detail modal — rp-modal clone (scoped to this page).
   Mirrors resell-product-page.php tokens.
   ============================================================ */
.rp-modal{position:fixed;inset:0;z-index:9990;display:none;align-items:flex-end;justify-content:center}
.rp-modal.on{display:flex}
.rp-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45)}
.rp-modal-sheet{position:relative;background:var(--card);width:100%;max-width:480px;max-height:86vh;border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:mlSheetIn .26s cubic-bezier(.32,1.05,.64,1)}
@keyframes mlSheetIn{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media (min-width:720px){
  .rp-modal{align-items:center}
  .rp-modal-sheet{border-radius:18px;max-height:82vh}
}
.rp-modal-drag{width:38px;height:4px;background:var(--bdr);border-radius:4px;margin:10px auto 4px}
.rp-modal-hdr{display:flex;align-items:center;gap:10px;padding:10px 16px 12px;border-bottom:1px solid var(--bdr)}
.rp-modal-title{font-size:16px;font-weight:700;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-modal-sub{font-size:12px;color:var(--t3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rp-modal-close{width:32px;height:32px;border-radius:50%;background:var(--bg2);border:none;display:flex;align-items:center;justify-content:center;color:var(--t2);cursor:pointer;flex-shrink:0;padding:0}
.rp-modal-ce-slot{display:flex;align-items:center}
.rp-modal-ce-slot .ce-modal-trigger{padding:6px 9px!important;background:var(--card)!important;border:1px solid var(--bdr)!important;border-radius:9999px!important;color:var(--t1)!important;display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:11.5px!important;font-weight:600!important;cursor:pointer!important;box-shadow:none!important;font-family:inherit!important}
.rp-modal-body{padding:16px;overflow-y:auto;flex:1}
.ml-modal-loading{text-align:center;padding:40px 16px;color:var(--t3);font-size:14px}

/* ── Modal sub-tabs ── */
.ml-modal-subtabs{display:flex;background:var(--card);border-bottom:1px solid var(--bdr);padding:0 8px}
.ml-stab{flex:1;padding:11px 6px;font-size:13px;font-weight:600;color:var(--t3);background:none;border:none;border-bottom:2.5px solid transparent;display:flex;align-items:center;justify-content:center;gap:5px}
.ml-stab.on{color:var(--acc);border-bottom-color:var(--acc)}
.ml-stab-c{font-size:10px;font-weight:700;padding:2px 6px;border-radius:5px;background:var(--bg2);color:var(--t2)}
.ml-stab.on .ml-stab-c{background:var(--accbg);color:var(--acc)}

/* ── Modal: Details ── */
.ml-det-carousel{position:relative;width:100%;background:var(--bg2);border-radius:14px;overflow:hidden;aspect-ratio:1;margin-bottom:14px}
.ml-det-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.ml-det-track::-webkit-scrollbar{display:none}
.ml-det-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;background:var(--bg2)}
.ml-det-slide img{width:100%;height:100%;object-fit:cover}
.ml-det-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:5px;padding:5px 9px;background:rgba(0,0,0,.42);border-radius:99px}
.ml-det-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);transition:background .18s}
.ml-det-dot.on{background:#fff}

.ml-det-tophead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px}
.ml-det-title{font-size:17px;font-weight:700;color:var(--t1);line-height:1.3;flex:1}
.ml-det-priceblk{text-align:right;flex-shrink:0}
.ml-det-price{font-size:19px;font-weight:800;color:var(--acc);display:block}
.ml-det-origprice{font-size:12px;color:var(--t3);text-decoration:line-through;display:block;margin-top:2px}

.ml-det-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}

.ml-det-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:13px;margin:12px 0;padding:12px 14px;background:var(--bg2);border-radius:12px}
.ml-det-grid dt{color:var(--t3);font-weight:600}
.ml-det-grid dd{color:var(--t1);margin:0;word-break:break-word}

.ml-det-tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 14px}
.ml-det-tag{font-size:11px;font-weight:600;color:var(--t2);background:var(--bg2);border:1px solid var(--bdr);padding:3px 8px;border-radius:6px}

/* Legacy selector — replaced by .ml-det-actions below */
.ml-det-pub{display:none}

/* Detail modal action buttons — two equal buttons side by side */
.ml-det-actions{display:flex;gap:8px;margin-top:12px}
.ml-det-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:none;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;font-family:inherit;text-align:center}
.ml-det-btn svg{flex-shrink:0}
.ml-det-btn.primary{background:#8B5CF6;color:#fff}
.ml-det-btn.primary:hover{background:#7C3AED;color:#fff}
.ml-det-btn.secondary{background:#1a1a1a;color:#fff}
.ml-det-btn.secondary:hover{background:#000;color:#fff}

/* ── Modal: Offers ── */
.ml-ofr-list{display:flex;flex-direction:column;gap:10px}
.ml-ofr-row{background:var(--card);border:1px solid var(--bdr);border-radius:13px;padding:12px 13px}
.ml-ofr-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.ml-ofr-av{width:34px;height:34px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ml-ofr-info{flex:1;min-width:0}
.ml-ofr-who{font-size:13px;font-weight:700;color:var(--t1)}
.ml-ofr-time{font-size:11px;color:var(--t3);margin-top:1px}
.ml-ofr-amt{font-size:16px;font-weight:800;color:var(--acc);white-space:nowrap}
.ml-ofr-msg{font-size:13px;color:var(--t2);margin:4px 0 8px;line-height:1.4;padding:8px 10px;background:var(--bg2);border-radius:9px}
.ml-ofr-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ml-ofr-pill{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}
.ml-ofr-pill.pending{background:var(--ylbg);color:var(--yltx);border:1px solid var(--ylbd)}
.ml-ofr-pill.accepted{background:var(--gnbg);color:var(--gntx);border:1px solid var(--gnbd)}
.ml-ofr-pill.declined,.ml-ofr-pill.recalled{background:var(--rdbg);color:var(--rdtx);border:1px solid var(--rdbd)}
.ml-ofr-acts{display:flex;gap:7px}
.ml-ofr-btn{padding:7px 13px;border-radius:9px;font-size:12px;font-weight:700;border:none;cursor:pointer;font-family:inherit}
.ml-ofr-btn.acc{background:var(--grn);color:#fff}
.ml-ofr-btn.acc:hover{background:var(--gntx)}
.ml-ofr-btn.dec{background:var(--rdbg);color:var(--rdtx);border:1px solid var(--rdbd)}
.ml-ofr-btn.dec:hover{background:var(--red);color:#fff}
.ml-ofr-btn:disabled{opacity:.55;cursor:not-allowed}

/* ── Modal: Chats ── */
.ml-chat-list{display:flex;flex-direction:column}
.ml-chat-row{display:flex;align-items:center;gap:11px;padding:12px 4px;border-bottom:1px solid var(--bdr);cursor:pointer;text-decoration:none;color:inherit}
.ml-chat-row:last-child{border-bottom:none}
.ml-chat-row:active{background:var(--bg2)}
.ml-chat-av{width:40px;height:40px;border-radius:50%;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ml-chat-body{flex:1;min-width:0}
.ml-chat-name{font-size:14px;font-weight:700;color:var(--t1);display:flex;align-items:center;gap:6px}
.ml-chat-prev{font-size:12px;color:var(--t2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ml-chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}
.ml-chat-time{font-size:11px;color:var(--t3)}
.ml-chat-badge{background:var(--acc);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:99px;padding:0 6px;display:flex;align-items:center;justify-content:center}

.ml-modal-empty{text-align:center;padding:40px 12px;color:var(--t3);font-size:13px}

/* ── iOS 16px input rule (prevent zoom-on-focus) ── */
body.agentlo-my-listings-body input,
body.agentlo-my-listings-body textarea,
body.agentlo-my-listings-body select{font-size:16px!important}