/* CRM-2026-06-09: style module CRM — tái dùng tokens b.lotuz.us (--primary/--warning/--danger/--card) */
#view-crm .crm-head { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; margin-bottom:12px; }
#view-crm .crm-tabs { display:flex; flex-wrap:wrap; gap:6px; }
#view-crm .crm-tab-btn { cursor:pointer; }
#view-crm .crm-tab-btn.is-active { background:var(--primary); color:var(--primary-foreground); }

#view-crm .crm-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-bottom:14px; }
#view-crm .crm-card { background:var(--card); border:1px solid rgba(255,255,255,.08); border-radius:14px; padding:16px; }
#view-crm .crm-card-warning { border-color:var(--warning); }
#view-crm .crm-card-val { font-size:28px; font-weight:700; }
#view-crm .crm-card-label { opacity:.7; font-size:13px; margin-top:4px; }

#view-crm .crm-table { width:100%; border-collapse:collapse; margin-top:8px; }
#view-crm .crm-table th, #view-crm .crm-table td { text-align:left; padding:8px 10px; border-bottom:1px solid rgba(255,255,255,.06); font-size:14px; }
#view-crm .crm-table th { opacity:.65; font-weight:600; }
#view-crm .crm-table td.num, #view-crm .crm-table th.num { text-align:right; white-space:nowrap; }
#view-crm .crm-proj-row { cursor:pointer; }
#view-crm .crm-proj-row:hover { background:var(--primary-soft); }
#view-crm .muted { opacity:.5; }
#view-crm .crm-badge-warn { background:var(--warning); color:#000; border-radius:999px; padding:1px 8px; font-size:11px; }
#view-crm .crm-row-between { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }

#view-crm .crm-grid2 { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; margin:10px 0; }
#view-crm label { display:flex; flex-direction:column; gap:4px; font-size:13px; opacity:.9; }
#view-crm .crm-detail input, #view-crm .crm-detail select { padding:8px; border-radius:8px; }
#view-crm .crm-check { flex-direction:row; align-items:center; gap:8px; }

.crm-modal-ov { position:fixed; inset:0; background:rgba(0,0,0,.55); display:flex; align-items:center; justify-content:center; z-index:9999; padding:16px; }
.crm-modal { background:var(--background,#15151c); border:1px solid rgba(255,255,255,.1); border-radius:16px; padding:20px; width:min(460px,100%); max-height:90vh; overflow:auto; }
.crm-modal h3 { margin:0 0 12px; }
.crm-form { display:flex; flex-direction:column; gap:10px; }
.crm-form label { display:flex; flex-direction:column; gap:4px; font-size:13px; }
.crm-form input, .crm-form select { padding:9px; border-radius:8px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); color:inherit; }
.crm-modal-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:6px; }

/* 2026-06-10: thông tin khách + mô tả dự án (hiển thị đánh giá khách hàng) */
#view-crm .crm-cust-info { margin:2px 0 6px; font-size:13px; opacity:.75; }
#view-crm .crm-cust-info a { color:var(--primary); text-decoration:none; }
#view-crm .crm-detail textarea { padding:8px; border-radius:8px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); color:inherit; resize:vertical; font:inherit; }
.crm-form textarea { padding:9px; border-radius:8px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.04); color:inherit; resize:vertical; font:inherit; }