.hub-nav { margin:0 10px 6px 24px; border-left:1px solid var(--border); }
.hub-nav > summary { padding:9px 12px; cursor:pointer; color:var(--text-muted); font-size:12px; }
.hub-nav .hub-subnav { width:calc(100% - 8px); margin:2px 4px; padding:9px 12px; font-size:12px; }
.hub-page { max-width:1280px; margin:0 auto; }
body:has(#playbook.active) #commandStrip, body:has(#leads.active) #commandStrip { display:none; }
.hub-page h2 { margin:0 0 8px; }
.hub-muted { color:var(--text-muted); font-size:13px; line-height:1.6; }
.hub-card,.hub-lead { background:var(--surface-0); border:1px solid var(--border); border-radius:14px; padding:20px; margin:16px 0; }
.hub-card h3,.hub-lead h3 { margin:0 0 8px; }
.hub-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:12px 0; }
.hub-privacy { padding:14px; border:1px solid var(--border); border-radius:10px; background:var(--brand-glow-soft); color:var(--text-muted); font-size:13px; line-height:1.6; }
.hub-actions input { flex:1 1 240px; }
.hub-page input,.hub-page select,.hub-page textarea { background:var(--surface-0);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px;font:inherit;min-width:0;max-width:100%; }
.hub-leads { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:14px; }
.hub-lead { margin:0;overflow-wrap:anywhere; }
.hub-lead-head { display:flex;justify-content:space-between;align-items:center;gap:10px; }
.hub-chip { border-radius:20px;padding:5px 9px;background:var(--brand-glow-soft);color:var(--brand-500);font-size:11px;white-space:nowrap; }
.hub-lead-contacts { display:flex;flex-direction:column;gap:8px;font-size:13px; }
.hub-lead-form { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px; }
.hub-lead-form label { display:flex;flex-direction:column;gap:7px;font-size:13px; }
.hub-lead-form label:has(input[type="checkbox"]) { grid-column:1/-1;flex-direction:row;align-items:center; }
.hub-page [hidden] { display:none!important; }
#playbook #playbookCard { display:block;width:100%;margin-top:20px; }
.hub-playbook-head { display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 20px;border-bottom:1px solid var(--border); }
.hub-playbook-head h3 { margin:0;font-size:16px; }
.history-photo { width:64px;height:48px;flex:0 0 64px;border:1px solid var(--border);border-radius:8px;overflow:hidden;padding:0;background:var(--surface-1);cursor:pointer; }
.history-photo img { width:100%;height:100%;object-fit:cover; }
.history-photo-empty { cursor:default;display:grid;place-items:center;color:var(--text-muted);font-size:10px;text-align:center; }
.reply-mode-explainer { margin:8px 0;color:var(--text-muted);font-size:12px;line-height:1.6; }
@media(max-width:680px){.hub-lead-form{grid-template-columns:1fr}.hub-card{padding:14px}.hub-actions>*{max-width:100%}}