/* voxy-sucursales.css — chips de marca y gestión en el listado de sucursales.
   Incluir en el layout después de voxy-ui.css. */

.chip-marca,
.chip-gestion {
	display: inline-block;
	padding: 1px 8px;
	border-radius: 11px;
	font-size: 11px;
	font-weight: 700;
	margin: 1px 2px;
	white-space: nowrap;
	line-height: 1.6;
}

/* marca: fondo sólido, texto blanco */
.chip-marca { color: #fff; background: #5B4AE8; }
.chip-marca--gac        { background: #5B4AE8; }
.chip-marca--geely      { background: #0B4EA2; }
.chip-marca--isuzu      { background: #C0392B; }
.chip-marca--volkswagen { background: #111C8E; }

/* gestión: pastel según ventas (v) / posventa (p) */
.chip-gestion { background: #eef0f4; color: #5e6977; border: 1px solid #dfe3ea; }
.chip-gestion--v { color: #1a9c74; border-color: #bfe9db; background: #f0faf6; }
.chip-gestion--p { color: #b06a00; border-color: #f3dfae; background: #fff8ec; }

/* cada marca con sus gestiones en su propia línea, con aire entre líneas */
.neg-linea {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
	padding: 2px 0;
}
.neg-linea + .neg-linea {
	margin-top: 3px;
	border-top: 1px dashed #eceaf6;
	padding-top: 5px;
}
.neg-linea .chip-marca { min-width: 78px; text-align: center; margin: 0; }
.neg-linea .chip-gestion { margin: 0; }

/* tabs activas / inactivas */
.suc-tabs { margin-bottom: 12px; }
.suc-tabs > li > a { color: #6b7280; font-weight: 600; }
.suc-tabs > li.active > a,
.suc-tabs > li.active > a:hover,
.suc-tabs > li.active > a:focus {
	color: var(--vx-indigo);
	border-top: 2px solid var(--vx-indigo);
	font-weight: 700;
}
.suc-tabs .badge { background: #eceaf6; color: #5e6977; margin-left: 4px; }
.suc-tabs > li.active .badge { background: var(--vx-indigo); color: #fff; }