/* Hunter (property-seeker) dashboard — overview, Agents Interested, Recommended.
   Layered on top of dashboard.css (shared shell) + listings.css (ListingCard).
   Palette: yellow #FFD400 / #c79a00 (accent text), dark #0a0a0a, green #4caf50. */

/* Overview stat grid wraps past 4 cards */
.hd-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

/* Quick actions row */
.hd-quick{display:flex;gap:10px;flex-wrap:wrap;padding:20px 28px 0}
.hd-quick-btn{display:flex;align-items:center;gap:8px;padding:11px 16px;background:#fff;border:1px solid #e5e5e2;border-radius:10px;font-size:13px;font-weight:600;color:#333;text-decoration:none;transition:all .18s}
.hd-quick-btn i{font-size:18px;color:#c79a00}
.hd-quick-btn:hover{border-color:#FFD400;background:#fffdf0;box-shadow:0 2px 10px rgba(255,212,0,.15)}

/* Empty states */
.hd-empty{font-size:13px;color:#999;text-align:center;padding:26px 12px;display:flex;flex-direction:column;align-items:center;gap:8px}
.hd-empty i{font-size:30px;color:#ddd}

/* --- Agents Interested teaser (overview headline) --- */
.hd-interested-teaser{background:linear-gradient(180deg,#0a0a0a,#161206);border-color:#2a2a2a;color:#fff}
.hd-teaser-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.hd-teaser-title{font-size:17px;font-weight:700;color:#FFD400;display:flex;align-items:center;gap:8px}
.hd-teaser-sub{font-size:13px;color:#aaa;margin-top:4px;max-width:560px}
.hd-interested-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.hd-mini-agent{position:relative;display:flex;align-items:center;gap:10px;padding:12px;background:#141414;border:1px solid #262626;border-radius:10px;text-decoration:none;transition:all .2s}
.hd-mini-agent:hover{border-color:#FFD400;background:#1a1600}
.hd-mini-main{min-width:0}
.hd-mini-name{font-size:13px;font-weight:600;color:#fff;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hd-mini-meta{font-size:11px;color:#999;margin-top:2px;white-space:nowrap}
.hd-stars{color:#FFD400;letter-spacing:1px}
.hd-mini-agent .unread-dot{position:absolute;top:10px;right:10px}

/* Recommended grid on the overview keeps to one tidy row */
.hd-rec-grid{margin-top:2px}

/* --- Agents Interested page --- */
.hd-agents-wrap{display:flex;flex-direction:column;gap:14px;padding:16px 28px 28px}
.hd-agent-card{transition:border-color .18s,box-shadow .18s}
.hd-agent-card.shortlisted{border-color:#FFD400;box-shadow:0 0 0 3px rgba(255,212,0,.14)}
.hd-agent-head{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.hd-agent-avatar{width:52px;height:52px;font-size:18px;flex-shrink:0}
.hd-agent-id{flex:1;min-width:200px}
.hd-agent-name{font-size:16px;font-weight:700;color:#111;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.hd-verified{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#378ADD;background:#f0f4ff;border:1px solid #cfe0ff;padding:2px 8px;border-radius:20px}
.hd-new-tag{font-size:10px;font-weight:700;color:#fff;background:#FF7A00;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}
.hd-agent-rating{font-size:13px;color:#555;margin-top:4px}
.hd-agent-terr{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.hd-agent-stats{display:flex;gap:20px;flex-shrink:0}
.hd-stat{display:flex;flex-direction:column;text-align:right}
.hd-stat-val{font-size:15px;font-weight:700;color:#111}
.hd-stat-lbl{font-size:11px;color:#999}
.hd-agent-msg{margin-top:14px;padding:12px 14px;background:#f9f9f7;border-radius:9px;font-size:13px;color:#444;line-height:1.5}
.hd-agent-msg i{color:#c79a00;margin-right:4px}
.hd-agent-time{color:#aaa;font-size:12px;margin-left:4px}
.hd-agent-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.btn-sm-outline.active{border-color:#FFD400;background:#fffdf0;color:#8a6d00}
.hd-ignore:hover{border-color:#e57373;color:#c62828}

/* Recommended page */
.hd-rec-page{padding:20px 28px 28px}

/* Toast */
.hd-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#0a0a0a;color:#fff;font-size:13px;font-weight:500;padding:13px 20px;border-radius:10px;display:flex;align-items:center;gap:9px;box-shadow:0 8px 30px rgba(0,0,0,.3);z-index:100;max-width:90vw}
.hd-toast i{color:#4caf50;font-size:18px}

/* Mobile nav strip (sidebar hidden ≤768px) */
.hd-mobilenav{display:none}
@media(max-width:768px){
  /* The bar is pinned to a fixed 52px (32px pill + 2×10px padding) with
     box-sizing:border-box so it is IDENTICAL on every hunter page. Two things
     used to make it vary between tabs:
       1. align-items defaulted to stretch, so pills grew to fill extra height;
          align-items:center keeps each pill its own content height.
       2. overflow-x:auto reserves ~15px for a horizontal scrollbar on devices
          whose scrollbars take layout space (some Android Chrome) — where the
          scrollbar-hiding below doesn't drop that space. The fixed height +
          overflow-y:hidden caps the bar so a reserved scrollbar can't inflate it.
     Swipe/drag still scrolls the tabs horizontally. */
  .hd-mobilenav{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;height:52px;box-sizing:border-box;padding:10px 16px;background:#0a0a0a;position:sticky;top:0;z-index:60;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
  .hd-mobilenav::-webkit-scrollbar{display:none}
  .hd-mobilenav-item{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;font-weight:600;color:#888;text-decoration:none;padding:8px 14px;border-radius:20px;background:#161616;flex-shrink:0}
  .hd-mobilenav-item.active{background:#1a1200;color:#FFD400}
  .hd-mobilenav-item i{font-size:16px}
  /* The tab strip is the ONE persistent menu bar on every hunter page. Some
     pages (My Requests, Messages, Alerts, Saved) also carry a yellow logo
     topbar, and the dashboard pages a white one — both of which are ALSO
     sticky top:0. Two bars pinned to the same spot overlap: the strip's way
     back to Overview gets covered and the header height jumps between tabs.
     So the strip alone stays pinned; secondary topbars scroll away with the
     page. This file only loads on hunter pages, so agent/public bars keep
     their own sticky behaviour. */
  .hd-mobilenav ~ .lst-topbar,
  .dash-main .dash-topbar{position:static}
  .hd-quick{padding:14px 16px 0}
  .hd-interested-strip{grid-template-columns:repeat(2,1fr)}
  .hd-agents-wrap{padding:14px 16px 24px}
  .hd-rec-page{padding:14px 16px 24px}
  .hd-agent-stats{gap:16px}
}
@media(max-width:480px){
  .hd-interested-strip{grid-template-columns:1fr}
  .hd-quick-btn{flex:1;justify-content:center}
}