/* ══════════════════════════════════════
   CRM — css/crm.css
══════════════════════════════════════ */
.crm-page { padding:20px; }
.crm-toolbar { display:flex; align-items:center; gap:10px; margin-bottom:16px; flex-wrap:wrap; }
.crm-search { flex:1; min-width:180px; max-width:300px; background:var(--s1); border:1px solid var(--b2); border-radius:10px; padding:9px 13px; display:flex; align-items:center; gap:7px; }
.crm-search input { background:transparent; border:none; outline:none; font-size:13px; color:var(--t); flex:1; width:100%; }
.crm-search input::placeholder { color:var(--m); }
.crm-filters { display:flex; gap:6px; flex-wrap:wrap; }
.crm-filter { font-size:11px; font-weight:600; padding:6px 13px; border-radius:8px; cursor:pointer; border:1px solid var(--b2); color:var(--m2); background:var(--s1); transition:all .15s; }
.crm-filter.active { background:var(--bd); color:var(--blue); border-color:rgba(59,142,255,.3); }
.crm-stats-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:12px; margin-bottom:20px; }
.crm-stat-card { background:var(--s1); border:1px solid var(--b); border-radius:var(--r-md); padding:16px; position:relative; overflow:hidden; transition:transform .2s; }
.crm-stat-card:hover { transform:translateY(-2px); border-color:var(--b2); }
.crm-stat-card::before { content:''; position:absolute; top:0; left:0; width:3px; height:100%; background:var(--m); }
.crm-stat-card.blue::before   { background:var(--blue); }
.crm-stat-card.amber::before  { background:var(--amber); }
.crm-stat-card.green::before  { background:var(--green); }
.crm-stat-card.purple::before { background:var(--purple); }

.csc-label { font-size:10px; font-weight:700; color:var(--m2); text-transform:uppercase; letter-spacing:.05em; margin-bottom:6px; }
.csc-val   { font-size:22px; font-weight:900; letter-spacing:-.5px; font-family:var(--mo); }
.csc-val.blue  { color:var(--blue); }
.csc-val.amber { color:var(--amber); }
.csc-val.green { color:var(--green); }
.csc-val.purple{ color:var(--purple); }
.csc-sub   { font-size:10px; color:var(--m); margin-top:4px; }

.crm-table { background:var(--s1); border:1px solid var(--b); border-radius:var(--r-lg); overflow:hidden; }
.crm-thead { display:grid; grid-template-columns:1.8fr 1.2fr 1fr 80px .8fr 100px 100px; padding:12px 16px; border-bottom:1px solid var(--b); font-size:10px; font-weight:700; color:var(--m2); text-transform:uppercase; letter-spacing:.08em; font-family:var(--mo); }
.crm-row { display:grid; grid-template-columns:1.8fr 1.2fr 1fr 80px .8fr 100px 100px; padding:12px 16px; border-bottom:1px solid var(--b); align-items:center; cursor:pointer; transition:background .15s; }
.crm-row:hover { background:rgba(255,255,255,.02); }
.crm-row:last-child { border-bottom:none; }

.cr-patient { display:flex; align-items:center; gap:10px; }
.cr-avatar { width:32px; height:32px; border-radius:10px; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; color:#fff; flex-shrink:0; font-family:var(--mo); }
.cr-name  { font-size:13px; font-weight:700; color:var(--t); }
.cr-since { font-size:11px; color:var(--m2); }
.cr-cell  { font-size:12px; color:var(--m3); }
.cr-cell.blue  { color:var(--blue); font-family:var(--mo); }
.cr-cell.green { color:var(--green); font-family:var(--mo); }

.cr-actions { display:flex; gap:6px; justify-content:flex-end; }
.cr-act-btn { width:28px; height:28px; border-radius:8px; background:var(--s2); border:1px solid var(--b2); display:flex; align-items:center; justify-content:center; font-size:12px; cursor:pointer; transition:all .15s; color:var(--t); outline:none; }
.cr-act-btn:hover { background:var(--s3); border-color:var(--blue); transform:scale(1.05); }
.cr-act-btn.delete:hover { border-color:var(--red); color:var(--red); }