/* Clientes: estilos propios del módulo */
.badge-contact-empresa{background:#e3e8b9;color:#596515}
.badge-contact-autonomo{background:#c9def0;color:#1c628d}
.badge-contact-particular{background:#d7e9df;color:#3f725f}
.clientes-table .contact-type-cell .badge{font-size:var(--text-xs);line-height:1.15;padding:2px 8px}
[data-theme="dark"] .badge-contact-empresa{background:#454b27;color:#d5df72}
[data-theme="dark"] .badge-contact-autonomo{background:#2b465b;color:#7db9e3}
[data-theme="dark"] .badge-contact-particular{background:#304941;color:#91c9b5}
.contact-detail-edit-action{margin-bottom:var(--space-5)}
.contact-detail-edit-action .btn{width:100%;justify-content:center}
.contact-phone-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--space-2);max-width:100%}
.contact-phone-link{color:var(--color-text);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-text-muted) 55%,transparent);text-underline-offset:3px}
.contact-phone-link:hover{color:var(--color-action-blue);text-decoration-color:currentColor}
.contact-email-link{color:var(--color-action-blue);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-action-blue) 55%,transparent);text-underline-offset:3px;overflow-wrap:anywhere}
.contact-email-link:hover{color:var(--color-action-blue-hover);text-decoration-color:currentColor}
.contact-whatsapp-link{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;border:1px solid color-mix(in srgb,#25d366 55%,var(--color-border));border-radius:var(--radius-full);color:#20b957;background:color-mix(in srgb,#25d366 10%,transparent)}
.contact-whatsapp-link:hover{color:#fff;background:#20b957;border-color:#20b957}
.contact-whatsapp-link i{width:15px;height:15px}
.contact-phone-empty{cursor:text;color:var(--color-text-muted)}
.contact-phone-empty:hover{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}

/* Clientes: incidencias de duplicados y datos fiscales */
.clientes-issues-card{
  border:1px solid color-mix(in srgb, var(--color-warning) 32%, var(--color-border));
  background:color-mix(in srgb, var(--color-warning) 7%, var(--color-surface));
  border-radius:var(--radius-lg);
  padding:var(--space-3) var(--space-4);
  margin-bottom:var(--space-4);
  box-shadow:var(--shadow-sm);
}
.clientes-issues-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3);
  margin-bottom:var(--space-2);
}
.clientes-issues-header strong{
  font-size:var(--text-sm);
  color:var(--color-text);
}
.clientes-issues-header span,
.clientes-issues-extra{
  font-size:var(--text-xs);
  color:var(--color-text-muted);
}
.clientes-issues-list{
  display:grid;
  gap:var(--space-2);
}
.clientes-issue-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr) minmax(260px,auto);
  align-items:center;
  gap:var(--space-2);
  border-top:1px solid color-mix(in srgb, var(--color-warning) 18%, var(--color-border));
  padding-top:var(--space-2);
}
.clientes-issue-row div{min-width:0}
.clientes-issue-row span{
  display:block;
  font-size:var(--text-sm);
  font-weight:650;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.clientes-issue-row small{
  display:block;
  font-size:11px;
  color:var(--color-text-muted);
}
.clientes-issue-row em{
  font-size:11px;
  color:var(--color-text-muted);
  font-style:normal;
}
.clientes-issue-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:var(--space-1);
  flex-wrap:wrap;
}

/* Clientes: ajustes responsive */
/* Contadores compactos de activos en clientes */
.contact-active-mobile{display:none}
.contact-active-budget,
.contact-active-presupuesto{color:var(--color-blue)}
.contact-active-repair,
.contact-active-reparacion{color:var(--color-orange)}
.contact-active-maint,
.contact-active-contrato{color:var(--color-success)}
.contact-active-empty{color:var(--color-text-faint)}
@media (max-width: 767px) {
  .clientes-table tr { grid-template-columns: minmax(0,1fr) auto; }
  .clientes-table td:nth-child(1) { grid-column: 1 / 2; grid-row: 1; }
  .clientes-table td:nth-child(2) { grid-column: 1 / 2; grid-row: 2; color: var(--color-text-muted); }
  .clientes-table td:nth-child(3) { grid-column: 2 / 3; grid-row: 1; text-align: right !important; color: var(--color-text-muted); align-self:end; margin-bottom:-4px; }
  .clientes-table td:nth-child(4) { grid-column: 2 / 3; grid-row: 2; text-align: right !important; align-self:start; margin-top:-4px; }
  .clientes-table td:nth-child(5) { display:none !important; }
  .clientes-table .contact-active-desktop{display:none!important}
  .clientes-table .contact-active-mobile{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-weight:800;font-size:12px;line-height:1}
  .clientes-table .contact-active-num{min-width:9px;text-align:right}
  .clientes-table .contact-type-cell .badge{background:transparent!important;border:0!important;padding:0!important;font-size:11px;line-height:1.1;box-shadow:none!important}
  .clientes-table .contact-type-cell .badge .dot{width:5px;height:5px}
}
@media(max-width:767px){
  .clientes-issues-header{align-items:flex-start;flex-direction:column;gap:2px}
  .clientes-issue-row{
    grid-template-columns:1fr 1fr;
    align-items:start;
  }
  .clientes-issue-row em{grid-column:1 / -1}
  .clientes-issue-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}
  .clientes-issue-row .btn{width:100%;justify-content:center}
}
@media (max-width:768px){
  .clientes-table .contact-type-cell .badge{font-size:11px;line-height:1.1;padding:0!important}
}

@media (max-width:767px){
  #view-contactos .module-primary-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  #view-contactos .module-primary-actions .btn{width:100%;min-width:0;justify-content:center}
  .module-primary-actions .contactos-facturas-btn{width:auto;justify-content:center;margin-left:0}
  #view-contactos .filter-bar{justify-content:center}
}
