.comptaportal-kpi{display:inline-block;min-width:180px;padding:16px;margin:6px;border:1px solid #ddd;border-radius:6px}
.comptaportal-kpi strong{font-size:1.8em;display:block}

/* ================= ComptaPortal UI — design module (scoped .cp-ui) ================= */
.cp-ui{--cp-primary:#2563eb;--cp-ink:#0f172a;--cp-muted:#64748b}
.cp-cards{display:flex;flex-wrap:wrap;gap:14px;margin:6px 0 20px}
.cp-card{flex:1 1 180px;min-width:168px;background:#fff;border:1px solid #e6e9ef;border-radius:14px;padding:16px 18px;box-shadow:0 1px 2px rgba(16,24,40,.06);position:relative;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease}
.cp-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,24,40,.10)}
.cp-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--cp-primary)}
.cp-card .cp-card-ico{float:right;font-size:1.6em;opacity:.22;margin-top:2px}
.cp-card .cp-card-val{font-size:2em;font-weight:700;line-height:1.1;color:var(--cp-ink)}
.cp-card .cp-card-lbl{color:var(--cp-muted);font-size:.9em;margin-top:3px}
.cp-card--blue::before{background:#2563eb}.cp-card--red::before{background:#dc2626}
.cp-card--green::before{background:#16a34a}.cp-card--amber::before{background:#d97706}
.cp-card--red .cp-card-val{color:#dc2626}
.cp-filter{background:#f8fafc;border:1px solid #e6e9ef;border-radius:12px;padding:10px 14px;margin-bottom:14px;display:inline-block}
.cp-table{border-collapse:separate;border-spacing:0;border:1px solid #e6e9ef;border-radius:12px;overflow:hidden}
.cp-table tr.liste_titre td,.cp-table tr.liste_titre th{background:#f1f5f9!important}
.cp-table tr.oddeven:hover td{background:#eff6ff!important}
.cp-badge{display:inline-block;padding:2px 11px;border-radius:999px;font-size:.8em;font-weight:600;line-height:1.7;white-space:nowrap}
.cp-badge--ok{background:#dcfce7;color:#166534}
.cp-badge--ko{background:#fee2e2;color:#991b1b}
.cp-badge--warn{background:#fef3c7;color:#92400e}