diff --git a/docs/crm.html b/docs/crm.html index 89919f4..087be7b 100644 --- a/docs/crm.html +++ b/docs/crm.html @@ -37,12 +37,20 @@ body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);displ .main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0} .scroll{flex:1;overflow-y:auto;padding:24px 28px} /* Dashboard */ -.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px} -.kpi{background:var(--white);border:1.5px solid var(--border);border-radius:14px;padding:20px} -.kpi-v{font-family:'Montserrat';font-weight:800;font-size:30px;color:var(--ink);letter-spacing:-1px} -.kpi-l{font-size:12px;color:var(--muted);margin-top:4px} -.kpi-sub{font-size:11px;color:var(--primary);font-weight:600;margin-top:6px} -.sec-h{font-family:'Montserrat';font-weight:800;font-size:18px;color:var(--ink);margin-bottom:14px} +.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px} +.kpi{background:var(--white);border:1.5px solid var(--border);border-radius:10px;padding:13px 16px} +.kpi-v{font-family:'Montserrat';font-weight:800;font-size:23px;color:var(--ink);letter-spacing:-.5px;line-height:1.1} +.kpi-l{font-size:11px;color:var(--muted);margin-top:3px} +.kpi-sub{font-size:10.5px;color:var(--primary);font-weight:600;margin-top:4px} +.sec-h{font-family:'Montserrat';font-weight:800;font-size:15px;color:var(--ink);margin-bottom:9px;margin-top:6px} +.cl-row{display:flex;align-items:center;gap:12px;cursor:pointer;padding:10px 14px;border-top:1px solid var(--bg)} +.cl-row:first-child{border-top:none} +.cl-row:hover{background:#FAFBFC} +.mini-chip{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;white-space:nowrap;display:inline-block} +.tbl{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:0;margin-bottom:14px;overflow:hidden} +.tbl-row{display:flex;align-items:center;gap:12px;cursor:pointer;padding:9px 14px;border-top:1px solid var(--bg)} +.tbl-row:first-child{border-top:none} +.tbl-row:hover{background:#FAFBFC} /* Pipeline kanban */ .kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;align-items:flex-start} .kcol{flex:1;min-width:200px;background:#eef0f3;border-radius:12px;padding:10px} @@ -191,7 +199,7 @@ function renderDashboard(){ ${renderRevenueChart()} ${renderUpcomingTasks()}