/* ==============================
   COMPANY CONTACTS
================================ */

/* CONTACTS – MATCH ADDRESS */
.contact-item {
  padding: 0;
}

.contact-view {
  padding: 10px 0;
  width: 100%; /* 👈 CLAVE */
}

.contact-view + .contact-view {
  border-top: 1px solid #e5e7eb;
  margin-top: 10px;
  padding-top: 14px;
}

/* ------------------------------
   VIEW MODE
------------------------------ */
/* VIEW MODE */
.contact-view {
  padding: 10px 0;
}

.contact-disabled {
  opacity: 0.5;
}

.contact-view + .contact-view {
  border-top: 1px solid #e5e7eb;
  margin-top: 10px;
  padding-top: 14px;
}

/* HEADER: PRINCIPAL + ACTIONS */
.contact-header {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  width: 100%; /* 👈 CLAVE */
}

/* TITLE (Principal / Secondary) */
.contact-title {
  font-size: 13px;
}

/* ACTIONS (igual que address-actions) */
.contact-actions {
  margin-left: auto; /* empuja Edit al borde derecho */
  display: flex;
  gap: 6px;
}

/* PRINCIPAL */
.badge-principal {
  background: #fef3c7;
  color: #92400e;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.badge-principal::before {
  content: '⭐';
}

/* SECONDARY */
.badge-secondary {
  background: #e5e7eb;
  color: #374151;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
}

/* MAIN INFO */
.contact-main {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

/* CONTACT INFO */
.contact-main strong {
  font-size: 14px;
  color: #111827;
}

.contact-line {
  font-size: 13px;
  color: #6b7280;
}

/* DISABLED (igual que address-disabled) */
.contact-disabled {
  opacity: 0.5;
}

.contact-disabled .contact-main {
  pointer-events: none;
}

.contact-disabled .global-btn-edit {
  opacity: 0.6;
}

/* ------------------------------
   EDIT MODE
------------------------------ */
.contact-edit {
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* HEADER EDIT: PRINCIPAL + SAVE | DELETE | CANCEL */
.contact-edit .contact-header {
  margin-bottom: 6px;
}

.contact-edit label {
  font-size: 12px;
  color: #374151;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.contact-edit input {
  padding: 6px 8px;
  border-radius: 6px;
  border: 1px solid #d1d5db;
  font-size: 13px;
}

/* SWITCHES INLINE */
.contact-switches-inline {
  display: flex;
  gap: 16px;
  margin-top: 6px;
}

.switch-inline {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
}

/* EMPTY STATE */
#companyContactsList .hint {
  font-size: 13px;
  color: #6b7280;
  padding: 12px;
}

/* EDIT MODE */
.contact-edit {
  padding: 10px 0;
}

.contact-edit + .contact-edit {
  border-top: 1px solid #e5e7eb;
  margin-top: 10px;
  padding-top: 14px;
}

/* Switches inline (reusa el mismo patrón) */
.contact-switches-inline {
  display: flex;
  gap: 24px;
  margin-top: 12px;
}

/* Ajuste fino switch */
.contact-switches-inline .switch {
  transform: translateY(7px);
}