:root { color-scheme: light; --lead-bg:#f5f6f8;--lead-card:#fff;--lead-text:#20242c;--lead-muted:#667085;--lead-line:#e0e4ec;--lead-purple:#7800ab;--lead-teal:#007f83; }
html[data-theme="dark"] { color-scheme:dark; --lead-bg:#121519;--lead-card:#1b2027;--lead-text:#f4f6fa;--lead-muted:#aeb7c6;--lead-line:#35404d;--lead-purple:#d9a7f2;--lead-teal:#5ce1db; }
body.leads-page { margin:0; background:var(--lead-bg);color:var(--lead-text);font-family:inherit;font-size:14px; }
.leads-page * { box-sizing:border-box; }
.leads-page header { padding:16px 24px;border-bottom:1px solid var(--lead-line);display:flex;align-items:center;gap:16px;background:var(--lead-card); }
.leads-page h1 { margin:0;font-size:20px;color:var(--lead-purple); }
.leads-page main { max-width:1160px;margin:auto;padding:20px; }
.leads-page .lead-toolbar { display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:16px; }
.leads-page button,.leads-page select,.leads-page a { font:inherit;color:var(--lead-purple); }
.leads-page button { border:1px solid var(--lead-line);padding:7px 12px;background:var(--lead-card);border-radius:7px;cursor:pointer; }
.leads-page button:focus-visible { outline:2px solid var(--lead-teal);outline-offset:2px; }
.leads-page article { background:var(--lead-card);border:1px solid var(--lead-line);border-radius:10px;padding:16px;margin:12px 0; }
.leads-page article h2 { margin:0 0 8px;font-size:16px; }
.leads-page article p { margin:5px 0; }
.leads-page .muted { color:var(--lead-muted); }
.leads-page .lead-meta { display:flex;gap:12px;flex-wrap:wrap;margin:10px 0;color:var(--lead-muted); }
.leads-page .lead-actions { display:flex;gap:8px;flex-wrap:wrap;margin-top:12px; }
.leads-page details { margin-top:10px; }
.leads-page summary { cursor:pointer;color:var(--lead-teal); }
.leads-page pre { overflow:auto;max-height:300px;white-space:pre-wrap;direction:ltr;text-align:left;font-family:inherit;font-size:12px; }
.leads-page [role="status"] { min-height:22px;color:var(--lead-muted); }
.leads-page .error { color:#c43d59; }
@media(max-width:640px) { .leads-page header{padding:12px;gap:10px;flex-wrap:wrap}.leads-page main{padding:12px}.leads-page h1{font-size:18px}.leads-page article{padding:12px} }