/* Lead Mining v3 — Premium Dashboard Theme */
/* Matches the futuristic landing page design */

/* ── Skip Navigation (accessibility) ── */
.skip-nav {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  z-index: 99999 !important;
}
.skip-nav:focus {
  position: fixed !important;
  top: 10px !important;
  left: 10px !important;
  width: auto !important;
  height: auto !important;
  padding: 12px 24px !important;
  background: #0e1016 !important;
  color: #dfbd69 !important;
  border: 2px solid #dfbd69 !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  z-index: 99999 !important;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Geist+Mono:wght@400;500&display=swap');

:root {
  --green: #dfbd69;
  --green2: #c9a84c;
  --green-dim: rgba(223,189,105,0.06);
  --green-border: rgba(223,189,105,0.2);
  --surface: rgba(14,16,22,0.75);
}

/* ── Base ── */
* { box-sizing: border-box; }
body {
  background: #080910 !important;
  background-image: none !important;
  color: #eeeef0 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  padding: 16px !important;
}
::selection { background: rgba(223,189,105,0.2); }
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.05); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.1); }

/* ── Header ── */
.header {
  background: rgba(8,9,16,0.9) !important;
  backdrop-filter: blur(32px) !important;
  -webkit-backdrop-filter: blur(32px) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  box-shadow: 0 1px 0 rgba(223,189,105,0.08), 0 4px 32px rgba(0,0,0,0.4) !important;
  border-radius: 14px !important;
  padding: 16px 24px !important;
  margin-bottom: 20px !important;
}
.logo, .nav-logo {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  color: #eeeef0 !important;
  font-weight: 900 !important;
  font-size: 22px !important;
  letter-spacing: -0.04em !important;
}
.user-info {
  font-size: 13px !important;
  color: #8b8b9e !important;
}
.btn-logout {
  background: rgba(255,255,255,0.03) !important;
  color: #8b8b9e !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 7px 14px !important;
  transition: all 0.2s !important;
}
.btn-logout:hover {
  color: #ef4444 !important;
  border-color: rgba(239,68,68,0.2) !important;
  background: rgba(239,68,68,0.05) !important;
}

/* ── Stat Cards ── */
.stats {
  gap: 14px !important;
  margin-bottom: 20px !important;
}
.stat-card {
  background: rgba(14,16,22,0.8) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-top: 2px solid rgba(223,189,105,0.28) !important;
  border-radius: 12px !important;
  padding: 18px 22px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1) !important;
}
.stat-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(223,189,105,0.4), transparent) !important;
  opacity: 0 !important;
  transition: opacity 0.3s !important;
}
.stat-card:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(223,189,105,0.18) !important;
  box-shadow: 0 0 0 1px rgba(223,189,105,0.1), 0 12px 40px rgba(0,0,0,0.4) !important;
}
.stat-card:hover::before { opacity: 1 !important; }
.stat-label {
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #55556a !important;
  font-weight: 600 !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  margin-bottom: 6px !important;
}
.stat-value {
  color: #dfbd69 !important;
  font-weight: 800 !important;
  font-size: 26px !important;
  letter-spacing: -0.03em !important;
  text-shadow: 0 0 24px rgba(223,189,105,0.3) !important;
}

/* ── Cards ── */
.card {
  background: rgba(14,16,22,0.7) !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(16px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.04) !important;
  padding: 20px !important;
}
.card-title {
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  font-size: 18px !important;
  color: #eeeef0 !important;
}

/* ── Tabs ── */
[style*="cursor: pointer"][style*="padding: 8px 16px"],
[style*="cursor:pointer"][style*="padding:8px 16px"] {
  border-radius: 8px !important;
  transition: all 0.2s !important;
}

/* ── Pull Leads Button ── */
.btn-pull {
  background: linear-gradient(135deg, #dfbd69 0%, #c9a84c 100%) !important;
  color: #000 !important;
  border: none !important;
  border-radius: 12px !important;
  box-shadow: 0 0 28px rgba(223,189,105,0.3), 0 4px 16px rgba(0,0,0,0.4) !important;
  width: 100% !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 12px 24px !important;
  transition: all 0.25s cubic-bezier(0.4,0,0.2,1) !important;
  position: relative !important;
  overflow: hidden !important;
  letter-spacing: -0.01em !important;
  font-family: 'Inter', sans-serif !important;
}
.btn-pull::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.12) 50%, transparent 100%) !important;
  background-size: 200% 100% !important;
  animation: shimmer 3s ease-in-out infinite !important;
  pointer-events: none !important;
}
@keyframes shimmer { 0%{background-position:-200% 0} 100%{background-position:200% 0} }
.btn-pull:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 0 44px rgba(223,189,105,0.45), 0 8px 24px rgba(0,0,0,0.5) !important;
}
.btn-pull:active {
  transform: translateY(0) scale(0.98) !important;
}
.btn-pull:disabled {
  background: rgba(223,189,105,0.15) !important;
  color: rgba(0,0,0,0.3) !important;
  box-shadow: none !important;
}

/* ── Custom Checkboxes ── */
input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 15px !important;
  height: 15px !important;
  border: 1.5px solid rgba(255,255,255,0.12) !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,0.02) !important;
  cursor: pointer !important;
  position: relative !important;
  transition: all 0.15s ease !important;
  flex-shrink: 0 !important;
  vertical-align: middle !important;
}
input[type="checkbox"]:checked {
  background: #dfbd69 !important;
  border-color: #dfbd69 !important;
}
input[type="checkbox"]:checked::after {
  content: '✓' !important;
  position: absolute !important;
  top: 50% !important; left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  color: #000 !important;
}
input[type="checkbox"]:hover {
  border-color: rgba(223,189,105,0.3) !important;
}

/* ── Inputs ── */
input[type="text"], input[type="email"], input[type="password"],
input[type="number"], input[type="search"], select, textarea {
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  color: #eeeef0 !important;
  border-radius: 8px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
  outline: none !important;
}
input:focus, select:focus, textarea:focus {
  border-color: rgba(223,189,105,0.3) !important;
  box-shadow: 0 0 0 2px rgba(223,189,105,0.06), 0 0 16px rgba(223,189,105,0.03) !important;
  outline: 2px solid rgba(223,189,105,0.4) !important;
  outline-offset: 1px !important;
}
input:focus:not(:focus-visible), select:focus:not(:focus-visible), textarea:focus:not(:focus-visible) {
  outline: none !important;
}
input::placeholder { color: #3a3a4e !important; }

/* ── Table ── */
.leads-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
.leads-table th {
  background: rgba(223,189,105,0.02) !important;
  color: rgba(255,255,255,0.35) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.09em !important;
  padding: 8px 10px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
}
.leads-table td {
  padding: 9px 10px !important;
  border-bottom: 1px solid rgba(255,255,255,0.025) !important;
  font-size: 13px !important;
  transition: background 0.15s !important;
}
.leads-table tr:hover td {
  background: rgba(223,189,105,0.025) !important;
}
.leads-table tr {
  cursor: pointer;
}

/* ── Download/Export ── */
.btn-download {
  background: rgba(223,189,105,0.08) !important;
  color: #dfbd69 !important;
  border: 1px solid rgba(223,189,105,0.25) !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  padding: 8px 16px !important;
  transition: all 0.2s ease !important;
}
.btn-download:hover {
  background: rgba(223,189,105,0.15) !important;
  border-color: rgba(223,189,105,0.45) !important;
  box-shadow: 0 0 16px rgba(223,189,105,0.2) !important;
  transform: translateY(-1px) !important;
}

/* ── Filter Panel ── */
.filter-category-header {
  padding: 10px 0 6px !important;
  margin-top: 10px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.28) !important;
  border-top: 1px solid rgba(255,255,255,0.05) !important;
}
.filter-category-header:hover {
  opacity: 0.9 !important;
}
.checkbox-group label {
  font-size: 13px !important;
  color: #8b8b9e !important;
  transition: all 0.15s !important;
  border-radius: 8px !important;
  padding: 5px 8px !important;
  margin: 1px -8px !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
}
.checkbox-group label:hover {
  color: rgb(238,238,240) !important;
  background: rgba(223,189,105,0.05) !important;
}
.checkbox-group label:has(input:checked) {
  background: rgba(223,189,105,0.08) !important;
  border: 1px solid rgba(223,189,105,0.16) !important;
  border-radius: 8px !important;
  color: rgb(238,238,240) !important;
}

/* ── Map ── */
#persistentMapContainer {
  background: #080910 !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

/* ── Results ── */
.results-area {
  animation: fadeIn 0.3s ease-out !important;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.results-header {
  padding-bottom: 12px !important;
  margin-bottom: 12px !important;
  border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}
.results-count {
  color: #dfbd69 !important;
  font-weight: 700 !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  text-shadow: 0 0 20px rgba(223,189,105,0.3) !important;
  letter-spacing: -0.02em !important;
}

/* ── Buttons (general) ── */
button {
  font-family: 'Inter', sans-serif !important;
  transition: all 0.2s cubic-bezier(0.4,0,0.2,1) !important;
}

/* ── Empty State ── */
.empty-state {
  opacity: 0.7;
}

/* ── Modal backdrop ── */
[style*="position: fixed"][style*="z-index"][style*="background"] {
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

/* ── Property detail modal sections ── */
[style*="border-radius:12px"][style*="background:rgba"] {
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
}

/* ── Form group labels ── */
.form-group label, label[for] {
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: #55556a !important;
  font-weight: 600 !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
}

/* ── Settings/Pricing pages ── */
.settings-card, .p-card {
  background: rgba(14,16,22,0.5) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  border-radius: 14px !important;
}
.p-card:hover {
  transform: translateY(-2px) !important;
}
.p-card.featured {
  border-color: rgba(223,189,105,0.12) !important;
  box-shadow: 0 0 30px rgba(223,189,105,0.04) !important;
}

/* ── Login page ── */
.login-card, form[action*="login"], .signup-card {
  background: rgba(14,16,22,0.7) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(20px) !important;
}
button[type="submit"], input[type="submit"] {
  background: #dfbd69 !important;
  color: #000 !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-family: 'Inter', sans-serif !important;
}
button[type="submit"]:hover, input[type="submit"]:hover {
  background: #dfbd69 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(223,189,105,0.2) !important;
}

/* ── Grid pattern background (subtle) ── */
body::before {
  content: '';
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image:
    radial-gradient(ellipse 800px 500px at 50% 0%, rgba(223,189,105,0.04) 0%, transparent 70%),
    linear-gradient(rgba(255,255,255,0.012) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.012) 1px, transparent 1px) !important;
  background-size: auto, 60px 60px, 60px 60px !important;
  mask-image: radial-gradient(ellipse at 50% 30%, rgba(0,0,0,0.2) 0%, transparent 60%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 30%, rgba(0,0,0,0.2) 0%, transparent 60%);
  pointer-events: none;
  z-index: 0;
}
body > * { position: relative; z-index: 1; }

/* ── Responsive ── */
@media (max-width: 768px) {
  .header { padding: 12px 16px !important; border-radius: 10px !important; }
  .stat-card { padding: 14px 16px !important; border-radius: 10px !important; }
  .card { border-radius: 10px !important; padding: 16px !important; }
  body { padding: 10px !important; }
}

/* ═══ Property Detail Modal — Premium Overhaul ═══ */

/* Section containers — the colored boxes */
[style*="background:rgba(60,223,125"] {
  background: rgba(14,16,22,0.6) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
}

/* Section headers in modal (h4 tags) */
[style*="margin-bottom:12px;color:#dfbd69"],
[style*="margin-bottom:16px;color:#dfbd69"],
[style*="margin-bottom:12px;color:#e2e8f0"],
[style*="margin-bottom:12px;color:#eeeef0"] {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  color: #dfbd69 !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
  margin-bottom: 14px !important;
}

/* Property detail text lines */
[style*="font-size:14px;line-height:1.8;color:#94a3b8"],
[style*="font-size:14px;line-height:1.8;color:#8b8b9e"] {
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: #8b8b9e !important;
}

/* Bold labels in property details */
[style*="font-size:14px;line-height:1.8"] strong {
  color: #eeeef0 !important;
  font-weight: 600 !important;
}

/* Listing description box */
[style*="background:rgba(0,0,0,0.2);border-radius:8px"] {
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  border-radius: 10px !important;
  font-style: normal !important;
  color: #8b8b9e !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  padding: 14px 16px !important;
}

/* Tax history table in modal */
[style*="border-collapse:collapse;font-size:13px"],
[style*="border-collapse:collapse;font-size:12px"] {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Tax table headers */
[style*="border-collapse:collapse"] th,
[style*="border-collapse:collapse"] thead tr {
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #55556a !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-weight: 700 !important;
  padding: 8px 10px !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
}

/* Tax table cells */
[style*="border-collapse:collapse"] td {
  padding: 10px !important;
  border-bottom: 1px solid rgba(255,255,255,0.02) !important;
  font-size: 13px !important;
}

/* Tax table rows hover */
[style*="border-collapse:collapse"] tbody tr:hover {
  background: rgba(223,189,105,0.02) !important;
}

/* Sale history table */
[style*="border-bottom:1px solid rgba(255,255,255,0.05)"] {
  border-bottom: 1px solid rgba(255,255,255,0.03) !important;
}

/* Status tags — more refined */
[style*="border-radius:12px"][style*="font-size:12px"][style*="padding:4px"],
[style*="border-radius:4px"][style*="font-size:11px"] {
  border-radius: 6px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  padding: 3px 8px !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
}

/* Modal close button / X */
[style*="position:absolute"][style*="cursor:pointer"][style*="font-size:24px"],
[style*="position:absolute"][style*="cursor:pointer"][style*="font-size: 24px"] {
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.06) !important;
  transition: all 0.2s !important;
}
[style*="position:absolute"][style*="cursor:pointer"][style*="font-size:24px"]:hover,
[style*="position:absolute"][style*="cursor:pointer"][style*="font-size: 24px"]:hover {
  background: rgba(239,68,68,0.1) !important;
  border-color: rgba(239,68,68,0.2) !important;
}

/* View Map & Photos button */
[style*="background:linear-gradient"][style*="border-radius:12px"][style*="padding:14px"],
[style*="background:#dfbd69"][style*="border-radius:12px"] {
  background: #dfbd69 !important;
  color: #000 !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  border: none !important;
  transition: all 0.25s !important;
}
[style*="background:linear-gradient"][style*="border-radius:12px"][style*="padding:14px"]:hover {
  background: #dfbd69 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(223,189,105,0.2) !important;
}

/* Grid layout for property details — better spacing */
[style*="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))"] {
  gap: 16px !important;
}

/* Investor signal badges */
[style*="border-radius:20px;font-size:12px;font-weight:500"] {
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.03em !important;
  padding: 4px 12px !important;
}

/* Deep enrich button */
[onclick*="deepEnrichProperty"] {
  background: rgba(223,189,105,0.08) !important;
  border: 1px solid rgba(223,189,105,0.2) !important;
  color: #dfbd69 !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  transition: all 0.25s !important;
}
[onclick*="deepEnrichProperty"]:hover {
  background: rgba(223,189,105,0.12) !important;
  border-color: rgba(223,189,105,0.3) !important;
  transform: translateY(-1px) !important;
}

/* ── Tab Buttons ── */
.tab-btn {
  background: transparent !important;
  color: rgba(148,163,184,0.7) !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  padding: 12px 24px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  letter-spacing: -0.01em !important;
}
.tab-btn:hover {
  color: rgba(238,238,240,0.9) !important;
}
.tab-btn.active {
  color: #dfbd69 !important;
  border-bottom: 2px solid #dfbd69 !important;
  text-shadow: 0 0 16px rgba(223,189,105,0.35) !important;
}

/* ── Form Inputs v2 ── */
.form-input, .form-select {
  background: rgba(255,255,255,0.025) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 10px !important;
  color: rgb(238,238,240) !important;
  font-size: 13px !important;
  transition: all 0.2s ease !important;
}
.form-input:focus, .form-select:focus {
  border-color: rgba(223,189,105,0.4) !important;
  box-shadow: 0 0 0 3px rgba(223,189,105,0.08) !important;
  outline: 2px solid rgba(223,189,105,0.4) !important;
  outline-offset: 1px !important;
  background: rgba(223,189,105,0.03) !important;
}
.form-input:focus:not(:focus-visible), .form-select:focus:not(:focus-visible) {
  outline: none !important;
}
.form-label, label[for] {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: rgba(255,255,255,0.3) !important;
  margin-bottom: 6px !important;
}

/* ── Property Modal v2 ── */
.modal-content {
  background: rgb(12,14,20) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  border-radius: 20px !important;
  box-shadow: 0 0 0 1px rgba(223,189,105,0.07), 0 40px 100px rgba(0,0,0,0.85) !important;
}
.property-modal {
  background: rgba(0,0,0,0.8) !important;
  backdrop-filter: blur(16px) !important;
}

/* ── Results area — match dark bg ── */
.card.results-area, .results-area {
  background: #080910 !important;
  border-color: rgba(255,255,255,0.04) !important;
}
.empty-state {
  background: transparent !important;
}

/* ── Advanced filter arrow rotation ── */
.chevron.collapsed {
  transform: rotate(-90deg) !important;
  transition: transform 0.2s !important;
}
.chevron {
  transition: transform 0.2s !important;
}

/* ── Filter text brightness ── */
.checkbox-item label, .checkbox-group label {
  color: rgba(238,238,240,0.85) !important;
  font-size: 13px !important;
}
.checkbox-item label span, .checkbox-group label span {
  color: rgba(200,200,220,0.6) !important;
}
.filter-category-header label, .filter-category-header .form-label {
  color: rgba(238,238,240,0.7) !important;
  font-size: 11px !important;
}
.form-label, label[for] {
  color: rgba(238,238,240,0.45) !important;
}
small, .form-group small, [style*="color:#64748b"], [style*="color: #64748b"] {
  color: rgba(200,200,220,0.4) !important;
}

/* ── Filter text — even brighter ── */
.checkbox-item label, .checkbox-group label {
  color: #e2e4e8 !important;
}
.checkbox-item span[style*="color"], .checkbox-group span[style*="color"] {
  color: rgba(220,220,235,0.7) !important;
}
.filter-category-header label, .filter-category-header .form-label {
  color: #d0d2d8 !important;
}

/* ── List pills — compact ── */
[onclick*="filterByList"], [onclick*="showAllSaved"], [onclick*="showAll("] {
  padding: 4px 12px !important;
  font-size: 11px !important;
  border-radius: 6px !important;
  line-height: 1.4 !important;
}

/* ── Map InfoWindow — tighter spacing ── */
.gm-style-iw-c {
  padding: 0 !important;
  border-radius: 10px !important;
  background: #0e1018 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.6) !important;
}
.gm-style-iw-d {
  overflow: hidden !important;
  padding: 0 !important;
  max-height: none !important;
}
.gm-style-iw-chr {
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  z-index: 10 !important;
  height: auto !important;
  padding: 0 !important;
}
.gm-style-iw-tc, .gm-style-iw-tc::after {
  display: none !important;
}
.gm-ui-hover-effect {
  top: 4px !important;
  right: 4px !important;
  width: 24px !important;
  height: 24px !important;
  opacity: 0.6 !important;
}
.gm-ui-hover-effect:hover {
  opacity: 1 !important;
}

/* ── InfoWindow X button — more padding from edge ── */
.gm-style-iw-chr {
  top: 8px !important;
  right: 8px !important;
}
.gm-ui-hover-effect {
  top: 8px !important;
  right: 8px !important;
  background: rgba(255,255,255,0.06) !important;
  border-radius: 6px !important;
  width: 28px !important;
  height: 28px !important;
}

/* ── InfoWindow X — no background box ── */
.gm-ui-hover-effect {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* ── InfoWindow X — top right corner ── */
.gm-style-iw-chr {
  top: 2px !important;
  right: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.gm-ui-hover-effect {
  top: 2px !important;
  right: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── InfoWindow — force X inside the card ── */
.gm-style-iw-c {
  overflow: visible !important;
}
.gm-style-iw-c > button,
.gm-style-iw-c > .gm-style-iw-chr,
button.gm-ui-hover-effect {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  z-index: 999 !important;
}
.gm-style-iw-chr {
  display: contents !important;
}

/* ── InfoWindow — kill top dead space ── */
.gm-style-iw-c > div:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.gm-style-iw {
  padding: 0 !important;
  margin: 0 !important;
}
.gm-style-iw-d > div {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.gm-style-iw-c {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* ── Advanced filter sub-labels — brighter ── */
#advancedFilters .form-label,
#advancedFilters label {
  color: #d0d2d8 !important;
}

/* ── Form labels — match filter header brightness ── */
.form-label, .form-group label, label[for] {
  color: #d0d2d8 !important;
}

/* ── Table badges — redesigned ── */
.table-badge {
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 100px !important;
  letter-spacing: 0.05em !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  display: inline-block !important;
}
.table-badge-vacant {
  background: rgba(223, 189, 105, 0.1) !important;
  color: #dfbd69 !important;
  border: 1px solid rgba(223, 189, 105, 0.25) !important;
}
.table-badge-absentee {
  background: rgba(167, 139, 250, 0.1) !important;
  color: #a78bfa !important;
  border: 1px solid rgba(167, 139, 250, 0.25) !important;
}

/* ── Table rows — kill blue tint ── */
.leads-table td {
  background: #080910 !important;
}
.leads-table tbody tr:nth-child(even) td {
  background: #0c0d14 !important;
}
.leads-table tbody tr:hover td {
  background: rgba(223,189,105,0.03) !important;
}

/* ── View All Photos button — brighter ── */
#showMorePhotos, button[data-count] {
  background: linear-gradient(135deg, #dfbd69 0%, #c9a84c 100%) !important;
  color: #000 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 10px 20px !important;
  border-radius: 10px !important;
  border: none !important;
}

/* ── Modal bottom action buttons ── */
.modal-content button[onclick*="google.com/maps"],
.modal-content button[onclick*="copyAddress"],
.modal-content [style*="margin-top:24px"] button,
.modal-content [style*="margin-top:32px"] button {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: rgba(238,238,240,0.8) !important;
  border-radius: 10px !important;
  padding: 10px 20px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
.modal-content button[onclick*="google.com/maps"]:hover,
.modal-content button[onclick*="copyAddress"]:hover,
.modal-content [style*="margin-top:24px"] button:hover,
.modal-content [style*="margin-top:32px"] button:hover {
  background: rgba(223,189,105,0.08) !important;
  border-color: rgba(223,189,105,0.25) !important;
  color: #dfbd69 !important;
}

/* ── v2 card badges — space for close button ── */
.pc-badges {
  padding-right: 40px !important;
}

/* ── Modal content — inner padding for sections below v2 card ── */
.modal-content #modalContent {
  padding: 0 20px 20px 20px !important;
}
.modal-content .property-card-v2 {
  margin: 0 -20px !important;
  width: calc(100% + 40px) !important;
}

/* ── Expanded row section headers — more breathing room ── */
[style*="text-transform:uppercase"][style*="letter-spacing"][style*="border-bottom"] {
  margin-top: 20px !important;
  padding-top: 8px !important;
}

/* ── Expanded row section headers — much more top spacing ── */
.pc-section-title {
  margin-top: 28px !important;
}
/* Also target the inline-styled section headers in the expanded detail view */
h4[style*="color:#dfbd69"],
h4[style*="color:#f87171"],
h4[style*="color:#a78bfa"],
h4[style*="color:#F87171"] {
  margin-top: 32px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}
/* First section header shouldn't have top border */
.modal-content h4:first-of-type {
  margin-top: 0 !important;
  border-top: none !important;
  padding-top: 0 !important;
}

/* ── Modal inner content — force padding on all cards ── */
.modal-content {
  padding: 0 20px 20px 20px !important;
}
.modal-content .property-card-v2 {
  margin-left: -20px !important;
  margin-right: -20px !important;
  margin-top: 0 !important;
  width: calc(100% + 40px) !important;
}

/* ── Inherited signal badges — uniform size ── */
[style*="border-radius:20px"][style*="font-size:10px"][style*="font-weight:600"] {
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 4px 12px !important;
  border-radius: 100px !important;
  letter-spacing: 0.04em !important;
  font-family: 'Geist Mono', ui-monospace, monospace !important;
  display: inline-block !important;
  line-height: 1.4 !important;
  vertical-align: middle !important;
}