/* Civitas Nexus AI CRM V3.0 · Rubrica clienti e trattative */
.nav-count{margin-left:auto;font-size:10px;font-weight:800;color:var(--secondary);background:rgba(255,255,255,.06);border-radius:999px;padding:1px 7px}
.crm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:16px}
.crm-head h1{margin:0 0 4px}
.crm-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.crm-search{position:relative;flex:1;min-width:260px}
.crm-search .icon{position:absolute;left:12px;top:11px;color:var(--muted)}
.crm-search input{width:100%;height:40px;border-radius:11px;border:1px solid var(--stroke-2);background:var(--panel);color:var(--ink);padding:0 12px 0 38px;font:inherit;outline:none}
.crm-search input:focus{border-color:var(--cyan)}
.crm-filters{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.crm-filters .chat-chip.on{background:var(--panel-2);border-color:var(--cyan);color:var(--ink)}
.crm-filters .chat-chip b{margin-left:3px}
.crm-table{border:1px solid var(--stroke);border-radius:14px;overflow:hidden;background:var(--panel)}
.crm-tr{display:grid;grid-template-columns:2.2fr 2fr 1fr 1.1fr 1.4fr 1.3fr;gap:12px;align-items:center;width:100%;padding:11px 14px;border:0;border-top:1px solid var(--stroke);background:none;color:var(--ink);font:inherit;font-size:12px;text-align:left;cursor:pointer}
.crm-tr:hover{background:rgba(18,163,221,.07)}
.crm-th{cursor:default;border-top:0;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,.03)}
.crm-th:hover{background:rgba(255,255,255,.03)}
.crm-name b{display:block;font-size:13px}.crm-name em,.crm-contact em{display:block;font-style:normal;font-size:11px;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crm-tr .muted,.crm-linked .muted{color:var(--muted)}
.crm-stat{font-style:normal;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;border:1px solid var(--stroke-2)}
.s-cliente{color:#7ee2a5;border-color:rgba(34,173,88,.45);background:rgba(34,173,88,.12)}
.s-lead{color:#8fd3f5;border-color:rgba(18,163,221,.45);background:rgba(18,163,221,.1)}
.s-ex{color:var(--muted)}
.crm-appt{color:#ffd88a;font-weight:700}
.crm-empty{border:1px dashed var(--stroke-2);border-radius:14px;padding:40px}
.modal.crm-modal{width:min(720px,100%)}
.crm-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.crm-quick a{text-decoration:none}
.crm-linked{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.crm-linked ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.crm-linked li{font-size:12px;padding:6px 8px;border:1px solid var(--stroke);border-radius:9px}
.crm-linked li span{cursor:pointer;font-weight:650}.crm-linked li span:hover{color:var(--cyan)}
.crm-linked li em{display:block;font-style:normal;font-size:10px;color:var(--muted)}
.crm-linked li.done span{text-decoration:line-through;color:var(--muted)}.crm-linked li.late em{color:#ff9a8a}
.crm-meta{font-size:10px;color:var(--muted);margin:12px 0 0}
.client-chip{display:inline-flex;padding:1px 7px;border-radius:999px;font-weight:700;color:var(--ink);background:rgba(18,163,221,.12);border:1px solid rgba(18,163,221,.35);cursor:pointer}
/* pipeline */
.crm-kpi .metric{padding:14px 16px}.crm-kpi .metric-number{font-size:20px}
.pipe{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px;overflow-x:auto;padding-bottom:10px}
.pipe-col{background:var(--panel);border:1px solid var(--stroke);border-radius:14px;display:flex;flex-direction:column;min-height:300px;transition:border-color .15s,background .15s}
.pipe-col.over{border-color:var(--cyan);background:var(--panel-2)}
.pipe-col header{padding:10px 12px;border-bottom:1px solid var(--stroke)}
.pipe-col header b{display:block;font-size:12px}.pipe-col header span{font-size:10px;color:var(--secondary)}
.pipe-vinta header{border-bottom-color:rgba(34,173,88,.5)}.pipe-vinta header b{color:#7ee2a5}
.pipe-persa header b{color:var(--muted)}
.pipe-list{padding:8px;display:grid;gap:8px;align-content:start;flex:1}
.pipe-empty{font-size:11px;color:var(--muted);text-align:center;padding:18px 0;border:1px dashed var(--stroke);border-radius:10px}
.deal-card{background:var(--panel-2);border:1px solid var(--stroke-2);border-radius:11px;padding:9px 10px;cursor:grab}
.deal-card.dragging{opacity:.5}
.deal-open{display:block;width:100%;padding:0;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.deal-open b{display:block;font-size:12px;line-height:1.3}.deal-open em{display:block;font-style:normal;font-size:11px;color:var(--secondary);margin-top:2px}
.deal-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:6px}
.deal-val{font-weight:800;font-size:13px;color:var(--ink)}
.deal-owner{font-size:10px;padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--secondary)}
.deal-close{font-size:10px;color:var(--muted);margin-top:4px}
code{font-size:11px;word-break:break-all}
:root[data-theme="light"] .crm-tr:hover{background:#eef6fc}
@media(max-width:1000px){.crm-tr{grid-template-columns:1.6fr 1.4fr 1fr;}.crm-tr>span:nth-child(n+4){display:none}}
@media(max-width:620px){.crm-tr{grid-template-columns:1fr auto}.crm-tr>span:nth-child(2){display:none}.crm-linked{grid-template-columns:1fr}}