:root { --ink:#1f2a2e; --muted:#5b6b70; --bg:#f6f3ee; --card:#fffdf9; --line:#ddd5c9; --accent:#2f6f62; --err:#a33a2b; }
* { box-sizing: border-box; }
body { margin:0; font:15px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; color:var(--ink); background:var(--bg); }
a { color:var(--accent); }
.top { display:flex; justify-content:space-between; align-items:center; padding:12px 24px; background:var(--card); border-bottom:1px solid var(--line); }
.brand { font:600 17px/1 Georgia, serif; color:var(--ink); text-decoration:none; }
.who { display:flex; gap:12px; align-items:center; color:var(--muted); font-size:14px; margin:0; }
main { max-width:1100px; margin:0 auto; padding:24px; }
h1 { font:500 26px/1.2 Georgia, serif; margin:0; }
h2 { font-size:13px; text-transform:uppercase; letter-spacing:.08em; color:var(--muted); margin:0 0 10px; }
.bar { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:16px; }
.card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:20px; margin-bottom:16px; }
.narrow { max-width:420px; margin:60px auto; text-align:center; }
.narrow .g_id_signin { display:flex; justify-content:center; margin:20px 0; }
.muted { color:var(--muted); }
.error { color:var(--err); }
.empty { padding:40px 0; text-align:center; }
.tabs { display:flex; gap:4px; flex-wrap:wrap; margin-bottom:12px; }
.tabs a { padding:6px 12px; border-radius:999px; text-decoration:none; color:var(--muted); }
.tabs a.on { background:var(--ink); color:#fff; }
.tabs .n { opacity:.7; font-size:12px; }
table.leads { width:100%; border-collapse:collapse; background:var(--card); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.leads th, .leads td { text-align:left; padding:10px 14px; border-bottom:1px solid var(--line); }
.leads th { font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--muted); background:#faf7f1; }
.leads tr:last-child td { border-bottom:0; }
.leads td a { color:var(--ink); text-decoration:none; }
.leads tr:hover td { background:#fbf8f2; }
.pill { display:inline-block; padding:2px 10px; border-radius:999px; font-size:12px; font-weight:600; background:#e9e4da; }
.pill.new { background:#fde9b8; color:#6b4c00; }
.pill.contacted { background:#d8e9f5; color:#164a6b; }
.pill.scheduled { background:#d6eee3; color:#1d5a40; }
.pill.closed, .pill.not_a_fit { background:#e9e4da; color:#5b6b70; }
.grid { display:grid; grid-template-columns: 3fr 2fr; gap:16px; align-items:start; }
@media (max-width:820px) { .grid { grid-template-columns:1fr; } }
dl { display:grid; grid-template-columns: 150px 1fr; gap:8px 12px; margin:0 0 20px; }
dt { color:var(--muted); }
dd { margin:0; }
.message { white-space:pre-wrap; margin:0; }
button { background:var(--accent); color:#fff; border:0; border-radius:8px; padding:8px 14px; font:600 14px/1 system-ui, sans-serif; cursor:pointer; }
button.secondary { background:transparent; color:var(--accent); border:1px solid var(--accent); }
button.link { background:none; color:var(--accent); padding:0; font-weight:500; }
select, textarea { font:inherit; padding:8px 10px; border:1px solid var(--line); border-radius:8px; background:#fff; }
textarea { width:100%; display:block; margin-bottom:8px; }
form.inline { display:flex; gap:8px; }
.activity { list-style:none; margin:0; padding:0; }
.activity li { padding:10px 0; border-bottom:1px solid var(--line); }
.activity li:last-child { border-bottom:0; }
.activity .meta { font-size:12px; color:var(--muted); }
.activity .note { white-space:pre-wrap; }