/* Fallback visual layer for staging when Next hashed CSS is stale/missing */
:root {
  --bg: #f6f8fb;
  --panel: #ffffff;
  --text: #172033;
  --muted: #6b7280;
  --border: #e5e7eb;
  --border-strong: #dbe1ea;
}
* { box-sizing: border-box; }
html, body {
  margin: 0;
  padding: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  background: var(--bg);
  color: var(--text);
}
.page-wrap { padding: 26px; max-width: 1400px; margin: 0 auto; }
.card { background: #fff; border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 1px 2px rgba(16,24,40,.04); }
.section-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; gap:12px; flex-wrap:wrap; }
.section-title { margin:0; font-size: clamp(1.7rem, 2.6vw, 2.25rem); letter-spacing:0; }
.input,.select { height:44px; border:1px solid var(--border-strong); border-radius:8px; padding:0 14px; width:100%; background:#fff; }
.btn-primary{background:#172033;color:#fff;border:1px solid #172033;border-radius:8px;height:44px;padding:0 16px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.btn-secondary{background:#fff;color:#111827;border:1px solid var(--border-strong);border-radius:8px;height:44px;padding:0 16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600}
.table { width:100%; border-collapse:separate; border-spacing:0; }
.table th,.table td { border-top:1px solid #eef2f7; padding:13px 14px; text-align:left; font-size:14px; }
.table th { background:#fbfcfe; color:#6b7280; font-weight:600; }
.badge { border:1px solid #dbe5f0; border-radius:999px; padding:4px 10px; font-size:12px; background:#f8fafc; display:inline-block; color:#334155; font-weight:600; }

/* Leads table normalization (overrides old inline table styles) */
.leads-page table { width:100% !important; border-collapse:separate !important; border-spacing:0 !important; min-width: 980px; }
.leads-page th, .leads-page td {
  border: 0 !important;
  border-top: 1px solid #eef2f7 !important;
  padding: 11px 12px !important;
  font-size: 13px;
}
.leads-page thead th { background:#fbfcfe; color:#667085; font-weight:600; }
.leads-page tbody tr:hover td { background:#fbfdff; }
.leads-page a { color:#1d4ed8; text-decoration:none; font-weight:600; }
.leads-page a:hover { text-decoration:underline; }