/* AlSaeb CRM — Redesign: Sales / Leads (modern clean) — v2 */
:root{ --rd-ease: cubic-bezier(.22,.61,.36,1); --rd-radius:18px; }
@keyframes rdRise{ from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:none} }
@keyframes rdShimmer{ 0%{background-position:-480px 0} 100%{background-position:480px 0} }
#leads-table-wrap{ border-radius:var(--rd-radius)!important; border:1px solid var(--color-divider,#EAECF0)!important; box-shadow:0 8px 26px rgba(37,99,235,.08),0 2px 6px rgba(16,24,40,.05)!important; animation:rdRise .35s var(--rd-ease) both; }
#leads-table-wrap thead th{ background:var(--color-bg,#F7F8FB)!important; color:var(--color-text-muted,#667085)!important; font-size:12px!important; font-weight:700!important; letter-spacing:.3px; padding:15px 16px!important; border-bottom:1px solid var(--color-divider,#EAECF0)!important; box-shadow:none!important; white-space:nowrap; }
#leads-body td{ padding:17px 16px!important; font-variant-numeric:tabular-nums; border-bottom:1px solid var(--color-divider,#EAECF0)!important; }
#leads-body tr{ animation:rdRise .4s var(--rd-ease) both; transition:background-color .15s var(--rd-ease),box-shadow .18s var(--rd-ease); }
#leads-body tr:nth-child(even){ background:transparent!important; }
#leads-body tr:hover{ background:linear-gradient(270deg,rgba(37,99,235,.07),rgba(37,99,235,.02))!important; box-shadow:inset 4px 0 0 var(--color-primary,#2563EB)!important; }
#leads-body tr:last-child td{ border-bottom:none!important; }
#leads-body tr:nth-child(1){animation-delay:.02s}#leads-body tr:nth-child(2){animation-delay:.05s}#leads-body tr:nth-child(3){animation-delay:.08s}#leads-body tr:nth-child(4){animation-delay:.11s}#leads-body tr:nth-child(5){animation-delay:.14s}#leads-body tr:nth-child(6){animation-delay:.17s}#leads-body tr:nth-child(7){animation-delay:.20s}#leads-body tr:nth-child(8){animation-delay:.23s}#leads-body tr:nth-child(9){animation-delay:.26s}#leads-body tr:nth-child(10){animation-delay:.29s}#leads-body tr:nth-child(11){animation-delay:.32s}#leads-body tr:nth-child(12){animation-delay:.35s}#leads-body tr:nth-child(13){animation-delay:.38s}#leads-body tr:nth-child(14){animation-delay:.41s}
#leads-body .chip,#leads-kanban .chip,#leads-body [class*="status-"],#leads-kanban [class*="status-"]{ border-radius:999px!important; padding:6px 13px!important; font-weight:700!important; font-size:12.5px!important; display:inline-flex!important; align-items:center; gap:7px; line-height:1!important; border:1px solid transparent!important; }
#leads-body .chip::before,#leads-kanban .chip::before{ content:""; width:7px; height:7px; border-radius:50%; background:currentColor; flex:0 0 auto; }
#leads-body .status-new,#leads-kanban .status-new{ background:rgba(37,99,235,.12)!important; color:#1D4ED8!important; border-color:rgba(37,99,235,.22)!important; }
#leads-body .status-contacted,#leads-kanban .status-contacted{ background:rgba(124,58,237,.12)!important; color:#6D28D9!important; border-color:rgba(124,58,237,.22)!important; }
#leads-body .status-interested,#leads-kanban .status-interested{ background:rgba(8,145,178,.12)!important; color:#0E7490!important; border-color:rgba(8,145,178,.22)!important; }
#leads-body .status-meeting_set,#leads-kanban .status-meeting_set{ background:rgba(234,88,12,.12)!important; color:#C2410C!important; border-color:rgba(234,88,12,.22)!important; }
#leads-body .status-negotiation,#leads-kanban .status-negotiation{ background:rgba(217,119,6,.14)!important; color:#B45309!important; border-color:rgba(217,119,6,.24)!important; }
#leads-body .status-closed_won,#leads-kanban .status-closed_won{ background:rgba(16,185,129,.14)!important; color:#047857!important; border-color:rgba(16,185,129,.26)!important; }
#leads-body .status-closed_lost,#leads-kanban .status-closed_lost{ background:rgba(225,29,72,.12)!important; color:#BE123C!important; border-color:rgba(225,29,72,.22)!important; }
#leads-body .status-no_answer,#leads-kanban .status-no_answer{ background:rgba(100,116,139,.14)!important; color:#475569!important; border-color:rgba(100,116,139,.24)!important; }
#leads-body .status-rejected,#leads-kanban .status-rejected{ background:rgba(225,29,72,.09)!important; color:#9F1239!important; border-color:rgba(225,29,72,.18)!important; }
#leads-body tr td:last-child .btn{ opacity:.5; transition:opacity .15s,transform .15s var(--rd-ease); }
#leads-body tr:hover td:last-child .btn{ opacity:1; }
#leads-body tr td:last-child .btn:hover{ transform:translateY(-1px); }
.kanban-board{ gap:14px!important; }
.kanban-column{ background:var(--color-bg,#F7F8FB)!important; border:1px solid var(--color-divider,#EAECF0)!important; border-radius:16px!important; overflow:hidden; }
.kanban-column-header{ padding:13px 14px!important; }
.kanban-column-count{ background:rgba(37,99,235,.12)!important; color:var(--color-primary,#2563EB)!important; border-radius:999px!important; padding:2px 10px!important; font-weight:800!important; }
.kanban-card{ border-radius:13px!important; border:1px solid var(--color-divider,#EAECF0)!important; box-shadow:0 1px 2px rgba(16,24,40,.05),0 1px 3px rgba(16,24,40,.06)!important; transition:transform .18s var(--rd-ease),box-shadow .2s var(--rd-ease),border-color .18s!important; }
.kanban-card:hover{ transform:translateY(-3px)!important; box-shadow:0 14px 38px rgba(37,99,235,.14),0 4px 12px rgba(16,24,40,.06)!important; border-color:rgba(37,99,235,.32)!important; }
#leads-total-badge{ box-shadow:0 1px 2px rgba(16,24,40,.06)!important; border:1px solid rgba(37,99,235,.18)!important; }
.rd-skeleton{ background:linear-gradient(90deg,var(--color-bg) 25%,rgba(0,0,0,.05) 37%,var(--color-bg) 63%); background-size:960px 100%; animation:rdShimmer 1.4s linear infinite; border-radius:8px; }
@media (prefers-reduced-motion: reduce){ #leads-body tr,.kanban-card,#leads-table-wrap{ animation:none!important; } }