/*
 * Patient Edit macro-tabs separators (decisión #85, 20/05/2026).
 *
 * Pinta separadores verticales sutiles ANTES del primer tab de cada macro-grupo
 * (excepto Actividad — primero, no necesita marker). El atributo
 * `data-macro-group` lo setea patient-tabs.js cuando carga.
 */

/* Separador vertical bronze antes del primer tab de Clínico */
[role="tab"][data-macro-group="clinico"]:first-of-type,
[role="tablist"] [role="tab"][data-macro-group="clinico"] ~ [role="tab"]:not([data-macro-group="clinico"]):not([data-macro-group="cuenta"]) {
  /* no-op; el selector real lo damos abajo */
}

/* Versión robusta — pinta border-left a los tabs en boundary de grupo
   (el primero de Clínico y el primero de Cuenta).
   El boundary se detecta vía adjacent-sibling: un tab que es ::group=clinico
   precedido por un tab ::group=actividad. */
[role="tab"][data-macro-group="actividad"] + [role="tab"][data-macro-group="clinico"],
[role="tab"][data-macro-group="clinico"] + [role="tab"][data-macro-group="cuenta"] {
  border-left: 2px solid #8B6D45;
  padding-left: 14px !important;
  margin-left: 6px !important;
  position: relative;
}

/* Pequeña etiqueta de grupo (uppercase, color bronze, antes del primer tab del grupo) */
[role="tab"][data-macro-group="actividad"] + [role="tab"][data-macro-group="clinico"]::before {
  content: "Clínico";
  position: absolute;
  top: -16px;
  left: 14px;
  font-size: 8.5pt;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8B6D45;
  white-space: nowrap;
}

[role="tab"][data-macro-group="clinico"] + [role="tab"][data-macro-group="cuenta"]::before {
  content: "Cuenta";
  position: absolute;
  top: -16px;
  left: 14px;
  font-size: 8.5pt;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8B6D45;
  white-space: nowrap;
}

/* También label "Actividad" sobre el primer tab si tiene grupo actividad */
[role="tablist"] [role="tab"][data-macro-group="actividad"]:first-child::before {
  content: "Actividad";
  position: absolute;
  top: -16px;
  left: 0;
  font-size: 8.5pt;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #8B6D45;
  white-space: nowrap;
}

[role="tablist"] [role="tab"][data-macro-group="actividad"]:first-child {
  position: relative;
}

/* Espacio extra arriba de la tab bar para que entren los labels */
.fi-resource-relation-managers-content,
.fi-resource-relation-managers,
[role="tablist"]:has([data-macro-group]) {
  padding-top: 24px;
}