.les-crm-wrap { max-width: 1500px; }
.les-kpis { display:grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap:14px; margin:20px 0; }
.les-kpi { background:#fff; border:1px solid #dcdcde; border-left:5px solid #2563eb; padding:16px; border-radius:8px; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.les-kpi span { display:block; color:#64748b; font-size:13px; margin-bottom:8px; }
.les-kpi strong { display:block; color:#0f172a; font-size:32px; line-height:1; }
.les-kpi.danger { border-left-color:#dc2626; }
.les-kpi.warning { border-left-color:#f59e0b; }
.les-kpi.info { border-left-color:#7c3aed; }
.les-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(360px,1fr)); gap:18px; margin:18px 0; align-items:start; }
.les-edit-grid { grid-template-columns: repeat(auto-fit,minmax(430px,1fr)); }
.les-card { background:#fff; border:1px solid #dcdcde; border-radius:8px; padding:18px; margin:18px 0; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.les-card h2 { margin-top:0; }
.les-inline-form { display:flex; flex-wrap:wrap; gap:10px; align-items:end; }
.les-filters { display:flex; flex-wrap:wrap; gap:10px; align-items:center; background:#fff; border:1px solid #dcdcde; padding:12px; margin:16px 0; border-radius:8px; }
.les-filters input[type="search"] { min-width:260px; }
.les-edit-form label, .les-card label { display:block; margin:12px 0; font-weight:600; }
.les-edit-form input[type="text"], .les-edit-form input[type="email"], .les-edit-form input[type="url"], .les-edit-form input[type="date"], .les-edit-form input[type="number"], .les-edit-form select, .les-edit-form textarea,
.les-card input[type="text"], .les-card input[type="email"], .les-card input[type="number"], .les-card select, .les-card textarea { width:100%; max-width:100%; margin-top:5px; }
.les-two { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.les-link-row { display:grid; grid-template-columns: 1.2fr 1fr; gap:10px; margin-bottom:10px; }
.les-recipient-checks { display:grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap:2px 12px; margin:12px 0; }
.les-status { border-left:5px solid #94a3b8; padding-left:8px; font-weight:600; white-space:nowrap; }
.les-dot { display:inline-block; width:10px; height:10px; border-radius:99px; margin-right:8px; vertical-align:middle; }
.les-overdue { color:#b91c1c; font-weight:700; }
.les-table td { vertical-align:top; }
.les-login-box { max-width:420px; margin:60px auto; background:#fff; border:1px solid #dcdcde; border-radius:12px; padding:28px; box-shadow:0 8px 24px rgba(15,23,42,.08); }
.les-login-box h2 { margin-top:0; }
@media (max-width: 782px) {
  .les-two, .les-link-row { grid-template-columns:1fr; }
  .les-grid { grid-template-columns:1fr; }
}