/* Contactos y atención humana: resúmenes compactos con detalle bajo demanda. */
.lead-identity { display:grid; gap:5px; min-width:160px; }
.lead-identity .phone-link { width:max-content; padding:0; font-size:12px; }
.lead-summary-row { transition:background-color .16s ease; }
.lead-summary-row:hover { background:#fcf7fd; }

/* Estados comerciales: informativos, no botones. */
:is(#tabla-leads,#tabla-actividad) :is(.estado-badge,.commercial-badge) {
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:28px;
    padding:5px 10px;
    border:1px solid currentColor;
    border-radius:9px;
    background:#fff !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.52);
    font-size:var(--dg-text-xs, 12px);
    font-weight:750;
    line-height:1.25;
    letter-spacing:0;
    text-transform:none;
    white-space:nowrap;
}
:is(#tabla-leads,#tabla-actividad) :is(.estado-badge,.commercial-badge)::before {
    width:6px;
    height:6px;
    flex:0 0 6px;
    border-radius:50%;
    background:currentColor;
    box-shadow:0 0 0 3px color-mix(in srgb,currentColor 13%,transparent);
    content:"";
}

:is(#tabla-leads,#tabla-actividad) .estado-lead { color:#7a42a8 !important; background:#faf5fd !important; border-color:#dfc9eb; }
:is(#tabla-leads,#tabla-actividad) .estado-caliente { color:#b5246f !important; background:#fff4f9 !important; border-color:#f0c4d9; }
:is(#tabla-leads,#tabla-actividad) .estado-seguimiento { color:#3268a8 !important; background:#f3f8ff !important; border-color:#c8d9ee; }
:is(#tabla-leads,#tabla-actividad) .estado-cita { color:#7850a8 !important; background:#f7f3fc !important; border-color:#d9cdec; }
:is(#tabla-leads,#tabla-actividad) .estado-cliente { color:#24755f !important; background:#f1faf7 !important; border-color:#bfdfd5; }
:is(#tabla-leads,#tabla-actividad) .estado-archivado { color:#6c6874 !important; background:#f7f6f8 !important; border-color:#d9d6dd; }

:is(#tabla-leads,#tabla-actividad) .stage-nuevo { color:#76647f !important; background:#faf8fb !important; border-color:#ddd5e1; }
:is(#tabla-leads,#tabla-actividad) .stage-contactado { color:#3268a8 !important; background:#f3f8ff !important; border-color:#c8d9ee; }
:is(#tabla-leads,#tabla-actividad) .stage-interesado { color:#8a35ad !important; background:#fbf4fd !important; border-color:#dec5e8; }
:is(#tabla-leads,#tabla-actividad) :is(.stage-cita_propuesta,.stage-cita_agendada) { color:#226f7a !important; background:#f0fafb !important; border-color:#bfdee2; }
:is(#tabla-leads,#tabla-actividad) :is(.stage-convertido,.stage-asistio) { color:#24755f !important; background:#f1faf7 !important; border-color:#bfdfd5; }
:is(#tabla-leads,#tabla-actividad) :is(.stage-cita_cancelada,.stage-no_show) { color:#9a641d !important; background:#fff9ee !important; border-color:#ead5af; }
:is(#tabla-leads,#tabla-actividad) :is(.stage-no_convertido,.stage-no_contactar) { color:#8a5264 !important; background:#fbf5f7 !important; border-color:#e4ced6; }
:is(#tabla-leads,#tabla-actividad) .stage-escalado { color:#a43d50 !important; background:#fff4f5 !important; border-color:#edc6cc; }

/* El resumen conserva todos los datos para métricas, pero presenta solo cinco filas. */
.dashboard-activity-table tbody tr:nth-child(n+6) { display:none; }
.lead-expand { display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:7px 10px; border:1px solid #dccde4; border-radius:10px; color:#68148f; background:#fff; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.lead-expand svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; transition:transform .16s ease; }
.lead-expand[aria-expanded="true"] svg { transform:rotate(180deg); }
.lead-detail-row td { padding:0 14px 16px !important; border-top:0 !important; background:#fcf8fd; }
.lead-detail-row[hidden] { display:none; }
.lead-detail-panel { display:flex; flex-direction:column; align-items:stretch; gap:16px; padding:18px; border:1px solid #eaddec; border-radius:14px; background:#fff; }
.lead-detail-facts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; width:100%; }
.lead-detail-facts div { display:grid; gap:4px; }
.lead-detail-facts span { color:var(--text-muted); font-size:var(--dg-text-xs, 12px); font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.lead-detail-facts strong { color:var(--text-primary); font-size:12px; line-height:1.45; overflow-wrap:anywhere; }
.lead-detail-actions { display:flex; gap:9px; flex-wrap:wrap; justify-content:flex-end; }
.lead-detail-actions .btn-small { min-height:42px; display:inline-flex; align-items:center; justify-content:center; border-radius:11px; padding:9px 14px; text-decoration:none; }
.lead-detail-actions .btn-comercial { border:0; color:#fff; background:linear-gradient(110deg,#d0208d,#8619bc); box-shadow:0 7px 18px rgba(134,25,188,.16); }
.lead-detail-actions .btn-historial { color:#68148f; border:1px solid #d9c7e2; background:#fff; }
.empty .dorygin-empty-illustration { display:block; width:150px; margin:0 auto 8px; }
.empty strong,.empty span { display:block; }
.empty span { margin-top:5px; font-size:12px; }

.escalation-list { display:grid; gap:10px; }
details.escalation-card { overflow:hidden; border:1px solid var(--border-soft); border-radius:15px; background:#fff; box-shadow:0 8px 24px rgba(55,31,79,.06); }
details.escalation-card > summary { list-style:none; cursor:pointer; }
details.escalation-card > summary::-webkit-details-marker { display:none; }
details.escalation-card .escalation-card-head { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:14px; min-height:86px; padding:16px 18px; }
details.escalation-card .escalation-card-head h3 { margin:0; }
details.escalation-card .escalation-card-head span:not(.escalation-status) { color:var(--text-muted); font-size:var(--dg-text-xs, 12px); }
details.escalation-card .escalation-card-head p { overflow:hidden; margin:5px 0 0; color:var(--text-muted); font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.escalation-chevron { width:20px; height:20px; fill:none; stroke:#68148f; stroke-width:2; transition:transform .16s ease; }
details.escalation-card[open] .escalation-chevron { transform:rotate(180deg); }
details.escalation-card[open] .escalation-card-head { background:#fcf7fd; border-bottom:1px solid var(--border-soft); }
details.escalation-card .escalation-card-body,details.escalation-card .escalation-card-footer { margin-inline:18px; }
.escalation-actions .btn-resolve { border:0 !important; color:#fff !important; background:linear-gradient(110deg,#d0208d,#8619bc) !important; box-shadow:0 7px 18px rgba(134,25,188,.16); }

.result-pagination { display:flex; align-items:center; justify-content:flex-end; gap:14px; flex-wrap:wrap; padding-top:16px; }
.result-pagination > span { margin-right:auto; color:var(--text-muted); font-size:12px; }
.page-size-control { display:inline-flex; align-items:center; gap:7px; color:var(--text-muted); font-size:12px; font-weight:600; }
.page-size-control select { min-width:68px; min-height:42px; padding:7px 28px 7px 10px; border:1px solid #dccde4; border-radius:10px; color:var(--text-primary); background:#fff; font:inherit; }
.page-controls { display:inline-flex; align-items:center; gap:6px; }
.page-controls button { min-width:42px; min-height:42px; padding:7px 10px; border:1px solid #dccde4; border-radius:10px; color:#68148f; background:#fff; font:inherit; font-size:12px; font-weight:700; cursor:pointer; }
.page-controls button:hover:not(:disabled),.page-controls button:focus-visible { border-color:#bd7bd8; background:#faf1fc; }
.page-controls button:focus-visible,.page-size-control select:focus-visible { outline:2px solid #a21ac5; outline-offset:2px; }
.page-controls button.is-current { border-color:transparent; color:#fff; background:linear-gradient(110deg,#d0208d,#8619bc); }
.page-controls button:disabled { opacity:.38; cursor:not-allowed; }
.page-ellipsis { min-width:22px; text-align:center; color:var(--text-muted); }

@media(max-width:1000px){.lead-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.lead-detail-actions{justify-content:flex-start}}
@media(max-width:760px){#tabla-leads thead{display:none}#tabla-leads,.table-container,#tabla-leads tbody{display:block}#tabla-leads tr{display:grid}#tabla-leads .lead-summary-row{grid-template-columns:1fr auto;padding:12px;border-bottom:1px solid var(--border-soft)}#tabla-leads .lead-summary-row td{display:none;padding:7px 5px;border:0}#tabla-leads .lead-summary-row td:first-child,#tabla-leads .lead-summary-row td:last-child{display:block}#tabla-leads .lead-summary-row td:last-child{align-self:center}.lead-detail-row td{display:block}.lead-detail-facts{grid-template-columns:1fr}.lead-detail-actions>*{width:100%}details.escalation-card .escalation-card-head{grid-template-columns:minmax(0,1fr) auto}.escalation-chevron{grid-column:2}.escalation-status{grid-row:1;grid-column:2;align-self:start}.escalation-chevron{grid-row:2}.result-pagination{justify-content:flex-start}.result-pagination>span{width:100%;margin:0}.page-controls{max-width:100%;flex-wrap:wrap}.page-controls button{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.lead-summary-row,.lead-expand svg,.escalation-chevron{transition:none}}